* {margin: 0; padding: 0;} .break {clear: both; height: 1px; line-height: 1px;} a {color: #334CCA; font-weight: bold;} a:hover {color: #FF0000;} .floatRight {float: right; margin-left: 30px;} body { font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; font-size: 10px; background: transparent url(../images/bgBody.jpg) repeat-x;} #allContent { width: 990px; margin: 40px auto 0 auto; position: relative; background: transparent url(../images/bgAllContent.gif) repeat-y;} #tetiere { width: 990px; height: 100px; position: relative; background: transparent url(../images/bgTetiere.gif) no-repeat;} #tetiere img {margin: 15px 0 0 14px; border: 0; float: left;} #tetiere span#baseline { display: block; width: 224px; height: 48px; background: transparent url(../images/baseline.gif) no-repeat; text-indent: -5000px; overflow: hidden; position: relative; left: 28px; top: 28px;} #blocNewsletter, .blocRechercher { height: 18px; border: 0; text-align: right;} #blocNewsletter {background: transparent url(../images/bgBlocNewsletter.gif) no-repeat right top; width: 220px;} .blocRechercher {background: transparent url(../images/bgBlocRecherche.gif) no-repeat right top; } #tetiere #blocNewsletter {position: absolute; top: 42px; left: 500px; width: 220px;} #tetiere .blocRechercher {position: absolute; top: 42px; left: 500px; width: 220px;} #pageFaq #zoneContenu .blocRechercher {width: 280px;} #pageFaq #zoneContenu .blocRechercher label {font-weight: bold;} #blocNewsletter input, .blocRechercher input { border: 0; color: #000; font-size: 1em; background-color: transparent; font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; margin-top: 2px; } .btnSubmit {font-weight: bold; font-size: 8px; padding-right: 1px; cursor: pointer;} .btnGo { border: 0; width: 17px; height: 18px; color: #000; cursor: pointer; font-weight: bold; font-size: 9px; font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; background: transparent url(../images/btnGo.gif) no-repeat 0 2px; margin: -1px 0 0 0 !important;} #blocNewsletter .btnGo {position: absolute; right: 0; top: 0;} #blocNewsletter label, .blocRechercher label { text-align: left; height: 18px; line-height: 18px; display: block; float: left;} #tetiere .blocRechercher label, #tetiere #blocNewsletter label {width: 100px; } #tetiere a#indigo { display: block; width: 196px; height: 27px; background: transparent url(../images/indigo.gif) no-repeat; position: absolute; right: 20px; top: 42px;} #tetiere a#indigo span {display: none;} #mainContent {width: 990px;} #colGauche, #colDroite {float: left;} #colGauche {width: 159px; padding: 0 0 0 14px;} #colDroite { width: 803px; background: transparent url(../images/bgColDroite.gif) repeat-y; border-bottom: 1px #D9D9D9 solid; margin-right: 14px;} #footer { width: 970px; height: 60px; padding-right: 20px; background: transparent url(../images/bgFooter.gif) no-repeat left bottom; position: relative;} #footer img#logoFooter {margin-left: 30px; border: 0;} #footer a {font-weight: normal;} #lnksFooter {width: 817px; float: right; text-align: center; padding-top: 5px;} #lnksFooter img {border: 0;} #taillePolice {list-style: none; height: 22px; position: absolute; right: 15px; bottom: 15px;} #taillePolice li {float: left;} #taillePolice li a {display: block; width: 23px; height: 22px;} #taillePolice li a span {display: none;} #taillePolice li#btnPetite a {background: transparent url(../images/btnPetiteTaille.gif) no-repeat left bottom;} #taillePolice li#btnGrande a { background: transparent url(../images/btnGrandeTaille.gif) no-repeat left bottom;} /***************************************************************************************************************/ /* Navigation principale */ /***************************************************************************************************************/ #navPrincipale { width: 791px; height: 38px; list-style: none; padding-left: 15px; position: relative; background: url(../images/bgNavPrincipale.gif) no-repeat left bottom;} #navPrincipale li {float: left; margin-right: 3px;} #navPrincipale li a { display: block; height: 18px; background-repeat: no-repeat; line-height: 18px; font-weight: bold; text-align: center;} #navPrincipale li#btnNavA a {width: 56px; background-image: url(../images/btnNavA.gif);} #navPrincipale li#btnNavB a {width: 158px; background-image: url(../images/btnNavB.gif);} #navPrincipale li#btnNavC a {width: 98px; background-image: url(../images/btnNavC.gif);} #navPrincipale li#btnNavD a {width: 93px; background-image: url(../images/btnNavD.gif);} #navPrincipale li#btnNavE a {width: 94px; background-image: url(../images/btnNavE.gif);} #navPrincipale li#btnNavF a {width: 109px; background-image: url(../images/btnNavF.gif); background-position: 0 -18px;} #navPrincipale li#btnNavG a {width: 85px; background-image: url(../images/btnNavG.gif);} #pageAccueil #navPrincipale li#btnNavA a, .pageResidence #navPrincipale li#btnNavB a, #rechercheResidence #navPrincipale li#btnNavB a, #pageConcept #navPrincipale li#btnNavF a, #pageVisiteVirtuelle #navPrincipale li#btnNavG a, .pageActualites #navPrincipale li#btnNavF a, #pageAvantages #navPrincipale li#btnNavD a, .pageVosQuestions #navPrincipale li#btnNavE a, #planDuSite #navPrincipale li#btnNavG a {background-position: 0 -18px; color: #000; text-decoration: none;} #navPrincipale li#btnNavF {position: absolute; right: 0; top: 0;} .pagePhototheque #navPrincipale li#btnNavC a {background-position: 0 0;} /***************************************************************************************************************/ /* Colonne gauche */ /***************************************************************************************************************/ #langues {width: 140px; margin: 5px 0 340px 0; padding-left: 8px; list-style: none; height: 16px;} #langues li {float: left; width: 20px; text-align: center; padding: 0 8px 0 0;} #langues li a {margin: auto; display: block; width: 16px; height: 16px; } #langues li a span {display: none;} #vUK {background: transparent url(../images/drapEN.gif) no-repeat;} #vFR {background: transparent url(../images/drapFR.gif) no-repeat;} #vES {background: transparent url(../images/drapES.gif) no-repeat;} #vDE {background: transparent url(../images/drapDE.gif) no-repeat;} #vNL {background: transparent url(../images/drapNL.gif) no-repeat;} input, select {color: #3265AE; font-family: "Arial", sans-serif; font-size: 10px;} #blocResa { width: 145px; padding-bottom: 15px; margin-bottom: 12px; background: transparent url(../images/piedResa.gif) no-repeat left bottom; position: absolute; left: 14px; top: 125px;} #blocResa select {width: 130px;} #blocResa #codeClient {width: 126px;} #blocResa select option {padding-right: 3px;} #blocResa h4 { width: 145px; height: 24px; background: transparent url(../images/titreBlocResa.gif) no-repeat;} #blocResa h4 span {display: none;} #blocResa label {padding-bottom: 2px; display: block;} #blocResa label.lineDates { } #blocResa label#labelCourt {width: 80px; float: left;} #blocResa .lineForm {margin-bottom: 10px;} #blocResa #contentResa { background: transparent url(../images/bgResa.gif) repeat-y; padding: 5px; border: 0; position: relative;} #blocResa p {margin-bottom: 5px;} .lineSubmit a {font-weight: normal; display: block; color: #000; text-align: center;} .listeVilles {list-style: none; margin-bottom: 20px; width: 159px; padding-top: 20px;} .listeVilles li {line-height: 20px;} .listeVilles li a {font-weight: bold; display: block; padding-left: 5px;} .listeVilles li a span {text-decoration: none; color: #000;} .listeVilles li a:hover, .listeVilles li a.selected { background: transparent url(../images/bgVille.gif) no-repeat 0 3px; color: #000; text-decoration: none;} #date_arrivee, #date_depart { width: 98px; height: 14px; border-top: 1px #7F9DB9 solid; border-left: 1px #7F9DB9 solid; border-bottom: 1px #7F9DB9 solid; padding-left: 5px; padding-top: 2px;} #show1up {position: relative; left: -5px; top: -2px;} #show2up {position: relative; left: -5px; top: -1px;} /***************************************************************************************************************/ /* Page d'accueil */ /***************************************************************************************************************/ #blocAutoPromo {} #blocAutoPromo, #blocJeu, #blocFocus {display: block; float: left;} #blocAutoPromo img, #blocJeu img, #blocFocus img {border: 0;} #blocAutoPromo {width: 284px; height: 300px; padding: 10px 20px 0 20px;} #blocJeu {width: 456px; height: 150px; margin-bottom: 10px;} #blocFocus {width: 456px; height: 150px;} #zoneFlash {margin: -1px 0 0 10px;} #zoneJeu { background: #333333; z-index: 1000; width: 783px; height: 312px; margin: 0 0 0 10px; padding: 0;} #frameJeu { border: 0; } #zoneCarteAccueil {width: 284px; padding-right: 15px;} #colActus {width: 466px;} #pageAccueil #zoneContenu {width: 783px; padding: 10px 0 10px 20px;} #zoneCarteAccueil {position: relative;} #zoneCarteAccueil img {margin-bottom: 15px; border: 0;} #zoneCarteAccueil a.btnZoom {position: absolute; left: 45px; top: 10px; z-index: 1;} #zoneCarteAccueil a.btnDecouvrez { display: block; font-weight: normal; padding: 5px 0 0 15px; background: transparent url(../images/pictoDecouvrez.gif) no-repeat 0 5px; margin-bottom: 15px;} #editoAccueil {display: none;} #btnGFE { display: block; width: 285px; height: 65px; background: transparent url(../images/blocDevenirProprio.gif) no-repeat;)} #btnGFE span {display: none;} /***************************************************************************************************************/ /* Zone centrale */ /***************************************************************************************************************/ #zoneContenu {width: 763px; padding: 10px 20px;} #zoneContenu p {margin-bottom: 10px;} #mainContent h1 { font-size: 1.5em; height: 40px; text-transform: uppercase; padding: 0 0 15px 20px; background: #D9D9D9 url(../images/bgNavResidence.gif) no-repeat left bottom;} #mainContent h1 a {font-size: 0.6em !important;} #mainContent h2 { font-size: 1.3em; text-transform: uppercase; border-bottom: 1px #D9D9D9 solid; margin-bottom: 20px;} .pageResidence #mainContent h2 {color: #73a117;} #mainContent h3 {font-size: 1.3em; color: #000; margin-bottom: 10px;} #mainContent h3 a {color: #000; text-decoration: none;} #zoneContenu h4 {font-size: 1em; margin-bottom: 10px;} .pageResidence #mainContent h1, .pageVosQuestions #mainContent h1, .pageActualites #mainContent h1 {background-image: none; height: auto;} #detailActualites #zoneContenu img {float: left; margin-right: 20px;} .blocOffre, .blocActu { width: 223px; float: left; height: 200px; overflow: hidden; margin: 0 10px 10px 0; line-height: 1.4em; position: relative; } .blocOffre {background: transparent url(../images/bgContentOffre.gif) repeat-y;} .blocActu {background: transparent url(../images/bgContentActu.gif) repeat-y;} .blocOffre .contentBloc, .blocActu .contentBloc {padding: 10px 15px 0 15px;} .blocOffre .contentBloc {background: transparent url(../images/bgBlocOffre.gif) no-repeat;} .blocActu .contentBloc {background: transparent url(../images/bgBlocActu.gif) no-repeat;} .blocOffre .zoneTexte a, .blocActu .zoneTexte a {font-weight: normal;} .blocOffre img, .blocActu img {float: left; margin-right: 8px; width: 100px; border: 0;} .blocOffre h5, .blocOffre h2 a, .blocActu h5, .blocActu h2 a {color: #fff; text-decoration: none;} .blocOffre h5, .blocActu h5 {font-size: 1em;} .blocOffre h2, .blocActu h2 { font-size: 1.5em !important; text-transform: none !important; margin: 0 0 8px 0 !important; border: 0 !important; } .blocOffre .lnk, .blocActu .lnk { display: block; text-align: right; width: 223px; height: 19px; position: absolute; left: 0; bottom: 0;} .blocOffre .lnk {background: transparent url(../images/bgLnkOffre.gif) no-repeat;} .blocActu .lnk {background: transparent url(../images/bgLnkActu.gif) no-repeat;} .blocOffre .lnk span, .blocActu .lnk span { display: block; width: 193px; position: relative; border-top: 1px #CCC solid; margin: 0 15px;} .blocActu .lnk, .blocActu .zoneTexte a {color: #4288d4;} .prixOffres { clear: both; color: #FF0000; padding-top: 8px; font-size: 15px; font-weight: bold; } .prixOffres span { font-size: 1.2em; text-decoration: line-through; padding-right: 15px; font-weight: normal;} #blocOffreSpeciale {background: #272d69 url(../images/bgBlocOS.gif) no-repeat; padding-top: 8px; margin-bottom: 15px;} #blocOffreSpeciale #zoneOS { background: #272d69 url(../images/piedBlocOS.gif) no-repeat left bottom; padding: 0 10px 8px 10px; font-size: 11px; color: #fff; font-weight: bold;} #blocOffreSpeciale #zoneOS a {font-weight: normal; color: #fff;} /******************************************** post-it */ #pageAccueil #allContent {position: relative;} #postit { width: 263px; height: 241px; position: absolute; z-index: 99;} #bgPostit { width: 263px; height: 241px; background: transparent url(../images/bgPostit.png) no-repeat; } #postit a.fermer { display: block; width: 43px; height: 15px; position: absolute; right: 45px; top: 15px; background: url(../images/btn_fermer.gif) no-repeat top right;} #postit a.fermer span {display: none;} #postit #btnReserverPost { position: absolute; left: 40px; bottom: 30px; } #postit h5 {display: none;} #postit .textePromo { padding: 100px 0 0 30px; width: 200px; border-bottom: 0;} #postit .textePromo a {display: block; text-decoration: none; } #postit .reduction { text-align: right; height: 30px; float: right; margin: 0 0 5px 10px;} /******************************************** ticker */ #TICKER { height: 20px; margin-left: 10px; font-size: 11px; font-weight: bold; padding-bottom: 10px; background-color: #D9D9D9;} /***************************************************************************************************************/ /* Résidences */ /***************************************************************************************************************/ #accueilResidence #colGauche {padding-bottom: 350px;} .pageResidence #mainContent {position: relative;} .pageResidence #zoneContenu {width: 773px; padding: 0 10px 10px 20px;} .pageResidence #mainContent h1 a {font-size: 1em; text-transform: none; float: right; padding-right: 10px;} #navResidence { list-style: none; width: 763px; height: 40px; padding-left: 40px; background: #D9D9D9 url(../images/bgNavResidence.gif) no-repeat left bottom;} #navResidence li {float: left; margin-right: 1px;} #navResidence li a { display: block; height: 20px; line-height: 20px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; background-repeat: no-repeat;} #navResidence li#btnNavResA a {width: 88px; background-image: url(../images/btnNavResA.gif);} #navResidence li#btnNavResB a {width: 118px; background-image: url(../images/btnNavResB.gif);} #navResidence li#btnNavResC a {width: 83px; background-image: url(../images/btnNavResC.gif);} #navResidence li#btnNavResD a {width: 85px; background-image: url(../images/btnNavResD.gif);} #navResidence li#btnNavResE a {width: 91px; background-image: url(../images/btnNavResE.gif);} #navResidence li#btnNavResF a {width: 51px; background-image: url(../images/btnNavResF.gif);} #navResidence li#btnNavResG a {width: 89px; background-image: url(../images/btnNavResG.gif);} #navResidence li#btnNavResH a {width: 65px; background-image: url(../images/btnNavResH.gif);} #navResidence li#btnNavResI a {width: 69px; background-image: url(../images/btnNavResI.gif);} #navResidence li#btnNavResD {display: none;} #accueilResidence #navResidence li#btnNavResA a, #appartements #navResidence li#btnNavResB a, #proximite #navResidence li#btnNavResC a, #avisClients #navResidence li#btnNavResD a, #offrePromo #navResidence li#btnNavResE a, #tarifs #navResidence li#btnNavResF a, #planAcces #navResidence li#btnNavResG a, .contactResidence #navResidence li#btnNavResH a {background-position: 0 -20px; color: #1C2C6A;} #ariane {list-style: none; font-weight: bold; height: 40px;} #ariane li {color: #1C2C6A; float: left; padding-right: 4px;} #outils {float: right; list-style: none;} #outils li {float: left; margin-left: 10px;} #outils li a {font-weight: bold;} #outils li#partageFacebook a, #outils li#partageTwitter a, #outils li#envoyerPage a, #outils li#imprimerPage a { display: block; width: 16px; height: 16px; text-indent: -5000px; overflow: hidden;} #outils li#envoyerPage a {background: transparent url(../images/envoiPage.gif) no-repeat;} #outils li#imprimerPage a {background: transparent url(../images/imprimerPage.gif) no-repeat;} #outils li#partageFacebook a {background: transparent url(../images/facebook.gif) no-repeat;} #outils li#partageTwitter a {background: transparent url(../images/twitter.gif) no-repeat;} #btnRss { display: block; width: 16px; height: 16px; text-indent: -5000px; overflow: hidden; float: right; margin-top: -3px; background: transparent url(../images/rss.gif) no-repeat;} .liste h3 a {text-decoration: none;} .liste img {border: 0;} .liste img.vignetteListe {float: right; margin: 0 0 10px 20px;} .liste .coordonnees {margin-bottom: 10px;} .liste .zoneTexte {width: 500px;} .contactResidence .mentions {padding-bottom: 20px;} #blocEnvoiAmi { background: transparent url(../images/bgEnvoiAmi.jpg) repeat-x; border: 0; font-weight: bold; margin-bottom: 15px;} #blocEnvoiAmi .btnFermer { display: block; width: 12px; height: 12px; float: right; margin: 5px 5px 0 0; background: transparent url(../images/btnFermer.gif) no-repeat;} #blocEnvoiAmi .btnFermer span {display: none;} #blocEnvoiAmi p {font-weight: bold; margin-bottom: 10px; padding-left: 44px;} #blocEnvoiAmi label { display: block; float: left; width: 85px; text-align: right; padding-right: 5px;} #blocEnvoiAmi input {margin-right: 5px;} #blocEnvoiAmi .colFormA, #blocEnvoiAmi .colFormB {float: left;} #blocEnvoiAmi .colFormA {width: 318px; } #blocEnvoiAmi .colFormB {width: 375px;} #blocEnvoiAmi .ajoutEmail {display: block; text-align: center; width: 310px; padding-top: 5px;} #blocEnvoiAmi .colFormA { padding: 37px 0 0 70px; background: transparent url(../images/bgColFormA.gif) no-repeat 10px 26px;} #blocEnvoiAmi .lineForm {margin-bottom: 5px;} #blocEnvoiAmi .lineSubmit input { width: 124px; height: 18px; border: 0; color: #000; font-weight: bold; text-align: center; background: transparent url(../images/btnEnvoyerAmi.gif) no-repeat; padding-bottom: 2px; cursor: pointer; font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; font-size: 1em; margin: 5px 0 0 90px;} #blocEnvoiAmi .colFormA .lineForm input {width: 200px;} #listeVignettes, #zoneVignettes {width: 240px;} #listeVignettes {float: left; margin-bottom: 15px;} #zoneVignettes{ overflow: hidden; /* Don't change this */ height: 260px; position: relative; /* Never change this */ float:left;} #jsZoomPhoto, #jsZoomPhoto360 { width: 530px; text-align: center; float: left; margin-bottom: 15px; margin-top: 10px;} #jsZoomPhoto img {margin-bottom: 5px;} #jsZoomPhoto p {text-align: left; padding: 0 35px;} .vignettes{ width: 240px; height: 260px; list-style: none; position: absolute; left: 0; top: 0; z-index: 1;} .vignettes li {float: left; position: relative;} .vignettes li { width: 80px; height: 55px; padding-top: 10px; text-align: center;} .vignettes img { border: 1px #D9D9D9 solid; padding: 2px; width: 60px; height: 40px;} .vignettes .loupe { display: block; width: 59px; height: 39px; padding: 2px; position: absolute; left: 8px; top: 11px; background: transparent url(../images/loupe.gif) no-repeat;} .vignettes .activeImage{border: 1px #334CCA solid;} #paginationGalerie {display:none;} #flecheGauche {float:left; font-weight: bold; } #flecheDroite {float:right; font-weight: bold;} #zoneVignettes_inner{ position:relative; /* Never change this */ width:1000px;} .partenaire {border-bottom: 1px #D9D9D9 solid; padding-bottom: 10px; margin-bottom: 15px;} .promo h4, .partenaire h4 {font-size: 1.2em !important; padding-top: 10px;} .promo img, .partenaire img {float: left; margin: 0 20px 0 0;} #blocItineraire { width: 638px; height: 47px; border: 0; padding: 0 0 30px 135px; margin-bottom: 10px; background: transparent url(../images/visuelItineraire.jpg) no-repeat; font-weight: bold;} #blocItineraire input {margin: 0 10px 0 15px; width: 180px;} #blocItineraire .btnGo {width: 114px; height: 18px; background: transparent url(../images/btnEnvoyer.gif) no-repeat;} #blocItineraire a {margin-left: 15px;} .colCinq { width: 210px; float: left; line-height: 16px; margin-right: 10px; margin-bottom: 15px;} #img {float: right;} #blocReserver { background: transparent url(../images/visuelReserver.jpg) no-repeat; height: 85px; padding-left: 166px; font-weight: bold;} #blocReserver p {padding: 10px 0;} #blocReserver a.btnReserver {color: #FF0C0C; text-transform: uppercase;} #visuelDirecteur { text-align: center; margin-bottom: 15px; position: absolute; left: 30px; top: 800px; z-index: 5000; cursor:pointer;} #visuelDirecteur img {width: 95px;} .pageResidence #visuelDirecteur {display: block;} #infoBulle { width: 300px; position: absolute; left: 60px; top: -250px; background: transparent url(../images/piedInfoBulle.png) no-repeat left bottom; padding-bottom: 78px;} #infoBulle h4 { width: 300px; height: 25px; margin-bottom: 0; text-transform: uppercase; line-height: 25px; font-size: 1.1em; background: transparent url(../images/titreInfoBulle.png) no-repeat;} #infoBulle .zoneTexte { background: transparent url(../images/bgInfoBulle.gif) repeat-y; padding: 10px 20px 0 20px; width: 260px; text-align: left; line-height: 1.8em;} .fermerBulle { display: block; position: absolute; top: 7px; right: 15px; width: 12px; height: 12px; background: transparent url(../images/fermerBulle.gif) no-repeat;} .fermerBulle span {display: none;} /***************************************************************************************************************/ /* Rechercher une résidence */ /***************************************************************************************************************/ #rechercheResidence #zoneContenu {padding-bottom: 30px;} #rechercheResidence #zoneContenu p {margin-bottom: 5px;} #carteFrance {margin-bottom: 0; margin: 15px 0 10px 90px;} #carteFrance {width: 578px; height: 515px; position: relative;} #carteFrance img {border: 0;} #carteIDF {margin-bottom: 0; margin: 15px 0 10px 8px;} #carteIDF {width: 760px; height: 670px; position: relative;} #carteIDF img {border: 0;} .listeDetails {float: left; width: 150px;} .listeDetails span {display: none;} .lnk {text-align: right; width: 568px;} .lnk a {background: transparent url(../images/lnk.gif) no-repeat; padding-left: 15px;} #legende {list-style: none; height: 24px; margin-top: 10px;} #legende li {float: left; height: 24px; line-height: 24px; padding: 0 10px 0 15px;} #legende li.resOuvert {background: transparent url(../images/puce_residence.png) no-repeat 0 5px;} #legende li.resConstruction {background: transparent url(../images/puce_residence_construction.png) no-repeat 0 5px;} #legende li.resPreResa {background: transparent url(../images/puce_residence_preresa.png) no-repeat 0 5px;} .alignleft, .alignright, .alignhaut, .alignbas { display: block; font-size: 1.1em; text-decoration: none;} .alignright {width: 130px;} .alignhaut, .alignbas {height: 30px;} .alignleft img {float: left;} .alignright img {float: right;} .alignright span { display: block; float: right;} .alignhaut img {display: block;} .alignbas {position: relative;} .alignbas img {position: absolute; left: 0; bottom: 0;} .residOuverte {} .residPreResa {} .residRealisation {color: #666;} .layerResidence { background-color: #fff; height: 100px; width: 150px;} .ville { font-size: 1.4em; color: #2E3192; font-weight: bold; margin: 18px 2px 2px 8px;} .nombre { font-size: 1.1em; color: #2E3192; margin: 0 2px 0 8px;} .infos { float: right; margin: 0 10px 0 9px;} .infos a {position: relative;} /***************************************************************************************************************/ /* Actualités */ /***************************************************************************************************************/ #navActualites { list-style: none; width: 763px; height: 40px; padding-left: 40px; background: #D9D9D9 url(../images/bgNavResidence.gif) no-repeat left bottom;} #navActualites li { float: left; margin-right: 1px; padding-left: 10px; height: 20px; background: transparent url(../images/btnNavActuGauche.gif) no-repeat left top;} #navActualites li a { display: block; height: 20px; line-height: 20px; text-align: center; color: #fff; font-weight: bold; padding-right: 10px; text-decoration: none; background: transparent url(../images/btnNavActuDroite.gif) no-repeat right top;} #navActualites li.selected {background: transparent url(../images/btnNavActuGauche.gif) no-repeat left bottom;} #navActualites li.selected a {background: transparent url(../images/btnNavActuDroite.gif) no-repeat right bottom; color: #1C2C6A;} .blocActualites {margin-bottom: 20px;} .blocActualites img {float: left; margin: 0 15px 0 0; border: 0;} .date {font-weight: bold;} .pageResidence .blocActualites {border-bottom: 1px #D9D9D9 solid; padding-bottom: 5px;} .pageResidence .blocActualites img {margin-bottom: 10px;} .btnSuite { border-bottom: 1px #D9D9D9 solid; text-align: right; padding-bottom: 0;} .btnSuite a.lnkSuite { background: transparent url(../images/btnPlusInfos.gif) no-repeat; float: right; color: #fff; display: block; width: 114px; height: 18px; line-height: 18px; text-align: center; text-decoration: none; font-weight: bold;} .btnReserver { width: 124px; height: 18px; text-align: center; border: 0; cursor: pointer; background: transparent url(../images/btnReserver2.gif) no-repeat; font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; margin: 0 10px 7px 5px; font-size: 1em; color: #fff; font-weight: bold; padding-bottom: 2px;} #blocResa .btnReserver { background: transparent url(../images/btnReserver.gif) no-repeat; color: #000;} .construction {color: #99CC33; font-weight: bold;} .zoneTexte {margin-bottom: 10px;} .zoneTexte p {margin-bottom: 10px;} .zoneTexte ul {list-style-position: inside; margin-left: 30px; margin-bottom: 10px;} /***************************************************************************************************************/ /* Contactez-nous */ /***************************************************************************************************************/ #navContact { list-style: none; width: 763px; height: 40px; padding-left: 40px; background: #D9D9D9 url(../images/bgNavResidence.gif) no-repeat left bottom;} #navContact li {float: left; margin-right: 1px;} #navContact li a { display: block; height: 20px; line-height: 20px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; background-repeat: no-repeat;} #navContact li#btnNavContactA a {width: 51px; background-image: url(../images/btnNavResF.gif);} #navContact li#btnNavContactB a {width: 140px; background-image: url(../images/btnNavContactB.gif);} #introContact { font-weight: bold; height: 50px; padding: 0 0 10px 60px; background: transparent url(../images/visuelContact.jpg) no-repeat; border-bottom: 1px #D9D9D9 solid; margin-bottom: 30px; position: relative;} #introContact p {margin-bottom: 10px;} #pageContact #navContact li#btnNavContactB a, #pageFaq #navContact li#btnNavContactA a {background-position: 0 -20px; color: #1C2C6A;} #pageContact #zoneContenu fieldset {border: 0;} #pageContact #zoneContenu fieldset p {margin-bottom: 5px;} #pageContact #zoneContenu fieldset p input {width: 178px;} #pageContact #zoneContenu fieldset label, #pageContact #zoneContenu fieldset .lineRadio span {width: 100px; padding-right: 10px; float: left; text-align: right;} #pageContact #zoneContenu fieldset label {width: 80px;} #pageContact #zoneContenu fieldset .lineRadio label {width: auto !important; float: none; padding-left: 3px;} #pageContact #zoneContenu fieldset .lineRadio input {width: auto;} #pageContact #zoneContenu #blocSearchMail { border: 1px #D9D9D9 solid; padding: 10px; float: right; width: 400px; margin-left: 10px;} #pageContact #zoneContenu #blocSearchMail label { width: 130px; text-align: right;} #pageContact #zoneContenu #blocSearchMail p {margin-bottom: 10px; width: auto; text-align: center; } #pageContact #zoneContenu #blocSearchMail input {width: auto; margin-right: 5px;} #introContact #blocSearchMail {width: 575px !important; position: absolute; right: 30px; top: 0; float: none;} #introContact #blocSearchMail label {width: 220px !important;} #formulaire .colFormA, #formulaire .colFormB {float: left;} #formulaire .colFormA {width: 280px;} #formulaire .colFormB {width: 480px; padding-top: 20px; margin-bottom: 10px;} #formulaire .colFormB label {width: 400px !important; text-align: left !important; padding-bottom: 5px; } #formulaire .colFormB textarea {width: 480px; height: 210px;} #formulaire .colFormB .lineCheck {border: 1px red solid !important;} .btnValider {text-align: center; height: 30px;} .btnValider input { width: 114px !important; height: 18px; border: 0; color: #000; background: transparent url(../images/btnEnvoyer.gif) no-repeat; font-weight: bold; padding-bottom: 2px; cursor: pointer;} .center {text-align: center; padding-bottom: 20px;} .btnValider input, #pageContact #zoneContenu fieldset textarea, #pageContact #zoneContenu fieldset select, #pageContact #zoneContenu fieldset input {font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; font-size: 10px;} /***************************************************************************************************************/ /* Newsletter */ /***************************************************************************************************************/ #blocRaisons { width: 222px; height: 231px; padding: 10px 10px 0 10px; background: transparent url(../images/bgBlocRaisons.gif) no-repeat;} #blocRaisons h3 {font-size: 1.4em; color: #000;} #blocRaisons ul {list-style: none;} #blocRaisons ul li {clear: both; height: 30px; padding-top: 5px;} #blocRaisons ul li span { color: #FF0000; font-size: 30px; position: relative; top: -5px; display: block; float: left; width: 26px;} #blocRaisons ul li.last span {position: relative; top: -10px;} .pageNewsletter #zoneContenu #blocRaisons, .pageNewsletter #zoneContenu fieldset {float: left;} .pageNewsletter #zoneContenu fieldset {width: 480px; height: 395px; padding-left: 20px;} .contactResidence .btnValider {text-align: left; padding-left: 110px;} .pageNewsletter #zoneContenu fieldset #pays {margin-bottom: 15px;} .pageNewsletter #zoneContenu fieldset .marge {margin-top: 10px;} .lineCheck {clear: both; padding-left: 90px;} .lineCheck input {width: auto !important; float: left !important; margin-right: 5px;;} .lineCheck label { display: inline !important; width: auto !important; text-align: left !important; margin-bottom: 10px;} .pageNewsletter .lineCheck {padding-left: 0;} .pageNewsletter .lineCheck label { width: 300px !important; } .pageNewsletter #zoneContenu {background: transparent url(../images/visuelNewsletter.jpg) no-repeat 600px 158px;} .pageNewsletter .mentions {width: 650px;} /***************************************************************************************************************/ /* FAQ */ /***************************************************************************************************************/ #colCateg, #colQuestions {float: left;} #colCateg { width: 130px; border-right: 1px #D9D9D9 solid; padding: 170px 20px 30px 10px; background: transparent url(../images/visuelFaq.jpg) no-repeat 10px 0;} #colQuestions {width: 580px; padding-left: 20px;} #colCateg ul {list-style: none; border-bottom: 1px #D9D9D9 solid; padding-bottom: 10px; margin-bottom: 10px;} #colCateg ul li {line-height: 20px; font-weight: bold;} #colQuestions ol, #colQuestions ul {list-style-position: inside; font-weight: bold;} #colQuestions ol li, #colQuestions ul li {line-height: 20px;} #colQuestions ul {list-style: none;} #colQuestions p {margin-bottom: 10px;} #pageFaq #zoneContenu .blocRechercher {float: right;} #pageFaq #mainContent h3, #pageFaq #colQuestions h2 {color: #000; margin-top: 50px;} .retour {padding-top: 30px;} #pageFaq #mainContent h2 span, #colQuestions ul li a span {color: #FF0B0B;} .btnRetour {float: right;} /***************************************************************************************************************/ /* Pages statiques */ /***************************************************************************************************************/ #pageConcept #zoneContenu {width: 783px; padding: 10px 0 10px 20px;} #pageAvantages .btnSuite {margin-bottom: 20px; border: 0;} #pageAvantages #zoneContenu img {float: left; margin: 0 15px 20px 0;} #pageAvantages #colDroite h1 {font-size: 1.3em;} #pageConcept #zoneContenu img.floatRight {margin-right: 15px;} #pageResaTel #zoneContenu img {float: left; margin-right: 15px;} /********************************************************************************************************/ /* Plan du site */ /********************************************************************************************************/ #planDuSite #zoneContenu h3, #planDuSite #zoneContenu h3 a { color: #000; text-decoration: none; margin-bottom: 5px;} #planDuSite #zoneContenu h3 {font-size: 1.4em;} #planDuSite #zoneContenu h3 a {font-size: 1em;} #planDuSite .colonne ul { margin-bottom: 10px; list-style: none;} #planDuSite .colonne ul li {line-height: 20px;} #planDuSite .colonne ul li a span { display: none; } #planDuSite .colonne { width: 260px; float: left; } #planDuSite #colA {padding-left: 200px;} /********************************************************************************************************/ /* Résultats de recherche */ /********************************************************************************************************/ #pageResultatsRecherche #zoneContenu ul.listeResults {list-style: none; margin: 0 0 15px 15px;} #pageResultatsRecherche #zoneContenu ul.listeResults li {margin-bottom: 10px;} /*********************************************************************************************************/ /* Calendrier Yahoo */ /*********************************************************************************************************/ #examplecontainer1 {position: relative; left: 310px; top: 1px;} #examplecontainer2 {position: relative; left: 310px; top: 1px;} #cal1Container { display:none; position:absolute; right:1px; width: 300px; top: 0px; z-index: 3;} #cal2Container { display:none; position:absolute; right:1px; width: 300px; top: 0px; z-index: 3;} #fromDayOfWeekLabeln {} #toDayOfWeekLabel {} /******************************************************************* Google Map */ #planAcces #zoneContenu h2 {margin-bottom: 10px;} #planAcces #map {width: 770px; height: 425px; margin-bottom: 10px;} #planAcces #map .visuelBulle { margin-right: 10px; margin-top: 5px; float: left; border: 0;} /********************************************************************************************************/ /* Photothèque */ /********************************************************************************************************/ #popup {background-image: none; } #entetePopup {text-align: center; padding: 20px 0;} #entetePopup img {margin: 0 10px;} #mediaContent {width: 765px; padding-top: 10px; padding-bottom: 10px; margin: auto;} .listeMedias {list-style: none; clear: both; margin: 0 30px;} .listeMedias li {width: 220px; float: left; margin: 0 8px 10px 5px;} .listeMedias li a { border: 1px #D9D9D9 dotted; width: 200px; float: left; text-align: center; padding: 10px;} .listeMedias li img {border: 0;} .listeMedias li a:hover {border: 1px #1C2C6A dotted;} #filtre { margin-bottom: 15px; text-align: center; background: transparent url(../images/bgFiltre.jpg) repeat-y; padding: 2px 0;} #filtre label { width: 300px; display: block; float: left; padding-right: 3px; text-align: right; padding-top: 3px;} #filtre option {padding-right: 10px;} #ValidFiltre { background-color: #99CC33; text-align: center; border: 0; color: #000; font-weight: bold; font-family: "Tahoma", Trebuchet MS, Arial, sans-serif; font-size: 10px;} .pagePhototheque #filtre #id_theme {float: left;} .pagination {text-align: center; position: relative; padding-bottom: 20px;} #btnPrecedent {position: absolute; left: 0; top: 0;} #btnSuivant {position: absolute; right: 0; top: 0;} #popup #btnPrecedent {left: 250px;} #popup #btnSuivant {right: 250px;} #footerPopup {width: 730px; height: 20px; padding-left: 35px; color: #666; position: relative;} #btnFermer {position: absolute; right: 35px; bottom: 10px;} /********************************************************************************************************/ /* Presse */ /********************************************************************************************************/ .pagePresse #zoneContenu fieldset label {width: 235px !important;} .pagePresse #zoneContenu fieldset .lineCheck {padding: 5px 0 5px 185px;} .pagePresse #zoneContenu fieldset .lineCheck label {text-align: left !important; width: auto !important; } .pagePresse #zoneContenu fieldset .lineCheck input {float: left; width: auto !important; margin-right: 5px;} .pagePresse #zoneContenu .btnValider {text-align: center !important; padding: 10px 0 0 0 !important;} /********************************************************************************************************/ /* InfoBulle Newsletter */ /********************************************************************************************************/ #tooltip { position: absolute; visibility: hidden; z-index: 100; width: 120px; background-color: #FFF; border: 1px solid black; padding: 5px; margin-top: -70px; margin-left: -130px;} /***********************************************************************************/ /* Visite virtuelle */ /***********************************************************************************/ .lnkPluginFlash {text-align: center;} .lnkPluginFlash a { display: block; width: 330px; height: 16px; padding-left: 20px; line-height: 16px; margin: auto; background: transparent url(../images/pluginFlash.gif) no-repeat;} #pageVisiteVirtuelle #flashVideo {text-align: center;} #pageVisiteVirtuelle #zoneVideo {margin-bottom: 5px;} #pageVisiteVirtuelle .mentions {color: #666; margin-bottom: 20px; padding-left: 90px;} /***********************************************************************************/ /* Page accueil statique */ /***********************************************************************************/ #pageAccueil #zoneContenu { width: 782px; padding: 0 0 10px 10px; border-left: 10px #d9d9d9 solid; background-color: #f3f3f3; border-right: 1px #d9d9d9 solid;} #colGaucheAccueil, #colDroiteAccueil {float: left;} #colGaucheAccueil {width: 284px; padding: 15px 20px 0 0;} #colDroiteAccueil {width: 456px;} #colGaucheAccueil img, #colDroiteAccueil img {border: 0; display: block;} #blocSearchMap {width: 284px; background: transparent url(../images/bgBlocSearchMap.gif) no-repeat; padding-top: 23px;} #blocSearchMap h2 {display: none;} #bloc_france, #bloc_paris {float: left; margin-bottom: 10px;} #bloc_guide, #bloc_vacances {float: left; margin-bottom: 9px;} #blocGFE { display: block; width: 285px; height: 65px; text-indent: -5000px; overflow: hidden; background: transparent url(../images/blocGFE.jpg) no-repeat;} #bloc_promo img {margin-bottom: 15px;} #blocShare { padding-left: 138px; width: 318px; background: transparent url(../images/bgBlocShare.gif) no-repeat left bottom; height: 24px;} #blocShare h2 {display: none;} #blocShare ul {list-style: none; padding-left: 10px;} #blocShare ul li {float: left; padding-right: 15px;} #blocShare ul li a { display: block; height: 22px; line-height: 22px; color: #999; font-weight: normal; text-decoration: none; font-size: 11px; float: left; padding-left: 20px; background-position: 0 4px !important;} #blocShare ul li#bloc_newsletter a {background: transparent url(../images/envoiPage.gif) no-repeat;} #blocShare ul li#bloc_rss a {background: transparent url(../images/rss.gif) no-repeat;} #blocShare ul li#bloc_twitter a {background: transparent url(../images/twitter.gif) no-repeat;} #blocShare ul li#bloc_youtube a {background: transparent url(../images/youtube.gif) no-repeat;} .zoneHtml {color: #999; font-size: 11px; padding: 10px 15px 30px 0; float: right; width: 800px;}