@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;
}

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

#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;
}


#menu {
color:#FFFFFF;
position:relative;
width:608px;
height:31px;
top:-25px;
left:365px;
font-size:11px;
text-transform:uppercase;
text-align:center;	
}

#menu ul {
width:608px;
}

#menu li {
padding-top:8px;
width:auto;
padding-left:15px;
padding-right:15px;
float:left;
list-style-type:none;
background:url(../images/fleche.png) no-repeat right 10px;
}

#menu li:hover {
padding-top:8px;
width:auto;
padding-left:15px;
padding-right:15px;
float:left;
list-style-type:none;
background:url(../images/fleche2.png) no-repeat right 10px;
}

.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;
}

#ptt_bann {
background :url(../images/fd_bann.png) repeat-y;
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;
}

#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_bann.png) repeat-y;
position:relative;
width:289px;
height:auto;
margin:0 auto;
top:0px;
left:48px;
float:left;
}

#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;
}