*{padding:0; margin:0;}
body {color:black; background-image:url(images/bg_body.jpg);font-family: arial, sans-serif; font-size: 12px; background-color:black; background-position: 50% 0%; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  

.wrapper {width:992px; margin:0 auto;}
.vert {color:#7ab819 !important;}

#content h1 {font-size:22px; font-weight:bold; color:#bfd3e2; height:63px; width:100%; line-height:63px;}
#content h1 span {font-size:18px; font-weight:normal;}
h2 {font-size:16px; font-weight:bold; color:#0f3341; text-transform:uppercase; margin:30px 0 10px;}
h3 {color:#0f3341; font-size:13px; font-weight:bold;}

#headerAccueil {height:422px; background-image:url(images/bg_header_accueil.jpg);background-position: 50% 0%;  }
#headerAccueil .wrapper {padding:33px 0 0 230px; width:762px; position:relative; }
    #headerAccueil span#nom {font-size:25px; font-weight:bold; color:#1e5466; position:relative; left:4px;}
    #headerAccueil #mainNav {list-style-type:none; padding-top:7px;  margin-left:4px;}
    #headerAccueil #mainNav li {font-size:18px; float:left; color:#2c6174; padding:0 10px 0 0;}
    #headerAccueil #mainNav a{text-decoration:none; color:#2c6174; text-transform:uppercase;}
    #headerAccueil #mainNav a:hover{color:#7ab819;}
    #headerAccueil p.phrases {width:225px; font-weight:bold; float:left; margin:240px 0 0 -230px; color:#92c83e; font-size:32px; font-weight:bold; line-height:28px; }
    #headerAccueil p.phrases a {font-size:16px; color:#bcdae5; font-weight:normal; text-decoration:none;position:relative; top:-8px;}
    #headerAccueil span.phrase {width:300px; display:block; padding-top:7px; color:white; text-transform:uppercase; font-size:15px; margin-left:-230px; font-weight:bold; }
        
        
        #maisonVedette {width:758px; height:277px;margin:22px 0 0 4px; position:relative; }
        #maisonVedette div#resumeMaisonVedette {position:relative; width:183px; padding:40px 10px 0px 10px; float:left;}
        #maisonVedette h2 {margin:0 0 0 0 !important; text-transform:none !important; line-height:24px;font-weight:bold; font-size:18px; color:white;}
        #maisonVedette p {line-height:16px;font-weight:bold; font-size:12px; color:white; margin:15px 0 20px 0;}  
        #maisonVedette .voirDetails  {position:absolute; top:200px; left:10px; background-position:left;display:block; height:29px; width:124px; background-image:url(images/btn_voir_detail_header.jpg);}
        #maisonVedette .voirDetails:hover {background-position:right;}
        
        #maisonVedette .flecheDroite {background-image:url(images/fleche_vide.png);  display:block; width:70px; height:277px; background-repeat:no-repeat; position:absolute; z-index:5;  margin:0px 0 0 485px; background-position:center;}
        #maisonVedette .flecheGauche {background-image:url(images/fleche_vide.png);  display:block; width:70px; height:277px; background-repeat:no-repeat; position:absolute; z-index:5;  margin:0px 0 0 0px; background-position:center;}
        
        #maisonVedette span#selecteursPhotos {position:absolute; margin:250px 0 0 -70px; }
        #maisonVedette span#selecteursPhotos a {display:inline-block; width:12px; height:12px; background-image:url(images/rond_fond_vert.jpg); background-position:left;} 
            #maisonVedette span#selecteursPhotos a:hover {background-position:right;}
            
#header {height:132px; background-image:url(images/bg_header.jpg);background-position: 50% 0%;  }
#header .wrapper {padding:33px 0 0 160px; width:832px;}
    #header span#nom {font-size:25px; font-weight:bold; color:#1e5466;}
    #header #mainNav {list-style-type:none; padding-top:7px;}
    #header #mainNav li {font-size:18px; float:left; color:#2c6174; padding:0 10px 0 0;}
    #header #mainNav a{text-decoration:none; color:#2c6174; text-transform:uppercase;}
    #header #mainNav a:hover{color:#7ab819;}
    #header span#phrase {display:block; padding-top:17px; color:white; text-transform:uppercase; font-size:15px; font-weight:bold;  }
    
    
    
#content { background-image:url(images/bg_content.jpg);background-position: 50% 0%;  color:#0f3341; background-repeat:no-repeat;}
    #contentAccueil {background-image:url(images/bg_content_accueil.jpg);background-position: 50% 0%; background-repeat:no-repeat;}
    #contentAccueil h1 {font-size:16px; font-weight:bold; color:#0f3341; text-transform:uppercase;}

    #leftColumn{float:left; width:598px; padding:35px 37px 30px 30px;}
    #leftColumn h4 {color:white; text-transform:uppercase; font-weight:bold; font-size:22px; width:584px; height:58px; line-height:58px; padding-left:12px;}
    #leftColumn h4.titreOrange {background-image:url(images/titre_orange.jpg);}
     
     #leftColumn div.encadre {width:598px; border-top:1px dotted #999999; font-size:12.5px; border-bottom:1px dotted #999999; padding:15px 0 20px 0; line-height:18px;}
    #leftColumn div.borderTop {width:598px; border-top:1px dotted #999999; font-size:12.5px;  padding:15px 0 20px 0; line-height:18px;}
        
        #trieProprietes { width:300px; color:#878686;}
        #trieProprietes select {width:295px;}
        
        #pageProprietes {color:#0f3341; font-weight:bold; font-size:12px; display:block; float:right; }
        #pageProprietes a {color:#0f3341;}
    
        table#listeProprietes {border-collapse:collapse; width:598px; margin:12px 0; position:relative;}
            table#listeProprietes img {width:160px; height:106px; padding:5px; border:1px solid #c7c7c7; margin-right:20px;}
            table#listeProprietes td {vertical-align:top; text-align:left; border-top:1px dotted #999999; border-bottom:1px dotted #999999; padding:15px 0 20px 0;}
            table#listeProprietes td p {color:#0f3341; font-size:11px; font-weight:bold; line-height:18px;}
            table#listeProprietes td p .prix {color:#92c83e; font-size:25px; line-height:20px; }
            table#listeProprietes a.loupe {display:block; margin:-34px 0 0 141px; width:31px; height:31px; position:absolute; background-image:url(images/loupe.jpg);}
            table#listeProprietes .voirDetails {background-position:left; display:block; width:124px; height:29px; background-image:url(images/btn_voir_details.jpg); float:right; margin-top:-20px;}
            table#listeProprietes .voirDetails:hover {background-position:right;}
    
    table#detailsPropriete {border-collapse:collapse; width:598px; margin:12px 0;}
        table#detailsPropriete td {vertical-align:top; text-align:left; border-top:1px dotted #999999; padding:15px 0 20px 0;}
        table#detailsPropriete img {border:1px solid #666667; margin-right:12px; width:367px;}     
        table#detailsPropriete p {color:#0f3341; font-size:11px; line-height:13px;}
        table#detailsPropriete p span.font12 {font-size:12px;}
        table#detailsPropriete a {color:#75bb08; text-decoration:none;}
        table#detailsPropriete a.loupe {display:block; margin:-35px 0 0 337px; width:31px; height:31px; position:absolute; background-image:url(images/loupe.jpg);} 
        table#detailsPropriete span#selecteursPhotos {float:right; margin-right:12px;}
        table#detailsPropriete span#selecteursPhotos a {display:inline-block; width:12px;  height:12px; background-image:url(images/rond_fond_blanc.jpg); background-position:left;} 
            table#detailsPropriete span#selecteursPhotos a:hover {background-position:right;}

    
    #rightColumn{float:left; width:327px;}
        #rightColumn h4, #rightColumn h4 a {width:306px; text-decoration:none;  height:37px; color:white; text-align:right; font-size:16px; font-weight:bold; text-transform:uppercase; padding:21px 21px 0 0;}
            #rightColumn h4 a {padding:0px !important;}
            #rightColumn h4.titreVert {background-image:url(images/titre_vert.jpg);}
            #rightColumn h4.titreBleu {background-image:url(images/titre_bleu.jpg);}
            #rightColumn h4.titreJaune {background-image:url(images/titre_jaune.jpg);}
            
                
                #rechercheVente div {padding:22px; height:192px;}
                #rechercheVente a#recherche {display:inline-block; width:157px; height:52px; background-position:left; background-image:url(images/btn_recherche.jpg);} 
                #rechercheVente a#vente {display:inline-block; width:170px;  height:52px; background-position:left; background-image:url(images/btn_vendre.jpg);}
                #rechercheVente a#vente:hover, #rechercheVente a#vente.choisi  {background-position:right;}
                #rechercheVente a#recherche:hover, #rechercheVente a#recherche.choisi {background-position:right;}
                
                #formVente , #formRecherche {color:#878686;}
                #rechercheVente input[type=text]{width:280px; padding:2px; }
                #rechercheVente select { padding:2px; }
                #rechercheVente input[type=image]{float:right;}
                 #rechercheVente select {color:#878686;}
                
                #temoignages div {padding:22px;}
                #temoignages p {color:#0f3341; font-size:12px; font-weight:bold; line-height:18px;}
                #temoignages .nomTemoignage {font-size:16px; display:block;}
                
                #engagements div {padding:22px;}
                #engagements ul {list-style-type:none;}
                #engagements li {border-bottom:1px solid #999999; color:#0f3341; line-height:18px; font-size:16px; font-weight:bold; padding:12px 0 }
                #engagements li.dernier {border-bottom:none; }
                #engagements p {color:#0f3341; font-size:12px; font-weight:bold; line-height:18px;}
                #engagements span {font-size:16px; display:block;}
                
                #bulletin div {padding:22px;}
                #bulletin p {color:#0f3341; line-height:18px; font-size:16px; font-weight:bold; }
                #formBulletin input[type=text] {padding:2px; width:170px; padding-bottom:1px;}
                
                
                                
#footer {height:308px; background-image:url(images/bg_footer.jpg);background-position: 50% 0%; }
    #copyright {color:#92c83e; padding-top:60px;}
    #beaulieu {display:block; width:180px; height:97px; float:right; margin:-4px 15px 0 0; background-image:url(images/beaulieu.jpg);}
    
    
.sousMenu {display:none; list-style-type:none; z-index:15; position:absolute; width:180px; height:140px; background-image:url(images/bg_sous_menu.png); padding:12px 12px 0 22px; margin:-34px 0 0 -22px;}

.sousMenu a {  padding:3px 0; display:block;font-size:11px; color:#1e5466; font-weight:bold;}
.sousMenu a:hover {color:white !important;}
.sousMenu li { float:none !important; padding:0 !important; border-bottom:1px solid #1e5466; width:172px;}
.sousMenu li.noBorder {border-bottom:none;}
.sousMenu li span {display:block;font-size:18px !important; color:#2c6174 !important; font-weight:normal !important; padding-bottom:20px;}
.niveau1:hover .sousMenu{display:block;}

#popupPhoto {position:absolute; width:593px; padding:44px 0px; margin:80px auto; z-index:2;  }
#popupPhoto #fermer {display:block; position:absolute; z-index:4; width:25px; height:25px; background-image:url(images/x_fermer.png); margin:-15px 0 0 505px;}
#popupPhoto .crop {width:505px; overflow:hidden; margin:0px 0 0 0px; min-height:342px;}
#popupPhoto img {display:block;  width:505px; }
#popupPhoto #bas {padding:10px 10px; margin:-32px 0px 0 1px; position:absolute; z-index:3; width:484px; height:12px; background-image:url(images/bas_popup_photo.png); }
#popupPhoto #bas a {text-decoration:none; }
#popupPhoto .flecheDroite {background-image:url(images/fleche_vide.png); display:block; width:70px; height:342px; background-repeat:no-repeat; position:absolute; z-index:5;  margin:0px 0 0 438px; background-position:center;}
#popupPhoto .flecheGauche { background-image:url(images/fleche_vide.png);display:block; width:70px; height:342px; background-repeat:no-repeat; position:absolute; z-index:5; margin:0px 0 0 0; background-position:center; }

#popupHaut {height:48px; background-image:url(images/bg_popup_haut.png); }
#popupBody {background-image:url(images/bg_popup_body.png); background-repeat:repeat-y; padding:0px 42px 0px;}
#popupBas {height:48px;  background-image:url(images/bg_popup_bas.png); }

.flecheDroite:hover {background-image:url(images/fleche_droite.png) !important;}
.flecheGauche:hover {background-image:url(images/fleche_gauche.png) !important;}

#retourListe {background-position:left; display:inline-block; float:left; height:29px;width:157px; background-image:url(images/btn_retour_liste.jpg); }
#retourListe:hover {background-position:right;}
#imprimer {background-position:left; display:inline-block; float:right; height:29px; width:96px; background-image:url(images/btn_imprimer.jpg); }
#imprimer:hover {background-position:right;}

a {cursor:pointer;}
a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}

#cropMaisonVedette {overflow:hidden; width:555px; height:277px;  float:left; position:relative;  z-index:2; }
#cropMaisonVedette img { width:555px; display:block; margin: auto; }

#morder {margin-top:2px;}

/*a.stbutton {padding-left:0px !important;}
.stico_default {background-image :none !important;}  */