/***************** STYLE GLOBAUX *****************/
a img{ border:none;}
a:active, a:focus{ outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{
  font:bold italic 20px Arial, Helvetica, sans-serif;
  color:#e2001a;
  letter-spacing:1px;
  margin:0 0 12px;
  border-bottom:1px dotted #2663bd;
}
#contenu h2{
  font:bold 15px Arial, Helvetica, sans-serif;
  color:#e2001a;
  text-align: justify;
  margin:0 0 7px;
}
#contenu p{
  font:11px/1.2em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#2663bd;
  margin:0 0 1.2em;
  line-height: 16px;
}
#contenu p em{
  font-weight:bold;
  font-size:12px;
  line-height:1.3em;
}
#contenu p.couleur, span.couleur{
  font-weight:bold;
  color:#dc4327;
}
/*#contenu a:link, #contenu a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#fed4c7;
}
#contenu a:hover, #contenu a:active{
  color:#2663bd;
}*/
#contacter a:link, #contacter a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#e2001a;
}
#contacter a:hover, #contacter a:active{
  color:#2663bd;
}
.linking  a:link, .linking a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#2663bd;
}
.linking a:hover, .linking a:active{
  color:#2663bd;
  text-decoration: none;
}
#contenu img.droite{
  float:right;
}
.invisible{ display:none;}
.left_cont{
  width: 466px;
  float: left;
}
.left{ float: left;}
.right{ float: right;}
.paragraph{
  background: url(../images/accueil/paragraph-01.jpg) left top no-repeat;
  clear: both;
  width: 466px;
  height: 67px;
}
.paragraph1{
  background: url(../images/particulier-geothermie/paragraph-02.jpg) left top no-repeat;
  clear: both;
  width: 466px;
  height: 67px;
}
.paragraph2{
  background: url(../images/professionnel-froid/paragraph-03.jpg) left top no-repeat;
  clear: both;
  width: 466px;
  height: 67px;
}
.paragraph3{
  background: url(../images/professionnel-climatisation/paragraph-04.jpg) left top no-repeat;
  clear: both;
  width: 466px;
  height: 67px;
}
#contenu .left_cont .paragraph a:link, a:visited{
	color:#ffffff;
  text-decoration: underline;
  font-weight: bold;
}
#contenu .left_cont .paragraph a:hover, a:active{
	color:#e2001a;
  text-decoration: none;
  font-weight: bold;
}
#contenu .left_cont .paragraph1 a:link, a:visited{
	color:#ffffff;
  text-decoration: underline;
  font-weight: bold;
}
#contenu .left_cont .paragraph1 a:hover, a:active{
	color:#e2001a;
  text-decoration: none;
  font-weight: bold;
}
.color_b{ color: #e2001a;}
.paragraph_u{ border-bottom: 1px dashed #2663bd;}
.paragraph_qualifications{
  background: url(../images/nos-qualifications/paragraph1.jpg) left top no-repeat;
  font-size: 11px;
  color: #d5e7fa;
  float: left;
  width: 470px;
  height: 190px;
}
#contenu .paragraph_qualifications a:link, #contenu .paragraph_qualifications a:visited{
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  color: #fff;
}
#contenu .paragraph_qualifications a:hover, #contenu .paragraph_qualifications a:active{
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}
ul.list{
	float:left;
}
.list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.gif);
	background-position: 3px 4px;
	background-repeat:no-repeat;
  font:11px/1.2em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#2663bd;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.border_paragraph{
  border: 1px solid #2663bd;
  width: 464px;
  display: table;
}
.separator{
  background: url(../images/charte/separator.gif) left top;
  width: 466px;
  height: 21px;
  clear: both;
}
.contact_paragraph{
  background: url(../images/particulier-chauffe/contact-paragraph.jpg) left top no-repeat;
  width: 466px;
  height: 35px;
}
.contact_paragraph1{
  background: url(../images/professionnel-inox/contact-paragraph1.jpg) left top no-repeat;
  width: 466px;
  height: 35px;
}
.contact_paragraph2{
  background: url(../images/professionnel-petit-equipement/contact-paragraph2.jpg) left top no-repeat;
  width: 466px;
  height: 35px;
}
.box_occasions{
  background: url(../images/occasions/box-ocassions.gif) left top no-repeat;
  font-family: arial;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 10px;
  font-size: 12px;
  float: left;
  width: 230px;
  height: 230px;
}
#contenu .box_occasions a:link, #contenu .box_occasions a:visited{
  font-size: 12px;
  text-decoration: underline;
  color: #fff;
}
#contenu .box_occasions a:hover, #contenu .box_occasions a:active{
  font-size: 12px;
  text-decoration: none;
  color: #fff;
}
