/* Le corps */
body
{
max-width: 960px;
width: 960px;
margin-left: auto;
margin-right: auto;
background-image: url(images/fond_eau_vert_grenouille.jpg);
background-color: #b1c495;
font-family: Helvetica, Verdana, Arial, "Times New Roman", sans-serif;
color: #44743a; 
margin-top: 5px; 
margin-bottom: 20px;
background-attachment: fixed;
}

/* L'en-tête */

#en_tete 
{
	max-width: 960px;
	width: 960px;
	text-align: center;
	border-top-color: #f4cc2e;
	border-top-style: solid;
	border-top-width: 15px;
	border-bottom-color: #f4cc2e;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	background-color: rgb(91,209,27);
	margin-bottom: 20px;
	height: 164px;
	background-repeat: none no-repeat;
	background-image: url(images/banniere_tricolore4.png);
}

#pied_de_page
{
   max-width: 960px;
   width: 960px;
   height: 135px;
   margin-top: 20px;
   font-family: Helvetica, Verdana, Arial, sans-serif;
   padding: 5px;
   clear: both;
   text-align: left;
   color: white;
   background-color: rgb(59,138,90);
   border: 4px solid #f4cc2e;
   background-image: url(images/bandeau_europe_ecologie.png);
}



#pied_de_page input /* Tous les titres h1 du corps */
{
	background-color: #f4cc2e;
}

