@charset "iso-8859-1";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#3C3C3C;
font-size:12px;
background: url(images/fd.jpg); 
}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #059B5F; font-weight: bold;}
.titre_page {font-size: 24px; color: #FFFFFF; font-weight: bold;}
.bleu {color: #24A5C5;}
.vert {color: #306851;}
.vert11 {font-size: 11px; color: #306851;}
.vert14 {font-size: 14px; color: #306851;}
.vert18 {font-size: 18px; color: #306851;}
.rouge12 {font-size: 12px; color: #9B0732;}
.orange14 {font-size: 14px; color: #E94F1B;}
.orange18 {font-size: 18px; color: #E94F1B;}
.orange {color: #E94F1B;}
.bleu {color: #004597}
.spacer { clear:both }

.liens_blanc {color: #FFFFFF; font-size: 12px; text-decoration: none;}
a.liens_blanc:hover {color: #001C69; text-decoration: none;}

.liens_gris {color: #777677; text-decoration: none;}
a.liens_gris:hover {color: #000000; text-decoration: underline;}

#conteneur {
	width:980px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background:url(images/fd_site.jpg) #FFFFFF no-repeat;
}
#footer {
	width: 954px;
	height: 23px;
	position:relative;
	background: url(images/fd_bas.gif) top left;
	font-size:10px; color:#777677;
	padding-left:26px;
	padding-top:22px;
}

/* --- ACCUEIL --- */

#bandeau_accueil {
	width: 980px;
	height: 297px;
	position:relative;
	text-indent:-5000px;
}
#fd_accueil {
	width: 952px;
	height: 310px;
	position:relative;
	margin-left: 14px;
}
#visuel_clef {
	width: 170px;
	height: 450px;
	position: absolute;
	left:25px;
	top:240px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clef.png');
}
html>body #visuel_clef {
	filter: none;
	background: url('images/clef.png') no-repeat;
}
#bt_realisations a {
	width: 170px;
	height: 58px;
	left: 26px;
	top: 420px;
	position:absolute;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bt_realisations.png', sizingMethod='scale');	
	text-indent:-50000px;
}
html>body #bt_realisations a {
		filter: none;
		background: url('images/bt_realisations.png') no-repeat;
			}
#newsletter {
	width: 149px;
	height: 46px;
	left: 26px;
	top: 393px;
	position:absolute;
	background:url(images/newsletter.gif) no-repeat;
	padding-left:23px;
	padding-top:21px;
	display:none;
}

#txt_accueil {
	width: 366px;
	height: 250px;
	left: 222px;
	top: 290px;
	position:absolute;
	text-align:justify;
}
#titre_actu {
	position:absolute;
	width:50px;
	left:608px;
	top:295px;
	font-size:12px;
}
#drt_accueil {
	width: 329px;
	height: 186px;
	left: 608px;
	top: 310px;
	position:absolute;
	background:url(images/fd_actu.gif) no-repeat;
	font-size:11px;
}
#drt_accueil a {
	color:#3C3C3C;
}
#drt_accueil p {
	margin-bottom:1em;
	margin-left:1em;
	width:300px;
}
.scroll_actu {
	margin-top:1em;
	overflow:auto;
	height:90%;
}
#logos_partenaires {
	width: 713px;
	height: 75px;
	left: 220px;
	top: 520px;
	position:absolute;
}
.form_accueil {
border:solid 1px #D9D8D9; width:90px;
}

#menu1_accueil {
	width:180px;
	height:140px;
	position:absolute;
	left:204px;
	font-size:9px;
}
#menu1_accueil ul li {
		list-style:none;
		}
