@charset "utf-8";
body  {
	font: 100%/1.4 Calibri, Verdana, Arial, Helvetica, sans-serif;
	
	
}


.container {
	width: 100%;
	max-width: 1100px;/* une valeur « max-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop large sur un moniteur de grande taille. La lisibilité de la longueur de ligne est ainsi améliorée. IE6 ne tient pas compte de cette déclaration. */
	min-width: 900px;/* une valeur « min-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop étroite. La longueur de ligne est ainsi plus lisible dans les colonnes latérales. IE6 ne tient pas compte de cette déclaration. */
	background-color: #009696;
	border-right: 1px solid #ccffff;
	border-left: 1px solid #ccffff;
	margin:-20px auto;
	padding-bottom:0;
}

#left {
	float: left;
	width: 25%;
	max-width:150px;
	background-color: #009696;
	padding-top:20px;
}
#right {
	width: 70%;
	margin:0 220px;
	padding-top: 20px;
	padding-bottom: 0;
	max-width:1000px;
	min-width:700px;
	background-color: #009696;
	
}

#header	{
	margin:0 auto;
	text-align:center;
	
}
#news	{border: 1px solid #ccffff;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:5px;	
	padding-left:5px;
	border-radius:10px;
	box-shadow:1px 1px 15px #444444;
}
#news p{text-align:justify;text-indent:2em;font-size:1.2em;}
#news a {color:#003333;text-decoration:underline;}
#news a:hover{color:#99ff99;text-decoration:underline;}
 
/*News*/
.news_haut {margin:10px auto;padding:10px 10px 0 10px;font-weight:bold;font-size:1em;color:#ccffff;}
.h3 h3 {border-top:2px solid #003333;border-bottom:2px solid #003333;width:420px;margin:0 auto;text-align:center;background-color:#ccffff;padding:2px;color:#006666;}
.news_fond {margin:10px auto;padding:10px;text-align:center;}
.news_fond #galerie img {margin:0 auto;width:250px;height:188px;border:3px inset #66ffff}
.news_fond ul li{display:inline-block;width:300px;height:20px;margin:0 0 0 -50px;padding:5px 0 0 0;text-decoration:none;}
.news_fond #galerie1 img {margin:0 auto;width:250px;height:188px;border:3px inset #66ffff}
.news_fond #galerie2 img {margin:0 auto;width:250px;height:188px;border:3px inset #66ffff}
.news_fond p{font-size:0.85em;color:#399999;}
.news_bas {margin:10px auto;text-indent:2em}
.news_bas ul li {display:block;width:100px;margin:0 auto;text-indent:0em;text-decoration:none;}
.news_bas a img{border:none;}
.clear {clear:both;visibility:hidden}
/* Pied*/

/*Class générique*/
#pied {border-top:1px solid #ccffff;width:100%;height:25px;background:url(images/pied.png);margin:20px 0 0 0;padding:5px 0 10px 0;color:#FFF;font-size:11px;text-align:center;} 
#pied a {color:#FFF;text-decoration: none;outline:none;font-weight:normal;}
#pied a:hover {color: #99ffff}