body              { color: #666666; font-size: 11px; font-family: Verdana; margin: 68px 0 0; height: 100%;  scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #BE2939; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-track-color: #ffffff ; background-position:top center; background-repeat:no-repeat; text-align:center   }
.index        { background-repeat: no-repeat; background-position: top center ; margin: 0; }
#menu { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; }
#contenerindex {width:950px; margin: 0px; position:relative; padding-top:70px;  }
#contener {width:950px; text-align:left; margin:auto}
#contenu { width: 700px; height: auto; text-align:left;margin:10px 10px 0px 50px; float:left  }
#droite {width:180px; margin:0px 0px 0px 10px; float:right; background-image: url(../../images/droite_01.jpg); background-repeat: no-repeat}
#adresse {margin:40px 5px 5px 25px; background-repeat: no-repeat; color:#ffffff}

.liendroite {width:150px; background-repeat: no-repeat; margin-bottom:3px; padding:5px 5px 8px 5px; border-top:1px dotted #F7CB52; border-bottom:1px dotted #F7CB52; margin:5px 5px 0px 15px }
.liendroite a  { color: #0155A5}
.liendroite a:hover   { color: #000000; text-decoration: none }

.imgDte{
float: right;
}

.imgGche{
float: left;
}

.agrandir, .agrandir:visited {
background: url('../../images/agrandir.jpg') no-repeat;
margin-top: 15px;
height: 32px;
width: 150px;
display: block;
}

.agrandir:hover, .agrandir:active {
background: url('../../images/agrandirHover.jpg') no-repeat;
}

.back{
background: url('../../images/retour.jpg') no-repeat;
padding-left: 50px;
height: 30px;
display: block;
padding-top: 7px;
}

#bas { position: absolute; bottom: 2px; left:0px; width:100%; font-size:10px }

#col1 {float:left; width:49%;}
#col2  { width: 49%; float: right }


td { color: #666666; font-size: 11px; font-family: Verdana; text-align: justify }

h1   { color: #0155A5; font-size: 15px; }
h2  { color: #F7CB52; font-size: 13px; margin-bottom: -0.5px; }
h2 a  { margin:0; padding:0;color: #F7CB52; font-size: 13px; margin-bottom: -0.5px; }
h2 a:hover  {color: #F7CB52; text-decoration:none;font-size: 13px; margin-bottom: -0.5px; }

h3  { color: #808080; font-size: 13px }
a   { color: #0155A5; text-decoration: none; text-align: left }
a:hover   { color: #000; text-decoration: underline }

.small { font-size: 10px;  }
.fin { font-weight: normal; }
.big { font-size: 14px; font-weight: bold;  }

.navigParents{
display: block;
margin-top: 20px;
height: 30px;
width: 80px;
background: url('../../images/arbre.jpg') no-repeat;
}

.navigParents a{
display: block;
padding-left: 35px;
}

.navigEnfant{
height: 30px;
width: 50px;
display: block;
padding-left: 35px;
position: absolute;
left: 0px;
bottom: 7px;
padding-top: 3px;
background: url('../../images/arbre2.jpg') no-repeat;
}

.blanc { color: #ffffff }
.blanc:hover    { color: #dcdcdc }

select,input,textarea   { font-size: 10px; font-family: Verdana; border: solid 1px #F7CB52 }
input, select, label{  cursor: pointer;}

.cadre1 {border:1px solid #F7CB52}
.cadre2 {border:2px solid #F7CB52}

.produit a.fam{
font-size: 13px;
font-weight: bold;
display: block;
margin-bottom: 15px;
}

/*****************************************
 DEBUT ACCESSIBILITE
*******************************************/
/*
menu links accesskeys
*/
span.accesskey {
   text-decoration:none;
}

/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/*****************************************
 FIN ACCESSIBILITE
 *******************************************/




.clear{
	clear:both;
}
/*****************************************
 FORMULAIRE CONTACT
*******************************************/

#contenu p{
	padding:0;
	margin:0;
	text-align: justify;
}

p.Form{
	padding:6px 0;

}

p.Form label{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
	height: 1%;
}

label.deux_elements{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
}

label.deux_elements_deuxieme{
	margin: 0 1em 0 2em;
	padding: 0.1em;
}

fieldset{
	border: 1px solid #F7CB52;
	margin:10px 0;
	padding:5px;
	position: relative;
}

fieldset legend{
	color: #0155A5;
	font-weight:bold;
	font-size:13px
}

fieldset img{
border: none;
}

.ssFamille{
	float:left;
	width: 300px;
	margin-right: 35px;
}

#promo .ssFamille{
	clear:none;
}

.ssFamille2{ /* pour les pages de référencement*/
	
	width: 300px;
	margin-right: 35px;
}

.produit a{
font-weight: normal;
}

.lien_referencement:hover{
	text-decoration:none;
	cursor:default;
	color:#0155A5;
}

.erreur{
color:#D07908;
font: bold;
}

.choix{
background-color: #EDF3F7;
padding: 2px;
}
.prix{
font-style: italic;
float:right;
font-weight:bold;
color: #0155A5;
font-size: 13px;
margin-right: 10px;
}
.detail {
border-left: 1px solide #eee;
border-right: 1px solid #eee;
}

.detail td{
border-top: 1px solid #eee;
}

.td2 td{
background-color: #f7f7f7;
}

#nav{
margin-top: 20px;
}
#ok, form#commande input.valider, form#connect input.valider{
background: url('../../images/valider.gif') no-repeat;
padding-left:40px;
display: block;
font-weight: bold;
font-style: normal;
padding-bottom: 10px;
float: right;
}

#continuAchat{
background: url('../../images/continuer.gif') no-repeat;
padding-left:50px;
display: block;
font-weight: bold;
font-style: normal;
padding-bottom: 10px;
padding-top: 5px;
float: left;
}

#vider{
background: url('../../images/vider.gif') no-repeat;
padding-left:38px;
display: block;
font-weight: bold;
font-style: normal;
padding-bottom: 10px;
padding-top: 1px;
float: left;
clear: both;
margin-top: 5px;
}

.panierLien{
background: url('../../images/panier.gif') no-repeat;
padding-left:26px;
display: block;
font-weight: bold;
font-style: normal;
padding-bottom: 10px;
padding-top: 3px;
float: left;
margin-top: 5px;
margin-bottom:5px;
margin-left:25px;
clear:both;
}

.profil{
background: url('../../images/profil.gif') no-repeat 5px 0;
padding-left:26px;
display: block;
font-weight: bold;
font-style: normal;
padding-bottom: 10px;
padding-top: 5px;
float: left;
clear: both;
margin-top: 0;
margin-bottom:5px;
margin-left:25px;
}

#modifAdress{
background: url('../../images/modif-adresse.gif') no-repeat;
padding-left:50px;
display: block;
font-weight: bold;
font-style: normal;
padding-bottom: 10px;
padding-top: 5px;
float: left;
}

form#commande input.valider, form#connect input.valider{
border: 0;
float: none;
font-size: 15px;
color: #0155A5;
margin: 20px;
margin-bottom: 1px;
margin-left: 200px;
}

#droite form#connect input.valider {
margin-left: 10px;
}

.index #connect{
	position:absolute;
	left:387px;
	/left:387px;
	top:407px;
}
.index #connect label{
	margin-right:10px;
}
.index #connect p{
	float:left;
	margin-right:20px;
	/margin-top:8px;
}

.index #connect .valider{
	float:left;
	margin:0;
	margin-top:6px;
}
.index #connect .oublie{
	font-size:10px;
	clear:both;
	display:block;
	margin-left:15px;
	position:relative;
	top:-5px;
	color:#999;
}

.choix .barre, #promos .barre{
	text-decoration:line-through;
	color:#A2CEEB;
}

#contenu .prixPromo, .index .prixPromo{
	color:#CF1013;
	font-weight:bold;
	font-size:12px;
	width:235px;
	text-align:center;
	margin-top:5px;
}

/***Promos sur accueil***/

.index #promos{
	background:url(../../images/bar.gif) repeat-x left 78px;
	position:absolute;
	top:20px;
	left:154px;
	width:793px;
	min-height:80px;
	text-align:left;
}

 #promos .barre {
	 margin-right:7px;
 }

.index #promos h2{
	margin:0;
	float:left;
	text-align:left;
	width:110px;
	padding-left:8px;
	position:relative;
	top:63px;
}

.index #promos h2 span{
	display:block;
	font-weight:normal;
	font-size:9px;
}

.infoPromo{
	text-align:left;
	width:250px;
	display:none;
	position:absolute;
	z-index:1000;
	background:white;
	padding:7px;
	border:1px solid #f7cb52;
	border-top:0;
}

.infoPromo *{
	float:none;
}
/*.index #promos .blockPromo{
	position:relative;
	float:left;
	text-align:left;
}*/
.index #promos .vignette{
	margin-left:40px;
}
.index #promos img.vignette{
	position:relative;
	float:left;
	text-align:left;
}
.index #promos img{
	border:0;
}

.index #promos .close {
	font-size:9px;
	color:#666;
	float:right;
}

.devis {
	color:#EA400F;
	font-weight:bold;
}