body
{
	background-color:white;
}

/*
couleur dispo
gris #758DA0;
bleu fonce #4B96CD;
bleu moyen #A3CCEA;
bleu leger #CBE1F3;
bleu clair #E1EDF8;
*/

/*
class generale
*/
.clear
{
clear:both;
}

/* reglage generaux  */ 
* 
{
  font-family:'Helvetica','Arial','Sans-serif';
  font-size:12px;
}

img
{
margin:0px;
padding:0px;
}
a img
{
  border-width:0px;
  border-style:none;
}

body
{
 margin:0px;
   padding: 10px 0px 10px 15px;
   /*background-color:#FF3355;*/
}

form
{
  margin:0px;
  padding:0px;
}

fieldset
{
  margin:0px;
  padding:0px;
  border-width:0px;
  border-style:none;

}
/**** none nav****/
#zone_nav
{
  float:left;
  width:195px;
  font-size:0px;
  margin:0px;
  padding:0px;
  border-width:0px;
 
}

#logo
{
  width:195px;
  height:144px;
  margin:0px 0px 8px 0px;
  padding:0px;
  border-width:0px;
  border-style:none;
 
}
#logo a:hover
{
text-decoration:none;
font-size:0px;
}

#zone_nav .separateur
{
padding:0px;
font-size:0px;
margin:0px;
height:5px;
background-color: #E1EDF8;

}
#img_top img
{
border:0px none;
}
/* Menu gamme */
#menu_gamme
{
  margin:8px 0px 5px 0px;

}
#zone_nav h3
{
text-transform:uppercase;
padding:0px 0px 0px 5px;
margin:0px;
background-color: #4B96CD;
height:20px;
color: #A3CCEA;
font-size:12px;
font-weight:normal;
line-height:20px;
}
#zone_nav ul
{
  margin:0px;
  padding:0px;

}
#fond_mg
{
  position:relative;
  margin:0px;
  background-color:#E1EDF8;
  padding:0px;
  height:483px;
}
#zone_nav li
{
  padding:0px;
  margin:2px 0px 0px 0px;
  list-style-type:none;
  list-style-position:outside;
  font-size:11px;
  line-height:20px;
}

#zone_nav a
{
  text-decoration:none;
  display:block;
  height:20px;
  font-weight:bold;
  vertical-align:middle;
  width: 180px;
}



#zone_nav a:hover
{
  background:#4B96CD url(/elmts/itf/fleche_bf.gif) no-repeat 0px 0px;
  color: #A3CCEA; 
}

#menu_gamme li a
{
 
 padding:0px 0px 0px 15px;
 background:#A3CCEA url(/elmts/itf/fleche_bc_fine.gif) no-repeat 0px 0px;
 color: #FFFFFF;
 font-size:11px;
 text-transform:uppercase;
 line-height:20px;
}
#menu_gamme li a.active,#menu_gamme li a:hover.active
{
 
 padding:0px 0px 0px 15px;
 background:#A3CCEA url(/elmts/itf/fleche_bcv_fine.gif) no-repeat 0px 0px;
 color: #FFFFFF;
 font-size:11px;
 text-transform:uppercase;
 line-height:20px;
}



#menu_gamme li ul
{
  
}
#menu_gamme li ul li a
{
  padding:0px;
  width:195px;
  text-indent:5px;
  background:#CBE1F3;
  color:#758DA0;
  font-size:11px;
  text-transform:none;
  height:auto;
 
}
#menu_gamme li ul li a:hover,#menu_gamme li ul li a.cliquer:hover
{
  background:#A3CCEA;
  color: #FFFFFF; 
}
#menu_gamme li ul li a.cliquer
{
  background:#E1EDF8;
  color: #758DA0;
}
#menu_gamme .vide
{
background-color:#CBE1F3;
z-index:0;
}

#main_menu
{
z-index:200;
position:absolute;
top:0px;
left:0px;
}


