@charset "utf-8";
@import url("superfish.css");
/* CSS Document */

a:link {color: #002C71;}
a:visited {color: #002C71;}
a:focus {color: #5F8F1A;}
a:hover {color: #5F8F1A;}
a:active {color: #5F8F1A;}

body {
background: #B8AE8A;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a {/*<h1><a><span>lien*/
background: transparent url(../img/com/transparent.gif) left top repeat;
display: block;
height: 145px;
left: 30px;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
top: 30px;
width: 230px;
z-index: 2;
}
h2 {
font-size: 1.4em;
margin: 0 0 15px 0;
padding: 0;
}
h3 {
font-size: 1.8em;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
}
h4 {
font-size: 1.1em;
margin: 0;
padding: 0;
}
img {border: none;}
p {
line-height: 1.2em;
margin: 0 0 5px 0;
text-align: justify;
}
th {text-align: left;}
.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
#blocDroite {
background: transparent;
float: right;
margin: 250px -15px 0 0;
padding: 0;
text-align: right;
width: 430px;
}
#blocGauche {
background: transparent;
float: left;
margin: 0;
padding: 0;
width: 500px;
}
#colCentre {
float: left;
margin: 0;
padding: 0;
width: 560px;
}
#colDroite {
float: right;
margin: 0;
padding: 0;
width: 200px;
}
#colGauche {
float: left;
margin: 0;
padding: 0;
width: 210px;
}
#contenu {
background: #FFF url(../img/com/footer.gif) left bottom no-repeat;
border-top: 1px solid #FFF;
font-size: 0.85em;
margin: 0;
padding: 0 20px 5px 20px;
position: relative;
width: 943px;
}
#contenu sup, #contenu sub {font-size: 0.7em;}
#footer {
background: transparent;
color: #FFF;
font-size: 0.9em;
margin: 5px 0 0 0;
padding: 10px 10px 0 10px;
position: relative;
width: 963px;
}
	#footer a {text-decoration: none;}
	#footer a:link {color: #FFF; text-decoration: none;}
	#footer a:visited {color: #FFF;}
	#footer a:focus {color: #342008;}
	#footer a:hover {color: #342008;}
	#footer a:active {color: #342008;}
	
	#footer img {
	float: left;
	margin: 0 0 0 10px;
	}
	#footer p {margin: 0;}
#footerAdresse {
background: none;
float: left;
margin: 0 0 0 10px;
padding: 0;
width: 700px;
}
#footerNav {
background: none;
border-top: 1px solid #FFF;
float: right;
margin: 0;
padding: 5px 0 0 0;
width: 205px;
}
#footerNav a {
margin: 0 4px;
}
#global {
background: transparent;
border: none;
margin: 15px auto;
position: relative;
width: 983px;
}
#header {
background: transparent;
border-bottom: 10px solid #FFF;
margin: 0;
padding: 0;
position: relative;
}
#nav {
background: #FFF;
margin: 0;
padding: 0;
}
/**/
#page-accueil #blocDroite {
background: transparent;
float: right;
margin: 250px -15px 0 0;
padding: 0;
text-align: right;
width: 430px;
}
#page-accueil #blocDroite img {
margin: 0 0 0 10px;
}
#page-accueil #contenu {
background: #FFF url(../img/com/footer-accueil.gif) left bottom no-repeat;
padding-bottom: 10px;
}
#accueilTxt {
font-size: 0.9em;
width: 490px;
}
#accueilActu {
background: transparent url(../img/com/news-accueil-bg.png) left top no-repeat;
color: #FFF;
float: left;
height: 159px;
margin: 13px 0 0 0;
padding: 45px 0 0 0;
/*position: absolute;*/
width: 215px;
}
#accueilActu h3 {
background: transparent url(../img/com/puce1.gif) 35px top no-repeat;
font-size: 11px;
margin: 0;
padding: 0 25px 0 55px;
text-transform: uppercase;
}
#accueilActu p {
font-size: 10px;
margin: 0 0 10px 0;
padding: 0 35px;
text-align: left;
}
#accueilActu p a {
background: #FFF;
color: #DF3F00;
font-weight: bold;
margin: 0 0 0 70px;
padding: 2px 4px;
text-decoration: none;
}
#accueilVideo {
float: left;
margin: 0 0 0 0;
}
#suzie {
position: absolute;
right: 190px;
top: 30px;
z-index: 1;
}
#suzie-papillon {
position: absolute;
right: 115px;
top: 40px;
z-index: 0;
}
#suzie-philactere {
position: absolute;
right: 8px;
top: -30px;
z-index: 2;
}
#b1 {
background: transparent url(../img/com/video.png) 200px top no-repeat;
position: relative;
}
#b-accueilVideo {
background: transparent url(../img/com/transparent.gif) left top no-repeat;
display: block;
height: 200px;
margin: 0 0 0 200px;
width: 250px;
}
/**/
#contenu .renov1, .renov1 h3 {color: #F08A00;}
#contenu .renov2, .renov2 h3 {color: #E2007A;}
#contenu .renov3, .renov3 h3 {color: #4DBBC5;}
#contenu .renov4, .renov4 h3 {color: #89BB3C;}
#contenu .renov5, .renov5 h3 {color: #694994;}
#contenu .renovert, .renovert h3 {color: #00378B;}
.renovert .agence h3 {
font-size: 1.3em;
margin: 0 0 2px 0;
}
.hr-renov2 {
border-bottom: 1px dotted #E2007A;
padding-bottom: 15px;
}
.hr-renov3 {
border-bottom: 1px dotted #4DBBC5;
padding-bottom: 15px;
}
.hr-renov4 {
border-bottom: 1px dotted #89BB3C;
padding-bottom: 15px;
}
.hr-renov5 {
border-bottom: 1px dotted #694994;
padding-bottom: 15px;
}
.hr-noir {
border-bottom: 1px dotted #000;
margin: 0 20px;
padding-bottom: 15px;
}
#contenu .m1900, .m1900 h3 {color: #A5027D;}
#contenu .m1970, .m1970 h3, .autre h3 {color: #E7511E;}
#contenu .m2000, .m2000 h3 {color: #0069AC;}
#contenu a.autre {color: #77C8D6;}

