body{margin:0;padding:0;/*font-size: 1em;*/background:url(img/bodybg.jpg) no-repeat top center #7886a1;}
acronym {border:0}
#page {margin:0;padding:0;background:url(img/conteneurbg.png) repeat-y top center;width:854px}
#conteneur {width:854px;display:block;margin:0 auto;padding:0}
.titre strong, p.chapo strong {font-weight:normal}
.clear {clear:both}
.spacer {margin:0;padding:0;height:50px}
.ctr {text-align:center !important}

/*ENTETE*/
#entete {font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;margin:0;padding:0}
#bandeau {width:854px;background:url(img/entete.png) no-repeat 12px top;margin:0;padding:0;height:142px}
#prelim {text-align:center;margin:0 5px 0 290px;padding:25px 0 0 0;width:560px}
#prelim h1, #prelim p {margin:0 0 10px 0;padding:0;color:#7886a1;font-size:26px;font-weight:bold}
#prelim ul {margin:0 0 0 0;padding:0 0 3px 0;display:inline;border-top:solid 1px #7886a1;border-bottom:solid 1px #7886a1}
#prelim li {margin:0 2px;padding:0;display:inline;text-transform:uppercase;font-size:11px;color:#7886a1;font-weight:bold }
#prelim a {margin:0 ;padding:0;color:#7886a1;text-decoration:none}

/*3 boutons*/
#sousbandeau {width:830px;background:url(img/sousbandeaubg.png) repeat-x bottom center #fff ;padding:0 0 0 0;margin-left:12px;height:35px}
#sousbandeau a {width:220px;display:block;float:left;padding:7px 0 8px 12px ;margin:-5px 25px 0 0;font-size:12px;text-decoration:none;color:#7886a1;text-transform:uppercase;text-align:left}
#sousbandeau a:hover {color:#000}
#sousbandeau a.btnquel {background:url(img/btnquel.png) no-repeat  top left;margin-left:45px}
#sousbandeau a.btnquel:hover {background:url(img/btnquel.png) no-repeat  bottom left}
#sousbandeau a.btndevis {background:url(img/btndevis.png) no-repeat  top left}
#sousbandeau a.btndevis:hover {background:url(img/btndevis.png) no-repeat  bottom left}
#sousbandeau a.btnmission {background:url(img/btnordre.png) no-repeat  top left;}
#sousbandeau a.btnmission:hover {background:url(img/btnordre.png) no-repeat  bottom left}
#sousbandeau a.btnespace {background:url(img/btnespace.png) no-repeat  top left;}
#sousbandeau a.btnespace:hover {background:url(img/btnespace.png) no-repeat  bottom left}
/*COLONNE GAUCHE*/
#colonne {width:205px;float:left;padding:0 0 5px 10px;margin:0;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif}

/*menu*/
ul#menu {font-size:12px;margin:0;padding:0;list-style-position:outside;list-style-type:none;}
ul#menu a {color:#fff;text-decoration:none;padding:7px 0 7px 5px;display:block;margin:0;font-weight:bold}
ul#menu  a:hover {padding:7px 0 7px 5px !important ;color:#000 !important}
ul#menu a.vf  {background: url(img/vf.png) no-repeat right center  #05A751;width:80px}
ul#menu a.vc  {background: url(img/vc.png) no-repeat right center #51B848 ;width:100px}
ul#menu a.vp  {background:url(img/vp.png) no-repeat right center #BFD730;width:120px}
ul#menu a.ja  {color:#7886A1;background:url(img/ja.png) no-repeat right center  #FCEE21;width:140px;}
ul#menu a.oc {background:url(img/oc.png) no-repeat right center #FCB815;width:160px}
ul#menu a.of  {background:url(img/of.png) no-repeat right center #F37023;width:180px}
ul#menu a.ro  {background:url(img/ro.png) no-repeat right center #EC2027;width:200px}
ul#picto {list-style-type:none;margin:0 0 5px 0;padding:0;list-style-position:outside}
ul#picto li a {display:block;padding:7px 0 7px 30px;font-size:11px;width:170px !important;color:#000;font-weight:normal}
ul#picto li a:hover {color:#51B848 !important;padding:7px 0 7px 30px !important }
ul#picto a.amiante {background:url(img/amiante.png) no-repeat left center #fff !important}
ul#picto a.crep {background:url(img/crep.png) no-repeat left center #fff !important}
ul#picto a.termite {background:url(img/termite.png) no-repeat left center #fff !important}
ul#picto a.carrez {background:url(img/carrez.png) no-repeat left center #fff !important}
ul#picto a.dpe {background:url(img/dpe.png) no-repeat left center #fff !important}
ul#picto a.elec {background:url(img/elec.png) no-repeat left center #fff !important}
ul#picto a.gaz {background:url(img/gaz.png) no-repeat left center #fff !important}
ul#picto a.ernt {background:url(img/ernt.png) no-repeat left center #fff !important}
ul#picto a.ptz {background:url(img/ptz.png) no-repeat left center #fff !important}

/*devis*/
#carte {margin:10px 0 0 0;padding:5px 5px 4px 0;text-align:center;background:url(img/cartetop.png) no-repeat left top}
#carte form {margin:0;padding:0px 0 55px 0;background:url(img/colonnebottom.png) no-repeat left bottom}
#carte form select {margin:3px 0 7px 0px !important;width:180px;font-size:11px}
#carte input, #carte span {margin:5px 0 0px 0px;padding:0;font-size:13px !important}
#carte p {padding:3px 0px 0px 0 !important;margin:0 !important;width:200px;display:block;background:url(img/cartebg.png) repeat-y left center;}
#carte form label {padding-bottom:5px !important;}

#docs {}
#docs ul {padding:0;margin:0;list-style-position:outside}
#docs li {list-style-type:none}
#docs a {display:block}

/*CONTENU DROITE*/
#corps {margin:0 12px;padding:20px 0 0 0;width:830px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;background:#ffffff}
#contenu {min-height:450px;font-size:16px;width:580px;float:right;margin:0px;padding:0 15px;background:url(img/contenubg.png) repeat-y left top}
#contenu h2 {margin-bottom:3px;margin-top:20px;font-size:14px;color:#f2930e;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif}
#contenu h3 {padding:0 ;margin:5px 0 0 0px;font-size:13px;color:#7987a2;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;}
#contenu p {font-size:12px;padding:0 0 0 0px;margin:0 0 5px 0px;text-align:justify}
#contenu ul {margin:0 0 10px 10px;padding:0 0 0 5px;list-style-type:square;list-style-position:outside}
#contenu ul ol {font-size:12px;padding-right:50px;margin-top:10px}
#contenu li {font-size:12px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;padding:0 ;margin:0 0 5px 0px;text-align:justify}

p.ariane {text-align:left;margin:0;padding:0px 0 20px 0 !important;font-size:11px !important;margin-bottom:15px}
p.ariane a {color:#999;text-decoration:underline}
p.ariane a:hover {color:#ec2027;text-decoration:none}
p.ariane a.courant {cursor:text;text-decoration:none;color:#000}
p.ariane strong {font-weight:normal}

.titre  {width:450px;text-align:center;display:block;margin:0 auto}
.titre img {margin:0 0px 0 0;padding:0 5px 0px 0;}
.titre h1 {border-bottom:solid 1px #f2930e;font-size:19px;color:#7886A1;font-weight:bold;text-align:center ;letter-spacing:1px;margin:0;padding:0}
.titre h1 span {border-left:solid 1px #f2930e;text-transform:uppercase;padding:10px 0 0px 5px;margin:0 0 0px 0px !important;vertical-align:middle}
.titre p {font-size:16px !important;color:#7886A1 !important;font-weight:normal;text-align:center !important;padding:4px 0 0 0 !important;letter-spacing:1px}

.titrediag h1 {font-size:19px;color:#7886A1;font-weight:bold;letter-spacing:1px;margin:0}
.titrediag h1 span {text-transform:uppercase;padding:0;margin:0 !important;}
.titrediag p {font-size:16px !important;color:#7886A1 !important;font-weight:normal;padding:0 !important;letter-spacing:1px;margin:0 !important;text-align:left !important;font-style:italic}

p.chapo {font-style:italic;font-size:14px !important;margin:0 0 10px 0 !important;padding:0 !important;}


/*onglets - vertical*/
#onglets {margin:15px 0;padding:0}
#onglets ul {margin:0 !important;padding:0 !important ;border-bottom:solid 1px #7886A1;background:url(img/sousbandeaubg.png) repeat-x top center #ffffff ;clear:both;height:26px;}
#onglets ul li {list-style-type:none;float:left;margin:0;padding:0 }
#onglets ul a {text-decoration:none;color:#F2930E;color:#7886A1;background:url(img/ongletsbg.gif) no-repeat top center;display:block;width:186px;text-align:center;line-height:100%;padding:8px 0 6px 0}
#onglets ul li.courant a, #onglets ul li a:hover {  position: relative;  z-index: 100;  top: 0px;color: #F2930E;background:url(img/ongletsbgwhite.gif) no-repeat top center;padding:8px 0 7px 0}
#onglets ul li.courant a:hover{cursor:text}

.encadre {padding-left:10px;padding-right:10px;padding-bottom:5px;background: #f8f0e0}
.encadre h2 {margin-top:5px !important}
.encadre h3 {text-transform:uppercase}

/*en savoir plus*/
#boxplus {margin:20px 0 0 0;padding:0;clear:both}
#boxplus hr {background-color: #F2930E;height: 1px;border: 0;width:450px;margin-bottom:0px}
#boxplus ul {list-style-type:none;margin: 0px 0 0 0;padding:0;list-style-position:outside;font-size:12px}
#boxplus li {margin:15px 0}
#boxplus a {color:#7886a1;text-decoration:underline;margin:0}
#boxplus a:hover {text-decoration:none;color:#ec2027}

/*PIED DE PAGE*/
#visuel {width:830px;clear:both;height:30px;margin:0;padding:0;border-bottom:solid 1px #400000}
#pdp {padding:0;margin:0;clear:both;background:url(img/pdp.jpg) no-repeat center top ;height:45px}
#sign {color:#fff;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size:/*80%*/13px;padding:0 12px;}
#sign p {text-align:left;width:300px;float:left;font-style:italic}
#sign ul {width:400px;float:right;text-align:right;}
#sign li {display:inline}
#sign li a {color:#fff;text-decoration:none;margin:0 5px 0 0}
#sign li a:hover {text-decoration:underline}

/*------------------------------------------------------------------*/

/* /adn-habitat/coordonnees.php */
#contact {width:560px;text-align:right;font-size:12px;margin:0;padding:0}
#contact legend {color:#999;margin:0;padding:0;} 
#contact input, #contact textarea {border: solid 1px #F2930E;margin:2px 0}

/* /diagnostic/index.php */
dl.boxdiag {margin:0 0 0 15px;padding:0 0 10px 0 /*10px 0 0;float:left;width:275px*/;width:500px}
dl.boxdiag h2 {padding:0 !important }
dl.boxdiag h2 a {color:#7987a2;text-decoration:none}
dl.boxdiag dt {margin:0;padding:0;font-size:12px;text-align:center;line-height:120%;}
dl.boxdiag dd  {text-decoration:none;margin:0;padding:0;font-size:12px;text-align:left;}
dl.boxdiag dd span {float:left}
dl.boxdiag dd a {color:#fff;text-decoration:none;float:right;display:block;background:#7987a2;padding:1px 5px}
dl.boxdiag dd a:hover{}

/* /information-diagnostic/index.php */
.boxinfo {margin:0px;padding:15px 0 0 55px}
.boxinfo a {text-decoration:none;color:#f2930e}
.boxinfo h2 a{padding:10px 0 0 30px}
.boxinfo a:hover{text-decoration:none}

/* /adn-habitat/boxadn.php */
.colmemo {float:right;width:165px;padding:10px 0 40px 20px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif}
.colmemo a {padding:8px 5px;margin:0 0 15px 0;background: #7886a1;text-align:center !important;font-size:14px !important;display:block;color:#fff;text-decoration:none;font-weight:bold}

/* certif.php*/
div#certif {text-align:center;margin:0}
div#certif img {border:0;margin:5px 0}
#contenu  #certif img {border:0;margin:5px 22px 5px 0 !important}

/* queldiagform.php */
a#queldiag {background:url(img/queldiag.png) no-repeat  center left;padding:11px 36px 9px 10px ;margin:0;font-size:12px;text-decoration:none;color:#7886a1;text-transform:uppercase}
a#queldiag:hover {background:url(img/queldiag-hover.png) no-repeat  center left;}
#diagform {width:560px;font-size:13px;}
#diagform p {width:500px !important;font-size:13px}
#diagform fieldset {margin:0 0 15px 0}
#diagform legend {margin-bottom:3px;font-size:14px;color:#f2930e;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight:bold;color:#F2930E;}
#diagform input, #diagform select {margin: 0 ;padding:0;font-size:13px}
#diagform label {margin:0 10px 0 0;padding:0}
#diagform textarea {vertical-align:middle}
#resultdiag p {padding:5px 0;margin:15px 0 !important}
#resultdiag a {padding:5px 0 5px 30px !important;text-decoration:none;color:#000}
#resultdiag a:hover {text-decoration:underline}

/* /diagnostic/recap.php*/
table.recap {width:100%;border-collapse: collapse;margin-top:15px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;	}
.recap th {width:14%;font-size:14px;color:#fff;border: solid 1px #ccc;background: #7886a1;padding:3px 0}
.recap td {font-size:12px;color:#000;text-align:center;padding:3px 1px;border:solid 1px #ccc}
.recap .td1, .td2, .td3, .td4, .td6 {text-transform:uppercase;height:75px}
.recap a {color:#f2930e;text-decoration:none}
.impair td {background:#efeeec;}
.pair td {}
.recap a img {border:none}
.tipbox1, .tipbox2, .tipbox3, .tipbox4, .tipbox5, .tipbox6, .tipbox7, .tipbox8, .tipbox9, .tipbox10  {cursor: help;color:#F2930E }
.tipbox1:hover {}
#tipBox {background: #fff;border: 1px solid #f2930e;font-size: 13px;padding: 3px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;text-align:left}
#tipBox p {margin:0 !important;font-weight:normal !important;font-style:italic}
#tipBox.width {width: auto;max-width:475px;}

/*FAQ*/
dl#faq {width:580px;margin:0;padding:0}
dl#faq dt {width:100%;cursor:pointer;margin:10px 0 !important;padding:2px !important;border-bottom:solid 1px #7886A1;border-top:solid 1px #7886A1;font-style:italic;background:#e9e9e9;font-size:12px}
dl#faq dd {margin:0;padding:0}
dl#faq em {text-decoration:underline}
p.reponse + ul {padding-left: 40px !important}
ul.diag {list-style-type:none !important;margin:8px 0 0 0 !important;padding:0;list-style-position:outside}
ul.diag li {margin:3px 0;padding:3px 0 !important}
ul.diag a {text-decoration:none;color:#000;margin:0}
ul.diag a:hover {text-decoration:underline;color:#ec2027}

/*JQUERY*/
h2.close, h2.open {;padding:0 0 0 15px ;margin-left:0;cursor:pointer;clear:left}
.close {background:url(img/close.png) no-repeat left center}
.open {background:url(img/open.png) no-repeat left center}

/*CLASSES DIVERSES*/
.amiante {background:url(img/amiante.png) no-repeat left bottom transparent;padding:10px 0 0 30px }
.plomb {background:url(img/crep.png) no-repeat left bottom transparent ;padding:10px 0 0 30px ;}
.termite {background:url(img/termite.png) no-repeat left bottom transparent;padding:10px 0 0 30px ; }
.gaz {background:url(img/gaz.png) no-repeat left bottom transparent;padding:10px 0 0 30px ;}
.carrez {background:url(img/carrez.png) no-repeat left bottom transparent;padding:10px 0 0 30px ; }
.ernt {background:url(img/ernt.png) no-repeat left bottom transparent ;padding:10px 0 0 30px ;}
.dpe {background:url(img/dpe.png) no-repeat left bottom transparent;padding:10px 0 0 30px ; }
.elec {background:url(img/elec.png) no-repeat left bottom transparent;padding:10px 0 0 30px ; }

p.tip {background:url(img/tip.png) no-repeat  left center transparent;padding:20px 55px 20px 55px !important}
div.tip {background:url(img/tip.png) no-repeat  left center transparent;padding:0px 0px 0px 55px !important}
.doc {background:url(img/doc.png) no-repeat left center transparent;padding:10px 0 10px 30px}
.quest {background:url(img/faq.png) no-repeat  left center transparent;padding:10px 0 10px 30px !important}
p.imp {background:url(img/25.png) no-repeat  left center transparent;padding:8px 0px 8px 55px !important;font-weight:bold !important}
p.avadn {background:url(img/65.png) no-repeat  left center transparent;padding:8px 0px 8px 55px !important;font-weight:bold !important}
p.prix {/*background:url(img/65.png) no-repeat  left center transparent;*/padding:8px !important;font-weight:bold !important;text-align:center !important}

.colonne {width:50%;float:left;margin:0;padding:0}
h2.renforce {background:url(img/open.png) no-repeat left center;padding-left:15px}
.etoile {color:#F2930E;font-weight:bold}
.source {font-style:italic;background-color:#ccc;padding:0 5px !important}
img.left {float:left;padding:0 5px 5px 0;border:0}
a.asuivre {color:#ec2027 !important;text-decoration:underline}
a.asuivre:hover {text-decoration:none}
.alire {font-weight:bold}
.aretenir {color:red}

/*pdf*/
ul.txtloi, ul.brochure {list-style-type:none !important;list-style-position:outside}
ul.txtloi li  {margin:3px 0;padding:5px 0 !important}
a.pdf  {;text-decoration:none;color:#000;font-size:12px}
a.pdf:hover {text-decoration:underline;color:#000}
h3 + a.pdf {line-height:30px}
.pdf {background:url(img/pdficon.png) no-repeat left center transparent;padding:10px 0 10px 30px}

/*pdf brochure*/
ul.brochure {padding:0 0 5px 5px !important}
ul.brochure li img {float:left;margin:0 10px 0 0 !important;border:solid 1px #999}
.couv {line-height:150%;color:#000;font-size:16px;text-decoration:none;font-weight:bold}
ul.brochure a.couv:hover {text-decoration:none !important}

/*espaceadn*/
#espaceadn {width:400px;text-align:right;margin:10px 0 200px 0}
#espaceadn input {margin:2px}
#espaceadn .inputlogin {margin-right:35px;width:150px}
#espaceadn .inputpwd {width:150px}
#espaceadn label {padding:0 ;margin:0 5px 0 0;font-size:13px;color:#7987a2;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;}
#espaceadn p {text-align:right;margin-top:15px}
#espaceadn .btnespace {margin-bottom:-8px}