body {
	font-family: Arial, sans-serif;
	margin: auto;
	font-size: 12px;
	color: #666666;
}

.clearer {
	clear: both;
	height:0px;
}

img {
	border: 0px;
}

a {
	color: #333333;
}

hr {
	height: 1px;
	margin: -0.5em 0;
	padding: 0;
	color: #CCCCCC;
	background-color: #FFFFFF;
	border: 0px;
	border-top: 1px dotted #CCCCCC;
}

h1 {
	font-size: 14px;
	color: #666666;
}


/********** ARCHITECTURE **********/

div#global {
	position: relative;
	background-image: url(../images/fond.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

#banniere {
	width: 100%;
	height: 350px;
	margin: auto;
	text-align:center;
}

#pied {
	width: 925px;
	height: 120px;
	background-image: url(../images/pied.jpg);
	background-position: center;
	background-repeat: no-repeat;
	font-size: 11px;
	margin:auto;
	/*position: relative;*/
}

#basdepage {
	height: 6px;
	width: 100%;
	background-color: #6c6c6c;
}

#pied #pied2 {
	width: 900px;
	margin: auto;
	padding-top: 30px;
	color: #666666;
	/*position: relative;*/
}

#pied .maisonQ{
text_decoration:none; 
display:block; 
width:90px; 
height:45px; 
position:relative; 
left:800px; 
top:10px; 
/*border:solid 1px red;*/
}

#pied2 img {
	position: absolute;
	top: 5px;
	left: 790px;
}

#pied2 #liens {
	width:630px;
	float: left;
	padding-left: 30px;
}

#pied a {
	color: #666666;
}

#pied #liens {
	float: left;
	padding-left: 30px;
}

#pied #realisation {
	float: right;
	text-align: right;
	padding-right: 30px;
}

div#contenu {
	margin: auto;
	width: 900px;
	min-height: 350px;
	position: relative;
}

/* Accueil */

.nouveau{
font-size:10px;
color:#999999;
}

div#flancGauche {
	float: left;
	width: 620px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: #FF00FF; background: none;
}

/*___ACTU LISTE___*/
div#actualites {
	float: left;
	width: 200px;
	background-color: #CCCCCC; background: none;
}

div#actualites a {
	text-decoration: none;
	color: #666666;
}

.nActu {
	margin-top: 15px;
	margin-bottom: 25px;
	 text-align:right;
}

.actuTitre {
	font-size: 14px;
	text-align:left;
	
}

.actuTexte {
	padding-top: 5px;
	padding-bottom:0px;
	font-size: 11px;
	text-align:left;
}

#actualites .lien, #menuGauche .lien{
	margin-top:0px; 
	color:#333; 
	text-decoration: underline; 
	font-size: 11px; 
	margin-right:15px;
}

.actuImgG2{
	width: 265px;
	float: left;
}
.paraD{
	width: 365px;
	float: right;
}

/*________*/

div#accueil {
	float: right;
	width: 350px;
	padding-left: 35px;
	padding-right: 35px;
	background-color: #66FFFF; background: none;
	position: relative;
	padding-bottom: 150px;
}

div#menuDroit {
	float: right;
	width: 230px;
	padding-right: 20px;
	background-color: #66FF00; background: none;
}


.date {
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 3px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #595959;
}

#etudesdecas .date {
	padding-left: 4px;
	padding-right: 4px;
}

#accueil {
	min-height: 260px;
}

#accueil #imgBottom {
	padding-top: 20px; 
	padding-left: 15px;
}

#accueil #accueilCentre {
	margin-top: 15px;
	text-align: justify;
	font-size: 11px;
}

#accueil #accueilCentre img {
	float: left;
	padding-right: 7px;
}

#accueil #decouvrirRealisations {
	text-decoration: underline;
	font-size: 11px;
	text-align: right;
	margin-top: 15px;
}

#blogAccueil {
	margin-top: 15px;
	width: 409px;
	height: 174px;
	background-image: url(../../images/blogAccueil.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	position: absolute;
	left: 0px;
}

#blogAccueil h2, #blogAccueil p, #blogAccueil div {
	padding-left: 55px;
	font-size: 11px;
	width: auto;
	margin-top:0px;
	margin-bottom:0px;
}

#blogAccueil h2 {
	font-size: 14px;
	margin-bottom:10px;
}
 #blogAccueil p{margin-bottom:10px;}
 
#blogAccueil img {
	float: right;
	padding-right: 40px;
	padding-left:10px;
	padding-top: 0px;
}
#blogAccueil a {
text-decoration: underline;
}
#blogAccueil div {
	
	font-size: 11px;
	text-align: left;
	margin-top: 0px;
	margin-left:5px;
}

