@charset "UTF-8";
/* CSS Document */
* {
	margin:0; 
	padding:0;
	background-repeat:repeat-y;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ----------------Typo-------------*/

.titre { color:#008acc; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:30px; }

h3 { font-size: 17px; }

h3.fiche { color:#FFF; }

h4 .lien { color:#008acc; float:left; }

h5 { color:#008acc; margin:9px 0; 5px;}

p { color:#666; font-size:1em; }

.text { font-size:0.75em; }

h1 { margin-bottom:10px; }

.colonne1 h6 a { text-decoration:none; color:#333; }

.colonne1 h6 a:hover { text-decoration:underline; color:#ff6600; }

#footer { text-align:center; color:#008acc; size:0.7em; } 

#footer a { text-decoration:none; color:#008acc; }

#footer a:hover { color:#ff6600; text-decoration:underline; }

.colonne2 ul { list-style-type:none; }

.colonne2 li{ font-size:0.75em; color:#666; }

#pano { margin-left:5px; }

#capitol { margin-bottom:10px; }

/*----------------- Formulaire ----------------*/

label { color:#666; }

.formcontainer { padding: 10px 0 10px 47px; float:left; width:900px; line-height:30px; }

#abribas { float:left; margin-right:15px; width:400px; }
#abihaut { float:left; }


.introForm { padding:0 0 0 47px; }

.sortieForm {
	text-align:center;
	vertical-align: middle;
}

.formcontainer label { margin:0 5px; color:#666; }

.bouton { text-align: center; padding-left:20px; }

.souscontain { width:150px; text-align: right; float: left; }

.souscontain2 { width:150px; text-align: left; float: left; padding:4px; }

/*---------------------------------*/

body {
	font:1em Arial, Helvetica, sans-serif;
}
#mainwrap { width:1024px; height:auto; margin-right:auto; text-align:justify; background-color:#FFF; }

#head { width:1024px; background-image:url(../images/fondEntete.png); background-repeat:repeat-y; height:91px; }

#logo { margin:17px 0 0 49px; float:left;}

#diapo { width:956px; height:293px; }

#societe { width:956px; height:550; }

#container { background-image:url(../images/fd_cont.jpg); background-repeat:repeat-x; height:auto; width:auto; padding-bottom:15px; }

.container2 { width:auto; height:auto; }

.colonne1 { width:380px; float:left; height:auto; }

.colonne2 { width:551px; height:auto; float:left; padding:11px 0 0 25px; }

.colonne2 a { text-decoration:none; color:#666; }

.colonne2 a:hover { color:#008acc; }

.clearfloats { clear:both; }

.clearfix {display:block; height:1px;}

.boutons2 { margin:8px 70px 10px 10px; }

.boutons { margin:8px 0 6px 25px; }

.boutons3 { margin:8px 0 6px 10px; }

.listAbri { float:left; width:100%; }

/*#listAbri ul { margin: 0 0 0 30px; }*/

.listAbri li { float:left;  list-style-type:none; padding:0 110px 0 10px; }

.listAbri li a { text-decoration:none; color:#008acc; font-size:14px; }

.listAbri a:hover { color:#ff6600; text-decoration:underline; }

.filet { width:100%; border-top:1px solid #ff6600; clear:both; margin:14px 0 0; }

#footer { height:22; width:100%; border-top:1px solid #ff6600; border-bottom:1px solid #ff6600; padding:0 0; margin-bottom:10px; }

#link { width:auto; padding:20px 0 0 15px; }

#fichtech { width:341px; height:auto; margin-left:15px; background-image:url(../images/fd_tech.png); }
#fichtechfoot { width:341; margin-left:14px; }
#tech { margin-bottom:10px; }

#option { width:341px;  margin:10px 0 0 15px; background-image:url(../images/fd_option.png); height:auto; }
.listoption { float:left; width:160px; padding-left:10px; }
.listoption ul { margin:0; padding-left:14px;}
.listoption li { color:#006699; list-style-type:square; font-size:0.85em; line-height:20px; padding:0; text-align:left; margin:0; }

#actu { width:341px; background-image:url(../images/fdActu.png); margin:10px 0 0 15px; padding-left:3px; height:auto; }
#news { width:310px; padding-left:5px; }
#entet { margin-left:-3px; }
#actu h3 { color:#FFF; padding:5px 10px 10px; }
#actu p { padding:5px 10px 10px;  color:#FFF; font-size:0.7em; width:85%; }
.actufoot { width:341px; padding:0 0 0 15px; }

#detail { width:547px; height:88px; background-image:url(../images/fd_details.png); margin-top:15px; }
#detail img { padding:13px 18px 0; }

.listcontainer { float:left; width:102px; font-size:.8em; color:#FFF; }
.listcontainer li { list-style-type:none; padding:5px 0 0 23px; height:30px; }
.listcontainer2 { float:left; width:220px; font-size:.75em; color:#FFF; font-weight:lighter; }
.listcontainer2 li { list-style-type:none; padding:5px 20px 0 0; height:30px; }
li.une { height:20px; }
li.trois { height: 45px; text-align:left; }
li.cinq { height:80px; }
li.six { height:95px; }
.container2 iframe { margin:15px 0 0 130px; float:left; }

/* Navigation
----------------------------------------------------------------*/
#nav { float:right; width:520px; margin-top:50px; font-size:0.9em; color:#666; }

#nav li{ float:left; list-style-type:none; padding:0 6px; border-right:1px solid #666; position:relative; }

#nav li:first-child { border-right:1px solid #666; }

#nav li a { text-decoration:none; color:#666; /*background:#DDD;*/ }

#nav li a:hover { color:#008acc; }

#nav ul li ul { position:absolute; display:none; left:0px; top:-18px; }

#nav ul li ul.bas { left:-240px; }

#nav ul li ul li { width:800px; float:left; }

/*#nav ul li ul li a { position:absolute; display:none;}*/

#nav ul li ul li:first-child { }

body div#nav ul li ul { display:none; }

#nav ul li:hover ul, #nav ul li ul:hover { display:block; }

/* make the drop-down display as the menu is rolled over */
div#nav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#nav ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#nav ul {
	float:left; /* makes the ul wrap the li's */
	/*border-left:1px solid #B8EDF6;*/ /* adds the rightmost menu vertical line to the ul */
	/*margin-left:1px; /* IE doubles the given value above - why? */
	}
* html div#nav a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#nav ul li ul {
	/*border-top:1px solid #B8EDF6;*/
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */

#bout_form { float:right; }

/*----------------------------------------------------------------*/