/* CSS Document */

html, body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-color: #424242;
	color: #292929;
	height:100%;
	min-width: 100%;
	background-image: url(../images/fd_general.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
a { outline:0; }

p {margin: 0 0 10px 0;}


a:link, a:visited, a:hover, a:active{
	color:none;
	text-decoration: none;
	border-bottom:0px;
}

.bordure {
	background-image: url(../images/border.gif);
	background-color: none;
	background-repeat: repeat-x;
	}
/* COULEURS */
 

.vert #conteneur {
	border-left: 3px solid #bee400;
	border-right: 3px solid #bee400;
	}

.vert #flash  {
	background-color:#bee400;
}
.vert_txt {
	color:#bee400;
}
.vert a:link, .vert a:visited, .vert a:hover, .vert a:active{
	color:#91BB12;
	text-decoration: underline;
}

.bleu #conteneur  {
	border-left: 3px solid #00ddeb;
	border-right: 3px solid #00ddeb;
	
}

.bleu #flash  {
	background-color:#00ddeb;
}
.bleu_txt {
	color:#00ddeb;
}
.bleu a:link, .bleu a:visited, .bleu a:hover, .bleu a:active{
	color:#00C8EB;
	text-decoration: none;
	border: none;
}

.rose #conteneur  {
	border-left: 3px solid #fb5528;
	border-right: 3px solid #fb5528;
	
}

.rose #flash  {
	background-color:#fb5528;
}
.rose_txt {
	color:#fb5528;
}

.rose a:link, .rose a:visited, .rose a:hover, .rose a:active{
	color:#fb5528;
	text-decoration: underline;
}
/* ELEMENTS */



	
#conteneur {
	width: 930px;
	margin: 0 auto;
	background-color: #FFF;
	text-align: left;
	}



#referencement {
	position:relative;
	z-index:100;
	height: 0px;
	background-color: #424242;
	text-align: right;
	display: none;
}

#referencement .H1Type1 h1{
	color:#6e7275;
	text-align:right;
	font-size:11px;
	line-height:12px;
	margin:0px;
	border:none;
}


#DivDescGG {
	height:100px;
	overflow:hidden;
	position:absolute;
	top:40px;
	z-index:80;
	width:900px
}

#DivDescGG H2 {
	color:#FFFFFF;
}

#header {
	height: 200px;
}

#flash {
	height: 175px;
}


#contenu {
	background-image: url(../images/fd_centre.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top:0px;
	background-color: #FBFBFB;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float:left;
}

#demande {
	height: 120px;
	background-image:url(../images/demande.gif);
	background-repeat:no-repeat;
	padding-top:15px;
	width:100%;
	margin-bottom:0px;
	float:left;
}



