body
{
background:url("images/herbe2.jpg") repeat-x #92b500;
margin:0;
}

#fleurG 
{
position:relative;
top:111px;
right:43px;
z-index:1;
border:0;
}

#fleurD 
{
position:relative;
top:110px;
left:606px;
z-index:1;
}

#animBanniere
{
	width:864px;
	height:144px;
	margin:0;
	padding:0;
	position:relative;
	top:-288px;
}

#banniere
{
background-image:url("images/banniere.jpg");
margin:0 auto;
padding:0;
width:864px;
height:144px;
}

#menu
{
clear:both;
margin:0 auto;
padding:0 0px 0px 0;
width:900px;
}


#menuG
{
float:left;
margin:0 auto;
padding:0 0px 0px 0;
background-image:url("images/coteGMenu.gif");
width:13px;
height:34px;
}

#menuMid
{

float:left;
background-image:url("images/menuMid.jpg");
height:34px;
width:874px; /*754*/
}

#menuMid ul
{
margin:0;
list-style-type:none;
padding:0px 0 0 120px;
}

#menuMid ul li
{
margin:0;
padding:0;
text-align:center;
width:130px; 
float:left;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#335902;
}

#menuMid ul li a
{
padding:0;
margin:0;
height:33px;
color:#335902;
text-decoration:none;
line-height:30px;
display:block;
}

#menuMid ul li a:hover
{
background-color:#92b500;
}

#menuD
{
float:left;
margin:0 auto;
padding:0;
background-image:url("images/coteDMenu.gif");
width:13px;
height:34px;
}

#contenu
{
clear:both;
margin:0 auto;
padding:0 0 0 50px;
width:850px;
background-color:#396302;
}

#contenu h3
{
font-family:Arial;
font-size:24px;
font-weight:bold;
color:#c7dd69;
padding:0 0 0px 80px;
/*width:603px;*/
}


#contenu #menuGauche
{
float:left;
padding:10px 0 10px 30px;
margin:0;
position:relative;
top:0px;
background-color:#335902;
width:150px;
z-index:2;   /* Autrement, il y a des probleme avec la partie droite ... */
list-style-type:none;

}

#contenu #menuGauche li
{
padding:3px 0 3px 5px;
color:#92b500;
font-family:Arial;
font-size:12px;
}

#contenu #menuGauche li a
{
color:#92b500;
}

#contenu #menuGauche li a:hover
{
text-decoration:none;
}

#contenu #textImg
{
padding:0;
margin:0;
position:relative;
padding:0 0 10px 0px; /* Pourquoi j'utilise le padding plutot que le float:left :  Cela permet d'appliquer un background-color sur la div contenu ! sans quoi, elle a juste la hauteur de la balise h3 qu'elle contient !   pb avec IE (encore) qui mesure son padding à partir de l'élement voisin ...*/
width:640px;
z-index:1;
}

#contenu #textImg .Text
{

width:540px;
padding:0px 10px 0px 10px;
margin:0 0 3px 0;
font-size:12px;
font-family:Arial;
text-align:justify;
border-style:solid;
border-width:5px;
border-color:#335902;
background-color:#88a168;
color:#335902;
}

#contenu #textImg p strong
{
font-size:18px;
color:#d6faa9;
}

#contenu #textImg .Text a
{
	color:#d6faa9;
}

#contenu #textImg .Text a:hover
{
	text-decoration:none;
}

#contenu #textImg .images
{
max-width:560px;
margin:0 0 3px 0;
padding:0;
border-style:solid;
border-width:5px;
border-color:#335902;
/*height:250px;*/
}



#footer
{
clear:both;
width:850px;
margin:0 auto;
}


#carousel
{
	width:580px;
	height:200px;
	position:relative; 
}

#carousel img
{
	width:100%;
	height:auto;
	border:0px solid #FFFFFF;
	display:block;
	  /*  335902   */
}

#carousel img a:hover
{
	border-color:#92b500;
}

#formulaireContact
{
border-style:solid;
border-width:5px;
border-color:#335902;
background-color:#88a168;
margin:0;
padding:5px; 
}

#formulaireContact form
{
margin:0;
padding:0;
}

#formulaireContact label
{
margin:0;
padding:0;
width:80px;
float:left;
display:block;
color:#335902;
}

#formulaireContact br
{
clear:both;
}

#footer
{
background-color:#396302;
clear:both;
width:900px;
height:60px;
margin:0 auto;
padding:0 0 0 0;
border-top: 2px solid #335902;
}

#footer #logoEntraide
{
float:right;
height:50px;
width:84px;
}

#footer #logoEntraide a img
{
border: 0;
}

#footer p
{
font-family:arial;
font-size:10px;
text-align:center;
padding:0 0 0 84px;
margin:0 auto;
color:#d6faa9;
}

#footer p a 
{
color:#d6faa9;
padding:0 5px 0 5px;
}

#footer p a:hover
{
text-decoration:none;
}

#footer #validator
{
float:left;
margin:0;
padding:5px 0 0 10px;
width:100px;
}