/* CSS Document */

BODY {
	background-color: #333333;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

DIV {
	position: absolute;
	margin:0px;
	padding:0px;
}

P {
 	margin:0px;
 	padding:0px;	
}

IMG {
	border: none;
}

TABLE {
	border:none;
	margin:0px;
	padding:0px;
}

/* ---------------------  MENU  -------------------- */
#menu_flash {
	left:223px;
	top:141px;
	width:568px;
	z-index:100;
}

/* Menu alternatif */ 
#navMenu { margin: 0px; padding: 0px; height: 30px; width:678px; z-index: 100; font-size: 10px; }
#navMenu li { width: 132px; height: 20px; position: absolute; display: block; z-index: 100; list-style: none; text-align: center; }
#navMenu a { width: 132px; height: 20px; display: block; z-index: 50; color: #FFFFFF; text-decoration: none; font-weight: bold; }

#n1 { left: 0px; /*background-color: #a15aa1;*/ }
#n2 { left: 142px; /*background-color: #cda72d;*/ }
#n3 { left: 284px; /*background-color: #5aa15a;*/ }
#n4 { left: 426px; /*background-color: #b34947;*/ }

#n1 li a { }
#n2 li a { background-position: -142px 0; }
#n3 li a { background-position: -284px 0; }
#n4 li a { background-position: -426px 0; }

#n1 li a:hover { background-position: 0 -8px; background-color: #a15aa1; color: #FFFFFF; }
#n2 li a:hover { background-position: -150px -8px; background-color: #cda72d; color: #FFFFFF; }
#n3 li a:hover { background-position: -300px -8px; background-color: #5aa15a; color: #FFFFFF; }
#n4 li a:hover { background-position: -450px -8px; background-color: #b34947; color: #FFFFFF; }

#navMenu li ul { visibility: hidden; position: absolute; left: -1px; top:32px; margin: 0 0 0 1px; padding: 2px; width: 138px; }
#navMenu #n1 ul { background-color: #c4a3c4; }
#navMenu #n2 ul { background-color: #d8c78e; }
#navMenu #n3 ul { background-color: #a3c4a3; }
#navMenu #n4 ul { background-color: #cc9b9a; }

#navMenu li ul li, #navMenu li ul li a { width: auto; position: relative; z-index: 56; color: #fff; font-weight: normal; text-align: left; z-index: 100; }
#navMenu li ul li a { padding: 2px; }
#navMenu li:hover>ul { visibility: visible; }


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

A.nav_renovation_lien {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #FFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_renovation_lien:hover {
	background-color: #a15aa1;
}

.nav_renovation_on {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #a15aa1;
	color: #FFFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_extension_lien {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #FFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_extension_lien:hover {
	background-color: #e0970a;
}

.nav_extension_on {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #e0970a;
	color: #FFFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_amenagement_lien {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #FFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_amenagement_lien:hover {
	background-color: #75971f;
}

.nav_amenagement_on {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #75971f;
	color: #FFFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_diagnostics_lien {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #FFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_diagnostics_lien:hover {
	background-color: #d55647;
}

.nav_diagnostics_on {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #d55647;
	color: #FFFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_autre_lien {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #FFFFF;
	border-bottom: 1px solid #e3e3e2;
}

A.nav_autre_lien:hover {
	background-color: #9f814e;
}

.nav_autre_on {
	display: block; 
	padding: 5px 2px 5px 0px;
	text-align: right;
	background-color: #9f814e;
	color: #FFFFFF;
	border-bottom: 1px solid #e3e3e2;
}

#leftcol-menu {
	top:141px;
	left:0px;
	width:195px;
	z-index:2;
	height:1200px;
}
#leftcol-menu.tailleMenuG-generique, #leftcol-menu.tailleMenuG-amenagement, #leftcol-menu.tailleMenuG-conseils-travaux, #leftcol-menu.tailleMenuG-diagnostics, #leftcol-menu.tailleMenuG-extension, #leftcol-menu.tailleMenuG-projet-immobilier, #leftcol-menu.tailleMenuG-renovation {
height:1230px;}

#leftcol-menu UL{
	width:195px;
	height:auto;
	margin:0;
	padding:0;
}

#leftcol-menu LI{
	width:190px;
	height:20px;
	margin:0px;
	padding:3px 5px 0 0;
	text-align:right;
	list-style:none;
	word-spacing: -0.5px;
	background: #fff url(../images/leftcol-separator.gif) bottom right no-repeat;
}