.corps
{
max-width: 680px;
width: 680px;
border-left-color: white;
border-bottom-color: white;
border-right-color: white;
border-top-color: #f4cc2e;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-top-style: solid;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-top-width: 15px;
background-color: #5bd11b;
text-align: justify;  
margin-right: 140px;
margin-left: 135px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
font-family: Helvetica, Verdana, "Arial Black", "Times New Roman", Times, serif;
color: white; /* Une couleur de fond pour le corps */ /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.corps p /* Tous les p du corps */
{
	color: #20462e;
	line-height: 1.2em;
	font-size: 120%;
	font-family: Helvetica, Verdana, Arial, "Times New Roman", sans-serif;
	text-align: justify;
} /* Tous les p du corps */
{
	color: #20462e;
	line-height: 1.2em;
	font-size: 120%;
	font-family: Helvetica, Verdana, Arial, "Times New Roman", sans-serif;
	text-align: justify;
}



.corps ul, .corps ul li /* Tous les p du corps */
{
	color: #20462e;
	line-height: 1.2em;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, "Times New Roman", sans-serif;
	text-align: justify;
} /* Tous les p du corps */
{
	color: #20462e;
	line-height: 1.2em;
	font-size: 120%;
	font-family: Helvetica, Verdana, Arial, "Times New Roman", sans-serif;
	text-align: justify;
}



.corps_large
{
max-width: 960px;
width: 960px;
border-left-color: white;
border-bottom-color: white;
border-right-color: white;
border-top-color: #f4cc2e;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-top-style: solid;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-top-width: 15px;
background-color: rgb(91,209,27);
text-align: justify; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
font-family: Helvetica, Verdana, Arial, "Times New Roman", Times, serif;
color: white; /* Une couleur de fond pour le corps */ /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.corps a /* Tous les titres h1 du corps */
{
	color: #193613;
}

.corps a:hover /* Tous les titres h1 du corps */
{
	color: white;
	background-color: #193613;
}

.corps h1, .corps_large h1 /* Tous les titres h1 du corps */
{
   text-shadow: -3px 3px #193613;
   color: white;
   text-align: center;
   font-size: 35px;
   font-weight: bold;
}

.corps h2, .corps_large h2 /* Tous les titres h2 du corps */
{	
	text-align: left;
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: bold;
	color: white;
}



.corps_large input /* Tous les titres h1 du corps */
{
}

/* Le bloc de gauche */
#bloc_gauche
{
font-family: Helvetica, Verdana, Arial, sans-serif;
float: left ;
width: 130px ;
}


/* L'accueil */

#accueil
{
  background-color: #5bd11a;
  text-align: center;
  margin-bottom: 10px;
  width: 120px; 
  border: 2px solid #f4cc2e;
}

#accueil a 
{
	padding-bottom: 10px;
	margin-bottom: 7px;
	text-decoration: none;
	text-align: center;
	color: white;
}

#accueil a:hover
{
	background-position: 0 0px;
	background-repeat: repeat-x;
	background-color: #f4cc2e;
	color: #193613;
}




#actions
{
  background-color: #5bd11a;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
  width: 120px; /* Très important : donner une taille au menu */
  border: 2px solid #f4cc2e;
}

                    

/* Les résultats */

.semaine /* Tous les titres semaine du corps */
{
	font-weight: normal;
	padding-left: 6px;
	font-size: 12px;
	font-style: normal;
	color: white;
}

.semaine a /* Tous les liens dans les titres semaine  */
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 20px;
	margin-bottom: 7px;
	text-decoration: none;
	text-align: left;
	color: white;
}

.semaine a:hover /* Tous les titres h1 du corps */
{
	background-position: 0 0px;
	background-repeat: repeat-x;
	background-color: #f4cc2e;
	color: #193613;
}

#compteurs
{
  background-color: #5bd11a;
  text-align: center;
  color: white;
  margin-bottom: 5px;
  width: 120px; /* Très important : donner une taille au menu */
  border: 2px solid #f4cc2e;
}

#bloc_droite
{
	font-family: Helvetica, Verdana, Arial, "Times New Roman", sans-serif;
	margin-left: 10px;
	float: right;
	width: 130px;
}

#qui
{
	background-color: rgb(91,209,27);
	text-align: center;
	border-color: #f4cc2e;
	border-width: 2px;
	border-style: solid;
	margin-bottom: 10px;
	width: 120px;
}

#qui a /* Tous les titres h1 du corps */
{
	margin-bottom: 7px;
	text-decoration: none;
	color: white;
}

#qui a:hover /* Tous les titres h1 du corps */
{
	background-position: 0 0px;
	background-repeat: repeat-x;
	background-color: #f4cc2e;
	color: #193613;
}

#publicites
{
	background-color: #5bd11a;
	text-align: center;
	border-color: #f4cc2e;
	border-width: 2px;
	border-style: solid;
	margin-bottom: 5px;
	margin-top: 0px;
	width: 120px;
}

#publicites a
{
	text-decoration: none;
	color: white;
	text-align: center;
	border-width: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	width: 120px;
}

#publicites a:hover 
{
	background-position: 0 0px;
	background-repeat: repeat-x;
	background-color: #f4cc2e;
	color: #193613;
}



fieldset 
{
	border-top-style: solid;
	border-top-color: #f4cc2e;
	border-top-width: 15px;
	color: white;
	margin-bottom: 40px;
	background-color: #5bd11a;
}

fieldset label 
{
	text-shadow: 0px 0px;
	color: white;
	margin-bottom: 40px;
}

fieldset legend /* Tous les titres h1 du corps */
{
	font-style: normal;
	font-weight: normal;
	text-shadow: -3px -3px #193613;
	font-size: 300%;
	text-transform: none;
	line-height: 0px;
	color: white;
}

fielset input 
{
	color: white;
	background-color: #b1c495;
}



.colonne_en_detail /* Tous les  du corps */
{
	margin-right: 5px;
	margin-left: 5px;
	border-top-color: #f4cc2e;
	border-top-width: 5px;
	border-top-style: solid;
	margin-bottom: 10px;
	text-align: justify;
	padding: 5px;
	background-color: #5bd11a;
	color: #1e422c;
	position: relative;
	width: 565px;
	float: right;
}

.colonne_en_bref /* Tous les titres h1 du corps */
{
	margin-right: 5px;
	margin-left: 5px;
	border-top-color: #f4cc2e;
	border-top-style: solid;
	border-top-width: 5px;
	margin-bottom: 10px;
	text-align: justify;
	padding: 5px;
	background-color: #5bd11a;
	color: #1e422c;
	position: relative;
	width: 335px;
	float: left;
}

.intro_deux_colonnes /* Tous les titres h1 du corps */
{
	color: white;
	border-top-color: #f4cc2e;
	border-top-style: solid;
	border-top-width: 15px;
	font-size: 20px;
	margin-bottom: 20px;
	float: none;
	text-align: center;
	padding: 5px;
	background-color: #5bd11a;
	position: relative;
	left: 0px;
	width: 950px;
}

.titre_formulaire /* Tous les titres h1 du corps */
{
	font-style: normal;
	font-weight: normal;
	text-shadow: -3px -3px #193613;
	font-size: 300%;
	text-transform: none;
	line-height: 0px;
	color: white;
}

.message /* Tous les titres h1 du corps */
{
	border-bottom-style: ridge;
	border-bottom-color: #f4cc2e;
	border-bottom-width: 2px;
	margin-bottom: 5px;
}

.photo_vanessa /* Tous les titres h1 du corps */
{
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	position: static;
}

.remerciements /* Tous les titres h1 du corps */
{
	font-style: italic;
	font-size: small;
}

.merci_inscription /* Tous les titres h1 du corps */
{
	line-height: 200%;
	color: white;
	font-size: x-large;
}

.colonne_en_detail a, .colonne_en_bref a /* Tous les titres h1 du corps */
{
	color: #193613;
}

.colonne_en_detail a:hover, .colonne_en_bref a:hover /* Tous les titres h1 du corps */
{
	color: white;
	background-color: #193613;
}

.alerte /* Tous les titres h1 du corps */
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 5px;
	font-size: large;
	color: #193613;
	background-color: #f4cc2e;
}

.corps_large img /* Tous les titres h1 du corps */
{
	text-align: center;
	background-position: 0px;
}

.texte_vert_fonce /* Tous les titres h1 du corps */
{
	line-height: 1.3em;
	text-align: justify;
	letter-spacing: 1px;
	color: #193613;
}

.confirmation /* Tous les titres h1 du corps */
{
	font-size: x-large;
	text-shadow: 0px 0px;
	color: white;
	padding: 8px;
}

.rappels /* Tous les titres h1 du corps */
{
	line-height: normal;
	font-weight: bold;
	color: #193613;
}

.liste ul li /* Tous les titres h1 du corps */
{
	font-size: 120%;
	color: white;
}

.element_menu h5 /* Tous les titres h5 de menus */
{    
   line-heigt: 1px;
   color: white;
   font-size: 10%
   font-family: Helvetica, "Arial Black", "Times New Roman", Times, serif;
   font-weight: normal;
   padding: 0px;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   */background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */ */
   
   padding-left: 30px;
   color: white;
   text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */