/********************************************************************* Balise ****************************************************************/
p 
{
text-align:justify;
font-size: 12px;
}

form, h1, h2, h3, h4, h5, li, ul, p {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
font-size:14px;
color:#4d4d4d;
font-weight:bold;
border-bottom: 1px #4d4d4d solid;
text-align:left;
margin-bottom: 15px;
margin-right: 40px;
}

h3{
color:#8b1813;
font-size:16px;
margin-left:50px;
padding-top:10px;
}
li{
list-style:none;

}
ul{
width: 180px;
}
h2{
font-size:12px;
color:#8b1813;
margin-bottom:10px;
}
h4 {
color:#8c7700;
font-weight:bold;
font-size:11px;
}
h5{
color:#262a6a;
font-weight:bold;
font-size:11px;
}
legend {
color:#8b1813;
font-weight:bold;
}
/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


a.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c1814;
	text-decoration: underline;
}
a.lien:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c1814;
	text-decoration: underline;
}
a.lien:hover {
	text-decoration: none;
	color: #8c1814;
}
a.lien:active {
	text-decoration: none;
	color: #8c1814;
}


a.lienrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c1814;
	text-decoration: none;
	font-weight:bold;
}
a.lienrouge:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c1814;
	text-decoration: none;
}
a.lienrouge:hover {
	text-decoration: underline;
	color: #8c1814;
}
a.lienrouge:active {
	text-decoration: none;
	color: #8c1814;
}

/*-----------------------------------*/
		h3 a:link, h3 a:hover, h3 a:active, h3 a:visited {
		font-size:16px;
		color: #8b1813 !important;
		text-decoration:none !important;
		}
/*-----------------------------------*/




/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/

/**********************************************************************************************************/
#index {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 92px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_07.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#index a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_07.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#index a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#fenetre {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 88px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_08.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#fenetre a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 

    width: 79%; 
    height: 65%;
    background: url(gifs/images/cl-habitat_08.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#actualites {
	background:url(gifs/box-actualites.jpg) no-repeat right top #9D870D;

	margin-bottom:20px;
	margin-left:14px;
width:177px;
padding-bottom:10px;

}
#actualites img {
margin-left: 22px !important;
margin:5px;
}

.titreactualites {
	padding-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8b1813;
}

.contenuactu {
	text-align:left;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.lienactu {
	padding-left:30px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.lienactu a {
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.lienactu a:hover {
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.titreactualites a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8b1813;
}

.titreactualites a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8b1813;
	text-decoration:none;
}

.annonce {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}

.annonce a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:underline;
}

.annonce a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#fenetre a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#porte {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 88px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_09.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#porte a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    background: url(gifs/images/cl-habitat_09.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
	width: 80%;
	height: 65%;
} 

#porte a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#veranda {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 88px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_10.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#veranda a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_10.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#veranda a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#fermeture {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 88px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_11.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#fermeture a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_11.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000;
	margin: 0;
	padding: 0;
} 

#fermeture a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#realisation {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 92px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_12.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#realisation a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_12.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
	margin: 0;
	padding: 0;
} 

#realisation a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#entreprise {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 88px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_13.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#entreprise a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_13.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
	margin: 0;
	padding: 0;
} 

#entreprise a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#contact2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 88px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_14.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_14.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#contact2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#devis2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 99px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/cl-habitat-over_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#devis2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/cl-habitat_15.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#devis2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}


/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
#espace{
padding: 20px 10px 5px 20px;
font-size: 12px;
}


#espace img{
border:none !important;

}

.gauche
{
padding-left:30px!important;
}

#plaquette {
	padding-left: 77px;
	width:595px;
	height:925px;
	text-align:center;
}

.lienplaquette {
	padding-right: 15px;
	padding-bottom: 5px;
	background:url(gifs/lienactua.jpg) bottom right no-repeat;
	text-align:right;
}

.lienplaquette a {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}

.lienplaquette a:hover {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.lienretour {
	padding-bottom: 5px;
	padding-left: 7px;
	background:url(gifs/lienactua2.jpg) bottom left no-repeat;
	text-align:left;
}

.lienretour a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}

.lienretour a:hover {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#footer{
background:url(gifs/images/cl-habitat_24.jpg) no-repeat;
height: 60px;
text-align:center;
padding-left: 180px;
padding-top:5px;
color:#FFFFFF;
}
		#footer p{
		padding-top:15px;
		/* (modifié par le referencement) line-height: 50px; */ 
		color:#000000;
		text-align:center;
		}

#fd_contenu {
background:url(gifs/images/cl-habitat_23.jpg);
}
#conseiller_encart{
	height:35px;
	padding-top: 50px;
	padding-left: 20px;
	position: relative;
}
			#conseiller_encart a{
			color:#4d4d4d;
			font-size: 10px;
			}
			
#newsletter_encart{
background:url(gifs/images/cl-habitat_04.jpg) no-repeat;
height: 27px;
padding-top:15px;
}

#devis_encart{
background:url(gifs/images/cl-habitat_18.jpg) no-repeat;
height: 72px;
text-align: center;
padding-top: 30px;
padding-left:10px;
}
			#devis_encart a:link, #devis_encart a:visited{
			text-decoration: underline;
			color:#000000;
			font-weight:bold;
			}
			#devis_encart a:hover, #devis_encart a:active{
			text-decoration: none;
			color:#000000;
			}