#etudesDeCas img {
	float: left;
	padding-right: 10px;
}

#etudesDeCas p {
	font-size: 11px;
}

#coordonneesAccueil {
	width: 250px;
	font-size: 10px;
	color: #333333;
	margin-top: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 7px solid #333333;
	border-bottom: 7px solid #333333;
}

#coordonneesAccueil #saintlo {
	float: left;
	width: 120px;
	padding-left: 5px;
	padding-right: 15px;
}

#coordonneesAccueil #cherbourg {
	float: right;
	width: 105px;
	padding-right: 5px;
}

.titreAccueil {
	border-bottom: 1px dashed #666666;
	padding-bottom: 3px;
	margin: 0px;
}


/* Projet */

#menuGauche {
	float: left;
	width: 200px;
	padding-left: 20px;
}

#menuGauche a {
	text-decoration: none;
	color: #666666;
}

#menuGauche p {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 11px;
}

#texte {
	float: right;
	width: 640px;
	/*width:735px;*/
	padding-left: 20px;
	padding-right: 20px;
}

#form {
	width: 600px;
	padding-top: 10px;
}

#form input {
	border: 1px solid #666666;
}

#form select {
	border: 1px solid #666666;
}

#form #formLeft {
	width: 300px;
	float: right;
}

#form #formRight {
	width: 270px;
	float: left;
	padding-left: 30px;
}

.formContact {margin-left:150px; width:90%;}

#contactSelect{
	margin-left:30px;
}

#form #formRight #formulaireBloque img {
	margin-top:-1px;
	margin-left:-2px;
}


#formLeft div {
	padding-top: 4px;
	padding-bottom: 4px;
}

#formLeft label {
	width: 120px;
	float: left;
	text-align: right;
	padding-top: 2px;
}

#formLeft span {
	width: 175px;
	float: right;
	padding-left: 5px;
}

#formRight div {
	padding-top: 8px;
	padding-bottom: 8px;
}

#lieuNon {
	padding-left: 65px;
}

#form hr {
	width: 250px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#formEnvoi {
	margin-top: 25px;
	text-align: center;
}

#erreur {
	color: #FF0000;
	position: absolute;
	left: 400px;
	top: -17px;
	width: 300px;
	text-align: center;
}

#reussi {
	color: #009900;
	position: absolute;
	left: 400px;
	top: -17px;
	width: 300px;
	text-align: center;
}

#erreur2 {
	color: #FF0000;
	position: absolute;
	left: 300px;
	top: -17px;
	width: 300px;
	text-align: center;
}

#reussi2 {
	color: #009900;
	position: absolute;
	left: 300px;
	top: -17px;
	width: 300px;
	text-align: center;
}


/* Réalisations */

.imgRealisations {
	float: left;
	width: 205px;
	height: 150px;
	text-align: center;
}

.imgRealisations div {
	height: 135px;
	position: relative;
	text-align: center;
}

.imgRealisations img {
	position: absolute;
	left: 20px;
	bottom: 0px;
}


/* Contact */

#contact {
	padding: 20px;
	padding-top: 0px;
}

#contactLeft {
	float: left;
	width: 409px;
	padding-right: 20px;
	border-right: 1px dashed #666666;
	position: relative;
}

#contactLeft img {
	margin-bottom: 10px;
}

#contactLeft p {
	padding-top: 15px;
	text-align: right;
	font-size: 11px;
}

#contactRight {
	float: right;
	width: 410px;
	padding-left: 20px;
	position: relative;
}

#contactRight img {
	margin-bottom: 10px;
}

#contactRight p {
	padding-top: 15px;
	font-size: 11px;
}

#formContact #texte {
	border-top: 1px dashed #666666;
	margin-right: 100px;
	padding-top: 20px;
}

.nomAgence {
	color: #79b643;
	font-weight: bold;
}

.clickCarte {
	color: #666666;
	font-size: 10px;
	position: absolute;
	top: 245px;
	left: 120px;
}



/* Etudes de cas */

#etudesdecas {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#etudesLeft {
	float: left;
	width: 450px;
	padding-right: 20px;
	padding-left: 20px;
}

#etudesLeft #maison {
	margin-left: 20px;
}

#etudesRight {
	float: right;
	width: 350px;
	padding-left: 20px;
}

#etudesRight table td {
	text-align: center;
	height: 18px;
}

#etudesRight .left {
	text-align: left;
}

#total {
	margin-top: 20px;
}

#total td {
	font-weight: bold;
	font-size: 14px;
}

