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

/*Style de pages*/


body {
	background-color:#333333;
	font: 1.0em arial, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	margin : 0 0 0;
}
#mainwrap {
	width:1006px;
	height:auto;
	margin-left:auto; 
	margin-right:auto; 
	text-align:justify;
	background-image:url(images/fd_page.png);
	background-repeat:repeat-y;
}

#footer {
	width:1004px;
	background-color:#999;
	height:30px;
	clear:both;
}

#footer p { padding:6px 0 0 320px; }
#footer a { text-decoration:none; color:#FFF; }

#contentarea { width:1006px; height:auto; }
#contentarea2i { width:100%; height:auto; background-image:url(images/fd_page.png); background-repeat:repeat-y; float:left; margin-bottom:2px; }
#contentarea2 { width:840px; height:auto; background-image:url(images/fd_page.png); background-repeat:repeat-y; padding-left:166px; float:right; margin-bottom:2px; }
#contentarea3 { width:1006px; height:100%; background-image:url(images/fd_page.png); background-repeat:repeat-y; /*padding-left:166px;*/ float:left; }
#colNav { background-image:url(images/fd_page.png); background-repeat:repeat-y; width:164px; float:left; height:auto; margin-right:2px; }
#colNav2 { background-image:url(images/fd_page.png); background-repeat:repeat-y; width:164px; float:left; height:100%; margin-right:2px; }
#logo { margin:18px 0 10px 0; }

#diapo {
	width:838px;
	height:540;
	float:left;
	margin-top:20px;
}
.adds { width:818px; height:auto; background-color:#CCC; float:right; margin:2px 2px 0 0; padding:5px 10px; float:right; }

#addCont { background-image:url(images/fd_certif.png); background-repeat:no-repeat; width:216px; height:253px; float:right; margin:15px 20px 0 0; padding-left:166px; }

#addVideo { float:left; margin-left:15px; }
#visit { float:right; margin:80px 40px 0 0; }
#fpp { float:right; margin:20px 20px 0 0; }

#intro { background-color:#999; background-image:url(images/fd_intro.png); background-repeat:no-repeat; width:838px; height:200px; float:right; margin-right:2px; }
#intro p {
	color:#FFF;
	font-size: 14px;
	padding: 60px 60px 0 40px;
	line-height: 22px;
}

/*--------------------------------Pages Abris---------------------*/

#produit { background-color:#999999; width:813px; height:100%; padding-left:25px; float:left; }
#glossaire { background-color:#999999; width:813px; height:100%; padding-left:25px; float:left; }
#descrip {  width:284px; margin:0 0 0 40px; float:left;  }
#descrip p { width:284px; color:#fff; font-size:12px; text-align:justify; }
#tech { float:right; color:#fff; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:17px 20px 0 0; }
.clearfloats {
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}
/*backslash hack hides from IE mac \*/

*html .clearfix{height:1%;}
.clearfix {display:block;}
.filet1 { width:100%; background-color:#FFF; height:8px; }
#norme { width:96%; border:#FFF solid 2px; height:auto; padding:0 15px; }
#norme p { width:100%; }
#bando { width:100%; height:auto; padding-top:20px; }
#form { background-color:#999999; width:788px; height:100%; padding:25px; float:left; }
#visitbtn { margin-bottom:15px; }
.galleriContain { padding:10px 10px 10px 20px; vertical-align:middle; }
.galleriContain img { margin:0 2px; border:solid 8px #FFF; }

/* ------------------------ IMAGES ----------------------------- */

.vignet { margin: 0 0 5px 10px;  }
#imgFix { margin-top:20px; }
#glossaire li { list-style-image:url(images/puce.png); list-style-position:outside; }
.listproduit li { list-style-image:url(images/puce.png); list-style-position:outside; }

/*----------------Descriptif------------------------------------*/

#tabcontainer { width:auto; }

.listcontainer { float:left; width:175px; font-size:.75em; color:#FFF; }

.listcontainer li {
	border:solid #FFF;
	border-width:2px 1px 1px 2px;
	list-style-type:none;
	padding:5px 0 0 5px;
	height:30px;
	text-align: left;
}
.listcontainer li strong {
	font-size:1.1em;
	color:#FFF;
}
.listcontainer li p {
	font-size:.75em
}

.listcontainer li .tete { border-bottom:0; }

/*---------------- Navigation ------------------------------------*/

#lienNav a { background-image:url(images/bout.png); background-position:0px 0px; background-repeat:no-repeat; height:17px; width:145px; font-size:0.8em;  font-weight:bold; padding:1px 0 0 18px; display:block; color:#999; text-decoration:none; }

#lienNav a.roll:link { background-positon:0px 0px; color:#999; text-decoration:none; } 



#lienNav a.roll:hover { background-position:0px -20px; color:#FFF; }

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

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
  color:#990000;
  width:85%;
} 
h1 { 
  font-size: 1.9em;
  font-weight:bold;
  color:#990000;
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
}
/*h1 { color:#FFF; font-weight:bold; }
h2 { color:#333; width:700px; }*/
p { color:#FFF; width:700px; font-size:14px; }
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 25px; 
  padding: 0; 
} 
#glossaire li { font-size: .9em; font-weight:bold; color:#333; width:80%; }

.listproduit li { font-size: .9em; font-weight:bold; color:#333; width:80%; line-height:1.5em; }

#glossaire li a { text-decoration:underline; color:#333; }

#glossaire li a:hover { text-decoration:underline; color:#FFF; }

td { color:#FFF; font-size:12px; }
td li { color:#FFF; font-size:100%; list-style-image:none; }
caption { font-size:20px; color:#666; font-weight:bold; text-align:left; }
table { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px; }
#formtab caption { padding-bottom:20px; }
#ttr_vid { padding:2px; margin:0; color:#333; }
#annonce { color:#999; font-size:14px; font-weight:bold; margin:4px 0px 3px 4px; }