#menu1_accueil ul li a {
		display: block ;
		text-indent:-5000px;
		}
	.menu1_accueil_haut {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu1_accueil_haut.png', sizingMethod='scale');
			height:12px;
			}
	html>body .menu1_accueil_haut {
	filter: none;
	background: url('images/menu1_accueil_haut.png') no-repeat;
			}
	#menu1_accueil ul li a.menu1_bt_accueil {
			background:url(images/accueil.jpg);
			height:24px;
			}
	#menu1_accueil ul li a.menu1_bt_accueil:hover {
			background:url(images/accueil_survol.gif);
			height:24px;
			}
			
	#menu1_accueil ul li a.menu1_bt_societe {
			background:url(images/societe.jpg);
			height:24px;
			}
	#menu1_accueil ul li a.menu1_bt_societe:hover {
			background:url(images/societe_survol.gif);
			height:24px;
			}
						
	#menu1_accueil ul li a.menu1_bt_savoir {
			background:url(images/savoir-faire.jpg);
			height:24px;
			}
	#menu1_accueil ul li a.menu1_bt_savoir:hover {
			background:url(images/savoir-faire_survol.gif);
			height:24px;
			}
						
	#menu1_accueil ul li a.menu1_bt_etude {
			background:url(images/etude.jpg);
			height:24px;
			}
	#menu1_accueil ul li a.menu1_bt_etude:hover {
			background:url(images/etude_survol.gif);
			height:24px;
			}
						
	#menu1_accueil ul li a.menu1_bt_contact {
			background:url(images/contact.jpg);
			height:24px;
			}
	#menu1_accueil ul li a.menu1_bt_contact:hover {
			background:url(images/contact_survol.gif);
			height:24px;
			}
						
	.menu1_accueil_bas {
			background:url(images/menu1_bas.jpg) top left no-repeat;
			height:8px;
			display:block;
			}

#menu2_accueil {
	width:570px;
	height:140px;
	position:absolute;
	left:394px;
}
#menu2_accueil ul li {
		list-style:none;
		float:left;
		width:112px;
		}
#menu2_accueil ul li a {
		display: block ;
		text-indent:-5000px;
		width:112px;
		height:116px;
		}
	#menu2_accueil ul li a.menu2_accueil_bt_maisons {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maisons_accueil.png', sizingMethod='scale');
		cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_maisons {
		filter: none;
		background: url('images/maisons_accueil.png') no-repeat;
			}
	#menu2_accueil ul li a.menu2_accueil_bt_maisons:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maisons_accueil_survol.png', sizingMethod='scale');
		cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_maisons:hover {
		filter: none;
		background: url('images/maisons_accueil_survol.png') no-repeat;
			}
			
			
	#menu2_accueil ul li a.menu2_accueil_bt_services {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/services_accueil.png', sizingMethod='scale');
			cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_services {
		filter: none;
		background: url('images/services_accueil.png') no-repeat;
			}
	#menu2_accueil ul li a.menu2_accueil_bt_services:hover {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/services_accueil_survol.png', sizingMethod='scale');
			cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_services:hover {
		filter: none;
		background: url('images/services_accueil_survol.png') no-repeat;
			}
			
			
	#menu2_accueil ul li a.menu2_accueil_bt_expo {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/expo_accueil.png', sizingMethod='scale');
			cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_expo {
		filter: none;
		background: url('images/expo_accueil.png') no-repeat;
			}
	#menu2_accueil ul li a.menu2_accueil_bt_expo:hover {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/expo_accueil_survol.png', sizingMethod='scale');
			cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_expo:hover {
		filter: none;
		background: url('images/expo_accueil_survol.png') no-repeat;
			}
			
	#menu2_accueil ul li a.menu2_accueil_bt_agences {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/agences_accueil.png', sizingMethod='scale');
			cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_agences {
		filter: none;
		background: url('images/agences_accueil.png') no-repeat;
			}
	#menu2_accueil ul li a.menu2_accueil_bt_agences:hover {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/agences_accueil_survol.png', sizingMethod='scale');
			cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_agences:hover {
		filter: none;
		background: url('images/agences_accueil_survol.png') no-repeat;
			}
			
			
			
	#menu2_accueil ul li a.menu2_accueil_bt_offres {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/offres_accueil.png', sizingMethod='scale');
		cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_offres {
		filter: none;
		background: url('images/offres_accueil.png') no-repeat;
			}
	#menu2_accueil ul li a.menu2_accueil_bt_offres:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/offres_accueil_survol.png', sizingMethod='scale');
		cursor: pointer;
			}
	html>body #menu2_accueil ul li a.menu2_accueil_bt_offres:hover {
		filter: none;
		background: url('images/offres_accueil_survol.png') no-repeat;
			}

