body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0 auto;
padding: 0;
text-align:justify;
color:#000000;
background-color:#8D9091;

}


#wrap {
background-image:url(../images/mise-en-page/fond-page.png);
background-repeat:repeat-y;
height:auto;
width:900px;
margin:0 auto;
height:auto;
}

#header {
background-image:url(../images/mise-en-page/header_n.jpg);
height:154px;
width:801px;
background-repeat:no-repeat;
margin:0 0 0 0px;

}

#conteneur_principal {
position: relative;
width: 801px;
margin: 0 auto; 
background-color:#FFFFFF;

}

#centre {
position: relative;
margin-left:236px;
width:564px;
background-color:#FFFFFF;

}

#centre_inscription {
width:540px;
background-image:url(../images/mise-en-page/fond_formulaire_inscription.png);
background-repeat:no-repeat;
/*background-color:#C53E28;*/
height:550px;
color:#000000;
font-weight:bold;
margin-left:15px;
margin-top:9px;
padding:0;
font-size:12px;
}
#centre_inscription_traitement {
width:540px;
background-image:url(../images/mise-en-page/fond_formulaire_ins_tra.png);
background-repeat:no-repeat;
/*background-color:#C53E28;*/
height:550px;
color:#000000;
font-weight:bold;
margin-left:15px;
margin-top:9px;
padding:0;
font-size:12px;
}
#espace_client {
width:564px;
background-image:url(../images/mise-en-page/fond_espace_client2.jpg);
background-repeat:no-repeat;
height:519px;
color:#000000;
margin-top:9px;
padding:0;
color:#ffffff;
}


#espace_client p{
font-size:11px;
}


#espace_client table, tr, td{
vertical-align:top;
font-size:11px;
}


#zone_recherche{
/*background-image:url(../images/mise-en-page/zone_recherche.jpg);*/
background-image:url(../images/mise-en-page/zone_recherche_news.jpg);
background-repeat:no-repeat;
height:55px;
width:564px;
background-position:top;
}

#haut_contenu_central {
position:relative;
background-image:url(../images/mise-en-page/haut_centre_accueil.png);
background-repeat:no-repeat;
width:564px;
height:38px;
margin-top:10px;

}

#fond_contenu_central{
background-image:url(../images/mise-en-page/accueil_offres_limitees.png);
background-repeat:no-repeat;
height:410px;
width:564px;
margin-top:10px;
}

#fond_contenu_central2 {
/*background-image:url(../images/mise-en-page/accueil_rubriques.jpg);
background-repeat:no-repeat;*/
height:410px;
width:564px;
margin-top:10px;

}

#fond_contenu_central3 {
background-image:url(../images/mise-en-page/accueil_topventes.jpg);
background-repeat:no-repeat;
height:510px;
width:564px;
margin-top:10px;

}

#fond_contenu_central4{
background-image:url(../images/mise-en-page/accueil_caroussel.jpg);
background-repeat:no-repeat;
height:354px;
width:564px;
margin-top:10px;

}


#conditions {
background-image:url(../images/mise-en-page/conditions_modif.jpg);
background-repeat:no-repeat;
height:121px;
margin-top:10px;

}

#gauche {
	position: absolute;
	left:1px;
	width:236px;
	top:151px;
	height:609px;
	background-color:#FFFFFF;
	margin-top:10px;
}

#gauche_compte {
	position: absolute;
	left:2px;
	width:236px;
	top:151px;
	height: 450px;
	
}

#gauche_panier {
	position: absolute;
	left:0px;
	width:236px;
	top:151px;
	height: 281px;
	
}


#gauche_inscription {
	position: absolute;
	left:0px;
	width:236px;
	top:151px;
	height: 406px;
	
}
#navigation_haut {
background-image:url(../images/mise-en-page/haut_menu.png);
background-repeat:no-repeat;
height:21px;
width:224px;
margin-top:15px;
margin-left:2px;
background-color:#FFFFFF;
}

#navigation_centre {
background-color:#000000;
height:auto;
top:15px;
width:224px;
margin-left:2px;
}
#navigation_bas {
background-image:url(../images/mise-en-page/bas_menu_noir.jpg);
background-repeat:no-repeat;
height:6px;
width:224px;
margin-top:-3px;
margin-left:2px;
}

.menu {

background-image:url(../images/mise-en-page/haut_menu.png);
background-repeat:no-repeat;
height:21px;
margin-top:15px;
background-color:#FFFFFF;
margin-left:2px;
}

.menu_centre {
/*background-color:#BABABA;*/
background-color:#000000;
color:#FFFFFF;
height:auto;
width:224px;
margin-left:2px;
}
.menu_bas {
/*background-image:url(../images/mise-en-page/bas_menu_gris.jpg);*/
background-image:url(../images/mise-en-page/bas_menu_noir.jpg);
background-repeat:no-repeat;
height:6px;
margin-top:-3px;
margin-left:2px;
}


.connexion_form {
width:180px;
margin-top:114px;
margin-left:55px;
float:left;
height:170px;
padding:0;
}

.connexion {
width:170px;
margin-top:0;
}

.se_connecter {

margin-left:30px;
}

#pied {
position:relative;
height:115px;
width:800px;
background-image:url(../images/mise-en-page/pied.png);
background-repeat:no-repeat;  
font-family:arial, verdana, sans-serif;
font-size:11px;
padding:0; 
font-weight:bold;
margin:0 0 0 1px;
 
}

#pied  p {
text-align:center;
top:24px;
position:absolute;
left:61px;
width:670px;
 
}