#bg-maison-1900-1 { background: #FFF url(../img/com/maison-1900-bg1.jpg) 450px bottom no-repeat;}
#bg-maison-1970-1 { background: #FFF url(../img/com/maison-1970-bg1.jpg) 300px bottom no-repeat;}
#bg-maison-2000-1 { background: #FFF url(../img/com/maison-2000-bg1.jpg) 330px bottom no-repeat;}
#bg-video {
background: #FFF url(../img/com/video-bg.jpg) 29px bottom no-repeat;
height: 485px;
}
#video-logo {
left: 60px;
position: absolute;
top: 110px;
}
#video-logo img {
display: block;
margin-bottom: 20px;
}
#video {
height: 309px;
margin: 34px 0 0 219px;
width: 550px;
}
#dolcevita {
position: absolute;
bottom: 0;
right: 5px;
text-align: right;
}
/**/
#ombre {background: transparent url(../img/com/solution-bg.png) right bottom no-repeat;
padding: 0 0 8px 0;}
/*#ombre div {background: transparent url(../img/com/solution-top-bg.png) right top no-repeat;}*/
#solution {
border-collapse: collapse;
width: 503px;
}
#solution td {
padding: 3px;
vertical-align: top;
}
#solution td p {text-align: left;}
#solution td ul {
margin: 0 0 7px 0;
padding: 0 0 0 15px;
}
#solution th {
padding: 5px 0;
}
#solution th, #solution th p {text-align: center;}
.bg1 {background: #E3E4E5;}
.bg2 {background: #F0F6E6;}
.borderB {border-bottom: 1px solid #333;}
.borderL {border-left: 1px solid #333;}
.borderBL {
border-bottom: 1px solid #333;
border-left: 1px solid #333;
}
#bgAvant, #bgApres {
color: #FFF;
font-size: 1.2em;
padding: 4px 0;
text-transform: uppercase;
}
#bgAvant {background: #E2001A url(../img/com/onglet-avant.gif) left top no-repeat;}
#bgApres {background: #88BB3B url(../img/com/onglet-apres.gif) right top no-repeat;}
#galerieZoom {
background: #FFF url(../img/com/galerie-zoom-bg.gif) center center no-repeat;
margin: 0 auto;
padding: 13px;
text-align: center;
width: 482px;
}
#galerieAvant {
margin: 15px 0;
position: relative;
}
#galerieApres {
margin: 15px 0 90px 0;
position: relative;
}
#galerieAvant img, #galerieApres img {margin: 0 2px 0 0;}
#galerieAvant #etiq-avant,
#galerieApres #etiq-apres {
left: 5px;
position: absolute;
top: -10px;
}
#video {
height: 422px;
width: 560px;
}
/* Formulaire de contact
----------------------------*/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 95%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #D5DEE6;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 20%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact .labelSimple {margin: 0 0 0 32%;}
#formContact .labelSimple label {float: none;}
#formContact legend {
	color: #0067B0;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact input#nom,