/***test menu css***


#menu_gamme li a
{
 
 padding:0px 0px 0px 15px;
 background:#A3CCEA url(/elmts/itf/fleche_bc_fine.gif) no-repeat 0px 0px;
 color: #FFFFFF;
 font-size:11px;
 text-transform:uppercase;
 line-height:20px;
}
#menu_gamme li a.active,#menu_gamme li a:hover.active
{
 
 padding:0px 0px 0px 15px;
 background:#A3CCEA url(/elmts/itf/fleche_bcv_fine.gif) no-repeat 0px 0px;
 color: #FFFFFF;
 font-size:11px;
 text-transform:uppercase;
 line-height:20px;
}



#menu_gamme li ul
{
  
}
#menu_gamme li ul li a
{
  padding:0px;
  width:195px;
  text-indent:5px;
  background:#CBE1F3;
  color:#758DA0;
  font-size:11px;
  text-transform:none;
 
}
#menu_gamme li ul li a:hover,#menu_gamme li ul li a.cliquer:hover
{
  background:#A3CCEA;
  color: #FFFFFF; 
}
#menu_gamme li ul li a.cliquer
{
  background:#E1EDF8;
  color: #758DA0;
}
#menu_gamme .vide
{
background-color:#CBE1F3;
z-index:0;
}

#main_menu_ul .a_hover .div_span
{
display:none;
border:1px solid red;
}

#main_menu_ul .a_hover
{
cursor:pointer;
position:relative;
border:1px solid green;
}

#main_menu_ul .div_span
{
display:none;
font-size:0px;
padding:0px;
margin:0px;
}

#main_menu_ul .a_hover:hover .div_span
{
display:block;
position:absolute;
background:#E1EDF8;
margin-left:-15px;
z-index:1;
}

#main_menu_ul
{
z-index:200;
position:absolute;
top:0px;
left:0px;
}

/***test menu css***/


#menu_vide
{
top:198px;
position:absolute;
left:0px;
width:195px;
z-index:0;
}
/* zone contenu*/
#zone_content
{
  margin-left:205px;
  width: 570px;
  /*
   float:left;
   margin-left:10px;
  */
  
}
#zone_content ul
{
  padding:0px;
  margin:0px 0px 0px 17px;
}	
#zone_content ul li 
{
list-style-position:outside;
}

#search 
{
float:right;
font-size:11px; 
color: #758DA0;
width: 180px;
height:139px;
border-top: 5px solid  #E1EDF8;
text-align:left;

}

#search a 
{
  font-size:11px;
  text-decoration:none;
  color: #758DA0;
  text-transform:uppercase;
  
}

#search input
{
  width:148px;
  height:16px;
  vertical-align:middle;
  font-size:10px;
  color: #A3CCEA;
  text-align:left;
  border:1px solid #A3CCEA;
  line-height:12px;
  margin-bottom:3px;
}
* > #search input 
{
 line-height:16px;
}

#search p
{
margin:10px 0px 5px 0px;
}
#search .input_ok
{
  width:23px;
  height:18px;
  vertical-align:middle;
  border:0px none #FFFFFF;
}

#search ul
{
  margin:3px 0px 0px 0px;
  padding:0px;
  
}

#search li
{
  margin:0px 0px 0px 20px;
  padding:0px;
  height:14px;
}

#search a:hover
{
  text-decoration:underline;
  
}

#img_top
{
  height:144px;
  margin:0px 0px 8px 0px;
  width: 380px;
}

#zone_content .separateur
{
  font-size:0px;
  margin:0px;
  height:5px;
  background-color: #E1EDF8;
  width:570px;
}
#image_conseil
{
width:195px;
height:265px;
margin:2px 0px;
background-color: #E1EDF8;
}


#menu_conseil
{
margin-top:5px;
}
#menu_conseil ul
{
background-color: #FFFFFF;
margin-bottom:5px;
}



#menu_conseil a
{
 padding:0px 0px 0px 15px;
 background:#A3CCEA url(/elmts/itf/fleche_bc_large.gif) no-repeat 0px 0px;
 color: #FFFFFF;
 font-size:11px;
 text-transform:uppercase;
 line-height:20px;
}
#top_index
{
height:180px;
width:570px;
background-color:#4B96CD;
margin-top:8px;
}

#menu_bas 
{
  font-size:11px;
  color:#758DA0;
  font-weight:bold;
  margin : 5px 0px 0px 0px;
}

#menu_bas a
{
  font-size:11px;
  color:#758DA0;
  text-decoration:none;
  font-weight:bold;
}
#img_bas
{
height:100px;
width:195px;
margin:5px 0px;
background-color: #E1EDF8;
}
#zone_haut
{
  width: 570px;
  height:180px;
  background-color:transparent;
  margin: 8px 0px 5px;
}
#bandeau_haut
{
  margin: 0px 0px 5px 0px;
  background-color:#4B96CD;
  height:35px;
  font-size:18px;
  color:#FFFFFF;
  padding-left:13px;
  line-height:35px;
}
#zone_content .field_error
{
 color: #FF0000;
 font-weight:bold;
 font-size:10px;
 padding: 0px 5px;
}

