/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html{
	position:relative;
	background-color:#FFFFFF;
}

/******************* TOP *******************/
#top{
	z-index:1;
	background:url(../fond/top_bgrd.gif) repeat-x top left;
	width:100%;
	height:255px;
}
#afpi_bat{
	position:absolute;
	z-index:1;
	right:0px;
	top:0px;
	background:url(../fond/top_right.jpg) no-repeat top right;
	width:570px;
	height:234px;
	text-indent:-9999px;
}
#flash{
	position:absolute;
	left:0px; top:5px;
	z-index:1;
	width:521px;
	height:250px;
	background:url(../fond/fond_flashbandeau.jpg) no-repeat top left;
}
.masque{position:absolute;}
#flashbandeau{
	position:absolute;
	width:100%;
	margin:0px 0 0px 0;
	height:249px;
	overflow:hidden;
	text-align:right;
}
#flashbandeau img{
	display:none;
	position:absolute;
}

#logo{
	position:relative;
	z-index:20;
	margin-top:20px;
	text-align:right;
	width:480px; overflow:hidden;
	padding-left:300px;
	margin-left:auto;
	margin-right:auto;
}
#title{
	display:block;
	width:411px; height:25px;
	background:url(../element/title.png) no-repeat top left;
	float:right;
	margin-bottom:10px;
	margin-right:30px;
}

#menuhaut{
	position:relative;
	display:block;
	background:none;
	top:4px;
	height:20px;
	color:#FFFFFF;
	padding-right:135px;
	z-index:20;
	text-align:right;
}
#menuhaut a{color:#FFFFFF;margin-left:3px; margin-right:3px;}
#menuhaut a:hover{color:#4FB2FF;}

/******************* MENU PRINCIPAL *******************/
#menu{
	position:relative;
	width:100%;
	z-index:50;
	text-align:center;
	background:url(../fond/menu.png) repeat-x top left;
	height:38px;
	top:15px;
	text-align:center;
}
#menu .racine{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-left:330px;	
	width:600px;
	padding-top:6px;
}

#menu li{display:block; float:left; border-right:1px solid #7F9BB8; height:23px;padding-left:5px;padding-right:5px;padding-top:4px;}
#menu .last{border:none;}
#menu a{
	color:#FFFFFF;
	font-size:1.2em;
	padding-left:25px; padding-right:25px;
	padding-bottom:10px;
}
/*#m1 a:hover, #m1 .active{border-bottom:3px solid #D4204E;}
#m2 a:hover, #m2 .active{border-bottom:3px solid #0E98E6;}
#m3 a:hover, #m3 .active{border-bottom:3px solid #F2B512;}*/

#m3 .sssmenu{left:-451px;}