#formContact input#prenom,
#formContact input#fonction,
#formContact input#societe,
#formContact input#telephone,
#formContact input#fax,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#pays,
#formContact input#ville {
width: 70%;
}
#formContact textarea {
margin: 0.2em;
width: 70%;
}
#formContact p {margin: 5px 0;}
/*    Les Classes
***************************************/
.blanc {color: #FFF;}
.bgGreen {
background: #88BB3B;
color: #FFF;
margin: 0;
padding: 2px;
}
.bgRed {
background: #E2001A;
color: #FFF;
margin: 0;
padding: 2px;
}
.bold {font-weight: bold;}
.boldno {font-weight: normal;}
div.box {padding: 8px 0 0 0;}
.box div {
margin: 0;
padding: 0 0 10px 0;
}
.box div p {
margin: 0 20px 10px 15px;
/*padding: 0 20px 0 15px;*/
}
.box div h3 {padding: 0 20px 0 15px;}

.box.ciel {background: transparent url(../img/com/bloc-top-ciel.png) left top no-repeat;}
.box.ciel div {background: transparent url(../img/com/bloc-ciel.png) left bottom no-repeat;}
.box.orange {background: transparent url(../img/com/bloc-top-orange.png) left top no-repeat;}
.box.orange div {background: transparent url(../img/com/bloc-orange.png) left bottom no-repeat;}
.box.magenta {background: transparent url(../img/com/bloc-top-magenta.png) left top no-repeat;}
.box.magenta div {background: transparent url(../img/com/bloc-magenta.png) left bottom no-repeat;}
.box.bleu {background: transparent url(../img/com/bloc-top-bleu.png) left top no-repeat;}
.box.bleu div {background: transparent url(../img/com/bloc-bleu.png) left bottom no-repeat;}
.box.bleu2 {background: transparent url(../img/com/bloc-top-bleu2.png) left top no-repeat;}
.box.bleu2 div {background: transparent url(../img/com/bloc-bleu2.png) left bottom no-repeat;}
.box.vert {background: transparent url(../img/com/bloc-top-vert.png) left top no-repeat;}
.box.vert div {background: transparent url(../img/com/bloc-vert.png) left bottom no-repeat;}
.box.lavande {background: transparent url(../img/com/bloc-top-lavande.png) left top no-repeat;}
.box.lavande div {background: transparent url(../img/com/bloc-lavande.png) left bottom no-repeat;}

.boxTable {
background: #FFF;
border-collapse: collapse;
font-size: 0.8em;
margin: 10px auto;
width: 85%;
}
.boxTable caption {
background: #FFF;
font-weight: bold;
text-transform: uppercase;
}
.boxTable td {
padding: 3px;
white-space: nowrap;
}
.boxTable th {padding: 3px;}
.renovert .grid_1 li {
margin: 0 0 7px 0;
}
.renovert .grid_1 ul {
margin: 0 0 10px 0;
padding: 0 0 0 15px;
}
.renovert .grid_1 strong, .renovert .grid_1 strong a, .renovert a {color: #00378B;}
.iso9001 {background: #FFF url(../img/com/picto-iso9001.gif) right center no-repeat;}
/**/
div.box2 {
float: left;
padding: 8px 0 0 0;
position: relative;
width: 283px;
}
.box2 div {
margin: 0;
padding: 0 0 10px 0;
}
.box2 div p {
margin: 0 20px 10px 15px;
/*padding: 0 20px 0 15px;*/
}
.box2.ciel {background: transparent url(../img/com/bloc2-top-ciel.png) left top no-repeat;}
.box2.ciel div {background: transparent url(../img/com/bloc2-ciel.png) left bottom no-repeat;}
/**/
div.box3 {
padding: 8px 0 0 0;
position: relative;
width: 407px;
}
.box3 div {
margin: 0;
padding: 0 0 10px 0;
}
.box3 div p {
margin: 0 20px 10px 15px;
/*padding: 0 20px 0 15px;*/
}
.box3 div h4 {margin: 0 20px 5px 15px;}
.box3.s1900 {background: transparent url(../img/com/bloc-top-1900-retenir.png) left top no-repeat;}
.box3.s1900 div {background: transparent url(../img/com/bloc-1900-retenir.png) left bottom no-repeat;}
.box3.s1970 {background: transparent url(../img/com/bloc-top-1970-retenir.png) left top no-repeat;}
.box3.s1970 div {background: transparent url(../img/com/bloc-1970-retenir.png) left bottom no-repeat;}
.box3.s2000 {background: transparent url(../img/com/bloc-top-2000-retenir.png) left top no-repeat;}
.box3.s2000 div {background: transparent url(../img/com/bloc-2000-retenir.png) left bottom no-repeat;}
/**/
div.boxDV {
float: left;
padding: 12px 0 0 0;
position: relative;
width: 437px;
}
.boxDV div {
margin: 0;
padding: 0 0 10px 0;
}
.boxDV div p {
margin: 0 20px 10px 15px;
/*padding: 0 20px 0 15px;*/
}
.boxDV.dv {background: transparent url(../img/com/bloc-top-dv.png) left top no-repeat;}
.boxDV.dv div {background: transparent url(../img/com/bloc-dv.png) left bottom no-repeat;}
/**/
div.boxNews {
border-bottom: 2px dotted #B5DBDF;
float: left;
margin: 0 0 10px 0;
padding: 12px 0 6px 4px;
position: relative;
width: 677px;
}
.boxNews a, .boxNews1 a {text-decoration: none;}
.boxNews a:link, .boxNews1 a:link {color: #E8591F;}
.boxNews a:visited, .boxNews1 a:visited {color: #E8591F;}
.boxNews a:focus, .boxNews1 a:focus {color: #CF430C;}
.boxNews a:hover, .boxNews1 a:hover {color: #CF430C;}
.boxNews a:active, .boxNews1 a:active {color: #E8591F;}

.boxNews h3 {
background: transparent url(../img/com/puce1.png) left center no-repeat;
color: #E8591F;
font-size: 1.1em;
font-weight: bold;
margin: 0 20px 10px 0;
padding: 0 0 0 18px;
text-transform: uppercase;
}
/**/
div.boxNews1 {
background: transparent url(../img/com/bloc-top-news.png) left top no-repeat;
float: left;
padding: 12px 0 0 0;
position: relative;
width: 681px;
}
.boxNews1 div {
background: transparent url(../img/com/bloc-news.png) left bottom no-repeat;
margin: 0;
padding: 0 15px 10px 0;
}
.boxNews1 div div {background:none;}
.boxNews1 div p {
margin: 0 20px 10px 15px;
/*padding: 0 20px 0 15px;*/
}
.boxNews1 h3 {
background: transparent url(../img/com/puce1.png) left center no-repeat;
color: #E8591F;
font-size: 1.3em;
font-weight: bold;
margin: 0 20px 10px 15px;
padding: 0 0 0 18px;
text-transform: uppercase;
}
/**/
div.boxArchive {
background: transparent url(../img/com/bloc-top-archive.png) left top no-repeat;
float: left;
padding: 12px 0 0 0;
position: relative;
width: 243px;
}
.boxArchive a {text-decoration: none;}
.boxArchive a:link {color: #FFF;}
.boxArchive a:visited {color: #FFF;}
.boxArchive a:focus {color: #FFF;}
.boxArchive a:hover {color: #FFF;}
.boxArchive a:active {color: #FFF;}

.boxArchive div {
background: transparent url(../img/com/bloc-archive.png) left bottom no-repeat;
margin: 0;
padding: 0 15px 10px 0;
}
.boxArchive div p {
margin: 0 20px 10px 15px;
/*padding: 0 20px 0 15px;*/
}
.boxArchive h3 {
color: #FFF;
font-size: 1.6em;
letter-spacing: 1px;
margin: 0 20px 10px 15px;
padding: 0 0 0 0;
text-transform: uppercase;
}
.boxArchive li {margin: 0 0 2px 0;}
.boxArchive li.on {
background: #EF784A;}
.boxArchive li a {
display: block;
font-size: 1.2em;
padding: 0 0 0 10px;
text-transform: uppercase;
}
.boxArchive li a:link {color: #FFF;}
.boxArchive li a:visited {color: #FFF;}
.boxArchive li a:focus {background: #EF784A;}
.boxArchive li a:hover {background: #EF784A;}
.boxArchive li a:active {background: #EF784A;}
.boxArchive ul {
list-style-type: none;
padding: 0 0 0 10px;
}
/**/
#etiq-avant, #etiq-apres {
left: 15px;
position: absolute;
top: 0;
}
#etiq-apres {
left: 0;
position: absolute;
top: 0;
}
#apres, #avant {margin: 15px 0 0 0;}
#apres {
float: right;
padding: 8px 0 0 0;
position: relative;
}
#form1 {
margin: 10px auto 90px auto;
width: 80%;
}
#form1 h3 {
border-bottom: 1px dotted #CCC;
border-top: 1px dotted #CCC;
margin: 15px 0 5px 0;
}
#form1 td {
padding:10px 20px 0 20px;
margin: 0;
vertical-align:top;
}
#form1 th {
color: #35828F;
}
#form1 .info1 {
font-style:italic;
font-weight: normal;
}
/**/
.asterisque {
	font-size: 17px;
	font-weight: bold;
	color: #f00;
}
.btnForm {
background: #D9C1B3;
border: 1px solid #BF9A83;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.depense {
border-collapse: collapse;
font-size: 0.8em;
margin: 0 0 10px 0;
}
	.depense td {padding: 3px;}
.docName {
background: transparent url(../img/com/picto-pdf.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
}
.floatLeft {float: left;}
.floatRight {float: right;}
.grid_1 {
background: transparent;
display:inline;
float: left;
margin: 0 15px 0 0;
padding: 0;
width: 220px;
}
.grid_1.omega {
float: right;
margin: 0 0 100px 15px;
}
.grid_2 {
background: transparent;
display:inline;
float: left;
margin: 0 15px 0 0;
padding: 0;
width: 460px;
}
.grid_2.omega {
float: right;
margin: 0 0 100px 0;
}
.grid_2a {
background: transparent;
display:inline;
float: left;
margin: 0 15px 0 0;
padding: 0;
width: 510px;
}
.grid_2a.omega {
float: right;
margin: 0 0 100px 0;
width: 410px;
}
.grid_part {
border-top: 1px dotted #CCC;
padding: 5px 0;
}
#page-partenaire #contenu a {
color: #00378B;
font-style: italic;
font-weight: bold;
text-decoration: none;
}
.grid_part1 {
float: left;
width: 300px;
}
.grid_part2 {
border-left: 1px solid #CCC;
float: right;
padding: 0 0 0 15px;
width: 600px;
}
.grid_news_left {
background: transparent;
display:inline;
float: left;
margin: 0 15px 0 0;
padding: 0;
width: 681px;
}
.grid_news_right {
float: right;
margin: 0 0 100px 0;
}
.httpLink {
background: transparent url(../img/com/picto-web.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
width: 350px;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
}
.italic {font-style: italic;}
.justify {text-align: justify;}
.left {text-align: left;}
.obligatoire {color: #C68E0F;}
.overline {
border-top: 1px solid #000;
}
.puce {
background: #FFF url(../img/com/puce.gif) left top no-repeat;
padding: 0 0 0 15px;
}
.puce strong {
color: #E7511E;
font-weight: bold;
text-transform: uppercase;
}
.hPartenaire {
display: inline;
}
.right {text-align: right;}
.separateur {
border: none;
clear: both;
display: block;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}
.small {font-size: 0.8em;}
.upc {text-transform: uppercase;}
/* Navigation Renovation */
div#nav-renovation {
background: #FFF;
border: 0;
height: 42px;
margin: 0 0 20px 0;
padding: 0;
width: 595px;
}
div#nav-renovation ul#menu2 {
background: transparent url(../img/fr/nav-renovation.gif) top left no-repeat;
height: 42px;
margin: 0;
padding: 0;
position: relative;
width: 595px;
}
div#nav-renovation ul#menu2 li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
z-index: 0;
}
ul#menu2 li, ul#menu2 a {
display: block;
height: 42px;
}
div#nav-renovation ul#menu2 li a {
text-decoration: none;
text-indent: -9999px;
outline:none;
}
#nav-renovation-1		{left: 0; width: 119px;}
#nav-renovation-2		{left: 119px; width: 119px;}
#nav-renovation-3 		{left: 238px; width: 119px;}
#nav-renovation-4 		{left: 357px; width: 119px;}
#nav-renovation-5 		{left: 476px; width: 119px;}

#nav-renovation-1 a:hover, #nav-renovation-1.on 		{background: transparent url(../img/fr/nav-renovation.gif) 0 -42px no-repeat;}
#nav-renovation-2 a:hover, #nav-renovation-2.on  		{background: transparent url(../img/fr/nav-renovation.gif) -119px -42px no-repeat;}
#nav-renovation-3 a:hover, #nav-renovation-3.on  		{background: transparent url(../img/fr/nav-renovation.gif) -238px -42px no-repeat;}
#nav-renovation-4 a:hover, #nav-renovation-4.on  		{background: transparent url(../img/fr/nav-renovation.gif) -357px -42px no-repeat;}
#nav-renovation-5 a:hover, #nav-renovation-5.on  		{background: transparent url(../img/fr/nav-renovation.gif) -476px -42px no-repeat;}
/* Navigation Maison */
div#nav-maison {
background: #FFF;
border: 0;
height: 35px;
margin: 0 0 20px 0;
padding: 0;
width: 595px;
}
div#nav-maison ul#menu3 {
background: transparent url(../img/fr/nav-maison.gif) top left no-repeat;
height: 35px;
margin: 0;
padding: 0;
position: relative;
width: 595px;
}
div#nav-maison.portailGalerie ul#menu3 {background-position: bottom left;}
div#nav-maison ul#menu3 li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
z-index: 0;
}
ul#menu3 li, ul#menu3 a {
display: block;
height: 35px;
}
div#nav-maison ul#menu3 li a {
text-decoration: none;
text-indent: -9999px;
outline:none;
}
#nav-maison-1		{left: 0; width: 109px;}
#nav-maison-2		{left: 119px; width: 109px;}
#nav-maison-3 		{left: 238px; width: 109px;}

#nav-maison-1 a:hover,
#nav-maison-1.on,
#nav-maison.nav-maison-1900 #nav-maison-1 {
	background: transparent url(../img/fr/nav-maison.gif) 0 -35px no-repeat;
	}
#nav-maison-2 a:hover,
#nav-maison-2.on,
#nav-maison.nav-maison-1970 #nav-maison-2  {
	background: transparent url(../img/fr/nav-maison.gif) -119px -35px no-repeat;
	}
#nav-maison-3 a:hover,
#nav-maison-3.on,
#nav-maison.nav-maison-2000 #nav-maison-3  {
	background: transparent url(../img/fr/nav-maison.gif) -238px -35px no-repeat;
	}
