/* CSS Document */
bannertop, .rouge, .rougef, .orange,  { behavior: url(iepngfix/iepngfix.htc); }
body{
	background:url(images/ciel.jpg) repeat-x top right #FAFCFD;
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:14px;
}

img {
 border: 1px  solid #999999;
 padding: 2px ;
 margin: 5px 5px ;
 }
 
img.noborder {
 border: 0px ;
 margin: 4px ;
 }
 
img.nobordernomargin {
 border: 0px ;
 margin: 0px ;
 padding: 0px ;
 }
	
.droite{
	text-align:right;
	font-style:italic;
	margin : 0 4px 0 0;
}

.clear{
	clear:both;
}

.size2 {
		font-size: 1.3em;
}

a{
	text-decoration:none;
	color:#4F7D05;
}

a:hover{
	color:#78BC0A;
}


/*/////////////////////////////////////
		    BANNIERE
/////////////////////////////////////*/
	
#bannertop{
	width:906px;
	height:110px;
	background:url(images/aaa_logo.png) no-repeat top right;
	margin:20px auto;
}

/*
#logo{

}
*/



/*/////////////////////////////////////
		    CONTENEUR
/////////////////////////////////////*/
	
#conteneur{
	width:906px;
	margin:0 auto;
}

/*/////////////////////////////////////
		    MENU
/////////////////////////////////////*/

#menu{
	background:url(images/back_top.png) no-repeat bottom left;
	height:65px;
}

#menu ul li{
	list-style:none;
	float:left;
	padding:0;
}

#menu ul li a{
	height:43px;
	width:107px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	line-height:43px;
	color:#f0f0f0;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}

#menu ul li a:hover{
	background-position:bottom left;
	line-height:35px;
}

#menu ul li a.rouge{
	background-image:url(images/btn_vert.png);
}

#menu ul li a.rougef{
	background-image:url(images/btn_vertf.png);
}

#menu ul li a.orange{
	background-image:url(images/btn_vertc.png);
}

/*/////////////////////////////////////
		    CONTENU
/////////////////////////////////////*/

#map { 
	width: 100%; 
	height: 300px; 
	padding : 10 px; 
	border : 1px solid #999999; 
	margin : 0 auto;
}

#galvig{
	float: left;
	}


#contenu{
	background:url(images/back.png) repeat-y left;
	padding:0 40px;
}

.diapo {
	height: 332px;
	width: 830px;
	padding:0;
	margin:0;
	overflow: hidden
}

.diapo img {
	height: 300px;
	width: 800px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
	top:0;
	left:0
}

#titre{
	font-size:1.8em;
	text-align:center;
	font-weight:normal;
}

#texte{
	text-align:justify;
	font-weight:normal;
}

#chapitre{
	background:url(/images/home_h1.jpg);
	display:block;
	width:800px;
	height:27px;
	line-height:27px;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px
}

#legende{
	font-size:0.9em;
	color:#6A6A6A;
}

#bottom{
	background:url(images/back_bottom.png) no-repeat bottom left;
	height:35px;
}

#liste_links{
	float:left;
	font-size:12px;
	width:820px;
	margin:15px 0 15px 0;
	background:url(/images/news_back.jpg) repeat-x bottom left;
}

#liste_links h1{
	background:url(/images/home_h1.jpg);
	display:block;
	width:800px;
	height:27px;
	line-height:27px;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px
}

#liste_links .titre{
	font-size:1.1em;
	font-weight:bold;
}

#liste_links .intro{
	font-size:1.1em;
	font-weight:normal;
}

#liste_links .cadre{
	padding:0 5px;
	float:left;
	color:#6A6A6A;
	width:800px;
	margin:10px 0px 10px 0px;
}

#liste_links .parag{
	padding:0 10px;
	float:left;
	font-size:1.2em;
	width:800px;
	margin:10px 0px 10px 0px;
}

#liste_links .vignette{
	padding:0 0px;
	float:left;
	width:100px;
	height:80px;
	margin:10px 0px 10px 10px;
}

#liste_links .texte{
	padding:0 5px;
	color:#6A6A6A;
	float:left;
	width:680px;
	height:80px;
	margin:10px 0px 10px 0px;
}

#liste_links .texte02{
	padding:0 5px;
	color:#6A6A6A;
	float:left;
	width:100%;
	margin:10px 0px 10px 0px;
}

#bas{
	background:url(images/footer02.jpg) no-repeat bottom right;
	height:250px;
	text-align:center;
	line-height:250px;
	color:#f0f0f0;
}

/*/////////////////////////////////////
		   HOME
/////////////////////////////////////*/

#welcome{
	float:left;
	font-size:12px;
}

#welcome p{
	padding:0 30px 0 10px;
	color:#6A6A6A;
	text-align:center;
}

#welcome .bloc{
	width:500px;
	margin:10px 0 0 0;
	padding:10px 0 0 10px;
	background:url(images/welcome.jpg) no-repeat top left;
}

#welcome .finbloc{
	width:500px;
	margin:0;
	height:15px;
	background:url(images/welcome_b.jpg) no-repeat top left;
}

#fil{
	float:right;
	font-size:12px;
	width:300px;
	background:url(images/news_back.jpg) repeat-x bottom left;
}

#fil h1{
	background:url(images/fil_h1.jpg);
	display:block;
	width:280px;
	height:27px;
	line-height:27px;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px
}

#fil p{
	padding:0 15px;
	color:#6A6A6A;
}

#news{
	float:left;
	font-size:12px;
	width:820px;
	background:url(images/news_back.jpg) repeat-x bottom left;
	margin:15px 0 15px 0;
}

#news h1{
	background:url(images/home_h1.jpg);
	display:block;
	width:800px;
	height:27px;
	line-height:27px;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px
}

#news .titre{
	font-size:1.1em;
	font-weight:bold;
}

#news .cadre{
	padding:0 5px;
	float:left;
	color:#6A6A6A;
	width:520px;
	margin:10px 0px 10px 0px;
}

#news .vignette{
	padding:0 0px;
	float:left;
	width:100px;
	height:80px;
	margin:10px 0px 10px 10px;
}

#news .texte{
	padding:0 5px;
	color:#6A6A6A;
	float:left;
	width:400px;
	height:80px;
	margin:10px 0px 10px 0px;
}

#news .textefil{
	padding:0 5px;
	color:#6A6A6A;
	float:left;
	width:800px;
	margin:10px 0px 10px 0px;
}

#news .bloc{
	padding:0 5px;
	color:#6A6A6A;
	float:left;
	width:220px;
	margin:10px 0px 10px 0px;
}

#news ul li{
	height:10px;
	margin:0;
	padding:10px 0;
}