@charset "iso-8859-1";
 
 html{
	font-size:100%;
	}
 
	*{
	margin:0px;
	padding:0px;
	}
	
	body  {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#51A025;	
	}

    #container {
	width:950px;
	background-color:#FFFFFF;
	
	min-height:700px;
	position:relative;
	height:auto;
	margin:auto;
    } 

    #header {
	width:950px;
	height:170px;
	position:relative;
    } 

  
	#articles {
	width:330px;
	height:auto;
	background-color:#FFFFFF;
	float: left;
	margin-top:15px;
   }
	   
	#articles h1 {
	font-size:1.4em;
	color: #287AAF;
	}
	
	#articles p.chapo {
	font-style: italic;
	font-size:0.9em;
	font-weight:bold;
}
	 #articles h4 {
	color: #51A025;
}
	#articles ul {
	font-size:1em;
	line-height:1.5;
	margin-left: 17px;
	}   
	#actualités {
	width:150px;
	height:250px;
	background-color:#339999;
	margin-left:10px;
	float:left;
   }

	 #articles sup {
	font-size:0.8em;
	}   
	     
	   
	#photo2 {
	width:320px;
	height:auto;
	float:right;
	background-color:#E9E5D9;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
	font-size:13px;
	   }
	
	#photo {
	width:280px;
	height:400px;
	float:right;
	margin-right:55px;
	margin-top:10px;

	   }
	   
	#animation {
	width:950px;
	height:300px;
	background-image:url(../images/bas.accueil.jpg);
	float:left;
    }
	
	#footer  {
	clear:both;
	width:950px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
    } 
 	#photo2 h2 {
	color:#FFFFFF;
	font-size:1.2em;
	background-color:#51A025;
	}
	#photo2 p {
	font-size:1em;
	}
	#schema {
	float:left;
	width:700px;
	height:400px;
	}
	
#dessin {
	height:200px;
	width:236px;
	float:left;
	background-image: url(../images/dessin.gif);
	margin-bottom:10px;
	margin-left:50px;
}
 	#footer a {
 	color:#9933CC;
    }
	
	 #footer address {
	text-align:center;
	font-size:0.8em;
	color:#000099;
	line-height:17px;
	font-style: normal;
	}