/* Navigation Projet 1900 */
div#nav-projet-1900 {
background: #FFF;
border: 0;
height: 126px;
margin: 0 0 50px 0;
padding: 0;
width: 441px;
}
div#nav-projet-1900 ul#menu4 {
background: transparent url(../img/fr/nav-projet-1900.gif) top left no-repeat;
height: 126px;
margin: 0;
padding: 0;
position: relative;
width: 441px;
}
div#nav-projet-1900 ul#menu4 li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 0;
}
ul#menu4 li, ul#menu4 a {
display: block;
height: 63px;
}
div#nav-projet-1900 ul#menu4 li a {
text-decoration: none;
text-indent: -9999px;
outline:none;
}
#nav-projet-1900-1		{left: 0; top: 0; width: 219px;}
#nav-projet-1900-2		{left: 219px; top: 0; width: 222px;}
#nav-projet-1900-3 		{left: 0; top: 63px; width: 219px;}
#nav-projet-1900-4 		{left: 219px; top: 63px; width: 222px;}

#nav-projet-1900-1 a:hover, #nav-projet-1900-1.on 		{background: transparent url(../img/fr/nav-projet-1900.gif) 0 -126px no-repeat;}
#nav-projet-1900-2 a:hover, #nav-projet-1900-2.on  		{background: transparent url(../img/fr/nav-projet-1900.gif) -219px -126px no-repeat;}
#nav-projet-1900-3 a:hover, #nav-projet-1900-3.on  		{background: transparent url(../img/fr/nav-projet-1900.gif) 0 -189px no-repeat;}
#nav-projet-1900-4 a:hover, #nav-projet-1900-4.on  		{background: transparent url(../img/fr/nav-projet-1900.gif) -219px -189px no-repeat;}
/**/
/* Navigation Projet 1970 */
div#nav-projet-1970 {
background: #FFF;
border: 0;
height: 126px;
margin: 0 0 50px 0;
padding: 0;
width: 441px;
}
div#nav-projet-1970 ul#menu4 {
background: transparent url(../img/fr/nav-projet-1970.gif) top left no-repeat;
height: 126px;
margin: 0;
padding: 0;
position: relative;
width: 441px;
}
div#nav-projet-1970 ul#menu4 li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 0;
}
ul#menu4 li, ul#menu4 a {
display: block;
height: 63px;
}
div#nav-projet-1970 ul#menu4 li a {
text-decoration: none;
text-indent: -9999px;
outline:none;
}
#nav-projet-1970-1		{left: 0; top: 0; width: 219px;}
#nav-projet-1970-2		{left: 219px; top: 0; width: 222px;}
#nav-projet-1970-3 		{left: 0; top: 63px; width: 219px;}
#nav-projet-1970-4 		{left: 219px; top: 63px; width: 222px;}

