@charset "utf-8";
/* CSS Document */

body {
background-image : url(../images/fd.jpg); 
background-repeat:repeat-x;
background-color:#096896;
font-family:Arial, Helvetica, sans-serif;
}

#entete { 
background :url(../images/index_01.png) no-repeat;
position:relative;
width:990px;
height:165px;
margin:0 auto;
z-index:50000;
}

#center {
background :url(../images/fd_accueil.png) repeat-y;
width:990px;
height:379px;
margin:0 auto;
position:relative;
z-index:20;
}

#center2 {
background :url(../images/fd_accueil.png) repeat-y;
width:990px;
position:relative;
margin:0 auto;
}

#actu {
background:url(../images/index_03.png) no-repeat;
width:990px;
height:70px;
margin:0 auto;
}

#footer {
background:url(../images/index_04.png) no-repeat;
width:990px;
height:86px;
margin:0 auto;
top:0px;
color:#fff;
font-size:11px;
}

.txt_footer {
	display:block;
	padding:15px 40px  0 40px;
	color:#FFF;
}

.link_foot  {
color:#FFF;
text-decoration:none;

}

.link_foot:hover {
color:#999;
text-decoration:underline;
}






/* remove the list style */
#menu {
color:#FFFFFF;
position:relative;
width:608px;
height:31px;
top:-25px;
left:355px;
font-size:11px;
text-transform:uppercase;
text-align:center;
z-index:50000;
	}	
	
	#menu ul{
		z-index:1000;
		width:618px;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#menu li {
		padding-top:8px;
		width:auto;
		padding-left:10px;
		padding-right:12px;
		float:left;
		position:relative;
		list-style-type:none;
		background:url(../images/fleche.png) no-repeat right 10px;
		z-index:1000;
		}
		
		#menu li:hover {
		padding-top:8px;
		width:auto;
		padding-left:10px;
		padding-right:12px;

		float:left;
		position:relative;
		list-style-type:none;
		background:url(../images/fleche2.png) no-repeat right 10px;
		}
		
		 .on:hover {

}

			#menu li ul li {
			position:relative;
			font-size:10px;
			list-style-type:none;
			background:url(../images/fleche.png) no-repeat 2px 10px;
			background-color:#394666;
			margin-left:10px;
			width:80px; 
			float:none;
			text-align:left;
			padding-left:15px;
			z-index:10000;
			
			}
		
			#menu li ul li:hover {
			position:relative;
			font-size:10px;
			list-style-type:none;
			background:#394666 url(../images/fleche2.png) no-repeat 2px 10px;
			width:80px; 
			float:none;
			text-align:left;
			padding-left:15px;
			z-index:10000;
			}
		
			#menu li ul li a{
			font-size:10px;
			
			}
		
			#menu li ul li a:hover {
			}
		
		/* this is the parent menu */
		#menu li a {
		color:#FFFFFF;
		text-decoration:none;
			
		}


		
		/* you can make a different style for default selected value */
		#menu a.selected {
			color:#FFFFFF;
		}
	
		/* submenu, it's hidden by default */
		#menu ul ul{
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			
			padding:0; 
			list-style:none;
			z-index:1000;
		}

		
		/* display block will make the link fill the whole area of LI */
		#menu ul ul a {
			height:15px;
			color:#ffffff;
	
			
		}
		
		#menu ul ul a:hover {
			height:15px;
			color:#ffffff;
		
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #menu ul {
			margin:0 0 0 -2px;
			z-index:1000;
		}



		
		
.link_menu {
color:#FFFFFF;
text-decoration:none;
}


.link_menu:hover {
color:#FF0000;
}


#gd_bann {
background :url(../images/fd_centre.png) repeat-y;
position:absolute;
width:639px;
height:379px;
margin:0 auto;
top:0px;
left:328px;
z-index:20;
}

#ptt_bann {
background :url(../images/fd_bann.png) no-repeat;
width:289px;
height:379px;
margin:0;
left:48px;

position:relative;
}

#gd_bann2 {
background :url(../images/fd_centre.png) repeat-y;
position:relative;
width:639px;
height:auto;
margin:0 auto;
top:-378px;
left:39px;
float:left;
z-index:20;
}

#gd_bann_int {
background :url(../images/fd_centre.png) repeat-y;
position:relative;
width:639px;
*height:auto;
min-height:379px;
margin:0 auto;
margin-top:-378px;
left:155px;
padding-bottom:20px;
}



#ptt_bann2 {
background :url(../images/fd_bann2.png) repeat-y;
width:289px;
min-height:1019px;
*min-height:990px;
*height:auto;
margin:0;
top:39px;
display:block;
position:relative;
}

#aff_bann {
position:relative;
width:277px;
height:204px;
top:32px;
*top:45px;
left:5px;	

}


#newsletter {
background :url(../images/newsletter.png) no-repeat;
width:211px;
height:39px;
top:-32px;
left:610px;
position:relative;
}

#newsletter:hover {
background :url(../images/newsletter2.png) no-repeat;
width:211px;
height:39px;
top:-32px;
left:610px;
position:relative;
}

#acces {
background :url(../images/acces.png) no-repeat;
width:121px;
height:39px;
top:-71px;
left:830px;
position:relative;
}

#acces:hover {
background :url(../images/acces2.png) no-repeat;
width:121px;
height:39px;
top:-71px;
left:830px;
position:relative;
}

#actu_index {
width:400px;
height:57px;
top:15px;
left:520px;
position:relative;
font-size:12px;
color:#FFFFFF;
}

