@charset "utf-8";
/* CSS Document */

/**************** GENERALITE ****************/
body{
	margin:0;
	background:url('../images/bg_milieu.jpg') repeat-x 0 336px #faf9f5;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}
#corps{
	background:url('../images/bg_header.jpg') repeat-x ;
	height:336px;
}
#centre{
	width:960px;
	margin:0 auto;
}
.int{
	padding:20px;
	background:#faf9f5;
	margin-bottom:30px;
	-moz-box-shadow: 3px 3px 10px #585858;/* firefox  */
	-webkit-box-shadow: 3px 3px 10px #585858;/* safari  */
	box-shadow: 3px 3px 10px #585858;/* opera  */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#585858', Direction=135, Strength=5); /* ie  */
    zoom: 1;
}
#footer{
	background:url('../images/bg_footer.jpg') repeat-x;
	height:72px;
	width:100%;
	text-align:center;
}
#footer img#imgfooter{
	width:960px;
	margin:0 auto;
}
#footer p{
	margin-top:-40px;
}
#visa{
	width:60px;
}
a {
	color:#000000;
	text-decoration:none;
	font-size:12px;
}

a:hover {
	text-decoration:underline;
	font-size:12px;
}
img{
	border:none;
}
.right{
	float:right;
	margin-right:10px;
	clear:both;
}
.left{
	float:left;
}
.bouton{
	background:url('../images/bouton_voir.jpg') no-repeat top left;
	width:125px;
	height:23px;
	padding:5px 10px 5px 2px;
	text-align:center;
}
a.bouton_voir{
	font-weight:bold;
}
a.bouton_voir:hover {
	/*color:#ed9f07;*/
	text-decoration:none;
}
#connexion{
	position:absolute;
	top:100px;
	right:160px;
}

/** MENU **/
#menu{
	width: 100%;
	height: 39px;
	margin-top:0px;
	padding-top:4px;
	!margin-left:40px;
	!width:940px;
}
#menu ul{
	/*width:900px;*/
	margin:auto;
}
#menu ul li{
	display:inline;
	list-style:none;
	padding-right:35px;
	margin:0px;
	margin-right:-4px;
}
#menu ul li a{
	margin:0;
}

/************** ACCUEIL *****************/
.accueil{
	padding:20px;
}
.titre_accueil{
	font-size:20px; 
	font-weight:400

}
#boite_accueil{
	margin-top:60px;
	!width:970px;
}
.vignette{
	display:table-cell;
	!float:left;
}
.sousvignette{
	margin-right:10px;
	!margin-right:5px;
	background:url('../images/bg_vignette.jpg') repeat-x;
	border:solid 1px #999999;
	width:313px;
	height:156px;
}
.vignette img{
	float:right;
	margin-top:10px;
}
.sousvignette p, .sousvignette h1{
	padding-left:10px;
	width:110px;
}
#suite{
	color:#CC6600;
	font-weight:bold;
	float:right;
	padding-right:5px;
	margin-top:-20px;
	
}
.titre_boite{
	font-size:24px; 
	font-weight:400;
}
.titre_boite:hover{
	font-size:24px; 
	font-weight:400;
	text-decoration:underline;
}

/************** LISTE *****************/
.voir_produit a{
	float:right;
	margin-right:20px;
}
.desc_liste form{
	margin-left:-200px;
}
.text_bouton{
	position:relative;
	top:-5px;
	right:-106px;
}
.text_bouton:hover{
	text-decoration:none;
	font-size:13px;
	right:-110px;
}

.liste_fiche{
	width:100%;
	min-height:169px;
	border-bottom:solid 1px #D16A01;
	clear:both;
	padding-top:5px;
	margin-bottom:5px;
}
.lien_orange{
	color:#fd6801;
	text-decoration:underline
}
.lien_orange:hover{
	text-decoration:none;
}

.img_liste{
	float:left;
	margin-right:20px;
	border:solid 1px #D16A01;
	width:200px;
	height:150px;
}
.bouton_voir{
	/*float:right;*/
	/*position:relative;
	bottom:5px;
	left:500px;*/
}
.desc_liste{
	width:710px;
	margin-left:220px;
	!margin-top:-155px;
	min-height:110px;
}
select {
	background-color:#ffffff;
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#453E38;
	width:120px
}

/************** FICHE *****************/
.ingredient li{
	margin-left:20px;
}

.etape_pre{
	min-height:71px;
	!margin-bottom:10px;
}
.etape_pre img{
	float:left;
	margin-right:20px;
	width: 99px
	height:71px;
}
.produit_ass{
	border-top:solid 1px #D16A01;
	!width:970px;
}
.produit{
	width:200px;
	height:285px;
	border:solid 1px #D16A01;
	margin-right:35px;
}
.produit h3{
	border-bottom:solid 1px #D16A01;
	padding:5px;
	margin-top:0;
	margin-bottom:-10px;
}
.produit p{
	padding-left:10px;
}
.img_pro{
	width:200px;
	height:150px;
	margin-bottom:5px;
}
.img_fiche{
	float:left;
	margin-right:20px;
	border:solid 1px #D16A01;
	width:400px;
	height:300px;

}
.entete_fiche{
	min-height:330px;
}
.desc_fiche{
	width:490px;
	margin-left:400px;
	
}
/************************** POPUP ********************************/
.menu_titre{
	background:#FFFFFF;
	color:#990000;
	font-weight:bold;
}
.popup{
	border:solid 2px #ed9f07;
	margin-top:10px;
}
.rouge{
	color:#ed9f07;
	font-size:14px;
}


/************************** PANIER ********************************/
.enteteCommande{
	background:url('../images/footer.jpg') no-repeat;
}


/************************** INSCRIPTION ********************************/
.fiche{
	border:solid 1px #ed9f07;
	background:url('../images/bg_milieu.jpg') repeat-x  #faf9f5;
}
.titreblanc{
	background:url('../images/footer.jpg') no-repeat;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	height:30px;
}

/*****Livraison******/
.adresse_choix{
	float:left;
	margin:20px;

}
.boite_adresse{
	width:200px;
	border:solid 1px #ed9f07;
	text-align:center;
}
.num_adresse{
	width:200px;
	height:30px;
	border-bottom:solid 1px #ed9f07;

}
.boutonPanier{
	text-align:center;
	clear:both;
}
/***** Boite : Recap, Livraison, MON COMPTE ... *****/
.centrecompte{
	margin-top:30px;
	margin-bottom:-180px;
}
.moncompte{
	border:solid 1px #ed9f07;
	background:url('../images/bg_milieu.jpg') repeat-x #faf9f5;
	margin:50px;
	padding:10px;
}
#menucompte{
	width:170px;
	margin-left:50px;
	margin-right:50px;
	padding-top:0;
}
#recapcompte{
	width:570px;
	margin-right:50px;
	margin-left:50px;
	position:relative;
	top:-205px;
	left:230px;	
}
.textCommande{
	text-align:center;
	color:#000000;
}

/***** CONTACT *****/
.adresse{
	width:165px;
	border:solid 1px #ed9f07;
	padding:10px;
	background:url('../images/bg_milieu.jpg') repeat-x #faf9f5;
	margin:0 auto;

}
#tableContact{
	border:solid 1px #ed9f07;
	padding:10px;
	background:url('../images/bg_milieu.jpg') repeat-x #faf9f5;
}

/***** COMPTE *****/
.compte{
	color:#ed9f07;
}
/*********** CGV ******************/
.cgv a, .cgv_1, .cgv_2{
	color:#ed9f07;
	font-weight:bold;
}

.cgv_1{
	font-size:14px;
}
