@import url(default.css);

@import url(layout/layout-3E.css);

@import url(structure.css);

body { background:url(../images/bgcontenu.jpg) #372511 repeat-x}

#page { width: 968px; background-color:#372511}

#header {width: 968px; }

#wrapper {width: 968px; background:url(../images/fond.jpg) repeat-y; }

#main { margin-left:206px; width:556px; } /* margin-left = largeur de #nav */

#content { width:556px; background-position: top left; }
#content * { color: #362110; } /* couleurs de tous les éléments (textes et bordures) du centre*/
#content h2 { color: #362110; font-size:1.4em; text-align:center; width:100%; margin:0; } 
#content h3 { color: #362110; font-size:1.2em; }
#content a:hover { color:#fff; text-decoration:none; }

.titre{
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#menu {  }

#nav { width:206px; margin-left:-762px; } /* margin-left = - (largeur de #main + largeur de #extra) */
#nav * { color: #362110; } /* couleurs de tous les éléments (textes et bordures) de droite */
#nav h2 { color: #362110; font-size:1.4em; text-align:center; width:100%; margin:0; } 
#nav h3 { color: #362110; font-size:1.2em; }
#nav a:hover { color:#fff; text-decoration:none; }

#extra { width:206px; }
#extra * { color: #362110; } /* couleurs de tous les éléments (textes et bordures) de gauche */
#extra h2 { color: #362110; font-size:1.4em; text-align:center; width:100%; margin:0; } 
#extra h3 { color: #362110; font-size:1.2em; }
#extra a:hover { color:#fff; text-decoration:none; }

/* Encarts */
.fondCentre{ width:556px;  background:url(../images/bg.jpg) no-repeat  } /* mise en forme des encart du centre */
.encartCentre{ width:556px;  background:url(../images/bg.jpg) repeat-y top; } /* mise en forme des encart du centre */
.newproduits{ width:556px;  background:url(../images/bg.jpg) repeat-y top; } /* mise en forme des encart du centre */

.produits{ width:206px; background:url(../images/bgg.jpg) repeat-y top;} /* mise en forme des encart de côtés */
.produits .titre{ background:url(../images/produits.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}

.cdc{ width:206px; background:url(../images/bgg.jpg) repeat-y top;} /* mise en forme des encart de côtés */
.cdc .titre{ background:url(../images/cdc.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}

.promo2{ width:206px; background:url(../images/bgg.jpg) repeat-y top;} /* mise en forme des encart de côtés */
.promo2 .titre{ background:url(../images/promos.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}

.panier{ width:206px; background:url(../images/bgd.jpg) repeat-y top; } /* mise en forme des encart de côtés */
.panier .titre{ background:url(../images/panier.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}
.fondpanier{ width:206px;  background:url(../images/menudroite.jpg) no-repeat  }

.compte{ width:206px; background:url(../images/bgd.jpg) repeat-y top;} /* mise en forme des encart de côtés */
.compte .titre{ background:url(../images/compte.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}

.recherche{ width:206px; background:url(../images/bgd.jpg) repeat-y top;} /* mise en forme des encart de côtés */
.recherche .titre{ background:url(../images/recherche.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}

.paiement{ width:206px; background:url(../images/bgd.jpg) repeat-y top;} /* mise en forme des encart de côtés */
.paiement .titre{ background:url(../images/ps.jpg) no-repeat top; padding-top:10px; height:48px; width:100%;}

.encartContent { padding: 0px 40px 0px 25px;} /* padding des encarts */
.encartContent2 { padding: 0px 35px 0px 15px;}

#footer { font-size: 0.8em; color:#fff }
#footer * { background:url(../images/fondyzeo.jpg) repeat-y; color:#fff }
#footer a:hover { color: #fff; text-decoration:none; }
div#footer img
{
	vertical-align: middle;
	margin-top:-1px;
}


.validator { clear:both; float:right; }


/* Éléments Particuliers
----------------------------------------------------------*/
#photo1{ width:251px; height:311px; float:right; text-align:right; margin-top:35px;}
#ficheproduit{ width:510px; float:left; margin-top:10px;}

#ficheproduit img{ border:none;}

#photo{ width:147px; height:135px; float:left; margin-top:30px;}
#description{ width:302px; float:right; background: url(../images/fiche.jpg) no-repeat; margin-right:15px; background-color:#c2c469;}
#titre{ width:160px; height:20px; float:left; margin-left:67px; margin-top:30px; color: #362110; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#prix{ width:160px; height:15px; float:left; /*margin-left:115px; margin-top:12px;*/ color: #000; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#txtdes{ width:140px; float:left; margin-top:10px;color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:10px;}
#acheter{ width:150px; float:right; margin-top:2px;background-color:#a9ac3b; color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#btn1{ width:100px; height:20px; float:left; background-color:#a9ac3b;color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; float:right;}
#btn2{ width:100px; height:20px; float:left; background-color:#a9ac3b;color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; float:right;}
#btn3{ width:100px; height:20px; float:left; background-color:#a9ac3b;color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; float:right;}

.description{color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Formulaire de contact */
#frmEnvoi{ width:400px; text-align:left; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:left; margin-top:10px; }
/*Formulaire contact*/

#frmEnvoi
{
	text-align: left;
	padding-left: 10px;
}

p.field label
{
	display: block;
	float: left;
	width: 140px;
}

p.submit
{
	text-align: left;
	margin-left: 100px;
}

/*Fin formulaire contact*/

.plan {
	width: 640px;
	height: 480px;
	border: #e3850a solid 3px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
/*plan du site*/
#page-plan-du-site{
margin:0 auto; width:968px; 
}
#head-plan-du-site{
background:url(../images/plan-du-site/head-plan-du-site.jpg) no-repeat;
height:200px;
}
#body-plan-du-site{
	background:url(../images/plan-du-site/body-plan-du-site.jpg) no-repeat;
}
#content-plan-du-site{
	padding:30px 30px 20px 30px;
	text-align:left;
}
#foot-plan-du-site{
background:url(../images/plan-du-site/foot-plan-du-site.jpg) no-repeat;
width:968px; height:43px;
}
.php-center{ text-align:-moz-center; !text-align:center;}

.bg-plan-du-site{ background:url(../images/plan-du-site/bg.jpg) repeat-y;}

.text-plan-du-site{ padding: 0 30px 0 30px; text-align:justify; color:#000000}

#content-plan-du-site a, a:link, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}
#content-plan-du-site a:hover, a:focus {
	color: #000000; 
	text-decoration: none;
}
/*#plan du site*/

.p-justify{
text-align:center;
}