/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#FF9900;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px solid #FF9900;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#FF9900;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
margin:0 0 12px 20px;
border-bottom:1px dotted #c9d787;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#FF9900;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#FF9900;
}
#contenu a:hover, #contenu a:active{
color:#FFFFFF;
}
#contenu .sans {
margin:0;
padding:0;
}
#contenu .pusher {
width:100%;
height:20px;
clear:both;
}
#contenu .centre {
text-align:center;
}
#contenu .orange {
font-weight:bold;
color:#EB8123;
}
#contenu ul.gauche {
width:65%;
float:left;
margin:0 0 10px 0;
}
#contenu ul.gauche li {
width:330px;
float:right;
color:#FFF;
margin:0 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
list-style-type:none;
font-weight:bold;
padding-left:20px;
background:url(../images/puce.jpg) no-repeat;
}

/***************** STYLE ACTUALITES *****************/
#imageLeft{
float:left;
position:relative;
width:386px;
height:390px;
margin:-20px 0 0 0;
background:url(../images/charte/imgLeft.jpg) no-repeat;
}
#imageLeftSanitaires{
float:left;
position:relative;
width:386px;
height:390px;
margin:-20px 0 0 0;
background:url(../images/charte/imgLeftSanitaires.jpg) no-repeat;
}
#imageLeftChauffage{
float:left;
position:relative;
width:386px;
height:390px;
margin:-20px 0 0 0;
background:url(../images/charte/imgLeftChauffage.jpg) no-repeat;
}
#imageLeftEnergies{
float:left;
position:relative;
width:386px;
height:390px;
margin:-20px 0 0 0;
background:url(../images/charte/imgLeftEnergies.jpg) no-repeat;
}

/***************** ENCART FLASH *****************/
#flashSanitaires {
float:right;
width:180px;
height:173px;
}
#imgClimatisation {
width:165px;
height:119px;
float:left;
}
#flashEnergies {
width:500px;
height:130px;
margin:5px auto 0 auto;
}
/***************** ENCART ADRESSE *****************/
#encart_adresse {
width:100%;
height:131px;
float:left;
background:url(../images/encart_adresse/bg.jpg) no-repeat;
margin:15px 0 0 0;
}
#encart_adresse h1 {
text-align:center;
border:none;
margin:5px 0 5px 0;
}
#contenu #encart_adresse p {
font-size:15px;
font-weight:bold;
text-align:center;
margin:0;
}
#contenu #encart_adresse p a {
margin-top:10px;
display:block;
}


/***************** CONTACT *****************/
#droite_contact {
float:right;
width:330px;
height:135px;
margin:0 80px 0 0;
padding:10px;
background:url(../images/contact/bg_adresse.jpg) no-repeat;
text-align:center;
}
#droite_contact h2 {
float:right;
width:170px;
line-height:20px;
margin:15px 0 0 0;
color:#FFF;
text-align:left;
letter-spacing:normal;
}
#gauche_contact {
float:left;
width:330px;
margin:0 0 0 80px;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:12px;
background:url(../images/contact/bg1.jpg) no-repeat;
}
#gauche_contact h2 {
color:#FFFFFF;
margin:0 0 10px 0;
width:200px;
}
#gauche_contact .ligne_form {
width:100%;
margin:0 0 5px 0;
float:left;
}
#gauche_contact .ligne_form label {
float:left;
width:120px;
font-weight:bold;
margin:0 0 0 30px;
}
#gauche_contact .ligne_form input.texte , #gauche_contact .ligne_form textarea {
width:150px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #444343;
background:#151515;
color:#EC8123;
}
#gauche_contact .ligne_form input.texte2 {
width:100px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #444343;
background:#151515;
color:#EC8123;
margin:0 28px 0 0;
}
#gauche_contact .ligne_form input.texte2:hover {
border:1px solid #EB8123;
}
#gauche_contact .ligne_form input.texte:hover , #gauche_contact .ligne_form textarea:hover {
border:1px solid #EC8123;
}
#contenu #gauche_contact .nota {
width:320px;
display:block;
font-size:11px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin:0 0 0 5px;
}
#contenu #droite_contact .nota {
width:100%;
display:block;
font-size:11px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
#contenu #gauche_contact .champRequis {
font-weight:bold;
color:#EB8123;
}
#gauche_contact .ligne_form_valider {
width:100%;
margin:0 0 5px 0;
float:left;
text-align:center;
}
#gauche_contact .ligne_form_valider .bouton {
width:70px;
border:1px solid #fff;
color:#EB8123;
font-weight:bold;
cursor:pointer;
background:#151515;
}
#gauche_contact .ligne_form_valider .bouton:hover {
color:#151515;
background:#EB8123;
border:1px solid #151515:
}
/***************** PLAN DU SITE *****************/
#contenu .plan_site_haut {
	width:100%;
	height:15px;
	float:left;
	background:url(../images/plan_site/bg1.jpg) no-repeat;
}
#contenu .plan_site_bas {
	width:100%;
	height:15px;
	float:left;
	background:url(../images/plan_site/bg3.jpg) no-repeat;
}
#contenu ul.plan_site {
	width:100%;
	float:left;
	background:url(../images/plan_site/bg2.jpg) repeat-y;
	padding:0;
}
#contenu ul.plan_site li {
	width:500px;
	float:right;
	padding-left:30px;
	list-style-type:none;
	border-bottom:1px solid #493516;
	margin:0 5px 2px 0;
	background:url(../images/plan_site/puce1.jpg) no-repeat;
}
#contenu ul.plan_site li.sans {
	background:url(../images/plan_site/puce2.jpg) no-repeat;
}
#contenu ul.plan_site li a:visited , #contenu ul.plan_site li a:link  {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
#contenu ul.plan_site li a:hover , #contenu ul.plan_site li a:active {
	text-decoration:underline;
	color:#FF9900;
}
/***************** MENTIONS LEGALES *****************/
.encart_mentions {
width:500px;
margin:0 auto 0 auto;
padding:15px;
background:url(../images/mentions_legales/bg_mentions.jpg) no-repeat;
}
.encart_mentions .gauche {
width:280px;
float:left;
}
.encart_mentions .droite {
width:195px;
float:right;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}