/* --------------------- general --------------------- */

body { 
color: #d7d1b3; 
font-size: 11px; 
font-family:  Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
height: 100%;
background-color: #f8f5df;
}

object { 
    outline:none;
}


@media screen{
        body {
            background-color:#f8f5df;
            color:#d7d1b3;
        }
        .screenonly {display:block}
        .printonly {display:none}
}


@media print{
        body {
            background-color:#ffffff;
            color:#000000;
        }
        .screenonly {display:none}
        .printonly {display:block}
        
}

#global {
width: 100%;
background-repeat: repeat-x;
background-image:url(../medias/fond.gif);
background-repeat: repeat-x;
background-color:#523e1b;
padding-bottom:20px;
}

#global-blanc {
width: 100%;
background-image:url(../medias/fond-blanc.gif);
background-repeat: repeat-x;
background-color:#523e1b;
padding-bottom:20px;
background-color: #ffffff;
}

#global-english {
width: 100%;
background-image:url(../medias/fond-english.gif);
background-repeat: repeat-x;
background-color:#523e1b;
padding-bottom:20px;
}

#logo {
margin-left: -172px;
left: 50%;
width: 344px;
position:relative;
padding-top: 0px;
}

#contenu {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 230px;
}

#contenu-english {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 250px;
}

#contenu-small {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 180px;
}

#contenu-blanc {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 140px;
background-color:#FFF;
}

.spacer { 
clear: both;
}

.float { 
float: left;
}

.right { 
float: right;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 10px 1.5em;
}

li {
list-style:disc;
}

/* --------------------- accueil --------------------- */

#contenu-home {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
padding-top: 280px;
}

#accueil-gauche {
width: 540px;
margin-right:50px;
float:left;
}

#accueil-droite {
width: 370px;
float:left;
}

.accueil-vignette {
width: 102px;
margin:0px 16px 0px 0px;
float:left;
}

.accueil-texte {
width: 422px;
float:left;
}

.actualites-texte {
width: 840px;
float:left;
}

.accueil-trait {
clear:both;
width: 540px;
height:31px;
background-image:  url(../medias/trait.gif); 
background-repeat: repeat-x;
}

.actualites-trait {
clear:both;
width:960px;
height:31px;
background-image:  url(../medias/trait.gif); 
background-repeat: repeat-x;
}

#carte {
clear:both;
width: 370px;
}


/* --------------------- footer --------------------- */

#footer-container {
width: 100%;
background-image:  url(../medias/footer.gif); 
background-repeat: repeat;
padding-top: 12px;
font-size:10px;
}

#legals-container {
width: 100%;
background-image:  url(../medias/fond-legals.gif); 
background-repeat: repeat-x;
height:45px;/*70*/
padding-top:25px;
font-size:10px;
color:#d7d1b3;
}

#legals-texte {
margin-left: -480px;
left: 50%;
width: 960px;
position: relative;
color: #d7d1b3;
}

#footer {
margin-left: -480px;
left: 50%;
width: 960px;
position: relative;
color: #76674e;
}

#footer-gauche {
width: 540px;
margin-right:50px;
float:left;
}

#footer-middle {
width: 220px;
margin-right:50px;
float:left;
}

#footer-middle-small {
width: 220px;
margin-right:25px;
float:left;
}

#footer-droite {
width: 100px;
float:left;
}

.fleche-footer {
float:left;
width:25px;
}

#footer-gauche-texte {
width: 515px;
float:left;
}

#footer-middle-texte {
width: 195px;
float:left;
}

.footer-gen {
width: 282px;
margin-right:25px;
float:left;
}

.footer-gen-texte {
width: 257px;
float:left;
}

#footer-droite-texte {
width: 75px;
float:left;
}

#footer-texte-english {
float:left;
padding-top:10px;
}

.footer-titre {
text-transform:uppercase;
border-bottom:1px solid #c0b69c;
padding:0px 0px 2px 0px;
margin:0px 0px 2px 0px;
}

.footer-spacer {
width: 25px;
float:left;
}

.footer-spacer-pt {
width: 15px;
float:left;
}

/* --------------------- bandeau --------------------- */ 

#bandeau-accueil-container {
position:absolute;
width: 100%;
top:100px;
background-image:  url(../medias/bandeau-accueil-fond.gif); 
background-repeat: repeat-x;
height:255px;
padding-top:10px;
}

#bandeau-container {
position:absolute;
width: 100%;
top:100px;
background-image:  url(../medias/bandeau-fond.gif); 
background-repeat: repeat-x;
height:231px;
}