#leftcol-menu A{
	color:#666666;
	text-decoration:none;
}

#leftcol-menu A:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/* ------------------------  MENU DROITE --------------------------- */
#rightcol-menu {
	top:171px;
	left:798px;
	width:188px;
	background: #686868 url(../images/rightcol-fond.gif) repeat-y;
	z-index:2;
	height:1200px;
}
#rightcol-menu.tailleMenuD-generique, #rightcol-menu.tailleMenuD-amenagement, #rightcol-menu.tailleMenuD-conseils-travaux, #rightcol-menu.tailleMenuD-diagnostics, #rightcol-menu.tailleMenuD-extension, #rightcol-menu.tailleMenuD-projet-immobilier, #rightcol-menu.tailleMenuD-renovation { 
height:1200px;}
.tailleDroite {}
#rightcol-content {
	top:185px;
	left:806px;
	width:158px;
	height:790px;
	z-index:3;
}

#rightcol-content INPUT { 
border: 0px solid #fff; 
background-color:#fff; 
width:131px; 
height:15px; 
font-family:Verdana, Helvetica, sans-serif; 
font-size:11px; 
color:#666666; 
padding:3px 5px 3px 5px;
}

#rightcol-reportage {
	position:relative;
	width:158px; 
	height:112px; 
	background: #686868 url(../images/rightcol-btn-reportage.gif) no-repeat;
	cursor:pointer;
}

#rightcol-reportage P {
	padding:42px 0 0 6px;
	font-size:12px;
	color:#fff;
}

#rightcol-temoignage {
	position:relative;
	width:158px; 
	height:112px; 
	background: #686868 url(../images/rightcol-btn-temoignage.gif) no-repeat;
	cursor:pointer;
}

#rightcol-temoignage P {
	padding:42px 0 0 6px;
	font-size:12px;
	color:#fff;
}

#rightcol-petit-temoignage {
	position:relative;
	margin-top:5px;
	width:158px; 
	height:88px; 
	background: #686868 url(../images/rightcol-btn-temoignages.gif) no-repeat;
	cursor:pointer;
}

#rightcol-petit-temoignage P {
	padding:34px 0 0 6px;
	font-size:12px;
	color:#fff;
}

/* ------------------------  CONTENT CADRAGE --------------------------- */
#cadrage-hp {
	top:141px;
	left:195px;
	width:603px;
	background: #fff url(../images/content-hp-fond.gif) repeat-y;
	z-index:2;
}

#cadrage-generique {
	top:141px;
	left:195px;
	width:603px;
	background: #fff url(../images/content-generique-fond.gif) repeat-y;
	z-index:2;
}

#cadrage-renovation {
	top:141px;
	left:195px;
	width:603px;
	background: #fff url(../images/content-renovation-fond.gif) repeat-y;
	z-index:2;
}

#cadrage-extension {
	top:141px;
	left:195px;
	width:603px;
	background: #fff url(../images/content-extension-fond.gif) repeat-y;
	z-index:2;
}

#cadrage-amenagement {
	top:141px;
	left:195px;
	width:603px;
	background: #fff url(../images/content-amenagement-fond.gif) repeat-y;
	z-index:2;
}

#cadrage-diagnostics {
	top:141px;
	left:195px;
	width:603px;
	background: #fff url(../images/content-diagnostics-fond.gif) repeat-y;
	z-index:2;
}
img.tailleCentre { height:1128px;}
/* ------------------------  FOOTER --------------------------- */
#footer {
	left:0px;
	width:982px;
	height:36px;
	text-align:center;
	color:#cccccc;
	background: #fff url(../images/footer-fond.gif) no-repeat;
	padding:14px 0 0 0;
	top:1327px;
}

#footer-bilan {
	left:0px;
	width:996px;
	height:36px;
	text-align:center;
	color:#cccccc;
	background: #fff url(../images/footer-bilan-fond.gif) no-repeat;
	padding:14px 0 0 0;
}

#footer A, #footer-bilan A{
	color:#cccccc;
	text-decoration:none;
}

#footer A:hover, #footer-bilan A:hover{
	color:#cccccc;
	text-decoration:underline;
}

/* ------------------------  HEADER --------------------------- */
#header {
	left:0px;
	width:982px;
	text-align:center;
	color:#ffffff;
	height:20px;
	z-index:10;
	top:22px;
	/*padding-top:15px;*/
}

#header A{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
}

