/* ************************* */
/*     STYLES               */
/* *********************** */

/* GLOBAL */
html{ padding:0; margin:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0; text-align:center; color:#202020; background:#f9e2e8 url(../../img/bvcm/bg.gif) repeat-x;}

/* Gestion des titres */
h1, h2,h3, h4, h5, h6,dl, dt, dd, img, p{  padding:0; margin:0; list-style:none;}
h1{font-size:22px; margin-bottom:15px;}
h2{font-size:16px; margin-bottom:10px; font-weight:bold}
h3{font-size:14px; margin-bottom:10px; font-weight:bold}
h4{font-size:14px; font-weight:bold}

hr{height:1px; background:#D7D7D7; border:none;}

p{padding:0; margin:0;}
div{padding:0; margin:0;}
p.clear { display:block; float:none;width:100%; clear: both; height: 1px; font-size: 1px; line-height:0.1em; padding:0; margin:0}
ul, li { padding:0; margin:0; list-style:none; }

a img { border:none;}
.more a{display:block; color:#C9003E; font-weight:bold; padding-left:25px; background:url(../../img/puce-red.png) top left no-repeat;}


/********************
/* GESTIONS FORM
********************/
form{ padding:0; margin:0; } 
fieldset{ padding:0; margin:0; border: none; }
input{padding:0; margin:0;}
.select{ color:#383232;background-color:#fff; }
.textarea{ color:#a4a493;background-color:#fff; }
form p{display:block; clear:both; padding-bottom:8px;}
label{display:block; float:left; width:150px; text-align:right; padding-top:4px; padding-right:10px; font-weight:bold; font-size:11px;}
.input{height:19px; width:190px; background-color:#fff; padding:2px 0 0 2px; border:1px solid #AFAFB1;  width:200px;}
.select{height:19px; width:204px; background-color:#fff; border:1px solid #AFAFB1; }
textarea {width:198px;}
.captcha-img{float:left;width:200px; text-align:center;padding-bottom:10px;}
.checkbox-group{display:block; float:left; width:200px; padding-bottom:10px;}
.bt-send{background:url(../../img/form-bt-send.jpg) top left no-repeat; float:right; width:88px; height:27px; border:none; margin:0; padding:0 14px 0 0; }

/* container */
.container{width:955px; padding:0 11px;  margin:0 auto; text-align:left; position:relative; background:url(../../img/bvcm/bg-container.gif) top left no-repeat;}

/* mainpage */
.mainpage{position:relative; width:955px; background:#FFFFFF; min-height:700px;}
* html .mainpage { height:700px;}

/* header */
.header {width:933px; position:relative; margin:0 11px}
.header .banner{ width:933px; height:166px; background:url(../../img/bvcm/header.jpg) top left no-repeat; }
.header .topnav{ position:absolute; top:2px; right:2px; display:block; color:#D62C59; }
.header .topnav a { color:#D62C59; text-decoration:none; padding:0 5px 0 5px; }
.header .topnav a:hover { text-decoration:underline; }

.header .logo { position:absolute; width:160px; height:160px; top:5px; left:15px; }
.header .logo a { width:160px; height:160px; display:block; }
.header .logo a span { display:none; }

/* mainnav */
.mainnav {width:933px; height:51px; background:url(../../img/bvcm/mainnav-bg.jpg) top left no-repeat;  margin:0 11px; position:relative}
.mainnav ul{width:831px; height:51px; background:url(../../img/bvcm/mainnav-bg-grey.gif) repeat-x bottom; position:absolute; bottom:0; padding:0 51px}
.mainnav ul li{list-style:none; display:block; background:url(../../img/bvcm/mainnav-border-item.jpg) repeat-x bottom    ; height:51px; float:left}
.mainnav ul li.item1{width:276px}
.mainnav ul li.item2{width:255px}
.mainnav ul li.item3{width:300px}
.mainnav ul li a{background:url(../../img/bvcm/mainnav-bg-grey.gif) repeat-x bottom; text-decoration:none; color:#58585a; height:31px; padding:20px 0 0 15px}
.mainnav ul li a:hover {text-decoration:none; background:url(../../img/bvcm/mainnav-bg-hover.gif) repeat-x bottom; color:#FFFFFF}
.mainnav ul li.item1 a{width:259px; display:block; margin:0 auto}
.mainnav ul li.item2 a{width:239px; display:block}
.mainnav ul li.item3 a{width:284px; display:block}
.mainnav ul li.active a{color:#c40040; height:38px; padding:13px 0 0 15px;}
.mainnav ul li.item1.active a{background:url(../../img/bvcm/mainnav-item1-active.jpg);}
.mainnav ul li.item2.active a{background:url(../../img/bvcm/mainnav-item2-active.jpg); padding:13px 0 0 15px;}
.mainnav ul li.item3.active a{background:url(../../img/bvcm/mainnav-item3-active.jpg); padding:13px 0 0 15px;}

#qualitel .mainnav ul li.item1 a, #nf .mainnav ul li.item1 a, #habitatenvironnement .mainnav ul li.item1 a, #accueil_logement_neuf .mainnav ul li.item1 a{background:url(../../img/bvcm/mainnav-item1-active.jpg); padding:13px 0 0 15px; color:#c40040; height:38px; }
#bilanpatrimoine .mainnav ul li.item2 a, #patrimoinehabitat .mainnav ul li.item2 a, #patrimoinehabitatenv .mainnav ul li.item2 a, #accueil_logement_ancien .mainnav ul li.item2 a{background:url(../../img/bvcm/mainnav-item2-active.jpg); padding:13px 0 0 15px; color:#c40040; height:38px; }
#accueil_logement_individuel .mainnav ul li.item3 a, #nf_individuelle .mainnav ul li.item3 a{background:url(../../img/bvcm/mainnav-item3-active.jpg); padding:13px 0 0 15px; color:#c40040; height:38px; }

/* subnav */
.subnav {width:933px; height:34px; margin:0 11px; position:relative}
.subnav ul{width:867px; height:34px; background:url(../../img/bvcm/subnav-bg.gif) top left repeat-x; padding:0 0 0 66px}
.subnav ul li{list-style:none; display:block; background:url(../../img/bvcm/subnvav-border-item.gif) no-repeat right; height:29px; float:left;}
.subnav ul li.last{background:none}
.subnav ul li a{padding:9px 9px 0; display:block; color:#58585a; height:20px; text-decoration:none}
.subnav ul li a:hover{background:url(../../img/bvcm/subnav-hover.gif) repeat-x; color:#FFFFFF}
.subnav ul li.active a{color:#c40040}
.subnav ul li.active a:hover{background:none; color:#c40040}

/* wrapper */
.wrapper { width:933px; clear:both; float:none;margin:0 11px}

.block-logement-acheter-neuf{width:238px; height:107px; float:left; padding:45px 0 0 63px; background:url(../../img/bvcm/home/block-logement-acheter-neuf.jpg) no-repeat; font-size:11px}
.block-logement-neuf{width:288px; height:107px; float:left; padding:45px 0 0 13px; background:url(../../img/bvcm/home/block-logement-neuf.gif) no-repeat; font-size:11px}
.block-logement-louer-neuf{width:194px; height:107px; float:left; padding:45px 0 0 108px; background:url(../../img/bvcm/home/block-logement-louer-neuf.jpg) no-repeat; margin:0 0 0 15px; font-size:11px}
.block-logement-ancien{width:239px; height:107px; float:left; padding:45px 0 0 62px; background:url(../../img/bvcm/home/block-logement-ancien.gif) no-repeat; margin:0 0 0 15px; font-size:11px}
.block-logement-ancien2{width:239px; height:107px; float:left; padding:45px 0 0 62px; background:url(../../img/bvcm/home/block-logement-ancien.jpg) no-repeat; margin:0 0 0 15px; font-size:11px}
.block-logement-individuel{width:232px; height:104px; float:left; padding:52px 0 0 69px; background:url(../../img/bvcm/home/block-logement-individuel.jpg) no-repeat;margin:0 0 0 15px; font-size:11px}
.block-logement-individuel2{ position:relative; width:232px; height:104px; float:left; padding:52px 0 0 69px; background:url(../../img/bvcm/logement_individuel.jpg) no-repeat;margin:0 0 0 15px; font-size:11px}
.block-logement-individuel2 a { display:block; width:169px; height:83px; position:absolute;  }
.block-logement-individuel2 a span { display:none;  }

.block-logement-ancien a{margin: 0 12px 0 0}
.block-logement-neuf a{margin: 0 12px 0 0}
.block-logement-individuel a{margin: 0 12px 0 0}
.block-logement-neuf .link{padding:6px 30px 0 0; float:right}
.block-logement-neuf .link a{color:#FFFFFF; margin:0; background:url(../../img/bvcm/home/puce-en-savoir-plus.gif) no-repeat center left; text-decoration:none; padding:0 0 0 10px }
.block-logement-neuf .link a:hover{text-decoration:underline}
.block-logement-ancien .link{padding:6px 30px 0 0; float:right}
.block-logement-ancien .link a{color:#FFFFFF; margin:0; background:url(../../img/bvcm/home/puce-en-savoir-plus.gif) no-repeat center left; text-decoration:none; padding:0 0 0 10px }
.block-logement-ancien .link a:hover{text-decoration:underline}
.block-logement-individuel .link{padding:3px 30px 0 0; float:right}
.block-logement-individuel .link a{color:#FFFFFF; margin:0; background:url(../../img/bvcm/home/puce-en-savoir-plus.gif) no-repeat center left; text-decoration:none; padding:0 0 0 10px }
.block-logement-individuel .link a:hover{text-decoration:underline}

#accueil_logement_neuf .blocs_certif_logement_neuf { display:block; width:627px; float:left;}
#accueil_logement_neuf .blocs_certif_logement_ancien { display:none; width:627px; float:left;}
#accueil_logement_neuf .blocs_certif_logement_individuel { display:none; width:627px; float:left;}

#accueil_logement_ancien .blocs_certif_logement_neuf { display:none; width:627px; float:left; }
#accueil_logement_ancien .blocs_certif_logement_ancien { display:block; width:627px; float:left; }
#accueil_logement_ancien .blocs_certif_logement_individuel { display:none; width:627px; float:left; }

#accueil_logement_individuel .blocs_certif_logement_neuf { display:none; width:627px; float:left; }
#accueil_logement_individuel .blocs_certif_logement_ancien { display:none; width:627px; float:left;}
#accueil_logement_individuel .blocs_certif_logement_individuel { display:block; width:627px; float:left;}
/*#accueil_logement_individuel .decouvrez_certif { display:none; }*/

/* footer */
.footer {width:955px; background:#666666 url(../../img/bvcm/footer-bg.gif) top left repeat-y; height:26px; margin:23px auto 0}
.footer ul{text-align:center; padding:6px 5px 6px 5px; float:left; }
.footer ul li {color:#fff; list-style:none; display:inline; }
.footer ul li a{color:#fff;text-decoration:none; margin:0; padding:0 7px 0 7px; border-right:1px solid #fff; }
.footer ul li.last a{border:none;}
.footer ul li a:hover {text-decoration:underline;}
.footer a.dg { position:absolute; top:2px; right:3px; border-right:none; padding:0;  }

.wide_column { min-height:445px; _height:445px; }

/* ToolTip */
.tooltip {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#303030;
font-family:sans-serif;
font-size:12px;
line-height:18px;
padding:10px 13px;
position:absolute;
text-align:center;
z-index:2;
text-decoration:none;
width:200px;
}

/* Typo 3 Form */
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea { font-family:Arial, Helvetica, sans-serif; color:#626262; background-color:#fff; border:1px solid #cccccc; font-size:12px; }
.csc-mailform-field input { height:18px; padding:3px 0 0 3px;}
.csc-mailform-field textarea { width:280px; }

.csc-mailform-field input.csc-mailform-submit { color:#FFFFFF; background-color:#C40040;  text-transform:uppercase; font-size:14px; font-weight:bold; border:none; padding:5px 2px; height:28px;}

.csc-mailform-field { padding-top:18px; display:block;}
.csc-mailform-field .csc-mailform-radio legend { display:none; }
.csc-mailform-field .csc-mailform-radio input { border:0px solid; }
.csc-mailform-field input.csc-mailform-check { border:0px solid; }

.csc-mailform-field span.csc-mailform-label { font-weight:bold; font-size:14px; }

.csc-mailform-field label { display:block; padding:0; margin:0; float:none; text-align:left; width:auto;   }