#bandeau-container-vide {
position:absolute;
width: 100%;
top:100px;
height:231px;
}

#bandeau-container-small {
position:absolute;
width: 100%;
top:100px;
background-image:  url(../medias/bandeau-fond-small.gif); 
background-repeat: repeat-x;
height:149px;
}

#bandeau-container-blanc {
position:absolute;
width: 100%;
top:100px;
background-image:  url(../medias/bandeau-fond-blanc.gif); 
background-repeat: repeat-x;
}

#bandeau {
margin-left: -480px;
left: 50%;
width: 960px;
position:relative;
color:#68491b;
}

#fil-ariane {
font-size:10px;
color:#76674e;
padding-top:5px;
height:20px;
}

#flashContent {
z-index:0;
}

.logement-gauche {
width: 255px;
float:left;
margin-top:20px;
}

.logement-droite {
width: 705px;
float:left;
margin-top:17px;
}

.logement-gauche-haut {
width: 428px;
float:left;
margin-top:20px;
}

.logement-droite-haut {
width: 532px;
float:right;
margin-top:17px;
}

.pages-gauche {
float:left;
margin-top:20px;
}

.pages-droite {
float:right;
padding-top:30px;
}

#scroll {
float:left;
width:650px;
margin:0px 12px 0px 13px;
}

.photo {
float:left;
width:146px;/*152*/
padding:3px;
background-image:  url(../medias/photo-fond.jpg); 
background-repeat: no-repeat;
}

.photo-spacer {
float:left;
width:13px;
}

.fleche {
float:left;
padding-top:40px;
width:15px;
}

.logement-liste { 
float: left;
font-size:11px;
margin-left:10px;
}

.legende { 
float: left;
margin-top:3px;
}

/* --------------------- pages --------------------- */

.picto { 
float:left;
padding: 0px 8px 0px 0px;
}

.picto-tel { 
float:left;
padding: 3px 8px 0px 0px;
}

.picto-texte { 
float:left;
padding: 4px 0px 0px 0px;
}

.logement-onglet { 
float:left;
margin: 0px 4px 0px 0px;
}

#logement-bloc-beige { 
clear:both;
width:683px;/*700*/
background-color:#f6f3dd;
padding:10px;
color:#68491b;
font-size:12px;
}

.fleche-index { 
float:left;
width:15px;
margin-top:100px;
}

#index-bloc-container { 
float:left;
width:930px;
padding-bottom:20px;
}

#index-bloc-container-realisations { 
float:left;
width:870px;/*930*/
margin:0px 20px 0px 20px;
padding:10px;
background-color:#ffffff;
}
* html #index-bloc-container-realisations {margin:0px 18px 0px 18px; }

.index-bloc { 
float:left;
width:178px;/*200*/
height:222px;/*244*/
background-color:#ffffff;
padding:11px;
margin:0px 16px 0px 16px;
color:#68491b;
font-size:11px;
/*background-image:  url(../medias/fond-index-bloc.gif); 
background-repeat: no-repeat;*/
}
* html .index-bloc {margin:0px 12px 0px 12px; }

.realisation-droite { 
float:left;
margin:0px 0px 0px 20px;
color:#68491b;
font-size:11px;
}

.vignette-index { 
float:left;
margin:8px 10px 0px 0px;
}

.vignette { 
float:left;
margin:14px 10px 0px 0px;
}

#article-gauche { 
float:left;
width:525px;
margin:0px 60px 0px 0px;
font-size:12px;
color:#edebe1;
}

#article-droite { 
float:left;
width:375px;
margin:0px 0px 0px 0px;
}

#terrains-gauche {
width: 540px;
margin-right:50px;
float:left;
font-size:11px;
color:#76674e;
}

.terrains-titre {
font-size:12px;
font-weight:bold;
color:#68491b;
}

#terrains-droite {
width: 270px;
margin-left:100px;
float:left;
}

* html #terrains-droite {margin-left:90px;}

#contact-gauche {
width: 270px;
margin-right:50px;
float:left;
font-size:11px;
color:#76674e;
}

#contact-droite {
width: 540px;
margin-left:100px;
float:left;
}

#english-gauche {
width: 540px;
margin-right:50px;
float:left;
font-size:11px;
color:#edebe1;
}

#english-droite {
width: 350px;
margin-left:0px;
float:left;
}

.english-titre {
font-size:12px;
font-weight:bold;
color:#fe8813;
margin-top:0px;
}

.plancol {
width: 280px;
margin-right:40px;
float:left;
}

.plancol-fin {
width: 280px;
margin-right:0px;
float:left;
}

