html, body { border: 0; padding: 0; margin: 0; font-size: 12px; color: #343434; font-family: arial, helvetica, sans-serif; background-color: #ffffff; }
img { border: 0; }
.clearboth { clear: both; }
.floatLeft { position: relative; float: left; }
.floatRight { position: relative; float: right; }
.gras { font-weight: bold; color: #61990a; }
.onzePxItalic { font-style: italic; color: #61990a; }
.texte11px { font-size: 11px; }
.lien { text-decoration: underline; color: #61990a; }
.lien:hover { color: #517f09; text-decoration: underline; }
.lienCp { text-decoration: underline; color: #61990a; }
.lienCp:hover { color: #517f09; text-decoration: underline; }
.lienBleu { text-decoration: none; color: #61990a; }
.lienBleu:hover { color: #ffffff; text-decoration: none; }
.texteRouge { color: #bd2304; }
.texteVert { color: #61990a; }
.grosCaractere { position: absolute; top: 0; left: 0; margin-top: -65px; font-size: 120px; color: #efefef; z-index: 0; }
.grosCaractere2 { position: absolute; top: 0; left: 0; margin-top: -15px; font-size: 120px; color: #efefef; z-index: 0; }
hr { position: relative; float: left; width: 755px; }
/*Header*/
#logoHeader { position: relative; float: left; width: 100%; background-color: #272c23; }
#header { position: relative; float: left; width: 100%; height: 202px; background-color: #e5e5e5; border-bottom: 1px solid #b3b3b3; border-top: 2px solid #b3b3b3; z-index: 0; }
#logo { position: relative; float: left; margin: 20px 0 0 255px; }
#centreHeader { position: relative; float: left; width: 760px; left: 50%; margin-left: -380px; }
/*Menu*/
#partieMenu { position: relative; float: left; color: #ffffff; font-size: 11px; z-index: 1; margin-top: -2px; }
.lienMenu1 { text-transform: uppercase; height: 26px; background-color: #272c23; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #616161; border-right: 1px solid #616161; width: 202px; padding: 14px 0 0 22px; }
.lienMenu2 { text-transform: uppercase; height: 26px; background-color: #485a2d; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #616161; border-right: 1px solid #616161; width: 202px; padding: 14px 0 0 22px; }
.lienMenu3 { text-transform: uppercase; height: 26px; background-color: #566e2a; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #616161; border-right: 1px solid #616161; width: 202px; padding: 14px 0 0 22px; }
.lienMenu4 { text-transform: uppercase; height: 26px; background-color: #628327; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #616161; border-right: 1px solid #616161; width: 202px; padding: 14px 0 0 22px; }
.lienMenu5 { text-transform: uppercase; height: 26px; background-color: #6b9225; border-left: 1px solid #616161; border-right: 1px solid #616161; width: 202px; padding: 14px 0 0 22px; }
.lienBlanc { text-decoration: none; color: #ffffff; }
.lienBlanc:hover { color: #efefef; text-decoration: none; }
.lienSimple { text-decoration: none; color: #343434; }
.lienSimple:hover { color: #efefef; text-decoration: none; }
/*Photo accueil*/
.pics { position: relative; float: right; width: 534px; }
.pics img { position: relative; float: right; width: 534px; border-left: 1px solid #b3b3b3; }
/*Container*/
#container { position: relative; float: left; width: 760px; left: 50%; margin: 20px 0 0 -380px; }
.titrePage { font-size: 14px; color: #61990a; }
/*Selection agence*/
#divContainerIndex3 { position: relative; float: left; width: 750px; margin-top: 10px; padding-left: 10px; z-index: 0; }
#selectionAgence { position: relative; float: left; width: 740px; margin-left: 20px; z-index: 1; }
.annoncebody { position: relative; float: left; width: 725px; background-color: #efefef; margin-bottom: 10px; padding-left: 5px; }
.typeBien { position: relative; float: right; background-color: #8f8f8f; padding: 3px; color: #ffffff; }
.texteDescription { position: relative; float: left; width: 400px; padding: 10px 4px 0 4px; }
.borderPhotoAnnonce { position: relative; float: left; margin: 10px 5px 0 0; }
.boutonConsulter { position: relative; float: left; text-transform: uppercase; border: none; padding: 3px; text-decoration: underline; font-size: 11px; color: #61990a; margin-bottom: 10px; }
.floatLeftPrecedent { position: relative; float: left; margin: 2px 3px 0 10px; }
.floatRightSuivant { position: relative; float: left; margin: 2px 0 0 5px; }
.boutonPS { position: relative; float: left; text-transform: uppercase; font-size: 10px; padding: 1px 4px 0 4px; text-align: center; }
.navigation { position: relative; float: left; width: 725px; padding: 5px 0 5px 0; background-color: #efefef; }
/*Notre agence*/
#divContainerIndex { position: relative; float: left; width: 369px; margin-top: 10px; padding-left: 10px; border-right: 1px solid #b3b3b3; z-index: 0; }
#notreAgenceIndex { position: relative; float: left; width: 330px; text-align: justify; margin-left: 20px; z-index: 1; }
.photoAgence { position: relative; float: left; margin: 0 10px 0 0; }
/*Rechercher*/
#divContainerIndex2 { position: relative; float: left; width: 370px; margin-top: 10px; padding-left: 10px; z-index: 0; }
#partieRecherche { position: relative; float: left; width: 330px; z-index: 1; margin-left: 20px; }
.selectRecherche { position: relative; float: left; width: 320px; background-color: #e8e8e8; border: none; }
.nbPieces { position: relative; float: left; margin: 4px 0 0 1px; }
.inputRecherche { background-color: #e8e8e8; color: #ffffff; font-size: 10px; border: none; width: 140px; }
.bouton { position: relative; float: left; border: none; font-weight: bold; text-decoration: underline; text-align: center; font-size: 11px; text-transform: uppercase; color: #61990a; background-color: #ffffff; width: 150px; padding: 0; border: 0; margin: 0; }
.boutonAlertes { position: relative; float: left; border: none; font-weight: bold; text-decoration: underline; text-align: center; font-size: 11px; text-transform: uppercase; color: #61990a; background-color: #e8e8e8; padding: 3px; margin-top: 54px; }
.selectRechercheA { background-color: #e8e8e8; text-transform: none; border: none; font-size: 10px; width: 215px; }
.inputRechercheA { background-color: #e8e8e8; font-size: 10px; border: none; width: 79px; }
.localisationRechercheA { text-transform: none; margin: 5px 2px 0 2px; width: 229px; border: none; background-color: #e8e8e8; font-size: 11px; }
.boutonRechercheAvancee { position: relative; float: right; border: none; width: 125px; font-style: italic; text-decoration: underline; font-size: 11px; text-transform: uppercase; color: #61990a; margin: 1px 5px 0 0; }
.rechercheDroite { position: relative; float: right; margin: 0 100px 0 0; }
.rechercheDroiteChambre { position: relative; float: right; margin: 0 235px 0 0; }
.boutonLancerRecherche { position: relative; float: left; border: none; font-weight: bold; text-decoration: none; text-align: center; font-size: 11px; text-transform: uppercase; color: #61990a; margin-top: 10px; padding: 3px; background-color: #e8e8e8; }
.boutonSavoir { position: relative; float: left; border: none; font-weight: bold; text-decoration: underline; text-align: left; font-size: 11px; text-transform: uppercase; color: #61990a; background-color: #ffffff; padding: 0; border: 0; margin: 0; width: 110px; }
/*Page annonce*/
.selectClasser { background-color: #e8e8e8; border: none; margin: 0 5px 0 5px; }
.selectRetourner { background-color: #e8e8e8; border: none; margin: 0 5px 0 5px; }
.afficher { margin-left: 80px; background-color: #e8e8e8; border: none; }
.annonceVente { position: relative; float: left; width: 760px; left: 50%; margin: 20px 0 0 -380px; background-color: #efefef; padding-left: 5px; }
.annonceVenteTop { position: relative; float: left; margin-bottom: 20px; padding-left: 5px; }
#pointilleAnnonce { position: relative; float: left; margin: 0 0 0 145px; }
/*Simulateur*/
.simulateur { position: relative; float: left; width: 660px; background-color: #e8e8e8; margin-bottom: 20px; padding: 10px 50px 10px 20px; }
.inputSimulateur { background-color: #ffffff; border: none; }
.simulateur label { float: left; width: 30%; margin-right: 0.5em; padding-top: 0.2em; text-align: left; }
.simulateur select { background-color: #ffffff; border: none; }
.boutonSimulation { position: relative; float: right; border: none; text-transform: uppercase; font-size: 11px; background-color: #61990a; color: #ffffff; padding: 3px; text-decoration: none; margin-right: 230px; }
#simulation1 { position: relative; float: left; margin: 0 0 0 210px; }
#simulation2 { position: relative; float: left; margin: 0 0 0 210px; }
/*Agence*/
#agence { position: relative; float: left; width: 710px; text-align: justify; }
/*Contact*/
.adresse { float: left; font-weight: bold; width: 20%; margin-bottom: 5px; text-align: left; }
.notreAdresse { float: left; width: 70%; text-align: left; margin-bottom: 5px; }
/*Annonce*/
.annoncePageAnnonce { position: relative; float: left; width: 760px; margin: 20px 0 20px 0; background-color: #e8e8e8; padding-left: 5px; }
.texteDescriptionAnnonce { position: relative; float: left; width: 600px; padding: 0 4px 0 4px; }
/*Alertes*/
.alertes { position: relative; float: left; width: 230px; padding: 5px; margin-right: 15px; background-color: #e8e8e8; border: 1px solid #7f7f7f; }
.alertes2 { position: relative; float: left; width: 230px; padding: 5px 5px 9px 5px; background-color: #e8e8e8; border: 1px solid #7f7f7f; }
.deconnexion { position: relative; float: right; background-color: #8f8f8f; color: #ffffff; padding: 3px; text-decoration: none; }
.blocAlertes { position: relative; float: left; width: 760px; margin: 20px 0 20px 0; background-color: #f4f4f4; padding-left: 5px; }
.titreAlertes { font-weight: bold; color: #8f8f8f; }
.floatLeftAlertes { position: relative; float: left; width: 200px; }
.alerteDroite { position: relative; float: right; margin: 0 200px 0 0; width: 200px; }
.alerteDroiteChambre { position: relative; float: right; margin: 0 200px 0 0; width: 200px; }
.alerteDroiteLocalisation { position: relative; float: right; width: 200px; margin: -15px 190px 0 0; }
.alerteLocalisation { position: relative; float: right; margin: 0 235px 0 0; }
.alerteBiens { position: relative; float: right; margin: 0 266px 0 0; }
.inputPageAlertes { width: 70%; margin-right: 0.5em; padding-top: 0.2em; text-align: left; }
.labelAlertes { float: left; width: 20px; margin: 5px 0 0 0; }
.biensSelect { background-color: #e8e8e8; border: none; }
.boutonAlertes2 { position: relative; float: left; border: none; font-weight: bold; text-decoration: underline; text-align: center; font-size: 11px; text-transform: uppercase; color: #61990a; background-color: #e8e8e8; }
/*Footer*/
#footer { position: relative; float: left; bottom: 0; text-align: center; width: 100%; height: 25px; border-top: 2px solid #e5e5e5; padding-top: 5px; background-color: #272c23; color: #ffffff; margin-top: 15px; }