#etudesRight table h3 {
	border-bottom: 0px;
	padding-top: inherit;
	padding-bottom: inherit;
	width: inherit;
}

#etudesdecas h3 {
	border-bottom: 1px dashed #666666;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 200px;
}

#listeProjets {
	width: 850px;
	margin-top: 20px;
	padding-bottom: 50px;
}

#listeProjets div {
	float: left;
	/*border-right: 1px solid #999999;
	padding-left: 15px;*/
	padding-right: 15px;
}

#listeProjets a {
	text-decoration: none;
}


/* Vous */

#vous {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#vous h1 {
	font-size: 23px;
	color: #5ab63d;
}

#vous h2 {
	font-size: 17px;
}

#listeVous {
	width: 850px;
}

#listeVous div {
	width: 150px;
	float: left;
	text-align: left;
	padding: 10px;
	font-size: 11px;
	height: 240px;
}

#listeVous #padding {
	padding-left: 170px;
}

#listeVous h3 {
	background-color: #666666;
	color: #FFFFFF;
	width: 120px;
	text-align: left;
	padding: 1px;
	padding-left: 4px;
}

#vous {
	position: relative;
}

#vous #h2Margin {
	margin-top: 100px;
}

#vous #cent {
	color: #F0B600;
	font-size: 30px;
}
/* Renovation */

#renov {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#renov h1 {
	font-size: 23px;
	color: #5ab63d;
	float : left;
	margin-top : 0px;
}
#logoreno{
	float : right;	
}
#renov h2 {
	font-size: 19px;
	float : left;
	margin-left : 20px;
	width : 500px;
	margin-bottom : 0px;
	margin-top :  20px;
}
#renov h4{
	float : left;
	margin-left : 20px;
	margin-top : 0px;
	font-weight : normal;
	font-size : 10pt;
	width : 600px;
}
.divReno{
	margin-top : 30px;	
}
#renov #divreno1{
	margin-top : -20px;
}
.divReno .pucecarre{
	float : left;
	height : 6px;
	width : 6px;
	background-color : #5ab63d;
	margin-top : 3px;
}
#renov .imgReno{
	float : left;
}
#renov .list1{
	float : left;
	margin-left : 20px;
	margin-top : 10px;
	width  : 300px;
}
#renov .list2{
	float : right;
	margin-right : 20px;
	margin-top : 10px;
	width : 300px;
}
#renov #h2Margin {
	margin-top: 40px;
	width  : 100%;
}

#renov #cent {
	color: #F0B600;
	font-size: 30px;
}

/* Actualités */

.actu h1 {
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-size: 11px;
}

.actu p {
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 17px;
}

.actu h2 {
	color: #5ab63d;
	font-size: 18px;
	padding-top: 0px;
	margin-top: 0px;
}

.actu .date {
	font-style: normal;
}

.actu .paraListe {
	margin-bottom: 3px;
}

.actu hr{margin : 15px 0px 30px 0px;}

.actu li{
	list-style-type:square;
	color: #5ab63d;
}

.actu .listeGrise {
	margin-top: 0px;
}


.actu .listeGrise li{
	list-style-type:square;
	color: #666;
	margin-left:0px;
	margin-bottom:10px;
}
.actu li span{
	color : #666666;
}
.floatGactuImg{
	float:left;
	width:100px;
	}

.floatGactu{
	float:left;
	width:300px;
	margin-left:10px;
	}


.floatGactu li{
	list-style-type:square;
	color: #5ab63d;
	margin-left:20px;
	}
	
.floatGactu li span{
	color: #666666;
	}

.floatDactu{
	float:left;
	width:180px;
	margin-left:50px;
	margin-top:20px;
	}

.lienDepliantText{
	font-size:10px;
	width:70%;
	}
	
.lienDepliantImg{
	padding-left:20px;
	}
	
.logoRenoListeActu{
 margin-left:35px;
 margin-top:5px;
}

.actuImgG{
	float:left; 
	font-size:10px; 
	font-style:italic;
	width: 220px; 
	padding-bottom:0px; 
	margin-bottom:0px;
}

.paraDroite{
	float:right; 
	width:410px; 
	font-size:11px;
}


/* Teco */

#teco {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#teco h1 {
	font-size: 23px;
	color: #5ab63d;
}

#teco table {
	margin-bottom: 20px;
	margin-left: 25px;
}

#teco table td {
	padding: 15px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#teco table .autreColor {
	background-color: #e5e5e5;
}

#teco ul {
	margin-top: 20px;
}

#teco ul li {
	list-style-type: square;
	color: #5ab63d;
	margin-bottom: 30px;
}

#teco ul li ul {
	margin-top: auto;
}

