/* CSS Document */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background-image:url(images/fond-page.jpg);
}

a img{
border:0;
}

/* DIV */

#total{
margin-left:-492px;
position:absolute;
left:50%;
width:984px;
border:#000000 solid 1px;
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
background-color:#FAEFEE;
}

/* MENU */
#menu{

float:left;
width:194px;
}


#menu .rub{
list-style-type:none;
padding:0px;
margin:10px 0 0 0;
}
#menu .rub li{
margin-left:11px;
margin-right:11px;
margin-bottom:7px;
margin-top:0px;
padding:0;
line-height:14px;

}
#menu .rub a{
color:#000000;
font-size:14px;
text-decoration:none;
display:block;
border-top:thin #b4c200 solid;
border-bottom:thin #b4c200 solid;
background-color:#FFFFFF;
padding: 3px 0px 3px 17px;

}
#menu .rub a:hover{
color:#b4c200;
}
#menu .rub a#pagecourante{
color:#b4c200;
}

/* BOUTIQUE ET COMPTE */
#boutiquecompte{
margin-top:25px;
text-align:center;
width:194px;
height:130px;
}
#boutiquecompte ul{
list-style-type:none;
padding:25px 0 0 0;
margin:0;
}

#boutiquecompte li{
padding:0;
margin-left:0px;
}

#boutiquecompte .boutique a{
 	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:16px;
	display:block;
	border:thick #B4C200 solid;
	padding:5px;
	margin:5px 15px 5px 15px;
	background-color:#FFFFFF;	
}

#boutiquecompte .compte{
	margin-bottom:10px;
	
}

#boutiquecompte .compte a{
	text-decoration:none;
	color:#000000;
	font-size:11px;
}

/* BANDEAU */

#bandeau{
margin-left:194px;
height:130px;
border-bottom:3px #626365 solid;
margin-bottom:10px;
background-image:url(images/fond_bandeau.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#logo_imprime{
display:none;
}

#logo_tagline{
float:left;
}

#tagline{
float:left;
margin-left:4px;
margin-top:101px;
font-size:20px;
font-family:"Times New Roman", Times, serif;
color:#b4c200;

}


#ecocert-bio-logo{
float:left;
margin-left : 50px;
margin-top: 60px;

}

#minipanier{
float:left;
width:204px;
height:45px;
margin-left:185px;
margin-top:75px;
background-image:url(images/fond-panier.jpg);
background-repeat:no-repeat;

padding-top:10px;
font-size:12px;
text-align:center;
}
#minipanier a{
color:#B4C200;
}

#img_panier{
float:left;
margin-right:16px;
}



/* CENTRE  */

#centre{
margin-left:194px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:11px;
margin-right:20px;
background-color:#FFFFFF;
}

#interieur{
margin-top:20px;
padding:10px 20px 10px 20px;
}

#centre td{
font-size:11px;
}
#centre ul{
	list-style-image:url(maquette_fichiers/images/puce1.jpg);
}
#centre li{
margin-bottom:5px;
}

#centre a.plusinfo{
	color:#b0b9ce;
}
#centre a.plusinfo:hover{
	text-decoration:none;
}

.imagegauche{
	float:left;
	margin-right:20px;
}

.imagedroite{
	float:right;
	margin-left:20px;
}

a.plus{
	font-weight:bold;
	text-decoration:none;
}

a.plus:hover{
	text-decoration:underline;
}


.chapo{
	color:#999999;	
	font-weight:bold;
}
/*.huile est un style de ul */
.huile{
	color:#8E9AB7;	
	font-weight:bold;
}
.huile li{
	margin-top:10px;
}
.huile td{
	color:#000000;
	font-weight:normal;
	padding-right:10px;
}
.huile div{
	color:#000000;
	font-weight:normal;
	padding-right:10px;
	width:524px;
	margin-top:10px;
}

.inci td{
padding:5px;
text-align:left;
}
.inci p{
margin:0;
}
.adresse p{
margin:0;
}
/* TEXTE DE LA PAGE D'ACCUEIL */
#texteaccueil{
background-image:url(images/mains-et-creme-au-lait-anesse.jpg);
background-repeat:no-repeat;
background-position: top left;
}
#texte{
padding-left:273px;
}

#texteaccueil .slogan{
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#b4c200;
}
#texteaccueil .mains{
float:left;
margin-right:10px;
}
#texteaccueil .gamme{
margin-top:80px;
font-size:14px;
text-align:center;
}


#texteaccueil .visite{
margin-top:30px;
font-size:16px;
text-align:center;
color:#b4c200;
margin-bottom:80px;
}

#texteaccueil .visite a{
font-size:18px;
color:#b4c200;
text-decoration:none;
}

#texteaccueil strong{
font-size:16px;
}

#texteaccueil .cosmetiques{
text-align:center;
font-size:12px;
width:151px;
float:left;

}
#texteaccueil .cosmetiques a{
text-decoration:none;
color:#000000;
}

