*{margin:0;padding:0;border:0;}

body{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;text-align:center;color:#4C4A3D;}

p,li,dd,dt,h1,h2,h3,h4,h5{font-size:1em;line-height:1.3;}
h1, h2, h3{letter-spacing:1px;text-align:left;font-family:Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6{font-size:1em;}
hr, div.spacer{clear:both;visibility:hidden;height:1px;}
a{color:#296184;}
a:hover{text-decoration:none;}
sup{font-size:0.6em;}
#texte strong{color:#296184;}
acronym{border-bottom:1px dotted #CCCCCC;cursor:help;}

#page{width:760px;margin:15px auto 5px auto;background:#FFF url(bg-page.jpg) repeat-y center top;}

/* ################################## HEADER ET FIL ARIANE ############################## */
#header{width:760px;margin:0 auto;background:transparent url(bg-header.jpg) no-repeat center top;min-height:136px;}
#header #logo a{display:block;width:220px;height:80px;float:left;margin-left:20px;}
#header #logo span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#header div{float:left;margin-top:20px;padding:0 6px;}
#header h2{color:#FFF;font-size:1.15em;}
#header a{color:#185276;font-weight:bold;text-decoration:none;}
#header a:hover{text-decoration:underline;}
#header ul{text-align:left;color:#185276;font-size:0.9em;margin:7px 0 0 1px;}
#header li{margin-bottom:2px;list-style:none;background:transparent url(li-menutop.gif) no-repeat 0 7px;padding-left:8px;}

#header #etude{width:97px;}
#header #demarches{width:135px;padding-right:0;}
#header #annonces{width:122px;}
#header #contact{width:108px;}

#filariane{width:570px;margin:0 auto;background:transparent url(bg-ariane.gif) repeat-x top;padding:30px 0 5px 160px;text-align:left;font-weight:bold;font-size:0.9em;}
#filariane p{border-bottom:1px solid #817F73;}
#filariane a{color:#4C4A3D;text-decoration:none;}
#filariane a:hover{text-decoration:underline;}
#filariane .B_firstCrumb a{color:#185276;}

/* ################################## CONTENU ############################## */
#contenu{width:730px;margin:0 auto;background:#FFF url(bg-degrade-contenu.jpg) repeat-y top left;text-align:left;}
#contenu.accueil{background:#FFF url(banniere-accueil2.jpg) no-repeat top left;padding-top:177px;}
#contenu2{background:transparent url(bg-contenu.jpg) no-repeat top left;padding:0 0 0 160px;min-height:450px;}
.accueil #contenu2{background:#B9B6AA url(portail-accueil.jpg) no-repeat bottom left;min-height:132px;padding:0 0 0 200px;}

#texte{width:550px;}
.demarches #texte{width:375px;float:left;}
.demarches #pratique{width:170px;float:right;background:#63ADE2 url(bg-pratique.jpg) repeat-x center bottom;padding-bottom:150px;}

#map{margin:0 auto;}
#form-gmm{margin:15px auto;}

.introbien{clear:both;margin:0 0 30px 0;background:#FFF url(bg-introbien.gif) repeat-x bottom left;padding-bottom:20px;}
.introbien2{margin-left:130px;padding-right:15px;}
.voirdetails{width:160px;background:#FFF url(loupe.gif) no-repeat left center;padding:10px 10px 10px 45px;float:left;margin-top:10px;}
.dispo{padding-top:10px;color:#A10709;font-size:1em;font-weight:bold;margin-top:10px;}
.retourliste{float:right;text-align:center;background-color:#BAB8AB;padding:3px 6px;font-weight:bold;font-size:0.9em;margin:4px 10px 0 0;}
.vignettes{margin:0 auto 10px auto;margin-left:50px;}
.contact{clear:both;padding-top:20px;font-weight:bold;width:185px;float:left;}
.contact a{color:#A10709;}
.localiser{float:right;padding:50px 10px 5px 30px;width:180px;background:#FFF url(bg-localiser.jpg) no-repeat left bottom;font-weight:bold;}
.versgal{float:right;padding:50px 10px 5px 30px;width:180px;background:#FFF url(bg-versgal.jpg) no-repeat left bottom;font-weight:bold;}

.annonces .desc{margin-top:35px;}
.annonces #dpe{margin-top:35px;position:relative;text-align:center}
.annonces #dpe .note{position:absolute;}
.annonces #dpe .pos-a{top:40px;}
.annonces #dpe .pos-b{top:62px;}
.annonces #dpe .pos-c{top:84px;}
.annonces #dpe .pos-d{top:106px;}
.annonces #dpe .pos-e{top:132px;}
.annonces #dpe .pos-f{top:155px;}
.annonces #dpe .pos-g{top:40px;}

.accueil #domaines{float:left;width:320px;color:#FFF;font-weight:bold;font-size:1em;padding:15px 0 26px 0;background:transparent url(picto-domaines.gif) no-repeat bottom center;letter-spacing:1px;}
.accueil #domaines ul{list-style:none;text-align:center;}
.accueil #domaines li{margin-bottom:5px;}
.accueil #domaines span{color:#296184;}

#annonce-accueil{width:195px;float:right;font-size:0.85em;color:#296184;font-weight:bold;}
#annonce-accueil h2{background:transparent url(fleche.gif) no-repeat left center;padding:10px 0 10px 25px;font-size:1.1em;}
#annonce-accueil h3, #contenu #annonce-accueil p{line-height:normal;font-weight:normal;}
#annonce-accueil img{border:3px solid #FFF;float:left;}
#annonce-accueil div{float:right;width:100px;margin:4px 5px 0 0;font-size:1em;border-top:1px dotted #FFF;border-bottom:1px dotted #FFF;padding:5px 0;}
#contenu #annonce-accueil p{margin:0;text-indent:0;text-align:left;}
#contenu #annonce-accueil .lieu{color:#FFF;margin-bottom:5px;}
#contenu .paginationliste{text-align:right;font-size:0.8em;font-weight:bold;}
#contenu .paginationliste .ditto_currentpage{padding:0 4px;margin:0 1px;text-decoration:none;color:#296184;}
#contenu .paginationliste a{border:1px solid #FFF;background-color:#BAB8AA;padding:1px 4px;margin:0 1px;text-decoration:none;}

#annonce-accueil a{text-decoration:none;}
#annonce-accueil a:hover{text-decoration:underline;}

/* Blocs images annonces */
.imgbig{width:450px;margin:25px auto;text-align:center;}
.imgbien, #imgbig{border:1px solid #BAB8AB;padding:3px;}
.introbien .imgbien{float:left;width:100px;height:75px;}
.vignettes .imgbien{float:left;margin-right:10px;margin-bottom:10px;}


/* ################################## TEXTES ############################## */
h1{color:#747158;font-size:1.6em;padding:15px 0 10px 0;}
h1 .puce{background:#FFF url(bg-h1.jpg) no-repeat center left;display:block;padding:5px 0 5px 35px;}
.demarches h1{background:#FFF url(bandeau-presentation.jpg) no-repeat left top;padding:120px 0 15px 0;margin-top:0;}
#domaines h1{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#texte h2, .annonces h1{color:#296184;font-size:1.1em;margin:0 0 10px 10px;font-family:Arial, Helvetica, sans-serif;}
.liste-annonces #texte h2, .annonces h1{font-size:1.4em;padding:0;margin:0;clear:both;}
.liste-annonces #texte h2 .prix, .annonces #texte h1 .prix{color:#A10709;white-space:nowrap;}
.liste-annonces #texte h2 .honoraires, .annonces #texte h1 .honoraires{font-size:0.75em;letter-spacing:normal;}

#texte h3{color:#296184;font-size:1em;margin:0 0 10px 30px;font-family:Arial, Helvetica, sans-serif;}
.liste-annonces #texte h3, .annonces #texte h3{margin-left:0;}
/* Infos pratiques (démarches)*/
#pratique h3{color:#FFF;text-align:center;background:#63ADE2 url(bg-h3-pratique.jpg) repeat-x top left;min-height:44px;font-size:1.5em;padding-top:10px;}

#contenu p{margin-bottom:2px;text-indent:20px;line-height:1.5;text-align:justify;}
#contenu .introbien2 p{text-indent:0;}
#contenu.annonces .desc p{text-indent:0;}
#contenu p.doc-annonces{padding-left:25px;background:#FFF url(pdf-document.png) no-repeat center left;text-indent:0;}

#texte ul, #texte ol{margin:0 0 10px 35px;}

.caracbien{background:#5EACE1 url(bg-caracbien.gif) repeat-y right;padding:8px 0;margin-bottom:25px;}
#texte .caracbien ul{float:left;width:132px;color:#FFF;list-style:none;font-weight:bold;padding:0 15px;font-size:0.9em;margin:0;}
.caracbien li{margin-bottom:2px;}


#contenu address{font-style:normal;margin:0 0 40px 40px;}
#contenu address p{text-indent:0;}
#contenu address .tel, #contenu .contact .tel{padding-left:25px;background:#FFF url(telephone.png) no-repeat center left;}
#contenu address .fax{padding-left:25px;background:#FFF url(fax.png) no-repeat center left;}
#contenu address .mail, #contenu .contact .mail{padding-left:25px;background:#FFF url(mail.png) no-repeat center left;}

#texte .loyer{font-weight:bold;color:#296184;list-style:none;margin-left:0;}

.demarches #texte ul{margin:0 0 15px 30px;text-align:justify;}
.demarches #texte li{line-height:1.5;margin-bottom:6px;}

#pratique li{list-style-type:none;background:#63ADE2 url(pratique.gif) no-repeat 10px 50%;padding:15px 10px 15px 45px;border-top:1px solid #FFF;}
#pratique li.first{/*background:#63ADE2 url(pieces-fournir.gif) no-repeat 5px 50%;*/border-top:none;}
#pratique a{color:#FFF;text-decoration:none;font-weight:bold;}
#pratique a:hover{text-decoration:underline;}

.liste-annonces h2 a, .annonces h1 a{text-decoration:none;}
.retourliste a{color:#000;text-decoration:none;}

.photosnotaires{float:left;border:1px solid #BAB8AB;padding:3px;}
/* ##################### FORMULAIRES #########################*/
.champ{margin:0 0 10px 0;}
.champ label{display:block;width:140px;float:left;padding:1px 8px 0 10px;text-align:right;}
input, textarea{border:1px solid #817F73;padding:2px;font-family:Arial, 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;font-size:1em;}
input.error-req, textarea.error-req{border:1px solid red;}
input:focus, textarea:focus{border:1px solid #296184;}
.button {text-align:center;}
.req{color:red;}
.form-error{background-color:#FFFFFF;border:1px solid red;padding:5px 10px 0 10px;margin:5px 20px 25px 20px;}
#contenu .form-error p{margin-bottom:5px;}

/* ################################## FOOTER ############################## */
#footer{width:720px;margin:0 auto;clear:both;padding:30px 20px 40px 20px;background:transparent url(bg-footer.jpg) no-repeat bottom center;font-size:0.8em;color:#296184;font-weight:bold;}
#footer .liens{color:#817F73;margin-bottom:10px;}
#footer .liens a{color:#817F73;text-decoration:none;}
#credits{width:720px;margin:0 auto;padding-bottom:10px;color:#817F73;font-size:0.8em;font-weight:bold;}