/*----MENU SLIDE---------------------------------------------------------------*/
#SlideMenu div, #SlideMenu ul, #SlideMenu li { margin:0; padding:0; list-style-type: none;}

	#SlideMenu {
	position:absolute;
	font-size: 10px;
	height: 30px;
	width:625px;
	margin-left: 5px;
	display: inline;
}
	#SlideMenu div { float:left; margin:0px 0px 0px 0px; }
	#SlideMenu div#IdDivOver1 { width:108px; }
	#SlideMenu div#IdDivOver2 { width:138px;}
	#SlideMenu div#IdDivOver3 { width:140px; }
	#SlideMenu div#IdDivOver4 { width:57px; }
	#SlideMenu div#IdDivOver5 { width:58px; }
	#SlideMenu div#IdDivOver6 { width:99px; }

	
	
	#SlideMenu div.MenuTitre1 {
	width:108px;
	text-align:center;
	display:block;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
	#SlideMenu div.MenuTitre2 {
	width:138px;
	text-align:center;
	display:block;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
	#SlideMenu div.MenuTitre3 {
	width:140px;
	text-align:center;
	display:block;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
	#SlideMenu div.MenuTitre4 {
	width:57px;
	text-align:center;
	display:block;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
	#SlideMenu div.MenuTitre5 {
	width:58px;
	text-align:center;
	display:block;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
	#SlideMenu div.MenuTitre6 {
	width:99px;
	text-align:center;
	display:block;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}
	
	#IdDivMenu1, #IdDivMenu2, #IdDivMenu3, #IdDivMenu4, #IdDivMenu5, , #IdDivMenu6{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
	#IdDivMenu1{
	width: 88px;
	clear: left;
	position: absolute;
	top:40px!important;

}

	#IdDivMenu2{ 
	width: 115px;
	clear: left;
	position: absolute;
	top:40px!important;
}

	#IdDivMenu3{ 
	width:117px;
	clear: left;
	position: absolute;
	top:40px!important;
}
	#IdDivMenu4{ 
	width: 57px;
	clear: left;
	position: absolute;
	top:40px!important;
}
	#IdDivMenu5{ 

	width:58px;
}
	#IdDivMenu6{ 
	width:99px;
}


	#IdDivMenu1 li, #IdDivMenu2 li, #IdDivMenu3 li, #IdDivMenu4 li, #IdDivMenu5 li{ margin:0px 0px 0px 0px; padding-left:0; }
	
	#IdDivMenu1 li a, #IdDivMenu2 li a, #IdDivMenu3 li a, #IdDivMenu4 li a, #IdDivMenu5 li a{
	color:white;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding:4px 5px 4px 18px;
	font-size:1.2em;
	display:block;
	width:100%;
	height:18px;
	border-bottom:1px solid #555656;
	background:url(../images/fd_ssmenu.gif) #6b6d6d center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#IdDivMenu1 li a:hover, #IdDivMenu2 li a:hover, #IdDivMenu3 li a:hover, #IdDivMenu4 li a:hover, #IdDivMenu5 li a:hover{
	background:url(../images/fd_ssmenu_over.gif) #737575 center;
	color:#d1f213;
}
/* LOGO */



#logo_bloc {
	position:absolute;
	margin-left:35px;
	margin-top:7px;
}
.logo_ct {
	margin-top:15px;
	border:2px solid;
	border-color:#CCC;
}


/* NAVIGATION */



#navigation {
	position:absolute;
	margin-left:285px;
	width: 600px;
	margin-top: 15px;
}



/* MENU */
#menu {
	width:300px;
	float: left;
}

#gauche {
	width:235px;
	padding: 15px 0px 0px 30px;
	*padding: 15px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	background-image: url(../images/fd_gauche.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.flash_part{
	margin-left:35px;

}


#centre {
	padding-left: 15px;
	width: 620px;
	*padding-left: 10px;
	*padding-top: 20px;
	text-align: justify;
	margin-top: 0px;
	margin-left: 265px;
	padding-right: 30px;
	padding-bottom: 10px;
	min-height:430px;
	height:auto !important;
	height:430px;
	line-height: 14px;
	}
	
#centre a:hover, #centre a:active{
	text-decoration: underline;
}

	
#centre li {
	list-style:url(../images/puce.gif);
	}
	
#centre h1 {
	font-size:15px;
	color:#424242;
	margin:10px 0px 0px 0px;
	}
#centre h2 {
	color:#333;
	font-size:12px;
	border-bottom: 1px dotted;
	border-bottom-color: #CCC;
	background-color: #E8E8E8;
	margin:20px 0px 10px 0px;
	}
	
#centre h3{
	color:#666;
	font-size:11px;
	font-weight:normal;
	margin-bottom: 5px;
	}
	
#centre h4{
	color:#424242;
	font-size:11px;
	font-weight:normal;
	margin-bottom: 5px;
	line-height: 16px;
	}
	
	
#titre{
	margin:0px auto;
	padding:25px 10px 20px 10px;
	color: #279D98;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	}
#titre  h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	color: #282C2D;
	border-bottom: 3px solid;
	border-bottom-color: #C5CBC2;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	}

#texte {
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 20px;
	
	}
	
#pied {
	color:#6e7275;
	font-size:11px;
	text-align: center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color:#000;
}

#menu_pied {
	width:936px;
	height:45px;
	margin-left: auto; 
 	margin-right: auto;
	text-align:center;
	background-image:url(../images/menupied_fd.gif);
	background-repeat:repeat-x;
}
#menu_pied img{
	float:left;
}

