html{
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #280000;
background-image: url(images/fond.gif);
background-repeat:repeat-x;
}


.body_intro {
	width:950px;
	margin:0 auto;
	background-color: #280000;
	background-image: url(images/fond-intro.gif);
	background-repeat:repeat-x top;
	

}

#introh1 { position:absolute; text-align:center; width:950px; margin:0 auto; z-index:800; /* position du h1 */}

.flash{height:550px; width:950px; position:relative; top:0; }

#site{
width:950px;
margin:auto;
height:800px;
margin-top:0;
}

#entete{
height:190px;
margin:0;
}

#gauche{
float:left;
background-image:url(images/epicerie-fine_02.gif);
background-repeat:no-repeat;
width:141px;
height:137px;
padding-top:30px;
}
#droite{
background-image:url(images/epicerie-fine_04.gif);
background-repeat:no-repeat;
float:right;
width:141px;
height:137px;
}

#centre{
background-image:url(images/epicerie-fine_03.gif);
background-repeat:no-repeat;
margin-left:141px;
margin-right:141px;
padding-top:30px;
}

#fiche select{
border:1px solid #999999;

}

#contenant_corps{
background-image:url(images/footer_corps.gif);
background-repeat:no-repeat;
background-position:0% 100%;
}

#pieds{
text-align:right;
background-image:url(images/epicerie-fine_07.gif);
height:97px;
}

#pieds p{
margin:0;
font-size:10px;
}

.clearer{
width:0;
height:0;
line-height:0;
clear:both;
}

#connexion{
margin-left:330px;
padding:0;
}

#connexion a{
color:#FFFFFF;
}

#corps a{
color:#FFFFFF;
}

#panier2{
float:left;
margin-top:25px;
background-image:url(images/panier.png);
background-repeat:no-repeat;
width:259px;
height:81px;
margin:0;
padding-left:15px;
}

#panier2 a{
position:relative;
}

#panier2 p{
margin:0;
padding-top:38px;
}

a img{
border:none;
}


.flash{
float:right;
}


h3{
color:#af471b;
font-size:16px;
margin-top:40px;
border-bottom:1px solid #af471b;
}

#gauche ul{
list-style:none;
margin:0;
margin-right:5px;
padding:0;
}

#gauche ul li{
margin-top:1px;
}

#gauche ul li a{
color:#af471b;
padding-top:7px;
padding-bottom:7px;
font-size:12px;
font-weight:bold;
display:block;
padding-left:3px;
border-bottom:1px solid #570606;

text-decoration:none;
}

#gauche ul li a:hover{
text-decoration:underline;
}

#gauche ul li ul{
margin-left:10px;

}

#gauche ul li ul li a{
font-weight:normal;
font-size:12px;
color:#FFFFFF;
padding-bottom:2px;
padding-top:2px;
}


.sous_cat{
width:100%;
text-align:justify;
margin-left:5px;
margin-top:5px;
float:left;
border-bottom:1px solid #610606;
padding-bottom:10px;
margin-bottom:10px;
}

.image{
width:150px;
float:left;
}

.image a img{
padding:2px;
background-color:#933815;
border:1px solid #933815;
}

.nbprod{
margin-left:10px;
font-size:10px;
display:inline;
}

.sous_cat .titre{
display:inline;
font-size:14px;
font-weight:bold;
}

.desc_rub{
padding-left:180px;
}



.pagination{
margin-top:5px;
color:#FFFFFF;
text-align:center;
}

.pagination .page{
background-color:#3a0101;
border:1px solid #4f1a02;
margin-left:5px;
margin-right:5px;
font-size:20px;
}
.pagination a{
text-decoration:none;
color:#af471b;
font-size:12px;
margin-left:1px;
margin-right:1px;
}

#contenant_produit{
}

.pagination a:visited{
color:#af471b;
}

.produit{
border:1px solid #af471b;
width:200px;
padding-left:5px;
height:230px;
margin-left:5px;
float:left;
margin-top:5px;
}

.produit a img {
padding:3px;
background-color:#4c0404;
}

h4{
font-size:14px;
margin:0;
}

#fiche{
width:100%;
margin:0;
}

p#titre{
background-color:#3a0101;
font-size:16px;
padding-bottom:5px;
padding-top:5px;
text-align:center;
font-weight:bold;
}

