/* 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 "reset.css";
@import "charte.css";
@import "intro.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
	
/*************** STYLE DE LA PAGE CHEF *******************/
#contenuTexte .txt-chef{
	float:left;
	width:400px;
	margin:0 10px 0 0px;

}	

#contenuTexte .img-chef{
	float:left;
	width:170px;
	height:227px;
	margin:0px 0px 0 0px;
	border:1px solid red;
}	

	
/**************** STYLE DE LA PAGE MENU ******************/
#contenuTexte .txt-menu {
	float:left;
	margin:0 10px 0 0px;
}	

#contenuTexte .txt-menu p{

}	
#contenuTexte .menu-midi{
	float:right;
	width:180px;
	margin:0px 0px 10px 15px;
	border:1px solid #FF9900;	
	background-color:#ae2112;
}	
#contenuTexte ul{
list-style:square;

}	
#contenuTexte ul li{
list-style-image:url(../images/carre.gif);
line-height: 170% ;
	padding-bottom:5px;
	font-size:1.1em;
	line-height:18px;
	font-size:13px;
	margin:0 10px 0 55px;
	text-align:justify;
}	

#contenuTexte .menu-midi h2{
	font: small-caps bold 16px Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-align:center;
	margin:0;
	padding-top:5px;
	}

#contenuTexte .menu-midi p{
	font: small-caps 14px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:10px 5px 10px 5px;
	}


#contenuTexte .menu-midi span{

	color:#FF9900;
	text-align:center;
	margin:0;
	font: 22px Arial, Helvetica, sans-serif;
	}

	
/*************** STYLE DE LA PAGE CONTACT **************/
#blocgche-contact {
	width:300px;
	float:left;
	margin:20px 40px 0px 10px;
	text-align:center;
	}
#blocgche-contact p{
	text-align:center;
	}
#bloc-contact {
	width:250px;
	float:left;
	margin:20px 0px 0 0px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	padding:0 0px 0 10px;
	border-left:1px solid #e6e6e6;
}
#bloc-contact tr td{
	vertical-align: middle;
}

#bloc-contact table {width:100%;}


#formContact input, #formContact textarea{
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:2px;
	padding-right:10px;
	border:1px solid #CCC;
	background:none;
}

#formContact input, #formContact textarea{
	width:150px;
	margin-bottom:5px;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#FF9900;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}
#contenu #bloc-contact .saisircode{
	
	width:auto;
	
	color:#FF9900;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact .bouton{
	width:72px;
	height:20px;
	cursor:pointer;
	color:#000;
	background:#FF9900;
	padding:0 5px 2px 5px;
	margin-right:3px;
	font-variant:small-caps;
	font-size:12px;
}

#formContact .bouton:hover, #formContact .bouton:active {color:#333;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}

.champRequis{color:#0878B8; font-size:9px;}	

/*************** STYLE DE LA PAGE LIVRE CUISINE **************/

#bloc-livrecouve{
	float:left;	
	border: 1px solid #999999;
	background-color:#000000;
	margin-left:35px;
	margin-bottom:20px;
	width:190px;
}


#bloc-droite-livre{
	float:left;	
	width:390px;
}
{
	float:left;	
	border: 1px solid #999999;
	background-color:#000000;
	margin-left:35px;
	margin-bottom:20px;
	width:190px;
}

#bloc-livrecouve a.img-livrecouve{
	padding:10px 10px 10px 10px;
	width:170px;
	height:202px;
	display:block;
	text-align:center;
}
#contenu p.livre-titre{
	text-align:center;
	padding:0;	margin:0;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
#bloc-livre{
	float:left;	
	border: 1px solid #999999;
	background-color:#000000;
	margin-left:20px;
	margin-bottom:20px;
	width:70px;
}

#bloc-livre a.img-livre {
	padding: 5px 5px 5px 5px;
	width:55px;
	height:65px;
	display:block;
	margin:0 auto 0 auto;
}


/*************** STYLE DE LA PAGE ESPACE PRESSE **************/

#bloc-liens{
	float:left;	
	border: 1px solid #999999;
	background-color:#000000;
	margin-left:30px;
	margin-bottom:20px;
	width:150px;
}

#bloc-liens .img-liens a{
	padding-top:8px;
	width:110px;
	height:110px;
	display:block;
	margin:0 auto 0 auto;
	text-align:center;
}

#contenu p.liens-titre{
	text-align:center;
	padding:0;	margin:0;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}


/*************** STYLE DE LA PAGE ESPACE PRESSE **************/

#bloc-livreor{
	float:left;	
	border: 1px solid #999999;
	background-color:#000000;
	margin-left:30px;
	margin-bottom:20px;
	width:100px;
}

#bloc-livreor .img-livreor a{
	padding-top:8px;
	width:90px;
	height:107px;
	display:block;
	margin:0 auto 0 auto;
	text-align:center;
}

#contenu p.livreor-titre{
	text-align:center;
	padding:0;	margin:0;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