/* --- ACCUEIL --- */

/* --- SOCIETE --- */
#bandeau_page {
	width: 980px;
	height: 232px;
	position:relative;
	text-indent:-5000px;
}
#gch_societe {
	width: 350px;
	position:relative;
	float:left;
	margin-right:2em;
	padding-left:205px;
}
#gch_societe img {
	margin-right:10px;
}
#drt_societe {
	width:350px;
	position:relative;
	float:left;
}
#drt_societe img {
	margin-right:10px;
}
/* --- SOCIETE --- */


/* --- SAVOIR-FAIRE --- */
#savoir-faire {
	width: 710px;
	position:relative;
	margin-left:205px;
	height:300px;
}
#savoir-faire img {
	float:left;
}
#savoir-faire p {
	margin-left:330px;
}
/* --- SAVOIR-FAIRE --- */

/* --- ETUDE --- */
#etude {
	width: 710px;
	position:relative;
	margin-left:205px;
	
	height: auto;
	min-height: 500px; /* pour firefox prenne toute la hauteur de page*/
	_height: 500px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 500px;
}
#fd_etude {
	width: 952px;
	height: 750px;
	position:relative;
	background: #FFFFFF;
	margin-left: 14px;
}
/* --- ETUDE --- */

/* --- CONTACT --- */
#fd_contact {
	width: 952px;
	height: 450px;
	position:relative;
	background: #FFFFFF;
	margin-left: 14px;
}
/* --- CONTACT --- */

/* --- SERVICES --- */
#services {
	width: 710px;
	position:relative;
	margin-left:205px;
		
	height: auto;
	min-height: 500px; /* pour firefox prenne toute la hauteur de page*/
	_height: 500px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 500px;
}
#services img {
	margin-right:15px;
}
#fd_gch_services {
	width: 170px;
	height: 450px;
	position: absolute;
	left:20px;
	top:157px;
	padding-top: 10px;
	padding-left:5px;
	padding-right:5px;
	background:url(images/fd_jaune.jpg) no-repeat;
}
/* --- SERVICES --- */


#visite {
	width: 710px;
	position:relative;
	margin-left:205px;
	height:330px;
}


/* --- MAISONS --- */
#maisons {
	width: 710px;
	margin-left: 205px;
	position:relative;
	height:450px;
}
#maisons form {
	display:inline;
}
#maisons select {
	font-size:12px;
	color:#306851;
}
#maisons ul, #maisons li, #maisons div {
	/* border:1px solid #FF0000; */
}
#maisons ul {
	margin-bottom:10px;
	position: relative;
	height:128px;
}
#maisons li {
	float:left;
	width:120px;
	padding-right:15px;
	margin-bottom:2em;
	position:relative;
	list-style: none;
}
#maisons .texte {
	width:120px;
	height:20px;
}
#maisons .titre1 {
	color:#FF0000;
	margin-left:20px;
}
#maisons .image {
	width:102px;
	height:62px;
	margin-left:20px;
	margin-bottom:4px;
}
#maisons .bouton {
	width:102px;
	height:12px;
	margin-left:20px;
	background:url(images/bt_ensavoirplus.gif) no-repeat;
}
#maisons .bouton a {
	display: block ;
	text-indent:-5000px;
	width:102px;
	height:13px;
}
#maisons .bouton a:hover {
	background:url(images/bt_ensavoirplus_on.gif) no-repeat;
}