#header A:hover{
	color:#ffffff;
	text-decoration:none;
}
div.bandeau {top:20px;}
/* ---------------------  HP  -------------------- */
#visionneuse-hp {
	left:195px;
	top:171px;
	width:603px;
	height:446px;
	z-index:2;
}

#hp-push-middle {
	left:195px;
	top:538px;
	width:603px;
	height:66px;
	z-index:2;
	background-color:#FFFFFF;
}

#hp-push-etapes {
	left:195px;
	top:604px;
	width:603px;
	height:92px;
	z-index:2;
	background: #fff url(../images/hp-push-etapes-cles.gif) no-repeat;
	cursor:pointer;
}

	#hp-push-etapes H1 {
		margin:55px 0 0 90px;
		font-size:15px;
		color:#4a3d20;
	}
	
	#hp-push-etapes A {
		font-size:15px;
		color:#4a3d20;
		text-decoration:none;
	}
	
#hp-push-reportage-photos-fond {
	left:195px;
	top:696px;
	width:603px;
	height:185px;
	z-index:2;
}
	
#hp-push-reportage-photos-image {
	left:195px;
	top:696px;
	width:292px;
	height:185px;
	z-index:3;
}
	
#hp-push-reportage-photos-lien {
	left:515px;
	top:785px;
	width:292px;
	height:auto;
	z-index:3;
}

	#hp-push-reportage-photos-lien H2 {
		margin:0;
		padding:0;
		font-size:17px;
		font-weight:normal;
		line-height:22px;
		color:#ffffff;
	}
	
	#hp-push-reportage-photos-lien A {
		font-size:17px;
		font-weight:normal;
		line-height:22px;
		color:#ffffff;
		text-decoration:none;
	}
	
#hp-push-habitez-sain {
	left:195px;
	top:905px;
	width:301px;
	height:200px;
	z-index:2;
	/*background: #a89168 url(../images/hp-push-habitez-sain.jpg) no-repeat;*/
	cursor:pointer;
}

	#hp-push-habitez-sain H3 {
		margin: 75px 0 0 19px;
		font-size:12px;
		font-weight:normal;
		color:#ffffff;
	}
	
	#hp-push-habitez-sain A {
		font-size:12px;
		font-weight:normal;
		color:#ffffff;
		text-decoration:none;
	}
	
#hp-push-energies-renouvelables {
	left:506px;
	top:905px;
	width:302px;
	height:200px;
	z-index:2;
	/*background: #a89168 url(../images/hp-push-energies-renouvelables.jpg) no-repeat;*/
	cursor:pointer;
}

	#hp-push-energies-renouvelables H4 {
		margin: 75px 0 0 17px;
		font-size:12px;
		font-weight:normal;
		color:#fff;
	}
	
	#hp-push-energies-renouvelables A {
		font-size:12px;
		font-weight:normal;
		color:#fff;
		text-decoration:none;
	}
	

/* ------------------------  MENU GAUCHE --------------------------- */
#contact-visuel {
	top:171px;
	left:195px;
	width:603px;
	height:245px;
	z-index:2;
}

#contact-description {
	top:414px;
	left:195px;
	width:603px;
	z-index:2;
	background: #fff url(../images/projet-description-fond.gif) repeat-y;
}

#contact-description H1 {
	margin:0;
	padding:15px 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#9f814e;
}

#contact-description P {
	margin:0;
	padding:15px 0 20px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#salon-description {
	top:420px;
	left:195px;
	width:603px;
	z-index:2;
}
#salon-description ul { margin:0 10px 0 34px; padding:0; color:#4B3D20; font-size:13px; letter-spacing:-0.05em;}
#salon-description ul li { margin:0; padding:0; margin-top:5px;}
#salon-description img { margin-top:3px;}

.txtBlancPetit { font-size:11px; color:#FFF;}

#salon-description P {
	margin:20px 10px 0 20px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4B3D20;
	line-height:16px;
}

#salon-description H1 {
	margin:20px 10px 0 20px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4B3D20;
}

#salon-description H2 {
	margin:10px 25px 0 20px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4B3D20;
	font-weight:normal;
	line-height:13px;
}
H3 {
	font-size:13px;
}


#salon-description TABLE {
	margin:15px 10px 0 20px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4B3D20;
}

/* ////////////// LEXIQUE - FAQ - MENTIONS - PLAN - NEWSLETTER - BILAN ////////////////////////// */
#lexique-description, #faq-description, #mentions-description, #plan-description, #news-description {
	top:171px;
	left:195px;
	width:603px;
	z-index:2;
	background: #fff url(../images/projet-description-fond.gif) repeat-y;
}