#teco ul li ul li {
	list-style-type: disc;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

#teco ul li span {
	color: #666666;
}

#teco ul li p {
	color: #666666;
}

#teco #savoirfaire li p {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 30px;
	color: #666666;
}

#teco ul h2 {
	color: #333333;
	font-size: 13px;
}

.lepointsur span {
	font-weight: bold;
	color: #999999;
}

.lepointsur li p {
	padding: 0px;
	margin-top: 5px;
}

#pointLeft {
	float: left;
	width: 400px;
}

#pointRight {
	float: right;
	width: 420px;
}

#pointRight ul {
	margin-left: 0px;
	padding-left: 0px;
}

#etiquette {
	background-image: url(../../images/etiquette.gif);
	background-repeat: no-repeat;
	width: 550px;
	height: 210px;
	margin-left: 160px;
	font-size: 11px;
}

#etiquette h1 {
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 12px;
}

#etiquette p {
	margin-top: 0px;
	text-align: justify;
}
	
#etiquette * {
	padding-left: 80px;
	padding-right: 60px;
}

/* Nos garanties*/
#nosgarantie {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#nosgarantie h1, #bbc h1 {
	font-size: 23px;
	color: #5ab63d;
}

#nosgarantie ul li {
	color: #666666;
	list-style-type:disc;
margin-bottom:10px;
margin-top:10px;
}

/* Nos équipes */

#nosequipes {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
	font-size: 12px;
}

.equipe {
	width: 250px;
	text-align: center;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

.equipe div {
	float: left;
	padding-right: 20px;
}

.equipe img {
	border: 1px solid #CCCCCC;
}

.equipe h1 {
	border-bottom: 1px dashed #666666;
	padding-bottom: 3px;
	margin-bottom: 15px;
	text-align: left;
	width: 185px;
}

/*		Anniversaire	*/

div#flancGaucheAnniv{	
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	background: none;
}

#anniv{
	float: right;
	padding-left: 35px;
	padding-right: 35px;
	background: none;
	position: relative;
	width : 600px;	
}
#anniv #carnet{
	background-image : url('../../images/carnet.png');	
	background-repeat : no-repeat;
	width : 405px;
	height : 150px;
	float : left;
	margin-top : 20px;
	margin-left : -30px;
}
#anniv #brochure{
	float : right;
	margin-top : -170px;
	position : relative;
	right : 42px;
}
#anniv #descri{
	float : left;
	width: 355px;
	font-size : 12px;
}
#anniv .orange{
	color : #f7a80c;	
}
#anniv h1{
	font-family : arial;
	font-size : 16pt;
	line-height : 12px;
}
#anniv #titre{
	float : right;	
	margin-top : -95px;
	position : relative;
	left : -20px;
}

#anniv #carnet #zone_text{
	margin-top : 15px;
	margin-left : 235px;
	width : 150px;
	height : 100px;
	font-weight : bold;
	color : #000000;
}
#anniv #carnet #zone_text h2{
	font-size : 16pt;	
	padding-left : 5px;
}
#anniv #carnet #zone_text #txt{
	float : right;	
	margin-right : 20px;
	margin-top : -7px;
}
#anniv #carnet #zone_text #ligne1{
	font-size : 11pt;
}
#anniv #carnet #zone_text #ligne2{
	font-size : 90%;	
}
#anniv #carnet #zone_text #iconPDF{
	float : left;
	margin-top : -8px;
}
#anniv #carnet #zone_text #flechev{
	float : right;
	margin-right  : 10px;
	margin-top : 9px;
}
#anniv #formatpdf{
	font-style : normal;
	color : #666666;
	float : left;
	font-size : 7pt;
	margin-top : 20px;
	margin-left : 24px;
}
#anniv #telechargerreglement{
	width : 230px;
}
#anniv #extrait{
	margin-top : -25px;
}
#anniv #telechargerreglement p{
	color : #000000;
	font-family : Arial;
	font-weight : bold;
	font-size : 12px;
	margin-top : 11px;
	margin-right : 5px;
	float : right;
}
#anniv #telechargerreglement img{
	float : left;
}
#anniv a{
	text-decoration : none;
}
#anniv p{
	margin-left : -7px;
}
#anniv a:hover{
	text-decoration : underline;
}
/********************
Mentions Légales
********************/

#mentions{
	padding: 0px 0px 0px 40px;
}

#mentions h1 {
	font-size: 23px;
	color: #5ab63d;
}

/********************
Livre d'or
********************/
.temoignage{
font-style:italic;
line-height:14pt;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}

.auteur{
text-align:right;
}

