/***************** STYLE GLOBAUX *****************/
.clearer{ clear:both;}
a img{ border:none;}
a:active, a:focus{ outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{
  font:bold 20px Arial, Helvetica, sans-serif;
  color:#fff;
  letter-spacing:1px;
  border-bottom: 1px solid #291c1c;
  margin:0 0 12px;
}
#contenu h2{
  font:bold 15px Arial, Helvetica, sans-serif;
  color:#b9a4a4;
  letter-spacing:1px;
  margin:0 0 7px;
}
#contenu h3{
  font:bold 13px Arial, Helvetica, sans-serif;
  color:#b7b7b7;
  letter-spacing:1px;
  margin:0 0 7px;
}
#contenu p{
  font:12px/16px Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#919191;
  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:#919191;
}
#contenu a:link, #contenu a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#f31827;
}
#contenu a:hover, #contenu a:active{
  color:#7C7C7C;
  text-decoration:none;
}
/***************** 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;
}
.invisible{	display:none;}
a img{
  filter: alpha(opacity=100);
  -moz-opacity: 1.00; opacity:1.00;
}
a:hover img{
  filter: alpha(opacity=80);
  -moz-opacity: 0.80; opacity:0.80;
}
.left{ float: left;}
.right{ float: right;}
.color_b{ color: #ff0000;}
#contenu #middle_col{
/*  float: left;*/
  width: 400px;
}
.paragraph_presentation{
  background: url(../images/presentation/paragraph-presentation.jpg) left top no-repeat;
  margin-left: 10px;
  float: right;
  width: 200px;
  height: 153px;
}
#contenu #middle_col .paragraph_presentation p{
  color: #898989;
  text-align: right;
  font-weight: bold;
  line-height: 17px;
  padding: 5px;
}
.color_b{ color: #fff;}
.color_b1{ color: #b9a4a4; font-size: 16px;}
ul.list{ float:left;}
.list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.jpg);
	background-position: 3px 3px;
	background-repeat:no-repeat;
  font:12px/1.2em Arial, Helvetica, sans-serif;
  color: #f31827;
  text-align:justify;
	line-height:17px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
#middle_col table{
  border: 1px solid #6d4c4d;
  background-color: #260808;
}
#contenu #middle_col table tbody tr td p{
  font:12px/16px Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#919191;
/*  margin-bottom:1.2em;*/
}
table{
  border: 1px solid #6d4c4d;
  background-color: #260808;
  font:12px/16px Arial, Helvetica, sans-serif;
  text-align:justify;
  border-collapse: collapse;
  color:#919191;
}
table td{
  border: 1px solid #6d4c4d;
  padding: 2px;
  text-align: center;
}
.chantier{ font-weight:bold; text-decoration:underline; color:#f31827;}
.chantierOver{ color:#7C7C7C; text-decoration:none;}
.collectif{ font-weight:bold; text-decoration:underline; color:#f31827;}
.collectifOver{ color:#7C7C7C; text-decoration:none;}
.individuelle{ font-weight:bold; text-decoration:underline; color:#f31827;}
.individuelleOver{ color:#7C7C7C; text-decoration:none;}
.renovation{ font-weight:bold; text-decoration:underline; color:#f31827;}
.renovationOver{ color:#7C7C7C; text-decoration:none;}
.public{ font-weight:bold; text-decoration:underline; color:#f31827;}
.publicOver{ color:#7C7C7C; text-decoration:none;}