#recherche-lexique{
	top: 399px;
	left: 215px;
	width: 584px;
	height: 62px;
	background: url(../images/fond-recherche-lexique.gif) top left no-repeat;
	z-index: 4;
}

#recherche-lexique FORM {
	margin-left: 0px;
	margin-top: 30px;
	text-align: center;
}

#recherche-lexique SELECT {
	margin-right: 3px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 18px;
	width: 165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #838383;
}

#lexique-visuel, #faq-visuel {
	top: 199px;
	left: 225px;
	z-index: 4;
	width: 220px;
	height: 180px;
}

#lexique-titre, #faq-titre{
	top: 249px;
	left: 470px;
	z-index: 4;
	width: 302px;
	color:#9f814e;
}

#lexique-titre h1, #faq-titre h1{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#9f814e;
}

.texte-intro-gen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#c6baa2;
	font-weight:normal;
}

#lexique-intro{
	top: 303px;
	left: 470px;
	width: 300px;
	z-index: 4;
}

#lexique-intro h2{
	padding:0;
	margin:0;
	font-family:arial;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
}

#lexique-contenu{
	top: 489px;
	left: 250px;
	width: 523px;
	z-index: 4;
	font-family:arial;
	font-size: 12px;
	color: #000000;
}

#lexique-contenu A{
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	color:#9f814e;
	text-decoration:none;
}

#faq-intro-gauche{
	top: 400px;
	left: 220px;
	width: 272px;
	z-index: 4;
	font-family:arial;
	font-size:11px;
	color:#000000;
}

#faq-intro-droite{
	top: 400px;
	left: 514px;
	width: 281px;
	z-index: 4;
	font-family:arial;
	font-size:11px;
	color:#000000;
}

#faq-contenu{
	top: 670px;
	left: 220px;
	width: 560px;
	z-index: 4;
	font-family:arial;
	font-size: 12px;
	color: #000000;
}

#faq-contenu h1{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

#faq-contenu p{
	margin:0;
	padding:5px 0 15px 10px;
	font-family:arial;
	font-size: 12px;
	color: #000000;
}

#mentions-description h1, #plan-description h1{
	margin:20px 15px 10px 15px;
	padding:0;
	color:#9F814E;
	font-family:arial;
	font-size:20px;
}
#mentions-description h2{
	margin:10px 20px 10px 20px;
	padding:0;
	color:#9F814E;
	font-family:arial;
	font-size:17px;
}
#mentions-description p{
	margin:0 20px 0 20px;
	padding:0;
	color:#000000;
	font-family:arial;
	font-size:12px;
	text-align:justify;
}

#news-logo{
	top: 120px;
	left: 220px;
	width: 231px;
	height: 131px;
	z-index: 4;
}

#news-accroche{
	top: 142px;
	left: 460px;
	width: 226px;
	height: 48px;
	z-index: 4;
}

#news-contenu{
	top: 260px;
	left: 213px;
	width: 577px;
	z-index: 2;
}
#news-contenu P{
	margin-left: 13px;
	margin-top: 20px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.texte-gris {
	font-family:arial;
	font-size:12px;
	color: #999999;
}

#plan-visuel {
	top:171px;
	left:195px;
	width:603px;
	height:322px;
	z-index:2;
}

#plan-contenu {
	top:414px;
	left:195px;
	width:603px;
	height: 2400px;
	z-index:2;
	background: #fff url(../images/projet-description-fond.gif) repeat-y;
}

	#plan-contenu DIV.liste {
		width: 270px;
		height: auto;
		z-index: 3;
	}

		#plan-contenu DIV.liste H1 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			margin: 5px 0 5px 0;
		}

		#plan-contenu DIV.liste P {
			margin: 0 0 20px 15px;
		}

		#plan-contenu DIV.liste A {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-decoration: none;
		}

		#plan-contenu DIV.liste A:hover {
			text-decoration: underline;
		}

		#plan-contenu DIV.liste .plan_generique {
			color: #4a3d20;
		}

		#plan-contenu DIV.liste .plan_renovation {
			color: #a15aa1;
		}

		#plan-contenu DIV.liste .plan_extension {
			color: #e0970a;
		}

		#plan-contenu DIV.liste .plan_amenagement {
			color: #789923;
		}

		#plan-contenu DIV.liste .plan_diagnostic {
			color: #c12d1b;
		}
		
	#plan-contenu DIV.titre {
		width: 570px;
		height: 25px;
		background: url(../images/fond-bleu-stitre-qsn-entre.gif) top left no-repeat;
	}
		
		#plan-contenu DIV.titre P {
			margin: 3px 0 0 12px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color:#FFFFFF;
		}
		