a#retour{
display:block;
height:20px;
color:#811b1b;
text-decoration:none;
padding-top:2px;
font-weight:bold;
background-image:url(images/retour.jpg);
background-repeat:no-repeat;
padding-left:30px;
}

#fiche p{
margin:0;
margin-top:5px;
margin-bottom:0px;
}

p#image{
float:left;
width:150px;
}

p#image a img{
padding:3px;
background-color:#4c0404;
}

div#detail_fiche{
margin-left:155px;
background-color:
}

#fiche h4{
color:#af471b;
margin-top:10px;
}






/**Formulaire2
**********************/
#formulaire2 .lien2{
color:#000000;
}

#formulaire2{
	font-family:Arial, Helvetica, sans-serif;
	width: 550px;
	padding:0;	
	margin:0 auto;
	text-align:center;
	
}

#formulaire2 fieldset{
	border:#CCCCCC solid 1px;
	padding:5px 0 5px 0;
}

#formulaire2 legend{
	color:#ffffff;
	size:12px;
	font-weight:bold;
}

#formulaire2 p{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
	margin:0 0 0 10px;
	padding:2px 0;
}

#formulaire2 label{
	padding-left:5px;	
	font-weight:bold;
	display: inline;
	float: left;
	width: 140px;
	text-align:left;
	margin:0;
}

#formulaire2 a{
color:#FFFFFF;
}

#formulaire2 input{

	font-size:10px;
	
	
}

#formulaire2 select{
	color:#000000;
	font-weight:normal;
	font-size:10px;
	background-color:#FFFFFF;
	border:#000000 solid 1px;
}







.Style1 {color: #FFFFFF}

.espacebas{
margin-bottom:25px;
}
.Style_texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	line-height: normal;
	font-weight: normal;
}
.Style_texte1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	font-weight: normal;
}
.Style_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
}
.Style_texte_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
}
.Style_titre_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;	
	}
	
	
.yzeo {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #E0DDD5;
	font-weight: normal;	
	}
	.fond {
	background-repeat:no-repeat;	
	}
	
a.lienyzeo {
	font-family: Arial, Helvetica, sans-serif;
	color: #E0DDD5;
	font-size: 10px;
}
a.lienyzeo:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a.lienyzeo:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #E0DDD5;
	font-size: 10px;
}
a.lienyzeo:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #E0DDD5;
	font-size: 10px;
}
.baseline{
 position:relative;
 top:53px;
	font-size: 12px;
	height:53px;
}

	
a.autrelien:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a.autrelien:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a.autrelien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a.autrelien:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
/* ************************* Class Plan API GOOGLE ************************* */

.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #9a379b;
}
.plan {
	width: 500px;
	height: 350px;
	border:1px #140411 solid;
}

/* ************************* Fin Class Plan API GOOGLE ************************* */


/******************************** CSS DEV *********************************/



h2{
font-size:14px;
margin:0;
margin-top:15px;
margin-bottom:0;
color:#ae8787;
}

form input.marron{
background-color:#420b02;
border:1px solid #ae8787;
font-size:12px;
color:#ae8787;
margin:0;
}

input,select{
background-color:#420b02;
border:1px solid #ae8787;
font-size:12px;
color:#CCCCCC;
margin:0;
}

#formulaire2 select{
background-color:#420b02;
border:1px solid #ae8787;
font-size:12px;
color:#CCCCCC;
margin:0;
}


#corps h4 a{
color:#af471b;
}

#panier2 a{
text-decoration:none;
}

input.noborder{
border:none;
text-decoration:none;
text-align:center;
color:#FFFFFF;
}

p.arome{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
margin:0;
}
table.tableau{
border:1px solid #461002;
}

p.nouveaute{
margin:0;
height:20px;
font-size:14px;
color:#1cbaab;
font-weight:bold;
padding-left:32px;
padding-top:5px;
background-image:url(images/nouveaute.gif);
background-repeat:no-repeat;
}

p.coup_coeur{
margin:0;
height:20px;
font-size:14px;
color:#bd8a74;
font-weight:bold;
padding-left:32px;
padding-top:5px;
background-image:url(images/cc.gif);
background-repeat:no-repeat;
}