/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#747376;
text-align:center;
background-image:url(../pics/herbe.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#e0f4f6;
}

html>body{
background-image:none;
}

a:link,
a:visited{
text-decoration:none;
color:#747376;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#747376;
outline:none;
}

h2,h3,h4,h5{
font-size:100%;
}

ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}

input,select{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
border:1px solid #808080;
font-size:100%;
color:#757575;
height:18px;
}



/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */
div#nuages{
background-image:url(../pics/nuages.jpg);
background-position:0 0;
background-repeat:repeat-x;
width:100%;
height:auto !important;
height:515px;
min-height:515px;
}

	/* correction du bug de l'affichage de l'herbe sur mozilla */
	html>body div#herbe{
	position:absolute;
	top:0;
	left:0;
	min-height:100%;
	background-image:url(../pics/herbe.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	}
	/* fin correction du bug de l'affichage de l'herbe sur mozilla */


div#centrage{
width:915px;
margin:0 auto;
text-align:left;
font-size:70%;
height:auto !important;
height:500px;
min-height:500px;
text-align:center;
}

/*--------------- header----------------*/
div#centrage div#header{
height:163px;
width:915px;
margin-bottom:7px;
text-align:left;
padding:10px 0 0 0;
}
	div#centrage div#header #fd{
	position:absolute;
	margin:0 0 0 0;
	}
	
	div#centrage div#header #bandeau{
	position:absolute;
	margin:10px 0 0 27px;
	}
	
	
	
/*-------------- contenu -------------*/	
div#centrage div#contenu{
width:880px;
margin:0 auto;
height:auto !important;
height:322px;
min-height:322px;
background-color:#FFFFFF;
text-align:left;
}

	/* centre */
	div#centrage div#contenu div#centre{
	width:856px;
	height:auto !important;
	height:307px;
	min-height:307px;
	float:left;
	text-align:justify;
	padding:15px 12px 0 12px;
	}
	
		div#centrage div#contenu div#centre .visuel{
		float:left;
		width:216px
		}
		div#centrage div#contenu div#centre div.etapes{
		float:left;
		width:600px;
		padding:18px 0 0 20px;
		}
			div#centrage div#contenu div#centre div.etapes p{
			margin-bottom:8px;
			}
	
	div#centrage div#contenu div#centre div.zoneblocs{
	clear:both;
	padding-top:25px;
	height:145px;
	width:856px;
	text-align:left;
	}
	
		div#centrage div#contenu div#centre div.bloc{
		border:1px solid #eeeeee;
		float:left;
		display:inline;
		width:271px;
		height:143px;
		margin-right:18px;
		}
		div#centrage div#contenu div#centre div.bloc.fin{
		margin-right:0;
		}
			div#centrage div#contenu div#centre div.bloc .texte{
			width:113px;
			padding:10px 0 0 12px;
			float:left;
			font-weight:bold;
			}
				div#centrage div#contenu div#centre div.bloc .texte img{
				margin-bottom:3px;
				}
			
	
	/* footer */
	div#centrage div#contenu div#footer{
	clear:both;
	height:18px;
	}
		div#centrage div#contenu div#footer img#bas{
		position:absolute;
		margin:18px 0 0 -2px;
		}
		div#centrage div#contenu div#footer ul{
		padding:0px 5px 0 0;
		width:auto;
		float:right;
		}
			div#centrage div#contenu div#footer ul li{
			display:inline;
			}