#bilan-description {
	top:171px;
	left:195px;
	width:791px;
	z-index:2;
	background: #fff url(../images/bilan-description-fond.gif) repeat-y;
}

#bilan-question {
	top:451px;
	left:244px;
	width:720px;
	height:auto;
	z-index:3;
}

#bilan-question P{
	margin:3px 0 20px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}

#bilan-encard {
	top:860px;
	left:226px;
	width:731px;
	height:330px;
	background-color:#9f814e;
	z-index:3;
}

#bilan-encard H1{
	margin:15px 0 12px 14px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
}
#bilan-encard ul{
	margin:0 0 0 30px;
	padding:0;
}
#bilan-encard li{
	margin:0 0 15px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
}

#bilan-accroche-bas {
	top:1207px;
	left:226px;
	width:731px;
	height:55px;
	z-index:3;
}


/* ////////////// QUI - RESEAU -ENGAGEMENTS - PARTENAIRES ////////////////////////// */
#qui-description, #reseau-description, #engagements-description, #partenaires-description, #difference-description {
	top:171px;
	left:195px;
	width:603px;
	z-index:2;
	background: #fff url(../images/projet-description-fond.gif) repeat-y;
}

#qui-visuel, #engagements-visuel, #partenaires-visuel{
	top: 188px;
	left: 225px;
	width: 214px;
	z-index: 4;
}
#reseau-visuel {
	top: 200px;
	left: 225px;
	width: 214px;
	z-index: 4;}

#qui-title, #reseau-title, #engagements-title, #partenaires-title{
	top: 188px;
	left: 460px;
	width: 310px;
	z-index: 4;
}

#qui-title {
	top: 200px;
	left: 460px;
	width: 310px;
	z-index: 4;
}


#qui-accroche {
	top: 400px;
	left: 225px;
	width: 560px;
	z-index: 4;
}

#reseau-accroche, #engagements-accroche {
	top: 358px;
	left: 225px;
	width: 560px;
	z-index: 4;
}
#reseau-accroche { top: 368px; }

#partenaires-accroche {
	top: 290px;
	left: 460px;
	width: 320px;
	z-index: 4;
}

#qui-accroche h1, #reseau-accroche h1, #engagements-accroche h1, #partenaires-accroche h1 {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4a3d20;
}

#qui-sousnav {
	top:310px;
	left:462px;
	width:265px;
	z-index:10;
}

#reseau-sousnav {
	top:265px;
	left:462px;
	width:265px;
	z-index:10;
}

#engagements-sousnav {
	top:292px;
	left:462px;
	width:265px;
	z-index:10;
}

#qui-sousnav UL, #reseau-sousnav UL, #engagements-sousnav UL{
	width:265px;
	height:auto;
	margin:0;
	padding:0;
}

#qui-sousnav LI, #reseau-sousnav LI, #engagements-sousnav Li{
	width:233px;
	height:18px;
	margin:0px;
	padding:5px 16px 0 16px;
	list-style:none;
	background: #fff url(../images/sousnav-separator.gif) bottom right no-repeat;
}

#qui-histoire-contenu, #qui-entreprise-contenu, #qui-valeurs-contenu, #qui-chiffres-contenu {
	top: 425px;
	left: 225px;
	width: 560px;
	z-index: 4;
}

#qui-histoire-contenu h2 {
	padding:3px 0 0 12px;
	margin:0;
	width: 89px;
	height: 22px;
	background: url(../images/fond-bleu-stitre-histoire.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#qui-entreprise-contenu h2 {
	padding:3px 0 0 12px;
	margin:0;
	width: 201px;
	height: 22px;
	background: url(../images/fond-bleu-stitre-qsn-entre.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#qui-valeurs-contenu h2 {
	padding:9px 5px 0 15px;
	margin:0;
	width: 538px;
	height: 177px;
	background: url(../images/fond-bleu-texte-valeur.gif) top left no-repeat;
	color:#000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}

#qui-histoire-contenu P, #qui-entreprise-contenu P, #qui-valeurs-contenu P, #qui-chiffres-contenu P {
	margin:5px 0 15px 10px;
	padding:0;
	color:#000;
	font-family:arial;
	font-size:12px;
}

#qui-logo{
	top: 120px;
	left: 220px;
	width: 214px;
	height: 150px;
	z-index: 4;
}

