/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

a{
	text-decoration:none;
	color:#000;
	}
a:hover{
	text-decoration:underline;
	color:#FE7A15;
		}		
.titre{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 45px;
	background-image:url(../images/charte/bg-titre.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:"Times New Roman", Times, serif;
	font-size:32px;
	font-weight:bold;	
	letter-spacing:-2px;
	color:#999999;
	display:block;
	border-bottom:1px solid #FE7A15;
	}
.sousTitre{
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;	
	letter-spacing:-1px;
	color:#666666;
	display:block;
	border-bottom:1px solid #CCC;		
	}	
.petit{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:9px;
	font-variant:small-caps;
	font-weight:bold;	
	color:#000000;
	letter-spacing:0px;
}
.grasNoir_11px{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
.grasOrange_11px{
	color:#FE7A15;
	font-size:11px;
	font-weight:bold;
}
.grasNoir_12px{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.grasNoir_12px a{
	text-decoration:none;
	color:#999;
	}
.grasNoir_12px a:hover{
	text-decoration:underline;
	color:#FE7A15;
		}		
.orange{
	color:#FE7A15;
}
li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-bottom:0px;
}
/*strong{
	font-weight:800;
}*/
/***************************** PAGE ACCUEIL ***********************************/
#accueil{
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

#accueil #photos-accueil{
	float:left;
	margin-right:10px;
	width:200px;
	margin-top:10px;
}
#accueil #photos-accueil a img{
	margin:15px 0;
	border:none;
}
#accueil #contenu-accueil{
	margin:10px 0 15px 30px;
	line-height:15px;
	text-align:justify;
	width:250px;
	/*border:1px solid red;*/
	float:left;
}

/***************************** PAGE LIVRE ***********************************/

#livre{
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

#image-livre{
	float:left;
	width:275px;
}
#image-livre a img{
	border:none;
}
#texte-livre{
	float:left;
	margin-left:15px;
	width:200px;
}
#texte-livre p{
	text-align:justify;
	line-height:22px;
	margin:20px 0;
	letter-spacing:1px;
}



/***************************** PAGE SPECIALITE ***********************************/
#specialite{
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}
.specialitetexte{
	float:left;
	width:230px;
	margin:10px 0 10px 0;
	text-align:justify;
	/*border:1px solid #000;*/
}
.specialitetexte img{
	margin-left:15px;
}
.specialitegauche{
	float:left;
	width:230px;
	margin:10px 0 10px 0;
	text-align:center;
	/*border:1px solid #000;*/
}
.specialitegauche img{
	margin-left:15px;
}
.specialitedroite{
	float:right;
	width:230px;
	margin:10px 0 10px 0;
	text-align:center;
	/*border:1px solid #000;*/
}
.specialitedroite img{
	margin-left:15px;
}
.specialiteligne{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	text-align:center;
	/*border:1px solid #000;*/
}
.specialiteligne img{
	margin-left:150px;
}
#cadreretour{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	/*text-align:center;
	border:1px solid #000;*/
}
#cadrephrase{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	text-align:center;
	/*border:1px solid #000;*/
}