#fd_gch_maisons {
	width: 170px;
	height: 450px;
	position: absolute;
	left:20px;
	top:157px;
	padding-top: 10px;
	padding-left:5px;
	padding-right:5px;
	background:url(images/fd_rouge.jpg) no-repeat;
}
/* --- MAISONS --- */


/* MAISONS DETAILS */
#maisons_details {
	width: 710px;
	margin-left: 205px;
	position:relative;
}
#maisons_details img.photo_maison {
	float:left;
	margin-right:20px;
}
#maisons_details img.plan_maison {
	margin-top:10px;
	border:0;
}
a.lien_retour {
	font-size:10px;
	color:#306851;
	}
p.nom_modele {
	font-size: 14px;
	color: #E94F1B;
	border-bottom:dashed 1px #999999;
}
#maisons_details textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#306851;
	border:solid 1px #306851;
}
#maisons_details input.bt_envoyer {
	background:#306851;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border:0;
}



/* --- OFFRE --- */
#offres {
	width: 680px;
	position:relative;
	padding-left:1em;
	margin-left:260px;
	height:360px;
	border:solid 1px #E0CBE6;
	background:#FFFFFF;

	overflow:auto;
}
#offres_intro {
	width: 510px;
	margin-left: 305px;
	top:15px;
	position:relative;
	height:400px;
}
#offres h2 {
	font-size:16px;
	color:#885399;
	margin-top:1em;
}
#offres ul {
	list-style-type:none;
	border-bottom:dashed 1px #999999;
	margin-bottom:2em;
	margin-top:2em;
}
#offres ul li.bt_offre a {
	position:relative;
	margin-left:180px;
	margin-bottom:1em;
	display:block;
	width:264px;
	height:16px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background:url(images/fd_bt_offres.gif) no-repeat;
	}
#fd_gch_offres {
	width: 170px;
	height: 450px;
	position: absolute;
	left:25px;
	top:240px;
	padding-top: 50px;
	padding-left:5px;
	padding-right:5px;
	background:url(images/fd_offres.jpg) no-repeat;
}
#fd_gch_offres p {
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

/* AGENCES */
#agences {
	width: 330px;
	margin-left: 600px;
	position:relative;
	height:400px;
}
#fd_gch_agences {
	width: 380px;
	height: 450px;
	position: absolute;
	left:25px;
	top:240px;
	padding-top: 50px;
	padding-left:5px;
	padding-right:5px;
	background:url(images/fd_agences.jpg) no-repeat;
}
#fd_gch_agences p {
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
#visuel_dept {
	position:absolute;
	top:0px;
	left:-177px;
	width:165px;
	height:232px;
}
#adresses_agences {
	position:relative;
	width:100%;
}
#adresses_agences p {
	text-align:left;
	}
#adresses_agences ul {
	margin-top:2em;
	text-align:left;
	}
#adresses_agences ul li {
	list-style-type:none;
	}
#adresses_agences ul li.bt_plan_acces a {
	margin-top:1em;
	display:block;
	width:102px;
	height:13px;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:22px;
	background:url(images/bt_bouton.gif) no-repeat;
}
#adresses_agences ul li.bt_plan_acces a:hover {
	color:#FFFFFF;
	background:url(images/bt_bouton_on.gif) no-repeat;
}
#adresses_agences ul li.bt_offre_agence a {
	margin-top:0.5em;
	display:block;
	width:165px;
	height:13px;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:22px;
	background:url(images/bt_offre.gif) no-repeat;
}
#mentions {
	width: 710px;
	position:relative;
	margin-left:205px;
}
#mentions p {
	margin-bottom:1em;
	width:600px;
	text-align:justify;
	}

div.actualite {
	position:relative;
	width:600px;
	margin-top:15px;
}
div.actualite div.img_principale {
	position:relative;
	float:left;
	width:120px;
}
div.actualite div.actu_resume  {
	position:relative;
	float:left;
	width:480px;
}