/*#qui-accroche{
	top: 172px;
	left: 460px;
	width: 291px;
	height: 110px;
	z-index: 4;
}*/

#reseau-maitre-contenu, #reseau-artisans-contenu, #reseau-equipes-contenu, #reseau-selection-contenu {
	top: 388px;
	left: 225px;
	width: 560px;
	z-index: 4;
}
#reseau-selection-contenu { top: 400px; }

#reseau-maitre-contenu P, #reseau-artisans-contenu P, #reseau-equipes-contenu P, #reseau-selection-contenu P {
	margin:5px 0 15px 10px;
	padding:0;
	color:#000;
	font-family:arial;
	font-size:12px;
}

#reseau-maitre-contenu h2 {
	padding:3px 0 0 12px;
	margin:0;
	width: 289px;
	height: 22px;
	background: url(../images/fond-bleu-clair-titre-reseau.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#reseau-maitre-contenu h3 {
	padding:3px 0 0 12px;
	margin:0;
	width: 479px;
	height: 22px;
	background: url(../images/fond-bleu-clair-titre-reseau2.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#reseau-equipes-contenu h2 {
	padding:3px 0 0 12px;
	margin-top:20px;
	width: 479px;
	height: 22px;
	background: url(../images/fond-bleu-clair-titre-reseau2.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#reseau-selection-contenu h2 {
	padding:3px 0 0 12px;
	margin:0;
	width: 309px;
	height: 22px;
	background: url(../images/fond-bleu-clair-titre-selection.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#engagements-charte-contenu, #engagements-contrats-contenu {
	top: 385px;
	left: 225px;
	width: 560px;
	z-index: 4;
}

#engagements-charte-contenu h2 {
	padding:30px 0 5px 0;
	margin:0;
	color:#736138;
	font-family:arial;
	font-size:16px;
}

#engagements-charte-contenu h3 {
	padding:3px 0 0 12px;
	margin:20px 0 0 0;
	width: 199px;
	height: 22px;
	background: url(../images/img-charte-engagement.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#engagements-accroche h2, #engagements-contrats-contenu h2 {
	padding:3px 0 0 12px;
	margin:20px 0 0 0;
	width: 289px;
	height: 22px;
	background: url(../images/fond-bleu-clair-titre-reseau.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#engagements-charte-contenu P, #engagements-contrats-contenu P {
	margin:5px 0 0 10px;
	padding:0;
	color:#000;
	font-family:arial;
	font-size:12px;
}

#partenaires-contenu {
	top: 340px;
	left: 225px;
	width: 560px;
	z-index: 4;
}
#difference-contenu {
    left: 248px;
    padding-right: 10px;
    top: 520px;
    width: 538px;
    z-index: 4;
}
#difference-contenu p { margin:0; margin-bottom:10px;}
#difference-contenu h2 {
	background:none;
	color:#7abd23;
	font-size:21px;
	font-weight:bold;
	margin-bottom:8px;
	margin-top:30px;
}
#difference-contenu .sousTitre {
	font-size:0.8em;
}

#difference-contenu .contrat {
    background-image: url("/images/bg-contrat-difference.jpg");
    background-repeat: no-repeat;
    height: 179px;
    padding-left: 42px;
    padding-top: 54px;
    width: 509px;
}
#difference-contenu .contrat h2 { color:#FFF; margin:0; padding:0; }
#difference-contenu .contrat ul {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    list-style: none outside none;
    margin-left: 30px;
    margin-right: 0;
    margin-top: 18px;
    padding: 0;
}
#difference-contenu .contrat ul li {
    margin: 0;
    padding: 0 0 9px;
}
#partenaires-contenu h2 {
	padding:3px 0 0 12px;
	margin:20px 0 0 0;
	width: 289px;
	height: 22px;
	background: url(../images/fond-bleu-clair-titre-reseau.gif) top left no-repeat;
	color:#FFF;
	font-family:arial;
	font-size:16px;
}

#difference-contenu h2 {}
#partenaires-contenu P {
	margin:5px 0 0 10px;
	padding:0;
	color:#000;
	font-family:arial;
	font-size:12px;
}

#video-sas-visuel {
	top: 230px;
	left: 225px;
	width: 218px;
	z-index: 4
}

#video-sas-title {
	top: 230px;
	left: 455px;
	width: 321px;
	z-index: 4
}

#video-sas-accroche {
	top: 305px;
	left: 455px;
	width: 321px;
	z-index: 4
}

#video-sas-contenu {
	top: 425px;
	left: 225px;
	width: 550px;
	z-index: 4
}