/* --------------------- menu --------------------- */
 
#menu {
z-index:1000;
width: 960px;
height:38px;
}
* html #menu {
z-index:1000;
width: 963px;
}

a.menu-accueil, a.menu-accueil-current { display: block; float:left; background-image:url(../medias/menu-accueil.gif); background-repeat: no-repeat; width: 67px; height: 38px; margin: 0px; padding:0px; }
a.menu-accueil:hover, a.menu-accueil.active, a.menu-accueil-current { background-position:0 -38px; text-decoration:none; }

a.menu-programmes, a.menu-programmes-current { display: block; float:left; background-image:url(../medias/menu-programmes.gif); background-repeat: no-repeat; width: 148px; height: 38px; margin: 0px; padding:0px; }
a.menu-programmes:hover, a.menu-programmes.active, a.menu-programmes-current { background-position:0 -38px; text-decoration:none; }

a.menu-realisations, a.menu-realisations-current { display: block; float:left; background-image:url(../medias/menu-realisations.gif); background-repeat: no-repeat; width: 146px; height: 38px; margin: 0px; padding:0px; }
a.menu-realisations:hover, a.menu-realisations.active, a.menu-realisations-current { background-position:0 -38px; text-decoration:none; }

a.menu-conseiller, a.menu-conseiller-current { display: block; float:left; background-image:url(../medias/menu-conseiller.gif); background-repeat: no-repeat; width: 140px; height: 38px; margin: 0px; padding:0px; }
a.menu-conseiller:hover, a.menu-conseiller.active, a.menu-conseiller-current { background-position:0 -38px; text-decoration:none; }

a.menu-biens, a.menu-biens-current { display: block; float:left; background-image:url(../medias/menu-biens.gif); background-repeat: no-repeat; width: 172px; height: 38px; margin: 0px; padding:0px; }
a.menu-biens:hover, a.menu-biens.active, a.menu-biens-current { background-position:0 -38px; text-decoration:none; }

a.menu-contact, a.menu-contact-current { display: block; float:left; background-image:url(../medias/menu-contact.gif); background-repeat: no-repeat; width: 143px; height: 38px; margin: 0px; padding:0px; }
a.menu-contact:hover, a.menu-contact.active, a.menu-contact-current { background-position:0 -38px; text-decoration:none; }

a.menu-espace, a.menu-espace-current { display: block; float:left; background-image:url(../medias/menu-espace.gif); background-repeat: no-repeat; width: 144px; height: 38px; margin: 0px; padding:0px; }
a.menu-espace:hover, a.menu-espace:active, a.menu-espace-current { background-position:0 -38px; text-decoration:none; }

.calques{
background-color:#3d2d16;
}

/* --------------------- boutons / onglets --------------------- */
 
a.btn-carte, a.btn-carte-current { display: block; float:left; background-image:url(../medias/btn-carte.gif); background-repeat: no-repeat; width: 104px; height: 20px; margin: 0px; padding:0px; }
a.btn-carte:hover, a.btn-carte:active, a.btn-carte-current { background-position:0 -20px; text-decoration:none; }

a.btn-criteres, a.btn-criteres-current { display: block; float:left; background-image:url(../medias/btn-criteres.gif); background-repeat: no-repeat; width: 117px; height: 20px; margin: 0px; padding:0px; }
a.btn-criteres:hover, a.btn-criteres:active, a.btn-criteres-current { background-position:0 -20px; text-decoration:none; }

a.onglet-presentation, a.onglet-presentation-current { display: block; float:left; background-image:url(../medias/onglet-presentation.gif); background-repeat: no-repeat; width: 104px; height: 20px; margin: 0px; padding:0px; }
a.onglet-presentation:hover, a.onglet-presentation:active, a.onglet-presentation-current { background-position:0 -20px; text-decoration:none; }

a.onglet-tarifs, a.onglet-tarifs-current { display: block; float:left; background-image:url(../medias/onglet-tarifs.gif); background-repeat: no-repeat; width: 104px; height: 20px; margin: 0px; padding:0px; }
a.onglet-tarifs:hover, a.onglet-tarifs:active, a.onglet-tarifs-current { background-position:0 -20px; text-decoration:none; }

a.onglet-carte, a.onglet-carte-current { display: block; float:left; background-image:url(../medias/onglet-carte.gif); background-repeat: no-repeat; width: 104px; height: 20px; margin: 0px; padding:0px; }
a.onglet-carte:hover, a.onglet-carte:active, a.onglet-carte-current { background-position:0 -20px; text-decoration:none; }