/* ACTUS */
#actus{
width:192px;
margin-right:10px;
float:right;
}
#actus dl{
margin-top:20px;
background-color:#e3e7ee;
}
#actus dt{
padding:10px 10px 0 10px;
background-position:top;
margin:0;
text-align:center;
font-size:15px;
color:#b4c200;
}
#actus dd{
padding:10px;
margin:0;

}
#newsbox { width: 175px; height: 200px; position: relative; overflow: hidden; }
#newslist { position: absolute; padding: 0 5px; }


.abonnez{
color:#b4c200;
margin:0;
}

.temoignagehasard{
height:100px;
overflow:auto;
margin-bottom:5px;
padding-right:7px;
}

.temoignagehasard p{
margin:0;
}
.ligne{
color:#B4C200;
}



/* PIED DE PAGE */
#piedpage{
text-align:center;
font-weight:bold;
padding:10px;
clear:both;
font-size:12px;
margin-top:10px;

}
#piedpage a{
color:#000000;
font-weight:bold;
text-decoration:none;
}
/* h1, h2...*/
h1{
color:#cc5c53;
font-size:22px;
}

h2{
color:#666666;
font-size:17px;
font-weight:bold;
}

h3{
color:#b0b9ce;
font-size:15px;
font-weight:bold;
}

td{
vertical-align:top;
font-size:12px;
}

/****** boutique  *******/

#hidder {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 11000;}

#navboutique{
border-top:dotted #CCCCCC 1px;
border-bottom:dotted #CCCCCC 1px;
}

#navboutique ul{
margin:5px 5px 5px 160px;
padding:0;
}

#navboutique li{
list-style-type:none;
list-style-image:none;
display:inline;
}
#navboutique li a{
margin:20px 20px 10px 0;
padding:5px;
text-decoration:none;
border: 1px solid #cc5c53;
font-weight:bold;
}

#navboutique li a#current{
background-color: #cc5c53;
color:#FFFFFF;
}
/**/
#navboutiquebas{
border-top:dotted #CCCCCC 1px;
border-bottom:dotted #CCCCCC 1px;
}

#navboutiquebas ul{
margin:5px 5px 5px 160px;
padding:0;
}

#navboutiquebas li{
list-style-type:none;
list-style-image:none;
display:inline;
}
#navboutiquebas li a{
margin:20px 20px 10px 0;
padding:5px;

}

#navboutiquebas li a#current{
text-decoration:none;
font-weight:bold;
}

/**/

.infoproduit{
font-weight:bold;
}

.prix{
text-align:center;
background-image:url(maquette_fichiers/images/fond_prix.gif);
background-position:top;
background-repeat:no-repeat;
padding:20px;
font-size:16px;
font-weight:bold;
}

.prix p{
margin:0 0 5px 0;
}

#centre a{
color:#cc5c53;
}

#panier th{
text-align:right;
}

.navpanier{
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.repoussoir{
height:260px;
width:1px;
float:left;
}

.recapCommande td,th{
	text-align:right;
}

.erreur{
	color:#cc0000;
}

.cadre{
border:#b0b9ce solid 3px;
}

.fondbouton{
	background-color:#edd5e0;
	color:#cc5c53;
	border:#cc5c53 solid thin;
	font-weight:bold;
}

.alerte{
color:#CC0000;
}

/*********  encadré vente d'ânes **************/
#vente_anes{
border:dotted 2px #cc5c53;
padding:0 5px 0 5px;
overflow:auto;
height:250px;
}
#vente_anes h3{
	color:#cc5c53;
}
.photoane{
float:left;
margin-right:5px;
margin-bottom:5px;
clear:both;
}

.texteane{
height:80px;
margin-left:120px;
margin-bottom:5px;
}
/****** témoignages ********/
#temoignage table{
border:#cc5c53 solid thin;
padding:5px;
}

#temoignage td{
	padding:5px;

}

#un_temoignage{
	margin-top:10px;
	padding: 0 50px 0px 50px;
	background-image:url(maquette_fichiers/images/fond_temoignage_bas.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#un_temoignage div{
	padding:5px 10px 5px 10px;
	background-image:url(maquette_fichiers/images/fond_temoignage_haut.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

/* page articles */

#centre li.presse{
background-image:url(images/presse.jpg);
background-repeat:no-repeat;
padding-left : 40px;
padding-bottom: 20px;
padding-top:10px;
list-style-type:none;
font-size:12px;
}

#centre li.presse a{
font-size:12px;
color:#000000;
}

#centre li.presse a:hover{
color:#cc5c53;
text-decoration:none;
}

#centre li.internet{
background-image:url(images/internet.jpg);
background-repeat:no-repeat;
padding-left : 40px;
padding-bottom: 20px;
padding-top:10px;
list-style-type:none;
font-size:12px;
}

#centre li.internet a{
font-size:12px;
color:#000000;
}

#centre li.internet a:hover{
color:#cc5c53;
text-decoration:none;
}