/* structure generale */
* {font-family: "Trebuchet MS", Helvetica, sans-serif}
body {background-image: url(../images/commun/fond.jpg); margin-left: 0px; margin-top: 40px; margin-right: 0px; margin-bottom: 0px; text-align: center;}
#ct {position: relative; width: 845px; margin-left: auto; margin-right: auto; text-align: left;}

.mainTab {background-color:#FFFFFF; padding-left:12px;}
.fibrolab_fond_haut{background: #ffffff url(../images/commun/haut_fond.gif) 0 top no-repeat; font-size: 11px; color: #000000;}
.fibrolab_fond_bas{background: #ffffff url(../images/commun/bas_fond.gif) 0 bottom no-repeat;}

/* textes */
a{font-family: "Trebuchet MS"}
.rouge10 {font-size: 10px; color: #CC0000; text-decoration: none;}
.rouge10:hover { font-size: 10px; color: #CC0000; text-decoration: underline;}
.rouge11f {font-size: 11px; color: #FF0000;}
.rouge12 {font-size: 12px; color: #CC0000;}
.rouge12f {font-size: 12px; color: #FF0000;}
.rouge13 {font-size: 13px; color: #CC0000;}
.rouge20f {font-size: 20px; color: #FF0000;}

.gris10 {font-size: 10px; color: #666666; text-decoration: none;}
.gris10:hover{text-decoration:underline;}
.gris11 {font-size: 11px; color: #666666; text-decoration: none;}
.gris11:hover {font-size: 11px; color: #666666; text-decoration: underline;}
.gris11f {font-size: 11px; color: #333333; text-decoration: none;}
.gris11f:hover {font-size: 11px; color: #333333; text-decoration: underline;}
.gris12 {font-size: 12px; color: #666666; text-decoration: none;}
.gris12:hover {color: #FF0000; text-decoration: none;}
.gris14f {font-size: 14px; color: #333333;}
.grisbas10 {font-size: 10px; color: #CCCCCC; text-decoration: none;}
.grisbas10:hover {font-size: 10px; color: #CCCCCC; text-decoration: underline;}

.noir11 {font-size: 11px; color: #000000;}
a.noir11:hover {color: #FF0000;}

/* formulaires */
.formu11 {background-color: #FFFFFF; font-size: 11px; color: #333333; border: 1px solid #999999;}

/*FORMULAIRE NEWSLETTER*/
#fondpopup {display:none; position:absolute; background: url(../images/popups/repeat.gif) ; top:0px; left:0px; width:845px; height:565px; font-family: "Trebuchet MS"; font-size:11px}
#pop_newsletter, #thx_newsletter{position:absolute; left:250px; top:80px; background: url(../images/popups/fond1.gif) no-repeat; width:350px; height:222; display:block}
#pop_espacepro,#envoi_espacepro{position:absolute; left:250px; top:80px; background: url(../images/popups/fond3.gif) no-repeat; width:350px; height:372; display:block}
a.fermer{background: url(../images/popups/puce.gif) 0 5px no-repeat;  float:right; font-size:10px; padding-left:9px; text-decoration:none; color:#000; font-weight:bold; margin:10px 5px 0 0}
a.sinscrire{background:#e9e9e9; border:1px solid #666666; padding:3px; display:block; width:50px; font-size:11px; text-align:center; text-decoration:none; color:#666666; float: right;}
a.sinscrire:hover{background:#ff0000; color:#ffffff}
label{width:110px; float:left; font-weight:bold}
label, input{margin-top:5px; font-size:11px;}
fieldset, .margeint{border:none; margin: 10px 0 0 15px}
/*---------------------------------------------------------------------------*/

/*MENU DU HAUT*/
#pole1 #pol1, #pole2 #pol2, #pole3 #pol3, #pole4 #pol4, #pole5 #pol5, #pole6 #pol6, #pole7 #pol7{color:red; font-size: 12px; text-decoration:none}
.mainTab {padding-bottom:13px;}
.mainTab a{font-size: 12px; color: #666666; text-decoration: none;}
.mainTab a:hover{color:#ff0000}
.tdcontacteznous { width: 15% }
/*---------------------------------------------------------------------------*/

/*FORMULAIRE DE CONTACT*/
.formu_contact{margin:0; }
.formu_contact td{width: 20%; }
.formu_contact label{width: 95%; text-align: right; margin-right: 5%;}
.formu_contact .columnleft {width: 100%; text-align: left;}
.formu_contact .tdleft {width: 20%;}
.formu_contact input{ margin-left: 0px; width: 100% }
.formu_contact textarea{ width: 100%; margin: 0px; height: 90px; font-size: 11px }
.formu_contact .inputadresse { width: 100%; margin: 0px; }
.formu_contact .optinnl { width: auto; }
.formu_contact .tdinscription { text-align: right; }
.formu_contact select { width: 100%; font-size: 11px; }
.formu_newsletter{margin: 0; width: 60%; }
.formu_contact .tdinscription .sinscrire { width:170px; margin-top: 10px; }
.marges{margin:10px 0 0 40px; width:580px}
.margesnotright {margin:10px 0 0 10px; width:650px}
.margesnotright p{ margin: 20px 0; }
.marges strong, .margesnotright strong{font-size: 11px; color: #FF0000}
.marges .titre, .margesnotright .titre{font-size: 20px; color: #FF0000}
.contact_left { float: left; width: 150px; color: #666666; font-weight: bold; margin-top: 20px; margin-left: 5px;}
#carte {float: right; margin-right: 0px; height: 400px; width: 460px; text-align: center;}
#carte .error { text-align: center; width: 65%; margin-top: 100px;}
#carte .error a{font-weight: bold; color: black;}
#select_depart_menu { margin-bottom: 10px; width: 180px; position: relative;}


/*QUI SOMMES NOUS*/
ul.liste1{padding:0; margin:2px 0 2px 20px}
.liste1 li{list-style: none;  background:url(../images/commun/puce1.gif) 0 6px no-repeat; padding-left:10px}

ul.liste2{padding:20; margin:2px 0 2px 20px}
.liste2 li{list-style: none;   padding-left:10px}


.NOIR_11_16{
	color: #000000;
	font-size: 11px;
	line-height: 16px;
}
.ROUGE_11_16{
	color: #C5202F;
	font-size: 11px;
	line-height: 16px;
}

.lien1 {
	font-size: 12px;
	color: #000000;
text-decoration:none;
}

a:hover.lien1 {
	font-size: 12px;
	color: #000000;
text-decoration:underline;
}

/*GALERIE*/
.galerie p{margin:10px 0px 10pxpx 0px;}
.galerie img{margin:5px}

/*referencement*/

a.ln_txt {
font-family: "Trebuchet MS", Helvetica, sans-serif;
cursor:text;
color:#ff0000;
font-size:70%;
}

a.ln_txt_bas {
font-size: 10px;
color: #CCCCCC;
text-decoration: none;
cursor:text;
}


/*LEXIQUE*/
#LEXIQUE h2{color:red}
#LEXIQUE .lexique {color:#CBCBCB}
#LEXIQUE .lexique li{display:inline}
#LEXIQUE .lexique a{background:#C8C8C8; padding:5px 3px; text-decoration:none; color:#000}
#LEXIQUE .lexique a:hover{color:#fff; background:#666666;}
#LEXIQUE .titr-defi {background: #CBCBCB; color: #000; padding-left:5px; font-size:13px}
#LEXIQUE .lexique .actif{color:#fff; background:#666666; padding:7px 4px}
#LEXIQUE .definition .lettre{padding:4px 6px ; font-size:13px; background:#E9E9E9; color:#666; font-weight:bold}
#LEXIQUE .lilex{color:#666666}

/*TEMPLATE REF*/
#TEMPLATE_REF  h1 {font-size:12px}
#TEMPLATE_REF .col1{width:350px; float:left}
#TEMPLATE_REF .col2{width:210px; float:right; margin-top:60px}
#TEMPLATE_REF a{color:#000}
#TEMPLATE_REF .contour_img{border:1px solid #B2B2B2}


h1.tit_rub2 {float:left;font-size:16px;font-weight:bold;margin:0;padding:0;margin-left:-5px}
.tit_rub {font-size:16px;font-weight:bold;color:#001A33;padding-right:6px}
a.ca {font-size:11px;color:#940101;text-decoration:none}
a.ca:hover {text-decoration:underline}
a.ca2 {font-size:11px;color:#940101;text-decoration:none}
a.ca2:hover {text-decoration:underline}

.contactEtranger  {	float: right; border: 1px solid black;	}
.clear { clear: both; }
.googlemap { float: right; width: 170px; height: 275px; margin-top: 5px;}
.formcontact { width: 90%;}
.department { float: left; width: 72%; }
.formcontact table { width: 100% }