/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#1450cb;
margin:0 0 12px;
border-bottom:1px dotted #fff;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#0b958e;
margin:0 0 7px;
}
#contenu h3{
font:bold 14px Arial, Helvetica, sans-serif;
color:#1450cb;
margin:0 0 12px 20px;
border-bottom:1px dotted #1450cb;
}
#contenu p{
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#11739d;
margin-bottom:12px;
line-height:20px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#14c0cb;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#0b958e;
font-size:12px;
}
#contenu a:hover, #contenu a:active{
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:220px;
margin:30px 0 0 20px;
}
.uneactu{
padding:0 0 0 20px;
margin:0 0 30px;
}
#actu .uneactu p{
font-size:10px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#14c0cb;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#contenu #actu .uneactu a{
position:relative;
top:5px;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#236587;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#236587;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#000;
}
#liens{
float:right;
position:relative;
width:10px;
height:300px;
margin:30px 0 0 20px;
}

/***************** index *****************/
#txt_acc{
float:left;
width:400px;
margin-right:40px;
margin-bottom:10px;


}
#txt_acc2{
float:left;
width:400px;
margin-left:50px;
margin-bottom:10px;
}


.logo_acc{
width:405px;
margin-top:20px;
margin-left:150px;
}

.logo_chauff{
width:405px;
margin-top:20px;
margin-left:250px;
}


.logo_sanitaire{
width:300px;
margin-top:20px;
margin-left:230px;
}


.logo_sanitaire2{
width:500px;
margin-top:20px;
margin-left:60px;
margin-bottom:20px;
}

.remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0C3B9B;
font-weight:bold;
}

.logo_chauffage{
width:780px;
margin-top:30px;
margin-bottom:25px;
margin-left:140px;
}


.logo_chauffage img{
margin-left:20px;
}

#lien{
float:left;
width:405px;
margin-top:20px;
margin-left:20px;


}

#lien a{
margin-left:20px;

}
#encart_actualites {
float:right;
width:197px;
margin-top:10px;

}

.top_actualites {
float:left;
width:197px;
height:36px;
background-image:url(../images/charte/top_actu.png);
background-repeat:no-repeat;
 _background:url();
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/top_actu.png', sizingMethod='image');

}

.cont_actualites {
float:left;
width:197px;
background-image:url(../images/charte/cont_actu.png);
background-repeat:repeat-y;

}


.cont_actualites img{
margin-left:20px;
margin-bottom:5px;
margin-top:5px;
border:1px solid #0C3B9B;
}



#encart_actualites .cont_actualites p{
float:left;
width:180px;
margin-left:5px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#11739d;
margin-bottom:10px;
}

#contenu #encart_actualites .cont_actualites .titre_actu{
float:left;
width:170px;
margin-left:5px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#11739d;
font-weight:bold;
margin-bottom:0px;
}


#contenu #encart_actualites  .cont_actualites .savoir_plus{
float:right;
width:150px;
text-align:right;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#1450CB;
font-weight:bold;
margin-bottom:0px;
}



.bottom_actualites {
float:left;
width:197px;
height:36px;
background-image:url(../images/charte/bottom_actu.png);
background-repeat:no-repeat;
 _background:url();
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bottom_actu.png', sizingMethod='image');

}

/*----------------devis-------------- */
.sous_titre{
float:left;
width:700px;
margin-top:10px;
margin-bottom:5px;

}
 
#contenu #formulaire{
float:left;
width:350px;
margin-right:100px;

}

.couleur{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;

}


#formulaire img{
margin-bottom:10px;

}
#formulaire label{
width:150px;

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#11739d;
text-align:justify;
}

#formulaire .b{
width:300px;
background-image: url(../images/charte/bg_formulaire.jpg);
background-repeat:no-repeat;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}

#formulaire .b2{
width:150px;
background-image: url(../images/charte/bg_formulaire.jpg);
background-repeat:no-repeat;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}

#formulaire .b3{
width:230px;
background-image: url(../images/charte/bg_formulaire.jpg);
background-repeat:no-repeat;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}

#formulaire .capca{
width:140px;
background-image: url(../images/charte/bg_formulaire.jpg);
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}