#nav-projet-1970-1 a:hover, #nav-projet-1970-1.on 		{background: transparent url(../img/fr/nav-projet-1970.gif) 0 -126px no-repeat;}
#nav-projet-1970-2 a:hover, #nav-projet-1970-2.on  		{background: transparent url(../img/fr/nav-projet-1970.gif) -219px -126px no-repeat;}
#nav-projet-1970-3 a:hover, #nav-projet-1970-3.on  		{background: transparent url(../img/fr/nav-projet-1970.gif) 0 -189px no-repeat;}
#nav-projet-1970-4 a:hover, #nav-projet-1970-4.on  		{background: transparent url(../img/fr/nav-projet-1970.gif) -219px -189px no-repeat;}
/**/
/* Navigation Projet 2000 */
div#nav-projet-2000 {
background: #FFF;
border: 0;
height: 126px;
margin: 0 0 50px 0;
padding: 0;
width: 441px;
}
div#nav-projet-2000 ul#menu4 {
background: transparent url(../img/fr/nav-projet-2000.gif) top left no-repeat;
height: 126px;
margin: 0;
padding: 0;
position: relative;
width: 441px;
}
div#nav-projet-2000 ul#menu4 li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 0;
}
ul#menu4 li, ul#menu4 a {
display: block;
height: 63px;
}
div#nav-projet-2000 ul#menu4 li a {
text-decoration: none;
text-indent: -9999px;
outline:none;
}
#nav-projet-2000-1		{left: 0; top: 0; width: 219px;}
#nav-projet-2000-2		{left: 219px; top: 0; width: 222px;}
#nav-projet-2000-3 		{left: 0; top: 63px; width: 219px;}
#nav-projet-2000-4 		{left: 219px; top: 63px; width: 222px;}