a.onglet-prestations, a.onglet-prestations-current { display: block; float:left; background-image:url(../medias/onglet-prestations.gif); background-repeat: no-repeat; width: 104px; height: 20px; margin: 0px; padding:0px; }
a.onglet-prestations:hover, a.onglet-prestations:active, a.onglet-prestations-current { background-position:0 -20px; text-decoration:none; }


/* --------------------- texte --------------------- */
 
h1{
padding: 0px 0px 0px 0px;
margin: 0px 0px 4px 0px;
font-size: 24px;
color:#fff;
font-weight: normal;
}

h2{
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: 24px;
color:#fff;
font-weight: normal;
}

h3{
padding: 0px 0px 0px 0px;
/*margin: 0px 0px 5px 0px;*/
margin: 0;
font-size: 24px;
color:#fff;
font-weight: normal;
}

.blanc{
color:#fff;
font-weight: bold;
}

/* --------------------- formulaire --------------------- */

form{
padding:0px;
margin:0px;
}

.dropdown-regions{
background-color: #ffffff;
border: #d4d4d4 1px solid;
/*width: 160px;*/
font-size: 10px;
color: #666666;
margin: -4px 0px 4px 5px;
padding: 2px 2px 2px 2px;
float:right;
}

.trier{
float:right;
width:auto;
}

.english{
float:left;
width:60px;
color: #ffffff;
}

.textfield-english{
background-color: #927951;
border: #9e8967 1px solid;
width: 98px;
font-size: 10px;
color: #ffffff;
margin: 0px 0px 4px 5px;
padding: 2px;
float:left;
}

.dropdown-english{
background-color: #927951;
border: #9e8967 1px solid;
width: 104px;
font-size: 10px;
color: #ffffff;
margin: 0px 0px 4px 5px;
padding: 2px;
float:left;
}

.textarea-english{
background-color: #927951;
border: #9e8967 1px solid;
width: 345px;
height: 60px;
margin-top:5px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
color: #ffffff;
}

.form-col{
float:left;
width:170px;
}


label{
float:left;
width:98px;
color: #76674e;
}

label.criteres{
float:left;
/*width:98px;*/
width:110px;
color: #e5e1cc;
}

.dropdown-criteres{
background-color: #ffffff;
border: #d4d4d4 1px solid;
width: 220px;
font-size: 10px;
color: #76674e;
margin: 0px 0px 4px 13px;
padding: 2px;
float:left;
}

.envoyer-criteres{
float:right;
margin:35px 15px 0px 0px;
}
* html .envoyer-criteres { margin:35px 7px 0px 0px; }

#recherche-criteres {
background-image:  url(../medias/recherche-criteres.gif); 
background-repeat: no-repeat;
width:357px;/*372*/
height:120px;/*165*/
padding:45px 0px 0px 15px;
}
* html #recherche-criteres { padding:45px 0px 0px 13px; }

.textfield{
background-color: #ffffff;
border: #d4d4d4 1px solid;
width: 160px;
font-size: 10px;
color: #76674e;
margin: 0px 0px 4px 5px;
padding: 2px;
float:left;
}

.dropdown{
background-color: #ffffff;
border: #d4d4d4 1px solid;
width: 166px;
font-size: 10px;
color: #76674e;
margin: 0px 0px 4px 5px;
padding: 2px;
float:left;
}

.envoyer{
float:right;
margin-right:0px;
}




.alerte{
color: #ff0000;
font-weight:bold;
}

.textarea{
background-color: #ffffff;
border: #d4d4d4 1px solid;
width: 268px;
height: 80px;
margin-top:5px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
color: #76674e;
}

.textarea-contact{
background-color: #ffffff;
border: #d4d4d4 1px solid;
width: 437px;
height: 120px;
margin-top:0px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
color: #76674e;
}

 /* --------------------- liens --------------------- */