#formulaire input:focus{
background-color:#30519E;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}
.textarea{
width:200px;
background-color:#0079BC;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}
#formulaire select{
width:300px;
background-color:#8DE8E4;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #263D51;}

.select{
width:70px;
background-color:#0592E0;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #263D51;
}
#formulaire textarea:focus{
background-color:#30519E;
color:#1450CB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}

#coordonne img {
margin-bottom:10px;

}


.promo {
 width:31px;
 height:30px;
 position:absolute;
 background-image:url(../images/charte/promo.png);
 background-repeat:no-repeat;
 top:5px;
 left:6px;
 _background:url();
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promo.png', sizingMethod='image');

}


#formulaire .bouton_form{
width:150px;
background-image: url(../images/charte/bg_formulaire.jpg);
color:#11739d;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}


#formulaire p{
width:300px;
font:Arial, Helvetica, sans-serif;
color:#11739d;
text-align:justify;
font-size:11px;
}

#txt td{
vertical-align:center !important;}




#loi {
	width:850px;
	float:left;
	margin-left:20px;
}

#loi p {
	font-size:10px;
	color:#11739d;

}


/*----------------formulaire2-------------- */
 
 #formulaire2{
float:right;
width:450px;
margin-right:90px;
margin-top:10px

}

#formulaire2 img{
margin-bottom:10px;

}
#formulaire2 label{
width:150px;

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#11739d;
text-align:justify;
}
#coordonne{
width:250px;
float:left;
margin-top:10px;
margin-left:50px;
}

#coordonne p{
width:250px;
margin-top:5px;
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#11739d;
}
#formulaire2 .b{
width:400px;
background-image: url(../images/charte/bg_formulaire.jpg);
background-repeat:no-repeat;
color:#11739d;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}
.capca{
width:230px;
background-image: url(../images/charte/bg_formulaire.jpg);
color:#11739d;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}

#formulaire2 input:focus{
background-color:#30519E;
color:#11739d;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #024473;
}
.textarea{
width:200px;
background-color:#0079BC;
color:#11739d;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #024473;
}
#formulaire2 select{
width:240px;
background-color:#FFC861;
color:#000E66;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #263D51;}

.select{
width:70px;
background-color:#0592E0;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #263D51;
}
#formulaire2 textarea:focus{
background-color:#30519E;
color:#11739d;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #024473;
}

#coordonne img {
margin-bottom:10px;

}

#formulaire2 .bouton_form{
width:199px;
background-image: url(../images/charte/bg_formulaire.jpg);
color:#11739d;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #14C0CB;
}


#formulaire2 p{
width:400px;
font:Arial, Helvetica, sans-serif;
color:#11739d;
text-align:justify;
font-size:11px;
}

#txt td{
vertical-align:center !important;}




#contenu #formulaire2  #loi2{
 float:left;
	width:250px;

}

 #loi2 p {
	font-size:10px;
	color:#11739d;
	margin-top:100px;
}


#txt_merci{
float:left;
width:500px;
margin-left:200px;
text-align:center;
}
#txt_merci p{

text-align:center;
}
#bouton_merci {
float:left;
width:450px;
margin-top:20px;
margin-left:180px;

}

#bouton_merci img{

margin-left:120px;

}

#ligne{
float:left;
width:10px;
margin-left:50px;
}
#ligne1{
float:left;
width:10px;
margin-left:0px;
margin-right:15px;
}

/*----------------mentions-------------- */

#txt_mentions{
float:left;
width:400px;
margin-left:30px;

}


#contenu #txt_mentions p{
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#11739d;
margin-bottom:12px;
line-height:20px;
}



#invisible{
display:none;
}


/*----------------galerie-------------- */

 #galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:130px;
	margin-top:20px;
	height:96px;
	margin-bottom:20px;
	padding-bottom:40px;
}

#defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
}

 #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
}

 #flowcut {
  width: 500px;
  overflow: hidden;
  position: relative;
}

#flow{
  position: relative;
}
  
  
.vign{
  float: left;
  margin-right :10px;
  width: 142px;
  height:115px;
  border:1px solid #42ACE0;
}