/* CSS Document */
img{ border: none;}
.spacer{ width:100%; height:1px; clear:both; }
.spacerbg{ width:90%; height:10px; clear:both; background:#e0e3ea;}
body{margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:url(../images/background/body.gif) repeat-x left top; line-height: 1.4; }
.container{width:900px; margin:0 auto; text-align:left;}
div.header{ display:block; background:url(../images/background/header.jpg) no-repeat center top; margin:0; padding:0; position:relative; }
div.adress_header{float:left; width:278px; height:212px; margin:0; padding:0;}
div.adress_header a {display:block; width:278px; height:212px; background:url("../images/Logotop.jpg") no-repeat; text-align:center;  color:#fff; text-decoration:none; position:relative;}
div.adress_header a:hover {font-weight:normal;}
div.adress_header a span {text-transform:uppercase; font-size:10px; position:absolute; width:100%; left:0; bottom:76px; line-height:normal;}
div.adress_header a strong {font-weight:normal; font-size:11px; display:block; position:absolute; width:100%; left:0; bottom:36px; line-height:12px;}
div.adress_header a:link, div.adress_header a:visited{ display:block; margin:0; }
a:link, a:visited{color:#1387a5; text-decoration:none;}
a:hover{text-decoration:underline;}

div.menuTop{ background:url(../images/background/background.gif) no-repeat left top;  padding:0px; height:41px; margin:0; display:block; position:relative;}
div.menuTop ul{ list-style-type:none; margin:0 0 0 15px; padding:0; display:table; width: 100%; height:41px;}
div.menuTop ul li{margin:0; padding:0; display: table-cell; height:41px;  }
div.menuTop ul li a span{color:#fff; padding:13px 0 0 40px; font-weight:bold; font-size:14px; display:block;}
div.menuTop ul li a.diagnostics span {padding-left:43px;}
div.menuTop ul li a.reglementation span {padding-left:36px;}
div.menuTop ul li a.deontologie span {padding-left:45px;}
div.menuTop ul li a.contact span  {padding-left:47px;}
div.menuTop ul li a:link, div.menuTop ul li a:visited{ height:41px;  background-repeat:no-repeat; background-position:center top; display:block; margin:0 5px 0 0;  }
div.menuTop ul li a.accueil {background-image:url(../images/menutop/accueil.gif); width:101px; margin-left: 20px;}
div.menuTop ul li a.diagnostics {background-image:url(../images/menutop/diagnostics.gif); width:137px; }
div.menuTop ul li a.infiltrometrie {background-image:url(../images/menutop/infiltrometrie.gif); width:200px; }
div.menuTop ul li a.reglementation {background-image:url(../images/menutop/reglementation.gif); width:154px; }
div.menuTop ul li a.deontologie {background-image: url(../images/menutop/deontologie.gif); width:136px;}
div.menuTop ul li a.contact {background-image: url(../images/menutop/contact.gif);width:107px; margin-right: 20px;}
div.menuTop ul li a:hover{background-position:center bottom;}
div.content{ width:888px; margin:0; padding:10px 0 0 0; text-align:center;  background: url(../images/background/content.gif) no-repeat center top; }
div.content_inner{ background:url(../images/background/content_inner.gif) repeat-y center top; padding:0 0 0 15px;}
div.content_inner1{ background:url(../images/background/content_inner1.gif) repeat-y center top; padding:0 0 0 15px;}

div.left{ float:left; width:430px; margin:0; padding:6px 0 0 0; }
div.left1{ float:left; width:430px; margin:0; padding:6px 0 0 0; background:url(../images/background/trait_vert.gif) repeat-y left top;: }
div.Block { /*width:405px; float:left;*/ margin:0; display:block; padding:0 0 0 25px; text-align:justify; }
div.Block p{text-align:justify; margin:5px 0 0 0; width:93%;}
.Block .tableid p { text-align: center; }
.Block .tableid strong { display: inline; }
div.Block p span {font-size:16px; color:#1387a5;}
div.Block3{width:846px; float:left; margin:0; display:block; padding:0 0 15px 14px; text-align:justify; }


div.Block1{width:300px; float:left; margin:0; display:block; padding:0 0 0 15px; text-align:justify; }
div.Block2{width:505px; float:left; margin:0; display:block; padding:0 0 0 15px; text-align:justify; }

div.Block img.imgbas{background:url(../images/background/bgimg.jpg) no-repeat left top; padding:8px 7px 8px 9px;}
div.Block img.imgbas1{background:url(../images/background/bgimg1.jpg) no-repeat left top; padding:8px 7px 8px 9px;}

.tableid { border-spacing: 15px; text-align: center; }
.imgid { background-color: #fff; padding: 8px; box-shadow: 0 0 3px 2px rgba(0,0,0,.15); }

h2.ttl_diag {font-size:16px; color:#0b4e5f;}
h1.ttl_page {font-size:20px; color:#1387a5; text-align:left; padding-left:10px;}
#page_sanscol {text-align:left; padding:0 20px 0 10px;}
/*img{ background:url(../images/background/bgimg1.jpg) no-repeat left top; padding:10px 8px 8px 10px; margin:0;}*/
.Block p{ text-align:center; width:200px; margin:70px 0 0 84px}
div.sous{ width:100%; background:url(../images/background/bgfooter.jpg) repeat-x left top; float:none; height:92px; clear:both;}
div.footer{width:888px; margin:0; padding:30px 0 0 0; text-align:center; background:url(../images/background/bgplus.jpg) no-repeat 3px top; color:#FFFFFF; font-size:11px;}
.footer a:link, .footer a:visited{color:#fff; text-decoration:none; margin:0 4px;}
.footer a:hover{font-weight:normal; text-decoration:underline;}
div.droite1 p.d{text-align:justify; margin:20px 0 0 0; width:100%;}
h1 img{ margin:0; padding:10px; display:block; text-align:left;}
h2 img { margin:0; padding:0; display:block; text-align:left;}

.bloc{ background:url(../images/background/borderhaut.gif) repeat-x left  bottom; padding:0 0 15px 0;  }
.zonetexte1{list-style-type:none; display:block; font-size:12px; width:800px; float:left; margin:0 0 0 30px; padding:0; }
.zonetexte1 li{float:left;  color:#000000; width:250px; min-height:150px; text-align:left; padding:0 0 0 10px;}
.zonetexte1 .borderLeft{border-left:#FFFFFF solid 1px;}
.zonetexte1 li h2{ font-size:12px;}

table.table{ margin:0; padding:0; width:830px;  background:#0b4e5f; text-align:center;}
table.table td{ background:#ddd; padding:3px; font-size:11px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; text-align:left; padding:5px; border-top:solid 1px #fff; border-left: solid 1px #fff; color:#666; vertical-align:top; }
table.table tr.entete td{ background:#0b4e5f;  }
table.table .entete td{ color:#fff; font-weight:bold; font-size:14px; text-align:center; border:solid 1px #e0e3ea; }
table.table tr.gris td{ background:#f0f0f0;}
table * strong{ display:block; color:#0b4e5f;  font-weight:bold; font-size:14px;   }
.Block p.index{ text-align:center; margin:30px 0 0 0;}
div.Block p.aligncenter { text-align: center; }
img.lettrine{float:left; margin:0 2px 0 0;}
span.lettrine_2{float:left; margin:0 10px 0 0; padding:4px; display:block; width:30px; height:30px; border-right:solid 1px #fff; text-align:center;}
p.deontologie{display:block; clear:both; padding:5px 0; width:100%; margin:0; border-bottom:solid 1px #fff; height:50px;}

div.flash{ width:620px; height:210px; float:left; }
div.flashcontainer { width: 504px; height: 166px; background-color: #fff; padding: 10px; float: right; margin: 18px 20px 0 0; }
div.flashcontainer a { position: absolute; }
div.flashcontainer a:nth-of-type(1) { animation-name: fader; animation-delay: 4s; animation-duration: 1s; z-index: 20; }
div.flashcontainer a:nth-of-type(2) { z-index: 10; }
div.flashcontainer a:nth-of-type(n+3) { display: none; }
@keyframes fader { from { opacity: 1.0; } to { opacity: 0.0; } }