#adresse {
	width:936px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fd_adresse.gif);
	background-repeat:repeat-x;
	padding-top:20px;
	background-color: #434343;
}

#pied2 {
	color:#6e7275;
	font-size:11px;
	text-align: center;
	clear: both;
}
#pied2 a:link, #pied2 a:visited, #pied2 a:hover {
	color:#6e7275;
	text-decoration:none;
}

#pied2 a:hover {
text-decoration:underline;

}

#pied3 {
	color:#6e7275;
	font-size:11px;
	text-align: left;
	clear: both;
}
#pied3 a:link, #pied3 a:visited, #pied3 a:hover {
	color:#6e7275;
	text-decoration:none;
}

#pied3 a:hover {
text-decoration:underline;

}
#pied3_ref {
	width:936px;
	min-height:80px;
	height:auto !important;
	height:80px;
	margin-left: auto;
	margin-right: auto;
	padding-top:20px;
	background-color: #434343;
	font-size:10px;
}
#pied3_ref ul{
	list-style:none;
}
.pied3_col {
	width:30%;
	color:#CCC;
	margin:0px 5px 0px 5px;
	border-left:1px dotted #6e7275;
	float:left;

}
/* Form */


#form_demande {

}
#form_demande input, #form_demande textarea{
	font-size:11px;
	color:#333;
	border:1px solid;
	border-color:#CCC;
	background-color:#F9F9F9;
}
#form_demande input:hover, #form_demande textarea:hover{
	background-color:#FFFFFF;
	border-color:#FFFFFF;

}


/* coordonees */


#coordonnees {
	width:100%;
	min-height:100px;
	height:auto !important;
	height:100px;
}

/* Reference */


.reference {
	width:100%;
	min-height:170px;
	height:auto !important;
	height:170px;

}
#centre .reference h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	padding-bottom:5px;
	padding-left:18px;
	padding-top:2px;
	border-bottom:1px dotted #999;
	background-image:url(../images/fleche2.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
}
#centre .reference a {
	text-decoration:none;
}

.reference_image {
	background-image:url(../images/ombre_img.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:140px;
	width:160px;
	float:left;
	margin-right:30px;
	margin-left:20px;
	*margin-left:10px;
	*margin-right:15px;

}


/* Reference Ref */


.reference_ref {
	width:95%;
	padding:10px;
	border:1px solid #E5E5E5;
	margin-bottom:5px;
}
#centre .reference_ref  h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	padding-bottom:5px;
	padding-left:5px;
	margin-top:0px;
	border-bottom:1px dotted #999;
}
#centre .reference_ref  a {
	text-decoration:none;
}

/* Fonctions */

.fonctionscol{
	width:50%;
	* 	width:48%;
	float: left;
	}

	

.fonctions {
	margin:0px 5px 5px 0px;
	padding: 5px 5px 5px 5px;
	width: 280px;
	background-color: #DFDFDF;
	height: 110px;
	background-image: url(../images/fd_fonction.gif);
	background-position: top;
	border: 2px solid;
	border-color: #DFDFDF;
	background-repeat: repeat-x;
	float: left;
	}
	
.fonctions2 {
	margin:0px 5px 5px 0px;
	padding: 2px 8px 2px 8px;
	width: 97px;
	* width: 96px;
	height:195px;
	border: 2px solid;
	border-color: #DFDFDF;
	background-repeat: repeat-x;
	float: left;
	background-color: #FEFEFE;
	font-size: 9px;
	text-align: left;
	}
#centre .fonctions2 h3{
	margin:5px 0px 5px 0px;
	padding: 2px 2px 2px 5px;
	color:#BDE321;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	height: 27px;
	line-height: 12px;
	background-image: url(../images/fd_titre_noir.gif);
	}
	
.fdvert {
	background-color: #BEE417;
	background-image: none;
	border: 1px solid;
	border-color: #D3D3D3;
	width:98%;
	* width:95%;
}
	
#centre .fdvert h3{
	color:#363D3F;
	font-size:11px;
	font-weight: bold;
}
	