#menu .sousmenu{
	display:none;
	position:absolute;
	margin-top:12px;
	background-color:#EFEFEF;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	width:235px;
}
.s1{border:1px solid #D4204E; border-top:3px solid #D4204E;}
.s2{border:1px solid #0E98E6;border-top:3px solid #0E98E6;}
.s3{border:1px solid #F2B512; border-top:3px solid #FFA71D;}


.s1 a:hover, .s2 a:hover, .s3 a:hover{color:#FFFFFF!important; font-weight:bold;}
.s1 a:hover, .s1 li:hover{background-color:#D4204E;}
 .s2 a:hover, .s2 li:hover{background-color:#0E98E6;}
 .s3 a:hover, .s3 li:hover{background-color:#FFA71D;}
 
#menu .sousmenu li{display:block; float:none;border:none;padding:0px; height:auto;}

#menu .sousmenu a{
	color:#000000; 
	font-size:1em; 
	line-height:1.2em;
	/*background:url(../element/puce_ronde_blanche.gif) no-repeat 0 3px; */
	padding-left:13px;
	padding-top:5px;
	margin-left:0px; 
	display:block;
}
#menu .sousmenu a:hover{border:none;}
#menu .ssmenu{margin-bottom:6px;margin-top:-5px;background-color:#EFEFEF;}
#menu .ssmenu li{margin-left:0px;padding-left:25px;margin-bottom:-5px;}
#menu .ssmenu a{ background:url(../element/ssmenu_li.gif) no-repeat 0px 3px;padding-left:26px; color:#565656;padding-top:3px;}

.c1 a:hover, .c2 a:hover, .c3 a:hover{color:#FFFFFF!important; font-weight:bold; background:url(../element/ssmenu_li_w.gif) no-repeat 0px 3px!important;}
.c1 a:hover, .c1 li:hover{background-color:#db446a!important;}
.c2 a:hover, .c2 li:hover{background-color:#35a9ea!important;}
.c3 a:hover, .c3 li:hover{background-color:#ffb541!important;}


/*#menu .ssmenu a:hover{color:#000000;}*/

#menu .sssmenu{
	position:absolute;
	border:1px solid #666666;
	background-color:#EFEFEF;
	margin-left:212px;
	margin-top:-35px;
	width:225px!important;
	padding:5px;
	padding-top:8px;
}


#menu .sssmenu li{margin-left:0px;}
#menu .sssmenu a, .sslast a{ background:none; padding-left:0px; padding-bottom:3px; border-bottom:1px dotted #999999; display:block; margin-bottom:0px;padding-top:10px;padding-left:5px;}
#menu .sssmenu a:hover{ border-bottom:1px dotted #999999; background:none!important;}
.sslast{border-bottom:none!important;}

/******************* SEARCH *******************/
#search{
	float:right;
	margin-left:455px;
	padding-right:20px;
	margin-top:-15px;
}
#search label{color:#053150;margin-right:10px;}
#search .ctext{ background-color:#ECECEC; border:1px solid #9F9F9F; height:14px; width:175px; font-size:0.9em;}
#search .recherchesubmit{width:18px; height:17px; background:url(../element/search.gif) no-repeat; cursor:pointer;}

/******************* CONTENU *******************/
.centre{
	padding:40px 0px 0px;
	text-align:center;
}
#contents{
	width:100%;
	min-height:500px;
	height:auto!important; height:500px;
	text-align:left;
	padding-bottom:50px;
	
}
/**** ACTU ACCUEIL ****/
#actu{width:287px; float:left; margin-left:40px; margin-right:20px;}
.titre_actu{	
	width:287px;height:64px;
	background:url(../fond/top_actu.jpg) no-repeat top left;
}
.texte_actu{
	width:267px;
	min-height:298px; height:auto!important;height:298px;
	background:url(../fond/fond_actu.jpg) no-repeat bottom left;
	padding-left:10px; padding-right:10px;
	padding-bottom:15px;
	margin-bottom:0px;
}
.bot_actu{
	width:287; height:15px;
	background:url(../fond/bottom_actu.jpg) no-repeat top left;
	margin-top:0px;
}
#actu h1{
	background:url(../element/puce_actu.png) no-repeat top left;
	padding-left:15px;
	color:#FFB21F;
	font-size:1.1em;
	font-weight:normal;
}
#actu a{
	color:#FFFFFF;
	background:url(../element/point_horizon.gif) repeat-x bottom left;
	padding-bottom:6px;
	margin-bottom:10px;
	margin-right:15px;	
	padding-left:15px; display:block;
}
#actu a:hover{color:#CCCCCC;}
/**** ARTICLE ACCUEIL ****/
#contenu{
	float:left;
	width:60%;
}

body.page #contenu{
	float:none;
	width:90%;
	margin:0 5%;
}

.ligneariane{display:block !important;margin:-20px 0 30px !important;}
.ligneariane .ariane{color:#003366;}
.ligneariane .ariane:last{font-weight:bold!important;}
.ligneariane a{text-decoration:none!important}

.col-page{clear:both;}


/******************* FORMULAIRE *******************/
		
#formulairepage{display:block; width:650px; position:relative; margin-left:auto; margin-right:auto;}
#formulairepage fieldset{
	padding:1em;
	margin-bottom:1em;
}
				
#formulairepage .submit{
	border:1px solid black;
	background:#003366;
	width:81%;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:1em;
	cursor:pointer
}
		
#formulairepage fieldset legend{
	font-weight:bold;color:#719322;
}
			
#formulairepage label{
	display:block;
	clear:both;
	margin-left:1em;
}
			
#formulairepage .ctext,#formulairepage .email,#formulairepage .select,#formulairepage .mtext{
	float:left;
	background:#EEE;
	color:#000;
	font-weight:bold;
	border:1px solid black;
	height:1.2em;
	font-size:1em;
	padding:0.1em;
	margin-bottom:0.5em;
	width:80%;
}
	
#formulairepage .select{
	height:1.5em;
}
	
#formulairepage .facultatif{
	width:15%;
	text-align:left;
	display:block;
	font-size:0.9em;
	padding-left:1em;
	float:right;
	color:#9C9B91;
}
#formulairepage .mtext{
	overflow:auto;
	height:8em;
}
	

/******************* MAP *******************/
.coord{margin-bottom:0px !important;}
#googlemap{margin-bottom:10px;}
#fichette{padding-bottom:15px;}
#gmapDirHead{display:none;}

/******************* SITE MAP *******************/
.plan{
	float:left;
	widht:25%;
	margin-right:10px;
	border-right:1px dotted #999;	
	padding:10px;
}
.p6{border-right:none!important;}
.p1{font-weight:bold; font-size:1.2em!important;}
.p2, .p3{font-weight:normal!important;margin-top:5px!important;}

/******************* PIED ***************/
#pied{
	background-color:#053150;
	position:relative;
	color:#FFFFFF;
	width:100%;
	height:60px;
	bottom:0px;
	text-align:center;
	padding-top:25px;
	bottom:0px;
}


body.page #pied{
	margin-top:20px;
	clear:both;
}


#pied a{color:#FFFFFF;} #pied a:hover{color:#4FB2FF;}


/******************* OUTILS ***************/
.spacer{height:1px; clear:both;}