#livredorLeft {
	float: left;
	width: 400px;
	padding-left: 20px;
}

#livredorRight {
	float: right;
	width: 380px;
	margin-right: 35px;
}

#livredorRight h2{
color:#5AB63D;
}

#livredorRight h4{
font-weight:100;
margin-top:-15px;
}


.dessin{
border: 1px #999999 solid;
width:250px;
}


/**************
BBC
***************/
#bbc{ margin:214px 25px 0 25px; }

#bbc h4{
margin-top:5px;
margin-bottom:5px;
font-size:16px;}
 
 #bbc h6{margin:0px;}
 
#bbc .img{
float :left;
width:200px;
margin-bottom:15px;}
 
#bbc .maisonExpo{margin-top:20px; padding-left:220px;}
 
#competencesequipe {
}
#bbcvideo {
	float: left;
	width: 400px;
	margin:auto;
	margin-left:30px;
	height: 300px;
}
#savoirfaireBBC {
	float: left;
	width: 420px;
}
#imagesmaisonsbbc {
	margin-left: 50px;
}
#imagesmaisonsbbc #imagesmaisonsbbc_vignettes img {
	margin-left: 100px;
}
#imagesmaisonsbbc a {
	float: right;
	margin-right: 20px;
}

#bloc_guide{
		background-image:url(../../images/blogAccueil.gif);
	background-repeat:no-repeat; 
	height:155px;
	margin:auto;
	margin-top:0px;
	padding-top:20px;
	padding-left:50px;
	padding-right:25px;
	width:340px;
	float: right;
}
#bloc_guide_page_guide{
	background-image:url(../../images/blogAccueil.gif);
	background-repeat:no-repeat; 
	height:155px;
	margin:auto;
	margin-top:40px;
	padding-top:20px;
	padding-left:50px;
	padding-right:25px;
	width:340px;
	

}


.logo_guide{float:left; width:100px;}
.txtGuide{ float:left; width:180px; margin-left:20px; margin-top:0px;}


/**************
Guides BBC
***************/
#guide_bbc {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#guide_bbc h1 {
	font-size: 23px;
	color: #5ab63d;
}

#guide_bbc ul li {
	color: #666666;
	list-style-type:disc;
}

#guide_bbc ul {margin-bottom:25px;}

#imgentetebbc {
	float: left;
	margin-right: 20px;
}
#texteentetebbc {
	padding-top: 10px;
}
#bbc_puces_left {
	float: left;
	width: 345px;
}
#formulaire_guide_bbc {
	padding-left: 20px;
}

.form_bbc {
	
	float: left; 
	width: 260px;
	margin-right: 10px;
}

#formulaire_guide_bbc form div.form_bbc div {
	margin-top: 5px;
}

.form_bbc_right {
	float: left; 
	width: 250px;
	margin-right: 10px;
}


.form_bbc span {
	margin-right: 40px;
}

.form_bbc  #codePostal{
	width: 50px;
	margin-right: 65px;
}
.form_label_bbc {
	
	padding-top: 4px;
	margin-right: 24px;
}

#form_label_bbc_codepostal {
	margin-right: 5px;
	margin-left: 4px;
}

#formulaire_guide_bbc form div.form_bbc_right div {
	float: left;
	margin-top: 5px;
}

#submit_bbc_form {
width: 200px;
margin-left: 200px;
margin-top: 20px;
}
.form_bbc input {
 	border: 1px solid #666666;
	width: 148px;
}
.radiBBC{margin-top:15px; margin-bottom:20px;}
#form_label_bbc_email {
		margin-left: 36px;
	margin-right:5px;
}
.form_bbc_right   input {
border: 1px solid #666666;
}

#form_label_bbc_prenom {
	margin-right: 5px;
	margin-left: 17px;
}

#form_label_bbc_telephone {
	margin-left: 42px;
	margin-right: 5px;
}

#form_label_bbc_ville {
	margin-right: 7px;
	margin-left: 34px;
}

#form_label_bbc_jours {
	margin-right: 5px;
	margin-left: 23px;
}

#form_label_bbc_creneau {
	margin-right: 5px;
	margin-left: 8px;
}
#erreur3 {
	color: #FF0000;
	padding-left: 200px;
}
#reussi3 {
	color: #009900;
	padding-left: 200px;
}
.regroupement_p {
	height: 7px;
}
#imagecataloguebbc {
float: right;
}
#jours_bbc {
color: #a3a5a5;
}

#form_label_bbc_nom {
	margin-left: 46px;
	margin-right: 3px;
}

#form_label_bbc_adresse {
	margin-left: 27px;
	margin-right: 4px;

}