#nav-projet-2000-1 a:hover, #nav-projet-2000-1.on 		{background: transparent url(../img/fr/nav-projet-2000.gif) 0 -126px no-repeat;}
#nav-projet-2000-2 a:hover, #nav-projet-2000-2.on  		{background: transparent url(../img/fr/nav-projet-2000.gif) -219px -126px no-repeat;}
#nav-projet-2000-3 a:hover, #nav-projet-2000-3.on  		{background: transparent url(../img/fr/nav-projet-2000.gif) 0 -189px no-repeat;}
#nav-projet-2000-4 a:hover, #nav-projet-2000-4.on  		{background: transparent url(../img/fr/nav-projet-2000.gif) -219px -189px no-repeat;}
/**/
#b-contact-suzie, #b-bbc {
position: absolute;
top: 130px;
right: 30px;
z-index: 20;
}
.renov3 #b-contact-suzie {top: 110px;}
.renov4 #b-contact-suzie {top: 110px;}
.renov5 #b-contact-suzie {top: 20px;}
.renovert #b-contact-suzie,
.galerie #b-contact-suzie {top: 60px;}
.autre #b-contact-suzie {top: 90px;}
/*.m1900 #b-bbc {top:110px;}*/
/**/
#trueContainer a {
position: relative;
text-decoration: none;
}