#contact_encart{
background:url(gifs/images/cl-habitat_19.jpg) no-repeat;
height: 180px;
padding-top: 10px;
padding-left: 40px;
}
			#contact_encart a:link, #contact_encart a:visited{
			text-decoration:underline;
			font-weight:bold;
			}
			#contact_encart a:hover, #contact_encart a:active{
			text-decoration:none;
			}

#ouverture_encart{
background:url(gifs/images/cl-habitat_20.jpg) no-repeat;
height: 70px;
padding-top: 9px;
padding-left:40px;
}

#lien_utile_encart{
background:url(gifs/images/cl-habitat_21.jpg) no-repeat;
height: 122px;
padding-top:10px;
padding-left: 40px;
}
			#lien_utile_encart a:link, #lien_utile_encart a:visited{
			text-decoration:underline;
			font-weight:bold;
			}
			#lien_utile_encart a:hover, #lien_utile_encart a:active{
			text-decoration:none;
			}
			
/*INDEX*/
		#fd_showroom{
		background:url(gifs/images/cl-habitat-index_19.jpg) no-repeat;
		height:121px;
		}
		#fd_showroom p{
		padding: 20px 5px 5px 25px;
		}
		#fd_showroom a:link, #fd_showroom a:visited{
		color:#FFFFFF;
		text-decoration:underline;
		font-weight:bold;
		}
		#fd_showroom a:hover, #fd_showroom a:active{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		}	
.indextxt{
text-align:justify;
padding: 0 30px 0 25px;
}

.telecharger {
	text-align:left;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.telecharger a {
	text-align:right;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}

.telecharger a:hover {
	text-align:right;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

#fenetre_index{
	background:url(gifs/images/cl-habitat-index_28.jpg) no-repeat;
	height: 162px;
}

#fenetre_index p {
font-size:11px;
text-align:left;
}

.pourcentage {
	font-size: 14px;
	font-weight: bold;
}

		#fenetre_index p{
		padding: 10px;
		}
		#fenetre_index a:link, #fenetre_index a:visited{
		display: block;
		padding: 0 0 0 100px;
		margin-top: 35px;
		color:#8b1813;
		text-decoration:underline;
		font-weight:bold;
		}
		#fenetre_index a:hover, #fenetre_index a:active{
		text-decoration:none;
		}

#porte_index{
	background:url(gifs/images/cl-habitat-index_29.jpg) no-repeat;
	height: 162px;
	text-align: left;
}
		#porte_index p{
		padding: 10px 10px 10px 20px;
		font-size:11px;
		text-align:left;
		}
		#porte_index a:link, #porte_index a:visited{
		display: block;
		padding: 0 0 0 120px;
		margin-top: 35px;
		color:#8b1813;
		text-decoration:underline;
		font-weight:bold;
		}
		#porte_index a:hover, #porte_index a:active{
		text-decoration:none;
		}

#portegarage_index{
	background:url(gifs/images/cl-habitat-index_32.jpg) no-repeat;
	height: 162px;
	font-size: 11px;
}
		#portegarage_index p{
		padding: 10px 10px 10px 20px;
		font-size:11px;
		text-align:left;
		}
		#portegarage_index a:link, #portegarage_index a:visited{
		display: block;
		padding: 0 0 0 120px;
		margin-top: 35px;
		color:#8b1813;
		text-decoration:underline;
		font-weight:bold;
		}
		#portegarage_index a:hover, #portegarage_index a:active{
		text-decoration:none;
		}
		
#veranda_index{
	background:url(gifs/images/cl-habitat-index_30.jpg) no-repeat;
	height: 162px;
}
		#veranda_index p{
		padding: 10px 10px 10px 12px;
		font-size:11px;
		text-align:left;
		}
		#veranda_index a:link, #veranda_index a:visited{
		display: block;
		padding: 0 0 0 108px;
		margin-top: 25px;
		color:#8b1813;
		text-decoration:underline;
		font-weight:bold;
		}
		#veranda_index a:hover, #veranda_index a:active{
		text-decoration:none;
		}
		
/*FIN INDEX*/

.txtjustifier{
text-align:justify;
margin-bottom: 10px;
}
.alignementg{
float:left;
margin-right: 10px;
}
.chiffre{
color:#262a6a;
font-weight:bold;
}
.txtcentrer{
text-align:center;
}
.vertfonce
{
color:#8c7700;
}

#liens_principaux a:link, #liens_principaux a:visited{
	color:#8b1813;
	text-decoration:underline;
	font-weight:bold;
	}
	
#liens_principaux a:hover, #liens_principaux a:active{
	text-decoration:none;
	}
#porte_index p {
	font-size: 11px;
	text-align:normal;
}

#conges {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FF3300;
	font-style:italic;
	font-size:16px;
	text-align:center;
	border-top: 1px dotted #ff3300;
	border-bottom: 1px dotted #ff3300;
	background-color:#FFF4E1;
	padding:5px;
}
.encart-video {
	background-image: url(gifs/encart-video.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 102px;
	width: 191px;
}
.encart-video:hover {
	background-image: url(gifs/encart-videoover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 102px;
	width: 191px;
}
/*****Référenceur****/
.lieninterne,.lieninternehover{color:#000 !important;text-decoration:none !important;font-size:12px !important;cursor:text;}

.lienPDF {
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:5px;
}
#facebook {
    background: url("gifs/images/facebook.jpg") no-repeat scroll center center transparent;
    height: 48px;
    left: 77px;
    position: absolute;
    top: -6px;
    width: 50px;
}