#actu_index .photo{

}

#actu_index .date {
font-size:11px;
}

#actu_index .titre {
background:url(../images/fleche.png) no-repeat left 4px;
font-size:12px;
font-weight:bold;
padding-left:13px;
}

#actu_index .resume {
font-size:11px;
}

#actu_index .detail {
color:#ff0000;
font-size:10px;
text-align:right;
}

.imgg {
padding-right:5px;
padding-bottom:5px;
}

.orange_12_maj {
font-size:12px;
text-transform:uppercase;
color:#2a3757;
font-weight:bold;
}
.orange_12 {
font-size:12px;
color:#2a3757;
font-weight:bold;
text-decoration:none;
}
.orange_12:hover {
font-size:12px;
color:#3e4d6c;
font-weight:bold;
text-decoration:none;
}

.pactu {
display:block;
}


#fd_txt {
top:10px;
left:28px;
position:relative;
background-color:#FFFFFF;
width:582px;
height:auto;
min-height:354px;
color:#000000;
font-size:12px;
}

#txt {
padding:20px;
}


.fil_ariane { 
text-decoration:none;
color:#666666;
font-size:10px;
}


.fil_ariane:hover{
color:#999999;
font-size:10px;
}

.titre {
font-size:12px;
font-weight:bold;
background:url(../images/fleche.png) no-repeat left 4px;
padding-left:15px;
}

.logo {
width:559px;
height:80px;
background-color:#FFFFFF;
text-align:center;
}

.logo img {
width:160px;
height:60px;
border:1px solid #CCCCCC;
padding:10px;
text-align:center;
}

.tooltip{width:300px;margin:0;padding:5px;font-size:11px;color:#ffffff;background:#18202b;border:5px solid #18202b;z-index:100000;}
.tooltip p{margin:0;text-align:justify;}
.tooltip img { padding: 5px 10px 5px 0px; }

.map {	 
	background:url(../images/carte.gif) no-repeat;
	width:406px;
	height:389px;

}

.MapContainer {
	margin-bottom:10px;
}


/* LIGHT BOX */

#page_newsletter {
width:500px;
height:200px;
}


#page_newsletter p{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #000000;
}


.page_newsletter {
width:500px;
height:200px;
}

/* ACCES PRO */

#tel_image {
position:relative;
width:264px;
height:309px;
background:url(../images/telecharg_img.gif) no-repeat left top;
margin:2px;
}

#tel_image:hover {
width:264px;
height:309px;
background:url(../images/telecharg_img.gif) no-repeat left bottom;
}

#tel_pdf {
position:relative;
top:-311px;
left:280px;
width:264px;
height:309px;
margin:2px;
background:url(../images/telecharg_pdf.gif) no-repeat left top;
}

#tel_pdf:hover {
width:264px;
height:309px;
background:url(../images/telecharg_pdf.gif) no-repeat left bottom;
}

/* FORMULAIRES  */
}
.LV_valid {
    color:#00CC00;
	background-image:url(../images/form_ok.png);
	background-repeat:no-repeat;
	min-width:18px;
	*width:18px;
	min-height:18px;
	*height:18px;
	display:inline-block;
	padding-left:18px;
	font-size:11px;
}
	
.LV_invalid {
	color:#CC0000;
	background-image:url(../images/form_error.png);
	background-repeat:no-repeat;
	min-width:18px;
	*width:18px;
	min-height:18px;
	*height:18px;
	display:inline-block;
	padding-left:18px;
	font-size:11px;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0;
	font-size:11px;
	
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

#form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .0em 0;
	margin: 0 0 .2em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
}
#form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 2em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color: #000000;

}

#form label:hover {
	cursor: pointer;
}
legend {
color: #667788;
}
textarea
{
/* pour supprimer l'ascenceur vertical sous
   IE quand il n'est pas necessaire             */
	overflow:auto;
}
input
{
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	font-size:11px;
	padding:0 2px;
	border:1px solid #9BA7B7;
	color:#062249;	
	background:#FFF;
	height:20px;
	margin:0;
	/*text-align:left;*/
}
textarea
{
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	font-size:11px;
	padding:0 2px;
	border:1px solid #9BA7B7;
	color:#000000;	
	width:300px;
	height:150px;
}
input:focus,
textarea:focus,
select:focus,
input:hover,
textarea:hover,
select:hover
{
	background-color:#E7EDF8;
	color:#000000;
}
.boutonsubmit,
.boutonsubmit:focus
{
	border:0;
	font-size:0.9em;
	height:39px;
	width:121px;
	background:url(../images/envoyer.png) top;
	cursor:pointer;
}
.boutonsubmit:hover
{
	border:0;
	font-size:0.9em;
	height:39px;
	background:url(../images/envoyer2.png) bottom;
	
}

.point {
background:url(../images/puce.gif) no-repeat left 4px;
border-bottom:#999999 dotted 1px;
padding-left:20px;
width:350px;
height:10px;
}

.point a{
color:#000000;
}

.point a:hover{
color:#ff000000;
}

.detail {
color:#ff0000;
font-size:10px;
text-align:right;
}

#balise {
	padding-left:35px;
width:990px;
height:379px;
margin:0 auto;
position:relative;
	font-size:11px;
	text-align:center;
}


#balise a{
	text-decoration:none;
	color:#FFF;
	margin-left:0 auto;
	margin-right:0 auto;
	width:980px;
}


#balise a:hover{
	color:#C90;
	margin-left:0 auto;
	margin-right:0 auto;
	width:980px;
}