#centre .fdvert p{
	color:#333;
	}

	
.fonctions_pict {
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 80px;
	height: 100px;
	float: left;
	}
.fonctions_txt {
	margin:0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	}
	
#centre	.fonctions_txt p {
	margin:0px;
	padding: 0px;
	font-size: 9px;
	line-height: 13px;
	color: #333;
		}
#centre .fonctions_txt h3 {
	margin:5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color:#303537;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	}

/* listemultidif */

.list_multi_dif {
	width: 32%;
	float:left;
	border-left: 1px solid;
	border-left-color: #CCC;
	padding-left: 5px;
	height:600px;
	}


/* listing */

#listing {
	width: 100%;
	height: 780px;
	}

#listing ul {
	margin:0px;
	padding: 0px;
	}
#listing li {
	list-style:url(../images/yes.gif);
	background-color: #FFF;
	margin-bottom: 2px;
	list-style-position: inside;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 0px;
	padding-left: 5px;
	}
	
	.listingcol {
	margin:0px 10px 0px 8px;
	padding: 0px;
	width:45%;
	float: left;
	}
	
	

.listingcol h4 {
	margin:0px;
	padding: 0px;
	height:40px;
	font-size: 12px;
	color: #093149;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* coins arrondis */
.coinsfond{
	margin-left : auto;
	margin-right : auto;
	width:100%;
	background-image : url(../images/coins_fd.jpg);
	background-repeat: repeat-x  ;
	background-position : top left;
	background-color:#dbdbdb;

}
.upperleft{
	margin-left : auto;
	margin-right : auto;
	width:100%;
	background-image : url('../images/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('../images/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../images/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../images/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
}
/* coins arrondis 2 */

.upperleft2{
	margin-left : auto;
	margin-right : auto;
	width:100%;
	background-image : url('../images/upperleft2.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright2{
	background-image : url('../images/upperright2.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft2{
	background-image : url('../images/lowerleft2.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright2{
	background-image : url('../images/lowerright2.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 2% 2% 2% 2%;
}


.fd_titre_noir {
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background-image: url(../images/fd_titre_noir.gif);
	padding-top: 7px;
	border-left: 1px solid #5f5e61;
	border-right: 1px solid #5f5e61;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 7px;
}
.fd_titre_noir h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0px auto;
	padding:0px auto;
}


.titre1 {
	color:#1f9e98;
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titre2 {
	color:#CCC;
	font-size: 13px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.vignette_noir{
	width:94%;
	background-color:#333;
	padding:3% 3% 3% 3%;
	margin-bottom:15px;
	color:#FFF;
	background-image: url(../images/fd_vign_noir.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 2px solid;
	border-color: #292929;
}
#centre .vignette_noir h2{
	color:#FFF;
	background-color:none;
	border:none;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	background: none;
}

.vignette_grise{
	width:94%;
	padding:3% 3% 3% 3%;
	margin-bottom:15px;
	background-image: url(../images/fd_fonction.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border: 2px solid #D6D6D6;
	background-color: #E0E0E0;
}
#centre .vignette_grise h2{
	background-color:none;
	border:none;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	background: none;
}


/* vignette analyse */

#vignette_analyse{
	width:96%;
	background-color:#fb5528;
	padding:3% 2% 3% 2%;
	margin-bottom:15px;
	color:#FFF;
	clear:left;
}



.texte_petit {
	font-size: 10px;
}


.image_left {
	float:left;
	margin-right:10px;
}

.logo{
	max-heigt:50px;
	max-width:50px;
	width:expression(document.body.clientWidth > 50? "50px": "auto" );
	height:expression(document.body.clientHeight > 50? "50px": "auto" );
}


.DiapoDivNoir {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 4000;
	position: fixed;
	* position: absolute;
	text-align: center;
	background-image:url(../images/trans.png);
}

.DiapoDivBorder {
	margin: 0px auto ;
	background-color: #000000;
	margin-top:20px;
	border: #FFFFFF solid 10px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}

.PhotoDiapoFix{
}

.FermerDiapoFix{
	cursor: pointer;
	position:fixed;
}