#video-accroche {
	top: 193px;
	left: 220px;
	width: 245px;
	z-index: 4
}

#video-contenu {
	left: 218px;
	width: 240px;
	z-index: 4
}

#video-sas-accroche P, #video-sas-contenu P, #video-contenu P {
	margin:0;
	padding:0;
	color:#000;
	font-family:arial;
	font-size:12px;
}

/* //////////// STYLE ////////////////////// */
.lienviolet{
	text-decoration:underline;
	color:#A15AA1;
}

.lienjaune{
	text-decoration:underline;
	color:#E09809;
}

.lienvert{
	text-decoration:underline;
	color:#75971f;
}

.lienrouge{
	text-decoration:underline;
	color:#D35645;
}

.liengen{
	text-decoration:underline;
	color:#9f814e;
}

.lienBlanc {
	color:#FFF;
	text-decoration:underline;
}

.lien-noir{
	text-decoration: none;
	color:#000000;
}

.lien-noir2{
	text-decoration: underline;
	color:#000000;
}

.texte-contenu-arial-12{
	color:#000;
	font-family:arial;
	font-size:12px;
}

A.liens-partenaires{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9f814e;
	text-decoration: underline;
}

A.liens-partenaires:hover{
	text-decoration: none;
}

UL.liste{
	margin: -10px 0 10px 0;
	padding-left:40px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

UL.liste-dossier{
	margin: 0 0 10px 0;
	padding-left:40px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

UL.engagements{
	margin: 0 0 10px 0;
	padding-left:40px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

UL.reseau{
	margin: 10px 0 15px 0;
	padding-left:40px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

LI.institutionnel{
	display: list-item;
	list-style-image: url(../images/sousnav-fleche-autre.png);
	padding:0px;
	margin: 0 0 0 20px;
	color:#000000;
	font-family:arial;
	font-size:12px;
}

.txt-tab{
	color:#000000;
	font-family:arial;
	font-size:12px;
}


/* //////////// HP Nouvelle Version ////////////////////// */
#hp-fond {
	top:171px;
	left:195px;
	width:791px;
	z-index:2;
	background: #fff url(../images/hp-description-fond.gif) repeat-y;
}

#hp-pastille-prix-qualite {
	top:38px;
	left:830px;
	width:86px;
	height:152px;
	z-index:5;
}

#hp-pastille-vat {
	top: 55px;
	left: 800px;
	width: 86px;
	height: 352px;
	z-index: 5;
}

#hp-anim-hp {
	top:171px;
	left:195px;
	width:776px;
	height:372px;
	z-index:3;
}

#hp-push-callback {
	top:525px;
	left:195px;
	width:776px;
	height:82px;
	background: url(../images/hp-fond-callback.png) no-repeat;
	padding:18px 0 0 0;
	z-index:5;
}

#hp-push-projet {
    background: url("../images/hp-fond-projet.gif") no-repeat scroll 0 0 transparent;
    height: 265px;
    left: 206px;
    padding: 25px 0 0;
    top: 729px;
    width: 584px;
    z-index: 3;
}

#hp-push-realisations {
    height: 290px;
    left: 806px;
    top: 729px;
    width: 155px;
    z-index: 3;
}

#hp-push-habitez-sain-mpe {
	top:878px;
	left:216px;
	width:255px;
	height:190px;
	background: url(../images/hp-fond-push-habitez-sain.jpg) no-repeat;
	z-index:3;
}

#hp-push-flash-info, #hp-push-flash-salons {
    height: 190px;
    left: 206px;
    top: 1030px;
    width: 255px;
    z-index: 3;
}
#animVilles { position:absolute; top:115px; z-index:50; height:20px; width:250px; left:5px }

#hp-push-dossiers {
	top:1030px;
	left:461px;
	width:245px;
	height:174px;
	/*background: url(../images/hp-fond-push-dossiers.jpg) no-repeat;*/
	z-index:3;
}

#hp-push-reportage-photos {
	top:1030px;
	left:716px;
	width:245px;
	height:169px;
	z-index:3;
}

#fond-push-realisation {
	position:relative;
	margin:0;
	padding:0;
	width:155px;
	height:auto;
	cursor:pointer;
}

#fond-push-realisation P{
	margin-top:13px;
	font-size:12px;
	color:#FFFFFF;
}

#fond-push-realisation A{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

hr.magicHeight { clear:both; visibility:hidden; margin:0; padding:0; border:none; height:0;}

