/*--- css global --*/

body{ background:#9ad7f4 url(/imgs/background.gif) repeat-x}
#headerpage{ background:none}

#hautDePage h1{ padding-top:25px;margin:0px}
#hautDePage h1 img{display:block}

#hautDePage h1 a{display:block; width:360px; height:68px; background:none; font-family:Arial, Helvetica, sans-serif;
font-size:19px; font-weight:normal; letter-spacing:1px; color:#8c9291; line-height:30px}
#hautDePage h1 a:hover{ text-decoration:none}
#hautDePage, #hautDePageInterassurances {background:none; height:120px; position:relative}
#hautDePage span.contact{ padding:10px 5px 0px 0px; position:absolute; right:222px}

#hautDePage p.adherent{ padding:22px 5px 0px 0px; position:absolute; right:222px; text-align:right; color:#525655; font-size:14px; line-height:18px}
#hautDePage p.adherent a{ color:#1f729a; text-decoration:none; font-size:12px}
#hautDePage p.adherent a:hover{color:#1f729a; text-decoration:underline}

#hautDePage #btn{ margin:23px 7px 25px 0px; width:205px; position:absolute; right:0px}
#hautDePage #btn a.btn{ padding:8px; height:20px;  background: url(/imgs/btn.gif) no-repeat; display:block; color:#525655; text-decoration:none; text-align:center; font-size:14px}
#hautDePage #btn a.btn:hover{ color:#1f729a}

#hautDePage span.contact-mobile{ padding:10px 5px 0px 0px; position:absolute; right:400px}
#hautDePage #btn-mobile{ margin:23px 7px 25px 0px; width:170px; position:absolute; right:200px}
#hautDePage #btn-mobile a.btn{ padding:8px; height:20px;  background: url(/imgs/btn.gif) no-repeat; display:block; color:#525655; text-decoration:none; text-align:center; font-size:14px}
#hautDePage #btn-mobile a.btn:hover{ color:#1f729a}

.two-col-menu #containeurInterne{ background:none}
.two-col-menu #content{ background:none}
.two-col-menu #footer{background:none; margin-top:0px}
.two-col-menu #main {width:742px;float:left;overflow:hidden}

.two-col-sidebar #containeurInterne{ background:none}
.two-col-sidebar #content{ background:none}
.two-col-sidebar  #footer{background:none; margin-top:0px}
.two-col-sidebar  #main {float:left;overflow:hidden}
.two-col-sidebar #sidebar{ height:auto}

.three-col-menu #containeurInterne{ background:none}
.three-col-menu #content{ background:none}
.three-col-menu #footer{background:none; margin-top:0px}
.three-col-menu #main {float:left;overflow:hidden}
.three-col-menu #sidebar{ height:auto}

#blocVosBiens  {background:none;}
#blocVosBiens h4 {background:url("/imgs/headerGererbiens.gif") no-repeat scroll 0 0 transparent;}

#infoUtilisateurLogge{ display:none}

#main .main-bottom{ background: url(/imgs/rightAllBot.jpg) no-repeat;}
#main .main-body {background:#fff;}

.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance{ width:145px; overflow:hidden; color:#586f83;}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance p{ color:#586f83; font-style:italic; font-weight:bold; line-height:16px; margin:10px 0px}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance p span.bold{ font-size:16px; font-weight:bold}

.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance p.proprio{ margin:0px; font-size:9px; font-weight:normal; line-height:12px;}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance p.proprio span.nom{ font-weight:bold; font-size:11px;}

.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance .blocs{ background:#586f83; color:#FFF}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance div.top{ background:url(/imgs/top-bloc.gif) no-repeat}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance div.bottom{ background:url(/imgs/bottom-bloc.gif) no-repeat; background-color:#fff;}

.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocs ul{ margin:0px; padding:0px}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocs li{color:#FFF;font-weight:bold; list-style:none; background:url(/imgs/puce.gif) no-repeat 0px 2px;
padding:0px 10px 10px 15px}
.two-col-menu #main .two-col-sidebar-gauche .p3lcol .blocside-magerance h6{color:#586f83; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px}

.theme-locataire h1 {background:url(/imgs/rightAllBg.gif) no-repeat;}

.accordionMenu #Firs {background:url(/imgs/accordion_toggleFirs.gif) 0 0 no-repeat!important;}
.accordionMenu .accordion_content {background:url(/imgs/bgAkordeon.gif) repeat-y;}
.accordionMenu .accordion_toggle {background:transparent url(/imgs/accordion_toggleNotFirs.gif) 0 0 no-repeat;}

#footer{width:925px; height:auto; clear:both; color:#596e80; font-size:10px; text-align:center;  margin:10px}
#footer p{ border:1px solid #fff; padding:10px; margin-bottom:10px}
#footer a{color:#596e80; text-decoration:none}
#footer a:hover{text-decoration: underline}

/*--- page magerance --*/
h5{ font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:bold; color:#000; display:block; margin:30px 0px}
h5.number1{ background:url(/imgs/number1orange.gif) no-repeat; padding-left:40px}
h5.number2{ background:url(/imgs/number2orange.gif) no-repeat; padding-left:40px}
h5.number3{ background:url(/imgs/number3orange.gif) no-repeat; padding-left:40px}
h5.number1bleu{ background:url(/imgs/number1bleu.gif) no-repeat; padding-left:40px}
h5.number2bleu{ background:url(/imgs/number2bleu.gif) no-repeat; padding-left:40px}
h5.number3bleu{ background:url(/imgs/number3bleu.gif) no-repeat; padding-left:40px}

#partenaire{ background:url(/imgs/partenaire.gif); width:487px; height:86px}
#partenaire .title{ color:#000}
#partenaire p{ width:300px; margin-left:150px; padding:10px}
#partenaire a{ display:block; float:left; margin:10px 20px 0px 0px; height:20px; text-indent:-3000px}
#partenaire a.partenaire1{ background:url(/imgs/le-bon-coin.gif); width:89px}
#partenaire a.partenaire2{ background:url(/imgs/paru-vendu.gif); width:50px}
#partenaire a.partenaire3{ background:url(/imgs/vivastreet.gif);width:77px}

.title{ color:#df5e1b; font-size:16px; font-family:Arial, Helvetica, sans-serif; display:block}
.titleBleu{ color:#3399CC; font-size:16px; font-family:Arial, Helvetica, sans-serif; display:block}
.italic{ font-style: italic; font-weight:bold; color:#a3a3a7}
.div-principal{ width:320px; float: left; margin:0px 20px}
.div-principal p{ width:143px; float:left; margin:10px; margin-left:0px}
.div-right{ width:150px; float:left; margin-bottom:30px}
.div-right p{ margin:10px 0px}

#etape{ width:100%; margin:20px 0px}
#etape p{float: left; width:230px; margin:0px; padding-top:10px; margin-bottom:5px; height:55px; font-size:10px}
#etape span.visuel{ background:url(/imgs/etapes.gif); width:72px; height:214px; display:block; float:left; margin-right:10px}
#etape span.title{float:none; width:100%; font-size:11px; font-weight:bold; color:#000}

span.calendrier{ background:url(/imgs/calendrier.gif); width:93px; height:87px; display:block; text-indent:-3000px}
span.preview-site{ background:url(/imgs/preview-site.gif); width:150px; height:94px; display:block; text-indent:-3000px}

/*--- page presse / temoignage --*/
div.conteneur{ padding-left:23px; width:auto; float:none}

div.entete-temoignage{ width:346px; height:155px; background:url(/imgs/entete-temoignage.jpg) no-repeat; margin:5px 0px 20px; padding:15px 0px 0px 140px; overflow:hidden}
div.entete-temoignage span.titre{ font-size:37px; width:215px; display:block; font-weight:bold; color:#7995ae; line-height:29px}
div.entete-temoignage p{ margin:0px; margin-top:5px; color:#525655; font-size:12px; width:333px}

div.post, div.post-presse { border:1px solid #a6bdd2; margin-bottom:15px; background:#f8fafb url(/imgs/bg-post.gif) repeat-x; padding:15px 15px 0px; color:#546679; width:635px}
div.post p, div.post-presse p{color:#546679; margin:0px 0px 20px}
div.post span.auteur, div.post-presse span.auteur{ font-weight:bold; font-size:13px; display:block; float:left; background:url(/imgs/plume.gif) no-repeat 0px 3px ; padding-left:20px}
div.post span.date, div.post-presse span.date{font-size:13px; display:block; float:right}
div.post span.date-article, div.post-presse span.date-article{ margin-right:170px}
div.post span.separateur, div.post-presse span.separateur{ clear:both; margin-bottom:20px; height:1px; font-size:1px; display:block}
div.post a, div.post-presse a{ color:#546679;}
div.post a, div.post-presse a:hover{ text-decoration:underline;}

div.entete-presse{ width:350px; height:106px; background:url(/imgs/entete-presse.gif) no-repeat; margin:5px 0px 20px; padding:20px 0px 0px 110px; overflow:hidden}
div.entete-presse span.titre{ font-size:37px; font-weight:bold; color:#7995ae}
div.entete-presse p{ margin:0px; margin-top:5px; color:#525655; font-size:12px; width:333px}

div.post-presse p{ width:450px}
div.post-presse span.date{ margin-right:170px}

/*--- page guide --*/
table.guide{ width:665px;  border-collapse:collapse; border:1px solid #a7bed2; margin-bottom:40px; color:#485b6f}
table.guide tr{background:#f8fafb url(/imgs/bg-guide.gif) repeat-x}
table.guide td{ border:1px solid #d6d4d4;}

table.guide td.col1,td.col2 { height:40px; vertical-align:middle; color:#485b6f}
table.guide td.col1{ width:92px; text-align:center}
table.guide td.col1 a, table td.col1 a:hover, table td.col1 span{ text-decoration:underline; font-size:13px; color:#485b6f}
table.guide td.col2{ width:570px; padding-left:15px}
/*table.guide td.col2 span{background:url(/imgs/plume.gif) no-repeat 0px 2px; padding-left:25px; font-size:13px}*/
table.guide td.col2 a{background:url(/imgs/plume.gif) no-repeat 0px 2px; padding-left:25px; font-size:13px; text-decoration:none;}

table.guide p{ margin:10px 25px; color:#485b6f}
table.guide p span.titre{ font-size:15px; font-weight:bold}

div.entete-guide{ width:471px; height:144px; background:url(/imgs/entete-guide.jpg) no-repeat;
margin:5px 0px 20px; padding:15px 0px 0px 15px; overflow:hidden}
div.entete-guide span.titre{ font-size:31px; font-weight:bold; color:#7995ae}
div.entete-guide p{ margin:0px; margin-top:5px; color:#525655; font-size:12px;}

div.arianne{ text-align:center; color:#546679; margin-bottom:10px}
div.arianne a, div.arianne a:hover{ text-decoration:underline; color:#546679}