#zone_content td.error
{
 color: #FF0000;
 font-weight:bold;
 font-size:12px;
 padding: 0px 5px;
}


#error_cont
{
position:absolute;
top:0px;
left:0px;
z-index:1000;
}

#error_sub_cont
{
background-color:#4B96CD;
width:300px;
border:5px solid #FFF;
padding:10px;
text-align:center;
}

#error_text
{
color:#FFF;
font-size:12px;

}
#error_sub_cont a
{
text-transform:uppercase;
text-decoration:none;
color:#FFF;
font-weight:bold;
font-size:14px;
}

/**
style de la div affichant le message de confirmation d'ajout au panier


*/

#panier_cont
{
position:absolute;
top:40%;
left:25%;
z-index:1000;
}

#panier_sub_cont
{
background-color:#4B96CD;
width:400px;
height:100px;
border:5px solid #FFF;
padding:10px;
text-align:center;
}

#panier_text
{
color:#FFF;
font-size:14px;
font-weight:bold;
}
#panier_sub_cont a
{
text-transform:none;
text-decoration:none;
color:#FFF;
font-weight:normal;
font-size:12px;
}
#panier_sub_cont li
{
margin-left:17px;
padding:0px;
color:#FFF;
text-align:left;
}
#panier_sub_cont ul
{
width: 220px;
margin:auto;
padding:0px;

}

/*
diverw
*/

li.cms_paragraphe_titre
{
font-size:13px;
font-weight:bold;
margin-bottom:16px;
}

.index_texte
{
min-height:640px;
height:640px;
height:auto !important;
}
/* Index Texte */
.index_texte, .index_texte table td {
color:#758DA0;
}
.index_texte table td a
{

color:#758DA0;
}
.menu_nice_sep
{
padding-left:6px;
padding-right:6px;
}


.top_h3 div
{
 display:block;
 float:right;
 width:60px;
 margin: 7px 5px 8px 0px;
 background-color:#4B96CD;
 text-decoration:none;
 color:#FFFFFF;
 line-height:14px;
 padding:0px;
 height:20px;
}
.top_h3 div a
{
position:relative;
top:-1px;
line-height:18px;
vertical-align:middle;
 text-decoration:none;
 color:#FFFFFF;
 font-size:10px ;
 font-weight:bold;
 padding:0px;
 margin:0px;
 height:20px
}
.top_h3 div img 
{
 margin : 0px 0px 0px 0px;
 float:left;
 
}



.top_h3
{
  background-color:#A3CCEA;
  font-size:18px;
  font-weight:bold;
  font-weight:normal;
  color:#FFFFFF;
  height:35px;
  margin:5px 0px 10px 0px;
  padding:0px 0px 0px 13px;
  line-height:35px;
  vertical-align:middle;
}


.top_h3_jeu div
{
 display:block;
 float:right;
 width:60px;
 margin: 7px 5px 8px 0px;
 background-color:#e08887;
 text-decoration:none;
 color:#FFFFFF;
 line-height:14px;
 padding:0px;
 height:20px;
}
.top_h3_jeu div a
{
position:relative;
top:-1px;
line-height:18px;
vertical-align:middle;
 text-decoration:none;
 color:#FFFFFF;
 font-size:10px ;
 font-weight:bold;
 padding:0px;
 margin:0px;
 height:20px
}
.top_h3_jeu div img 
{
 margin : 0px 0px 0px 0px;
 float:left;
 
}


.top_h3_jeu
{
  background-color:#f2c2c1;
  font-size:18px;
  font-weight:bold;
  font-weight:normal;
  color:#FFFFFF;
  height:35px;
  margin:5px 0px 10px 0px;
  padding:0px 0px 0px 13px;
  line-height:35px;
  vertical-align:middle;
}

.bloc_gene *
{
color:#758DA0;
}

.bloc_gene
{
height:634px;
margin:16px 0px 0px 13px;
color:#758DA0;
}

div.error .erreur
{
color:#F00 !important;
font-weight:bold;
font-size:12px;
}

#noel
{
width : 65px;
height : 74px;
position : absolute;
background-image : url(../elmts/noel1.gif);
margin-top : -76px;
margin-left : 110px;
}