/*Pour images png sous ie6*/
.format_png { behavior: url(win_png.htc); }




p#font14{font-size:14px}

.brun{
	color:#846632;
}

#qui-sousnav li, #reseau-sousnav li,  #engagements-sousnav li { position:relative;}
#qui-sousnav li img.flecheAligne , #reseau-sousnav li img.flecheAligne, #engagements-sousnav li img.flecheAligne{
position:absolute;
right:16px; top:8px;
}

/* Trouver un architecte */

.trouv-archi {
    background-image: url("../images/projet-description-fond.gif");
    background-position: 0 0;
    background-repeat: repeat-y;
	height:100%;
	width:100%;
    left: 195px;
    top: 171px;
    width: 603px;
    z-index: 999;
	height:1800px;
}



.trouv-archi-int {
    background-image: url("../images/BG-trouver-un-architecte.jpg");
    background-repeat: no-repeat;
	width:100%;
	height: 100%;
}
.trouv-archi-int h1 {
    color: #A5145E;
    font-family: Arial;
    font-size: 26px;
    line-height: 0.85em;
    margin: 0;
    padding-left: 220px;
    padding-top: 46px;
}
.trouv-archi-int h1 span{
	color:#9f814e;
	font-size:19px;
}
.trouv-archi-int h1 span.h1-c{
	color:#a5145e;
}

.accroche-trouv-archi {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding-left: 200px;
    padding-top: 18px;
	display:block;
}

.lien-img-trouv-archi {
	display: block;
    padding-left: 330px;
    padding-top: 39px;
}

.trouv-archi-int h2, .titre-form {
    background-color: #a5145e;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 17px;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 7px;
	font-weight:bold;
}
.titre-form {
	background-color:#9F814D;
}
.corps-trouv-archi {
	padding-left:40px;
	padding-right:40px;
	font-family:Verdana;
	color:#000;
	line-height:18px;
	font-size:12px;
	text-align:justify;
}
.trouv-archi-int h3 {
	padding-left:40px;
	color:#000;
	font-size:14px;
	padding-bottom:10px;
	line-height: 25px;
	font-size:14px;
	margin:0;
	font-family: Arial;
	font-variant:small-caps;
}
.corps-trouv-archi table {
	padding-top:10px;
	font-weight:normal;
	font-size:13px;
	color:#000;
	font-family:Verdana;
}
.corps-trouv-archi table input {
	font-weight:normal;
}
.btnValider-trouv-archi {
	background:none;
    background-image: url("../images/trouv-archi-valider.jpg");
    background-repeat: no-repeat;
	width:172px;
	height: 45px;
	cursor:pointer;
	border:none;
	margin-left: 40px;
    margin-top: 60px;
}


#hp-actu-reportage {
  background-color: #FFFFFF;
    background-image: url("../images/bandeau-hp-reportage.jpg");
    background-repeat: no-repeat;
    font-family: FuturaStdLight;
    height: 89px;
    left: 195px;
    position: absolute;
    top: 629px;
    width: 775px;
    z-index: 4;
}

a.lienReportage, a.lienTemoignage {
    color: #716f74;
    display: block;
    float: left;
    font-size: 15px;
    margin-left: 25px;
    text-decoration: none;
    width: 355px;
}
a.lienTemoignage img.vignette, a.lienReportage img.vignette {
    float: left;
   /* height: 54px;*/
	margin-top:15px;
    margin-right: 15px;
	border:1px solid #FFF;
}
a.lienTemoignage h3, a.lienReportage h3 {
    color: #4b4a4d;
    font-size: 26px;
    font-weight: lighter;
    margin: 11px 0 0;
    padding: 0;
	font-family:FuturaBook
}
a.lienTemoignage:hover, a.lienReportage:hover { color:#FFF;}
@font-face {
	font-family: 'FuturaStdLight';
	src: url('typos/futurastd-light-webfont.eot');
	src: local('?'), url('typos/futurastd-light-webfont.woff') format('woff'), url('typos/futurastd-light-webfont.ttf') format('truetype'), url('typos/futurastd-light-webfont.svg#webfontdSI6yYTw') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBook';
	src: url('typos/futurastd-book-webfont.eot');
	src: local('?'), url('typos/futurastd-book-webfont.woff') format('woff'), url('typos/futurastd-book-webfont.ttf') format('truetype'), url('typos/futurastd-book-webfont.svg#webfontdSI6yYTw') format('svg');
	font-weight: normal;
	/*font-style: normal;*/
	font-weight:lighter;
}