/* CSS Document */

* {
	margin: 0px; /* Reset */
	padding: 0px; }

html{
  height:100%; margin: 0px; /* Reset */
	padding: 0px;
}
body {
	margin: 0px; /* Reset */
	padding: 0px; /* Reset */
	background-color:#8696A8;
	font-family: Verdana;
	font-size: 10px;
	height:100%;
	z-index: 1;
	position: relative;
}
img { display: block; border: 0px; } /*Evite l'espace blanc sous les images avec IE*/
form, ul, li, dl, dt, dd, p, hr {margin:0px;padding:0px;} /* Reset */
 
/* page d'accueil ----------------------*/
#accueil {width:950px; margin-left: auto;  margin-right: auto; margin-top:28px; padding-bottom:15px;}
#accueil #acctableau {background:url(images/acc_fd.gif); width:950px; padding:0px; margin:0px; display:block;}
#accueil a#lienaccu {margin-left:117px;display: block;  width: 149px; height: 47px; background: url(images/acc_bt.jpg) }
#accueil a#lienaccu:hover {display: block;  width: 149px; height: 47px; background: url(images/acc_bt_on.jpg)}
#accueil span{display:none;}
#accueil #accbandeau{ background:url(images/acc_fdor.gif) repeat-x; display:block; width:950px, margin-top:0px;}
#accueil .accfleche{float:left;}
#accueil #acctexte{ margin-left:135px; margin-top:8px; margin-bottom:6px; margin-right:88px; display:block; font-size:12px; color:#ffffff;  }



/* LAYOUT GENERAL DE LA PAGE ----------------------------------------*/
#conteneur { position : relative;  width:1001px ;/* min-height:500px; height:100%;*/ background-image:url(images/fdpage.gif) ; background-repeat: repeat-x;
margin-left: auto;
margin-right: auto; border:1px; border-style:solid; border-color:#e7e7e7;
 

}

#header { position : relative; width: 100%; height: 145px; background:url(images/ht_fd.gif); }
#menugauche {position: relative; float : left; width: 174px; background:url(images/menu_fd.jpg) no-repeat; height:280px;/* min-height:280px;*/ display:block; margin-top:4px;}

#menu {margin-top:26px;}

#bandeau {position : relative ; float : left; width:791px; /*min-width:791px;*/ background:url(images/ban_fd.gif)  repeat-x; height:45px; margin-top:4px;}




/* header --------------------------------*/
#header a{float : left; left:0px;}
#header .phot{ position : absolute; left:608px;}
#footer { height: 31px; background:url(images/bas_fd.gif) repeat-x; /*padding-bottom:15px;*/ margin-top:35px; display:block; width:100%; /*clear:both;   bottom:0;*/ }
#footer p{font-size:10px; color: #5F5F5F; padding-top: 10px; float : right; }
#footer img{float : right; display:block}
#footer a:link, #footer a:visited {font-size:10px; color: #5F5F5F; text-decoration:none; vertical-align:baseline; display: inline}
#footer a:hover, #footer a:active {text-decoration:underline;}




/* MENU DE GAUCHE ----------------------------------------*/



#menu span {display: none; margin : 0px; padding:0px;}
#menu .actif{ display:block; background: url(images/ssmenu_on.gif) no-repeat; font-weight:bold; color: #666666;}
#menu dl {display: block; width : 159px; margin-top:128px; }
#menu dt { cursor: pointer;  }
#menu dd { width : 159px; display:none;}
#menu ul {list-style-type:none; background: url(images/ssmenu.gif) repeat-y}
#menu li{ text-indent:28px;/*margin-left:28px;*/}
#menu li a, #menu dt a {color: #666666; text-decoration: none; display: block; border: 0 none; /*height: 100%;*/ }
#menu li a:hover, #menu dt a:hover {background: url(images/ssmenu_on.gif) no-repeat}

#menu a#lienTuli {display: block;  width: 159px; height: 21px; background: url(images/bt1.gif) }
#menu a#lienTuli:hover, #menu a#lienTuliactif, #menu a#lienTuliactif:hover {display: block; width: 159px; height: 21px; background:url(images/bt1_on.gif)}


#menu a#lienPoele {display: block;  width: 159px; height: 21px; background: url(images/bt7.gif) }
#menu a#lienPoele:hover, #menu a#lienPoeleactif, #menu a#lienPoeleactif:hover {display: block; width: 159px; height: 21px; background:url(images/bt7_on.gif)}
 
