@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;}
h3{border-top:2px solid #003333;border-bottom:2px solid #003333;width:100px;margin:10px auto;text-align:center;text-indent:0em;background-color:#ccffff;color:#006666;text-decoration:none;}
p {text-align:justify;text-indent:2em;padding:4px;}
a {color:#33ff33;text-decoration:none;}
a:hover{color:#99ff99;text-decoration:underline;}
.news_fond {margin:10px auto;text-align:center;}
.news_fond h4{border-top:2px solid #003333;border-bottom:2px solid #003333;width:90px;margin:25px auto;text-align:center;background-color:#ccffff;color:#006666;text-decoration:none;text-indent:0em;}
h4#auffay2{border-top:2px solid #003333;border-bottom:2px solid #003333;width:75px;margin:25px auto;padding:2px;text-align:center;background-color:#ccffff;color:#006666;text-decoration:none;}
h4#auffay2 a:hover{color:#007700;text-decoration:none}
h4#stcrespin{border-top:2px solid #003333;border-bottom:2px solid #003333;width:150px;margin:25px auto;padding:2px;text-align:center;background-color:#ccffff;color:#006666;text-decoration:none;}
h4#stcrespin a:hover{color:#007700;text-decoration:none}
h4#longueville1{border-top:2px solid #003333;border-bottom:2px solid #003333;width:150px;margin:25px auto;padding:2px;text-align:center;background-color:#ccffff;color:#006666;text-decoration:none;}
h4#longueville1 a:hover{color:#007700;text-decoration:none}
h4#longueville2{border-top:2px solid #003333;border-bottom:2px solid #003333;width:150px;margin:25px auto;padding:2px;text-align:center;background-color:#ccffff;color:#006666;text-decoration:none;}
h4#longueville2 a:hover{color:#007700;text-decoration:none}
h4#hamelet{border-top:2px solid #003333;border-bottom:2px solid #003333;width:100px;margin:25px auto;padding:2px;text-align:center;background-color:#ccffff;color:#006666;text-decoration:none;}
h4#hamelet a:hover{color:#007700;text-decoration:none}

.news_fond ul li{display:inline-block;width:250px;height:188px;margin:0 50px 0 25px;border:4px inset #66ffff;text-decoration:none;}
.paragraph ul li{display:inline-block;width:250px;height:15px;border:none;margin:0 50px 0 25px;font-size:0.8em;text-align:center;}
.paragraph_1 ul li{display:inline-block;width:500px;height:15px;border:none;margin:0 auto;font-size:0.8em;text-align:center;}
.paragraph_2 ul li{display:inline-block;width:350px;height:15px;border:none;margin:0 auto;font-size:0.8em;text-align:center;text-indent:-4em;}
#auffay_1{width:276px;height:413px;margin:0 auto;border:4px inset #66ffff;}
#nvo h4{border-top:2px solid #003333;border-bottom:2px solid #003333;width:200px;background-color:#ccffff;margin:20px auto;padding:2px;color:#f00;
text-align:center;text-indent:0em;}
#auffay{width:124px;height:250px;margin:0 auto;border:4px inset #66ffff;}
#nvo2 h4{border-top:2px solid #003333;border-bottom:2px solid #003333;width:120px;background-color:#ccffff;margin:20px auto;padding:2px;color:#f00;
text-align:center;text-indent:0em;}
#stcrespin {border-top:2px solid #003333;border-bottom:2px solid #003333;width:100px;background-color:#ccffff;margin:20px auto;padding:2px;
text-align:center;text-indent:0em;}
#longvil1{width:248px;height:300px;margin:0 auto;border:4px inset #66ffff;}
#longvil1 a:hover{color:#007700;text-decoration:none}
#ravine{width:350px;height:427px;margin:0 auto;border:4px inset #66ffff;}
#longvil2{width:200px;height:250px;margin:0 auto;border:4px inset #66ffff;}
#hamlet{width:255px;height:272px;margin:0 auto;border:4px inset #66ffff;}

.news_bas {margin:10px auto;text-indent:2em;}
.news_bas ul li {display:inline-block;width:100px;margin:0 100px;;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}