/***************** STYLE GLOBAUX *****************/
a img{ border:none;}
a:active, a:focus{ outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{
  font:bold 20px Arial, Helvetica, sans-serif;
  color:#EFBF13;
  letter-spacing:1px;
  margin:0 0 12px;
  border-bottom:1px dotted #c9d787;
}
#contenu h2{
  font:bold 15px Arial, Helvetica, sans-serif;
  color:#EFBF13;
  letter-spacing:1px;
  margin:0 0 7px;
  border-bottom:1px dotted #c9d787;
}
#contenu p{
  font:11px/1.2em Arial, Helvetica, sans-serif;
  text-align:justify;
	line-height: 16px;
  color:#666;
  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:#EFBF13;
}
#contenu a:link, #contenu a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#000;
}
#contenu a:hover, #contenu a:active{
  color:#000;
  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;
}
/*------------style pages------------*/
.invisible{	display:none;}
.paragraph1{
  background: url(../images/presentation/paragraph1.jpg) left top no-repeat;
  margin-left: 60px;
  width: 560px;
  height: 50px;
}
.paragraph3{
  background: url(../images/inspections-visites/paragraph.jpg) left top no-repeat;
  margin-left: 60px;
  width: 560px;
  height: 50px;
}
.paragraph2{
  background: url(../images/presentation/paragraph2.jpg) left top no-repeat;
  margin-left: 5px;
  width: 680px;
  height: 145px;
}
.paragraph_contact{
  background: url(../images/presentation/paragraph-contact.jpg) left top no-repeat;
  margin: 20px 0 0 100px;
  width: 390px;
  height: 40px;
}
.color_b{ color: #7c7b7b;}
ul.list{
	float:left;
}
.list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.jpg);
	background-position: 3px 4px;
	background-repeat:no-repeat;
  font:11px/1.2em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#666666;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.left{ float: left;}
.right{ float: right;}
.separator{
  background: url(../images/charte/separator.jpg) left top no-repeat;
  margin-bottom:1.2em;
  clear: both;
  width: 690px;
  height: 21px;
}
/*------------------- tables ------------------*/
#gestion table {	color: #7F7F7F;	font: 11px/16px arial;	border-collapse: collapse; border: 1px solid #b3b3b3;}
#gestion td { border-left: 0; padding: 5px; border-bottom: 1px solid #b3b3b3;}
#gestion tbody tr.odd { background-color: #F7F7F7;	color: #666;}
#gestion tbody tr:hover { background-color: #EEE; color: #333;}
#mesures table {	color: #7F7F7F;	font: 11px/16px arial;	border-collapse: collapse; text-align: left; border: 1px solid #b3b3b3;}
#mesures td { border-left: 0; padding: 5px; border-bottom: 1px solid #b3b3b3;}
#mesures tbody tr.odd { background-color: #F7F7F7;	color: #666;}
#mesures tbody tr.odd1 { background-color: #fff5ce;	color: #666; font-size: 14px; font-weight: bold;}
#mesures tbody tr:hover { background-color: #EEE; color: #333;}
#references table {	color: #7F7F7F;	font: 11px/16px arial;	border-collapse: collapse; text-align: center; border: 1px solid #b3b3b3;}
#references td { border-left: 0; padding: 5px; border-bottom: 1px solid #b3b3b3;}
#references tbody tr.odd { background-color: #F7F7F7;	color: #666; font-weight: bold;}
#references tbody tr.odd1 { background-color: #fff5ce;	color: #666; font-size: 14px; font-weight: bold;}
#references tbody tr:hover { background-color: #EEE; color: #333;}
#references1 table {	color: #7F7F7F;	font: 11px/16px arial;	border-collapse: collapse; text-align: center; border: 1px solid #b3b3b3;}
#references1 td { border-left: 0; padding: 5px; border-bottom: 1px solid #b3b3b3;}
#references1 tbody tr.odd { background-color: #F7F7F7;	color: #666;}
#references1 tbody tr.odd1 { background-color: #fff5ce;	color: #666; font-size: 14px; font-weight: bold;}
#references1 tbody tr:hover { background-color: #EEE; color: #333;}
/*----------------- end tables ----------------*/
#plans{ width: 100%;}
.box_contact{
  background: url(../images/contact/box-plan.jpg) left top no-repeat;
  text-align: center;
  width: 320px;
  height: 208px;
}
.box_actualite{
  background: url(../images/notre-actualite/background-actualite.jpg) left top repeat-y;
  width: 690px;
  display: table;
}
.box_images{
  background: url(../images/notre-actualite/box-images.jpg) left top no-repeat;
  float: left;
  width: 328px;
  height: 83px;
}
.actualite_pictures{
  background: url(../images/notre-actualite/actualite-pictures.jpg) left top no-repeat;
  float: left;
  text-align: center;
  width: 475px;
  height: 160px;
}
.actualite_pictures1{
  background: url(../images/notre-actualite/actualite-pictures1.jpg) left top no-repeat;
  float: left;
  text-align: center;
  width: 630px;
  height: 160px;
}
.separator1{
  background: url(../images/charte/separator1.jpg) left top no-repeat;
  width: 680px;
  margin: 5px;
  font-size: 0px;
  line-height: 0px;
  height: 1px;
}