/***************************** PAGE ENTREES ***********************************/
#entree{
	background-image:url(../images/specialites/entrees/fd_entree.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	/*border:1px solid #000;*/
}
.entreetexte{
	float:right;
	width:200px;
	margin:40px 15px 0px 15px;
	text-align:justify;
	/*border:1px solid #000;*/
}
.entreetexte img{
	margin-left:15px;
}
.entreegauche{
	float:left;
	width:230px;
	margin:10px 0 10px 0;
	text-align:center;
	/*border:1px solid #000;*/
}
.entreegauche img{
	margin-left:15px;
}
.entreedroite{
	float:right;
	width:230px;
	margin:10px 0 10px 0;
	text-align:center;
	/*border:1px solid #000;*/
}
.entreedroite img{
	margin-left:15px;
}
/***************************** PAGE TAJINES	 ***********************************/
#tajines{
	background-image:url(../images/specialites/tajines/fd_tajines.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	/*border:1px solid #000;*/
}
.tajinetexte{
	float:right;
	width:200px;
	margin:40px 15px 0px 15px;
	text-align:justify;
	/*border:1px solid #000;*/
}
.tajinetexte img{
	margin-left:15px;
}
/***************************** PAGE COUSCOUS ***********************************/
#couscous{
	background-image:url(../images/specialites/couscous/fd_couscous.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	/*border:1px solid #000;*/
}
.couscoustexte{
	float:left;
	width:470px;
	margin:10px 15px 0px 15px;
	text-align:justify;
	/*border:1px solid #000;*/
}
.cousoustexte img{
	margin-left:15px;
}
/***************************** PAGE DESSERT ***********************************/
#dessert{
	background-image:url(../images/specialites/desserts/fd_dessert.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	/*border:1px solid #000;*/
}
.desserttexte{
	float:left;
	width:470px;
	margin:10px 15px 0px 15px;
	text-align:justify;
	/*border:1px solid #000;*/
}
.desserttexte img{
	margin-left:15px;
}
/***************************** PAGE DIVERS ***********************************/
#divers{
	background-image:url(../images/specialites/divers/fd_divers.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	/*border:1px solid #000;*/
}
.diverstexte{
	float:left;
	width:470px;
	margin:10px 15px 0px 15px;
	text-align:justify;
	/*border:1px solid #000;*/
}
.diverstexte img{
	margin-left:15px;
}
/***************************** POP UP RECETTES ***********************************/
#popup{
	background-image:url(../images/specialites/entrees/px_blanc.gif);
	background-repeat:repeat-y;
	background-position:left top;
	background-color:#FFFFFF;
	margin:0;
	padding:5px 5px 5px 5px;
	width:600px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	border:1px solid #fff;
}
#popupTitre{
	width:588px;
	height:40px;
	background-image:url(../images/specialites/bg_titre.gif); 
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #000;
}
#popupTexte{
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	/*border:1px solid #000;*/
}
.cadrepopup{
	width:45%;
	float:left;
	margin: 0 10px 0 0;
	padding: 0 10px 10px 0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	/*border:1px solid #000;*/
}
#popupBas{
	width:588px;
	height:30px;
	margin: 0;
	padding: 0;
}





/***************************** PAGE RECETTE DU JOUR ***********************************/

#recette{
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

#recette-haut{
	margin:10px 0;
}
#recette-haut #photo-recette{
	float:left;
	width:200px;
	margin-right:15px;
}
#recette-haut #photo-recette a img{
	border:none;
}
#recette-haut #recette-preparation{
	float:left;
	width:270px;
	border-left:1px dashed #999999;
	padding-left:10px;
}
#contenu-recette{
	margin:20px 0;
}



#recettes-autres {
	margin:30px 0 15px 0;
}
#recettes-autres #titre-autre-recette{
	height:20px;
	width:400px;
	background-color:#fe7a15;
	color:#fff;
	font-size:11px;
	line-height:20px;
	padding-left:15px;
}
#recettes-autres .bloc-recette{
	border-bottom:1px solid #999999;
	padding-bottom:10px;
	margin:5px 0;
	float:left;
	width:450px;
}
#recettes-autres .bloc-recette .image-recette-autre{
	float:left;
	margin-right:15px;
	width:45px;
}
#recettes-autres .bloc-recette .recette-autre-intro{
	float:left;
	width:200px;
}




/***************************** PAGE GUIDE ***********************************/

#guide{
	margin:0px auto 0px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}
.bloc-guide{
	margin:20px 0 ;
	border-bottom:1px solid #999999;
	padding-bottom:10px;
	float:left;
}
.bloc-guide .guide-images{
	float:left;
	width:110px;
	margin-right:20px;
}
.guide-images a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.guide-images a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#contenu .image-principale {
	margin:0;
}
.image-principale img{
	border:1px solid #666666;
}
.vignettes-guide img{
	float:left;
	margin-right:10px;
	margin-top:5px;
	border:1px solid #666666;
}
.bloc-guide .guide-texte{
	float:left;
	width:350px;
	text-align:justify;
}
#contenu .guide-texte .grasOrange_11px{
	margin-top:0;
}

/* PAGINATION */
.pagination-produit{
	width:300px;
	text-align:center;
	padding-top:5px;
	margin: 0 auto;
	}
	
#listing-produit .pagination-produit a{color:#ff0066;}	
#listing-produit .pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}
	



/******************************** STYLE DE LA PAGE CONTACT ********************************/

#contact{
	margin:0px auto 10px auto;
	padding:0;
	width:504px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

#contactTxt{
	width:45%;
	float:right;
	text-align:center;
	margin:10px 20px 10px 0;
	/*border:1px solid black;*/
}
#formContact input{
	width:200px;
	border:1px solid #000;
	font-size:12px;
}
#formContact textarea{
	width:200px;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}