/* ul #pied{

list-style-type:none; 
margin:0;
padding:0;
}

#pied li { 
display:inline;
margin: 0 5px 0 30px;
padding:0;
text-align:center;
}

#pied  li a {
 font-size:11px;
 padding:10px; 
 font-weight:bold;
  line-height:50px;
  color:#ffffff; 
  text-decoration:none;
}

#pied li a:hover  {
  color:#000000; 
 padding:10px; 
   text-decoration:none;
}*/




.menu_gauche {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
margin: 0;
padding:0 0 0 0;
text-align:left;
}
.menu_gauche li {
margin-bottom: 0;

}
.menu_gauche a {
margin: 10px 14px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
font-size:12px;
}

.menu_gauche a:hover {
color:#D80018;
font-size:13px;
}

#h1 {
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:465px;
	left: 49px;
	top: 270px;
 	text-align:center;
} 


#h2 {
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:450px;
	left: 64px;
	top: 70px;
 	text-align:center;
} 
#h2bis {
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:550px;
	left:7px;
	top: 268px;
 	text-align:center;
} 
#h3 {
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:232px;
	left: 18px;
	top: 949px;
	text-align:left;
	height: 21px;
} 

#h3bis {
	position:absolute;
	font-size:18px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:494px;
	left:18px;
	top: 380px;
 	text-align:left;
}

#h3ter {
	position:absolute;
	font-size:18px;
	color:#ffffff;
	padding:0;
	margin:0;
	width:494px;
	left:18px;
	top:588px;
 	text-align:left;
}



#h4 {
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:223px;
	left: 0;
	top: 15px;
	text-align:center;
	height: 16px;
} 
#h5 {
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:223px;
	left: 245px;
	top: 4px;
	text-align:center;
	height: 16px;
} 

.titre_menu_gauche{
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:-15px;
} 


.titre_menu_centre{
	position:absolute;
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	width:529px;
	left: 19px;
	top: 70px;
	height: 18px;

} 

.menu_haut {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding:0;
color:#FFFFFF;
font-weight:bold;
}
.menu_haut li {
display:inline;
}
.menu_haut a {
height:;
margin: 0 2px;
color:#db0c07;
text-decoration: none;
font-size:10px;
text-transform:uppercase;
}
.menu_haut a:hover {
text-decoration: none;
color: #000000;
font-size:10px;
text-transform:uppercase;
}

p {margin:0;}

a img  {
 border:none;
}
a {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
border:none;
}
a:hover{
font-size:11px;
color:red;
font-weight:bold;
text-decoration:none;
}

a.connexion {
color:#66CC00;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
a.deconnexion{
font-size:11px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

a.traitement {
color:#000000;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
a:hover.traitement{
font-size:13px;
color:#990000;
font-weight:bold;
text-decoration:none;
}

a.espaceclient {
color:#3F53C9;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a:hover.espaceclient{
font-size:12px;
color:#990000;
font-weight:bold;
text-decoration:none;
}
a.rouge {
color:#990000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a:hover.rouge{
font-size:12px;
color:#999999;
font-weight:bold;
text-decoration:none;
}

.gras{
font-weight:bold;

 }
 
.italique{
font-style:italic;

 }
 .droite{
text-align:right;

 }
 .gauche{
text-align:left;

 }
.centre{
text-align:center;

 }
.haut {
vertical-align:top;;

 }
 
 .milieu {
vertical-align:middle;

 }
 
.bas {
vertical-align:bottom;

 }
 
.blanc {
color:white;

 } 
 
.jaune  {
color:#FFFF00;

 }
.rouge  {
color:#990000;

 } 
 
.bleu_prix_gras  {
color:#3F53C9;
font-size:16px;
font-weight:bold;

 } 
 
 
 .rouge_prix_gras  {
color:#990000;
font-size:13px;
font-weight:bold;

 } 

.panier td {
border-width:0 1px 1px 0;
border-color:#000099;
border-collapse:collapse;
border-style:solid;
 }
   
 
 .fieldset {
border:1px;
border-color:#000000;
border-style:solid;

}

 .bordure_arrondie {
 border-color:#000000;
 border-width:1px; 
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border-style:solid;

}

.photo_contenu {
float:left;
margin-right:5px;

}

.lienh2 {
font-size:16px;

}

.souligne {
text-decoration:underline;

}

p.contenu{
width:500px;
margin-left:30px;
background-color:#FFFFFF;
padding:5px;
}




.formulaire_inscription {
width:500px;
background-color:#d4dafc;
left:35px;
top:125px;
position:absolute;
border:1px solid black;
height:478px;
/*-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;*/
}

.formulaire_livraison {
left:35px;
top:125px;
position:absolute;
width:500px;
background-color:#F3F1B9;
border-width:1px;
border-style:solid;
border-color:#000000;
height:478px;
/*-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;*/
}


.img_detail{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.promo{
width:220px;
margin-top:0;
font-size:11px;padding:24px 0 0 0;"
}


/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}



/* Changement de mdp d'un client*/
a:focus {
	     outline: none;
      }
      
      #panel {
	      /* background: white;*/
	         margin-top:30px;
	           margin-left:0px;
	             margin-right:0px;
	               width:400px;
	                 display: none;
      }
      
    .slide {
	     margin-left: 30px;
	       margin-right:30px;
	         padding: 0;
	           border-top: thin 1px #cdcdcd;
    }
    
    .btn-slide {
	     color:#3F53C9;
          font-size:12px;
            font-weight:bold;
              text-decoration:none;
    }
    
    .active {
	     background-position: right 12px;
    }
/* Fin pour le mdp*/