a:link { color: #fe8813; font-weight:bold; text-decoration: none; }
a:visited { color: #fe8813; font-weight:bold; text-decoration: none; }
a:hover { color: #fe8813; font-weight:bold; text-decoration: underline; }
a:active { color: #fe8813; font-weight:bold; text-decoration: underline; }

a.lien-rubrique:link { color: #fff; text-decoration: none; font-weight:bold; }
a.lien-rubrique:visited { color: #fff; text-decoration: none; font-weight:bold; }
a.lien-rubrique:visited { color: #fff; text-decoration: none; font-weight:bold; }
a.lien-rubrique:hover { color: #fff; text-decoration: underline; font-weight:bold; }
a.lien-rubrique:active { color: #fff; text-decoration: underline; font-weight:bold; }

a.lien-sousrubrique:link { color: #d7d1b3; text-decoration: none; font-weight:normal; font-size:11px; }
a.lien-sousrubrique:visited { color: #d7d1b3; text-decoration: none; font-weight:normal; font-size:11px; }
a.lien-sousrubrique:hover { color: #d7d1b3; text-decoration: underline; font-weight:normal; font-size:11px; }
a.lien-sousrubrique:active { color: #d7d1b3; text-decoration: underline; font-weight:normal; font-size:11px; }

a.lien-clair:link { color: #e8630a; text-decoration: none; font-weight:bold; }
a.lien-clair:visited { color: #e8630a; text-decoration: none; font-weight:bold; }
a.lien-clair:hover { color: #e8630a; text-decoration: underline; font-weight:bold; }
a.lien-clair:active { color: #e8630a; text-decoration: underline; font-weight:bold; }

a.lien-uppercase:link { color: #e8630a; text-decoration: none; font-weight:bold; text-transform:uppercase; }
a.lien-uppercase:visited { color: #e8630a; text-decoration: none; font-weight:bold; text-transform:uppercase; }
a.lien-uppercase:hover { color: #e8630a; text-decoration: underline; font-weight:bold; text-transform:uppercase; }
a.lien-uppercase:active { color: #e8630a; text-decoration: underline; font-weight:bold; text-transform:uppercase; }

a.lien-uppercase-clair:link { color: #fe8813; text-decoration: none; font-weight:bold; text-transform:uppercase; }
a.lien-uppercase-clair:visited { color: #fe8813; text-decoration: none; font-weight:bold; text-transform:uppercase; }
a.lien-uppercase-clair:hover { color: #fe8813; text-decoration: underline; font-weight:bold; text-transform:uppercase; }
a.lien-uppercase-clair:active { color: #fe8813; text-decoration: underline; font-weight:bold; text-transform:uppercase; }

a.lien-vignette:link { opacity: 0.4; filter: alpha(opacity=40); }
a.lien-vignette:visited { opacity: 0.4; filter: alpha(opacity=40); }
a.lien-vignette:hover { opacity: 1; filter: alpha(opacity=100); }
a.lien-vignette:active { opacity: 1; filter: alpha(opacity=100); }

a.lien-footer:link { color: #76674e; text-decoration: none; font-weight:normal; }
a.lien-footer:visited { color: #76674e; text-decoration: none; font-weight:normal; }
a.lien-footer:hover { color: #76674e; text-decoration: underline; font-weight:normal; }
a.lien-footer.active { color: #76674e; text-decoration: underline; font-weight:normal; }

a.lien-news:link { color: #d7d1b3; text-decoration: none; font-weight:normal; }
a.lien-news:visited { color: #d7d1b3; text-decoration: none; font-weight:normal; }
a.lien-news:hover { color: #fff; text-decoration: none; font-weight:normal; }
a.lien-news:active { color: #fff; text-decoration: none; font-weight:normal; }

a.lien-calques:link { color: #b59f7c; text-decoration: none; font-weight:normal; border-top:1px solid #604e3d; display:block; padding: 5px 0px 5px 8px; }
a.lien-calques:visited { color: #b59f7c; text-decoration: none; font-weight:normal; border-top:1px solid #604e3d; display:block; padding: 5px 0px 5px 8px; }
a.lien-calques:hover { color: #fff; text-decoration: none; font-weight:normal; border-top:1px solid #604e3d; display:block; padding: 5px 0px 5px 8px; }
a.lien-calques:active { color: #fff; text-decoration: none; font-weight:normal; border-top:1px solid #604e3d; display:block; padding: 5px 0px 5px 8px; }

#recommander-container, #recommander-container-merci {background-color:#FFF; width:548px; height:280px; color:#68491b; font-size:12px;}
#recommander-interieure{padding:20px 30px 10px 30px; }
.recommander-gauche{float:left; width:230px; margin-top:10px; margin-right:25px; font-size:11px; color:#76674e;}
.recommander-droite{float:right; width:230px; margin-top:10px; font-size:11px; color:#76674e; }
.textfield-recommander{background-color: #ffffff;border: #d4d4d4 1px solid;width: 120px;font-size: 10px;color: #76674e;margin: 0px 0px 4px 5px;padding: 2px;float:left;}

#hp_programmes a:hover {text-decoration:none;}
#hp_programmes a:active {text-decoration:none;}

#hp_actualites a:hover {text-decoration:none;}
#hp_actualites a:active {text-decoration:none;}