#trueContainer a:link img {border: 3px solid #FFF; color: #342008;}
#trueContainer a:visited img {border: 3px solid #FFF; color: #342008;}
#trueContainer a:focus img {border: 3px solid #77C8D6; color: #342008;}
#trueContainer a:hover img {border: 3px solid #77C8D6; color: #342008;}
#trueContainer a:active img {border: 3px solid #77C8D6; color: #342008;}

#trueContainer a span {
background: #77C8D6;
bottom: 0;
color: #FFF;
display: inline-block;
font-weight: bold;
left: 0;
margin: 0 3px;
padding: 3px;
position: absolute;
text-transform: uppercase;
width: 154px;
}

/*cfwindow*/
/*bordures header: */
.x-window-tl, .x-window-tc, .x-window-tr {
	background-image:none;
	background-color:#ccc;
}
/*texte header: */
.x-window-tl .x-window-header {color:#404040;}
/*bordure body: */
.x-window-ml, .x-window-mc, .x-window-mr {
	background-image:none;
	background-color:#ccc;
}
/*body:*/
.x-window-body {
	background-color:#e1e1e1;
	font: 14px Arial, Helvetica, sans-serif;
}
table#cfWindow {
	width:100%;
	height:100%;
	border:0;
}
	table#cfWindow td {vertical-align:middle;}
	table#cfWindow p {text-align:center;}
	table#cfWindow input {margin-top:20px;}
	
.ext-el-mask {
	z-index:100;
	filter:alpha(opacity=50); 
	width:100%;
	opacity:0.5;
	-moz-opacity:0.5;
	background-color:#000;
}
/*bordure footer: */
.x-window-bl, .x-window-br, .x-window-bc {
	background-image:none;
	background-color:#ccc;
}
/**/
.creditphoto p {
	color: #999;
	margin: 0 0 5px 0;
	text-align: right;
	}
.txtAA {
	padding: 0 5px 10px;
	text-align: center;
	vertical-align: top;
	width: 300px;
	}
	.txtAA h3 {
	border-bottom: 1px solid #BAD18D;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	}
	.txtAA p {
	font-size: 1.2em;
	text-align: center;
	}
.rubGal {
	color: #694992;
	font-size: 1.8em;
	padding-right: 20px;
	}
	#menuEtapeBloc {margin-top: 5px;}
#menuEtape {
	list-style-type: none;
	margin: 10px 0;
	padding: 0 10px 0 13px;
	}
#menuEtape a {
	color: #FFF;
	text-decoration: none;
	}
	#menuEtape a:hover {text-decoration: underline;}
/**/
#bRetour {margin: 5px 0 10px 0;}
#col1 {
	/*background: red;*/
	float: left;
	margin:0;
	padding: 0;
	width: 310px;
	}
#col2 {
	/*background: lime;*/
	float: right;
	margin: 0;
	padding: 0;
	width: 601px;
	}
#col2 h3 {
	border-bottom: 1px solid #BAD18D;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	}
#col2 p {
	font-size: 1.2em;
	text-align: center;
	}
