body {
	background: #b67d0b url(img/fond.jpg) top center;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
}
body p, body td{
	font-size:.9em;
}
a{
	color:#CC3333;
	text-decoration:underline;
	font-stretch:expanded;
}
a:hover{
	text-decoration:none;
}
#mainContent h1{
	color: #330000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
}

#mainContent h2{
	color: #330000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
}
#mainContent h3{
	color: #330000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}
#container {

	width: 990px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 30px;;
	padding:0;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

#header {
	height:181px;
	width:990px;
	background: url(img/header.png) top center no-repeat; 
}
#nav {
	height:40px !important;
	width:990px;
	margin: 0;
	background: url(img/fond-nav.png) top center no-repeat;
	
}
#nav ul {
	height:30px;
	list-style:none;
	margin: 0;
	padding: 0;
	padding-left: 60px;
}
#nav li {
	background:#bbcc20 url(img/coin-nav.png) bottom right no-repeat;
	float:left;
	margin-right:15px;
	padding-left:1em;
	margin-top: 14px;
	padding-right:1.5em;
	text-align: center;
	height:26px !important;
	font-weight:bold;
}
.naviguation a{ color:#333; text-decoration:none; line-height:25px;  }
.naviguation a:hover { color:#e3e10f; }
.nav-encours a{ color:#FFF; text-decoration:none; line-height:25px; }
.nav-encours a:hover { color:#FFF; }

#mainContent {
	margin:0;
	padding: 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: url(img/fond-contenu.png) center top repeat-y;
	width:990px;
}
#footer {
	background: url(img/footer.png) top center no-repeat;
	width:990px;
	height:190px;
}
 #footer p {
	color: #CCC;
	font-size: .8em;
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding-left: 380px;
	padding-top:165px;
	
}
#footer a{ color:#CCC; text-decoration:none; border-bottom:#FFF 1px dotted;}
#footer a:hover{ color:#EEE; border-bottom: none;}

#zone1 {    /* la zone de lien */
	float: left;
	width : 230px;
	height: 150px;
	margin-left: 50px;
	margin-top: 30px;
	display:block;
} 
.cadre-img{
	background-color:#FFF;
	padding:5px;
	border:#654610 1px solid;
}
#gauche{
	
	margin: 20px 0 0 80px;
	width:550px;
	float:left;
}
#gauche p{
	text-align:justify;
}
#droite{
	margin: 20px 80px 0 0;	
	float:right;
}
#unique{
	margin: 20px 80px 0 80px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#jus{
	background:url(img/bulles-verte.png) top right no-repeat;
	width:200px;
	height:210px;
}
#jus p{
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 60px 10px 0 100px;
}
#legumes{
	background:url(img/bulles-rose.png) top right no-repeat;
	width:200px;
	height:200px;
}
#legumes p{
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 0 80px;
}
#newsletter{
	background:url(img/bulles-bleu.png) top right no-repeat;
	width:200px;
	height:200px;
}
#newsletter p{
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 5px 10px 0 30px;
}
.textInput{  
	background-color:#FFF;
	border:1px solid #BACC20;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:14px;
	padding-left: 5px;
	width:200px;  
}
textarea{  
	width:290px;  
	height: 130px;
	background-color:#FFF;
	border:1px solid #BACC20;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 5px;
}
.erreur {
	color: #990000;
}
.bloc-recette{
	background:#FFF url(img/fond-petit-logo.png) bottom right no-repeat;
	background-color:#FFF;
	border:#333 1px solid;
	font-size:.9em;
	color:#000;
	padding: 2em;
	width:500px;
}
.div-recette ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

.div-recette li{
	border-bottom:#000 1px dotted;
	padding-bottom: 10px;
	list-style:none;
}
.div-recette h3{
	padding-top: 1em;
}
.bulles{
	font-size:1.1em;
}
.bulles a{
	color:#FFF;
	text-decoration:underline;
}
.bulles a:hover{
	text-decoration:none;
}
.planning{
	border:#000 1px solid;
}
.planning a{ color:#000;}

.planning-tbas{
	border-bottom:#000 2px solid;
}
.planning-tdroite{ border-right:#000 1px solid;}