#menu a#lienMetier {display: block;  width: 159px; height: 21px; background: url(images/bt2.gif) }
#menu a#lienMetier:hover, #menu a#lienMetieractif, #menu a#lienMetieractif:hover  {display: block; width: 159px; height: 21px; background: url(images/bt2_on.gif)}
#menu a#lienProjet {display: block; width: 159px; height: 21px; background: url(images/bt3.gif)}
#menu a#lienProjet:hover, #menu .lienProjetactif {display: block; width: 159px; height: 21px; background: url(images/bt3_on.gif)}
#menu a#lienFarsat{display: block; width: 159px; height: 21px; background:url(images/bt4.gif)}
#menu a#lienFarsat:hover, #menu .lienFarsatactif  {display: block; width: 159px; height: 21px; background: url(images/bt4_on.gif)}
#menu a#lienAcheter  {display: block; width: 159px; height: 21px; background:url(images/bt5.gif)}
#menu a#lienAcheter:hover, #menu .lienAcheteractif {display: block; width: 159px; height: 21px; background: url(images/bt5_on.gif) }
#menu a#lienFaq{display: block; width: 159px; height: 21px; background:url(images/bt6.gif) top left}
#menu a#lienFaq:hover, #menu .lienFaqactif {display: block; width: 159px; height: 21px; background: url(images/bt6_on.gif)}




/* BANDEAU ORANGE ------------------------------------------*/

#bandeau .bandocoin {float:left;}
#bandeau p{padding-top:8px; font-size:11px; color:#9A7118; float :left;}
#bandeau a#liencontact{background:url(images/bt_contact.gif); width:126px; height:22px;float : right; margin-top:3px; display:block}
#bandeau a#liencontact:hover{background:url(images/bt_contact_on.gif); width:126px; height:22px;float : right; margin-top:3px; display:block}
#bandeau span{display: none; margin : 0px; padding:0px;}
	
/* page contenu */
#contenu  { float : left; display: block; ; background-color:#FFFFFF; width:791px; }
#contenu #contenugauche {float: left; padding-left:25px; padding-right:25px; padding-top:15px;width:170px;  display : block; }
#contenu #contenuflash {float: left; padding-left:25px; width:741px;  display : block; }
#contenu #contenugauche img{ margin-left: auto;  margin-right: auto; }
#contenu #contenudroite {border-left:1px solid #cccccc; float : left; padding-left:25px; padding-right:25px; margin-top:25px; width:520px; display:block; height:100%; text-align:justify;}
#contenu #contenudroite #zonephot {clear : right;}
#contenu #contenudroite #zonephot img {float:right; margin-left:7px; padding-top:12px; padding-bottom:12px;}
#contenu p{ font-size:11px; color:#666666; display:block; padding-bottom:12px;}

#contenu .liencontenu{color:#E79F03;}
#contenu .liencontenu:hover{text-decoration:none;}

#contenu a#lienbas{float:right;background:url(images/lien_fd.gif) repeat-x; height:16px;color:#FFFFFF; font-size:11px; font-weight:bold; display:block; padding-right:12px; }
#contenu a#lien:hover{ text-decoration:none;}
#contenu .lienpuce{background:url(images/lien_puce.gif) no-repeat; display:block; width:21px; height:16px; float:left;}
#contenu .titre{font-size:10px; color:#666666; font-weight:bold; padding-bottom:15px;}
#contenu .contenuzonetitre{background:url(images/cont_ht.jpg) no-repeat; display:block;  width:100%; height:31px; font-weight:bold;background-color:#FFFFFF;  }
#contenu .contenutitre{font-size:16px; height:31px;  color:#98A1AD; display : block; float:left; padding-left:49px; padding-top:4px; padding-right:8px;}
#contenu .contenusstitre{font-size:11px;  padding-top:8px; color:#98A1AD; display : block;}
#contenu #contenubas{float:left; background:url(images/cont_bas.gif) no-repeat; display:block; width : 791px; height:15px;}
#contenu hr{ height: 1px; line-height:1px; color: #F5F5F6; width:100%; background-color: #F5F5F6; }
#contenu #contenussmenu {background:url(images/cont_fdss.gif) repeat-x; height:26px; padding-left:50px; padding-top: 8px;vertical-align:middle;display : block ; font-size:10px; color: #5F5F5F;}


/*---------------------------------*/
/* formulaire */
#formdocu {font-size:11px; color:#666666; }
#formdocu dl {padding-top:2px; }
#formdocu dt{padding-left: 14px; font-size:11px; float : left; width:180px; height:18px; text-align:right; margin-right:12px; display:block}
#formdocu dd{ margin-left:205px;display:block;}
#formdocu input, #formdocu textarea{font-size:11px; color:#666666; font-family: Verdana;  }
#formdocu .remarque {padding-left: 205px; font-style:italic;padding-top:4px; font-size:10px; color:#BA372E;}
#formdocu .erreur {font-size:10px; color:#BA372E;}
#formdocu .boutons { margin-left:205px;font-size:10px; margin-top:12px;}
#formdocu .texthaut2 {margin-left: 205px; font-size:11px; height:18px; width : 380px; margin-right:12px; display:block}
#formdocu .texthaut1 {margin-left: 45px; font-size:11px; height:18px; width : 380px; margin-right:12px; display:block}