body{
	font-size: 12px;
	font-family:arial;
	text-align: center;
	margin-top:0px;
}

a {
	color: #339933;
	text-decoration: underline;
}

a hover{
	color: #333333;
	text-decoration: none;
}

p{
 text-align:justify;
}

#ref{
	width: 1px;
	height: 1px;
	border: 1px solid #000000;
	visibility: hidden;
	position: absolute;
}

a img {
	border: 0;
}
#fond{
	width: 850px;
	height: auto;
	background-image:url(images/degrade.jpg);
	background-repeat: repeat x;
	margin: 0 auto;
}

#general{
	background-color: #339900;
	width:800px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	
}

#header{
	background-color: #339900;
	width: 800px;
	height: 266px;
	text-align:center;
	}
	
#headergauche{
	background-image: url(images/ciboulette.jpg);
	background-color: #339900;
	float:left;
	width: 150px;
	height: 199px;
	margin-top:0px;
	}
	
#imgcalendrier{
	margin-top:215px;
}

	
#headerdroite{
	background-image: url(images/bandeau_page.jpg);
	float:right;
	width: 650px;
	height: 266px;
	}

#menucontenu{
	background-color: #339900;
	width: 800px;
	height: auto;
	}

#menu{
	background-color: #339900;
	width: 150px;
	height: 424px;
	float: left;
	text-align:center;
	}

#contenu{
	background-color:#ffffff;
	width:650px;
	height:auto;
	float: left;
	list-style-type: none;
	
	}
	
#texte_contenu{
	padding-left: 15px;
	padding-right: 15px;
}

#pied_de_page{
	clear:left;
	background-color:#339900;
	width: 800px;
	height:15px;
	text-align:center;
	}

#copy{
	color:#ffffff;
	text-align:center;
}

ul#listemenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#img_bottom{
		width:650px;
		height:96px;
		background-image:url(images/fond_bas.jpg);
		background-repeat: no-repeat;	
}



/* Style des images survolées, ne pas modifier */

a#image1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/la_soleiade.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/la-soleiade-1.gif); /* source de l'image d'arrivée */
     } 
	 
a#image2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/les_classiques.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image2:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/les-classiques-1.gif); /* source de l'image d'arrivée */
     } 
	 
a#image3 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/les_speciales.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image3:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/les-speciales-1.gif); /* source de l'image d'arrivée */
     }
	 
a#image4 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/zoom.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image4:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/zoom-sur.gif); /* source de l'image d'arrivée */
     } 
	 
a#image5 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/ideesrecettes.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image5:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/idees-recettes.gif); /* source de l'image d'arrivée */
     } 
	 
a#image6 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/calendrier.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image6:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/calendrier_2.gif); /* source de l'image d'arrivée */
     } 
	a#image7 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(images/nous_contacter.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a#image7:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/contact.gif); /* source de l'image d'arrivée */
     }