#menuEtapeChantier {
	font-size:  1.4em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	#menuEtapeChantier a {text-decoration: none;}
	#menuEtapeChantier a:link {color: #002C71;}
	#menuEtapeChantier a:visited {color: #002C71;}
	#menuEtapeChantier a:focus {color: #002C71;text-decoration: underline;}
	#menuEtapeChantier a:hover {color: #002C71;text-decoration: underline;}
	#menuEtapeChantier a:active {color: #002C71;}
	#menuEtapeChantier li {padding: 3px 0;}
#etapeChantier {
	background: #FFF url(../img/com/1970-1/etapes/etape-bg.gif) left top no-repeat;
	height: 320px;
	margin: 0 0 10px 0;
	position: relative;
	}
	#etapeChantier ul {
		list-style-type: none;
		margin: 0;
		padding: 15px 0 0 16px;
		}
	#etapeChantier li {
		margin: 0 0 3px 0;
		padding: 0;
		width: 95px;}
#etapeChantierImg {
	position: absolute;
	right: 16px;
	top: 15px;
	}
/**/
.etape1-1 #etape1, .etape1-2 #etape1, .etape1-3 #etape1, .etape1-4 #etape1, .etape1-5 #etape1,
.etape2-1 #etape2, .etape2-2 #etape2, .etape2-3 #etape2, .etape2-4 #etape2, .etape2-5 #etape2,
.etape3-1 #etape3, .etape3-2 #etape3, .etape3-3 #etape3, .etape3-4 #etape3, .etape3-5 #etape3,
.etape4-1 #etape4, .etape4-2 #etape4, .etape4-3 #etape4, .etape4-4 #etape4, .etape4-5 #etape4,
.etape5-1 #etape5, .etape5-2 #etape5, .etape5-3 #etape5, .etape5-4 #etape5, .etape5-5 #etape5,
.etape6-1 #etape6, .etape6-2 #etape6, .etape6-3 #etape6, .etape6-4 #etape6, .etape6-5 #etape6,
.etape7-1 #etape7, .etape7-2 #etape7, .etape7-3 #etape7, .etape7-4 #etape7, .etape7-5 #etape7,
.etape8-1 #etape8, .etape8-2 #etape8, .etape8-3 #etape8, .etape8-4 #etape8, .etape8-5 #etape8,
.etape9-1 #etape9, .etape9-2 #etape9, .etape9-3 #etape9, .etape9-4 #etape9, .etape9-5 #etape9,
.etape10-1 #etape10, .etape10-2 #etape10, .etape10-3 #etape10, .etape10-4 #etape10, .etape10-5 #etape10,
.etape11-1 #etape11, .etape11-2 #etape11, .etape11-3 #etape11, .etape11-4 #etape11, .etape11-5 #etape11
{font-weight: bold;}
.etape1-1 #etapeImg1, .etape1-2 #etapeImg2, .etape1-3 #etapeImg3, .etape1-4 #etapeImg4, .etape1-5 #etapeImg5,
.etape2-1 #etapeImg1, .etape2-2 #etapeImg2, .etape2-3 #etapeImg3, .etape2-4 #etapeImg4, .etape2-5 #etapeImg5,
.etape3-1 #etapeImg1, .etape3-2 #etapeImg2, .etape3-3 #etapeImg3, .etape3-4 #etapeImg4, .etape3-5 #etapeImg5,
.etape4-1 #etapeImg1, .etape4-2 #etapeImg2, .etape4-3 #etapeImg3, .etape4-4 #etapeImg4, .etape4-5 #etapeImg5,
.etape5-1 #etapeImg1, .etape5-2 #etapeImg2, .etape5-3 #etapeImg3, .etape5-4 #etapeImg4, .etape5-5 #etapeImg5,
.etape6-1 #etapeImg1, .etape6-2 #etapeImg2, .etape6-3 #etapeImg3, .etape6-4 #etapeImg4, .etape6-5 #etapeImg5,
.etape7-1 #etapeImg1, .etape7-2 #etapeImg2, .etape7-3 #etapeImg3, .etape7-4 #etapeImg4, .etape7-5 #etapeImg5,
.etape8-1 #etapeImg1, .etape8-2 #etapeImg2, .etape8-3 #etapeImg3, .etape8-4 #etapeImg4, .etape8-5 #etapeImg5,
.etape9-1 #etapeImg1, .etape9-2 #etapeImg2, .etape9-3 #etapeImg3, .etape9-4 #etapeImg4, .etape9-5 #etapeImg5,
.etape10-1 #etapeImg1, .etape10-2 #etapeImg2, .etape10-3 #etapeImg3, .etape10-4 #etapeImg4, .etape10-5 #etapeImg5,
.etape11-1 #etapeImg1, .etape11-2 #etapeImg2, .etape11-3 #etapeImg3, .etape11-4 #etapeImg4, .etape11-5 #etapeImg5
{background: #FFF url(../img/com/1970-1/etapes/puce.gif) right center no-repeat;}