IMPORT static/common.css
IMPORT static/apartment.css
IMPORT static/home.css
IMPORT static/city.css
IMPORT static/popup.css
IMPORT static/search.css


/*** PreHome ***/
.prehome{ padding-bottom:250px; background:url('URL_IMAGES_CSS/images/fd-content-home.jpg') no-repeat bottom left; margin-left:-1px; }
.prehome .page{ float:none !important; width:621px; position:relative; margin:0 auto; }
.prehome .pageContent{ height:415px; text-align:center; position:relative; z-index:0; }
.prehome .pageContent p{ padding:20px 0 40px 0; font-size:1.4em; font-weight:bold; }
.prehome .pageContent label{ padding-left:5px; font-size:1.1em; font-weight:bold; }
.prehome .pageContent select{ width:200px; }
.prehome .pageContent .flag{ position:absolute; left:10px; bottom:-15px; }
/*** FIN PreHome ***/


/*** En construction ***/
.construction{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }
.construction .pageContent{ height:415px; }
.construction .build{ padding:150px 0; text-align:center; font-size:1.2em; }
/*** FIN En construction ***/

/*** CGV, LEGAL ***/
.cgv, .legal{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }
.cgv .pageContent, .legal .pageContent{ height:415px; }
.cgv .text, .legal .text{font-size:1.2em; }
/*** FIN CGV, LEGAL ***/

/*** Actualites ***/
.actualites{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }
.actualites .introduction{ font-size:1.1em; margin-top:-10px; }
.actualites .actu{ padding:30px 0; border-bottom:1px solid #FFF; }
.actualites .actu.actuLast{ border:0; padding-bottom:0; }
.actualites .actu .visu{ float:left; width:175px; }
.actualites .actu img{ padding-bottom:10px; }
.actualites .actu .cont{ float:left; width:365px; padding:0 15px; }
.actualites .actu.actuGuide .visu{ width:100px !important; }
.actualites .actu.actuGuide .cont{ width:440px !important; }
.actualites .actu h2{ font-size:1.2em; padding-bottom:10px; }
/*.actualites .actu p{ padding-top: }*/
/*** FIN ActualitÈs ***/


/*** Partenaires ***/
.partenairesPage{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }
.partenairesPage .introduction{ font-size:1.1em; margin-top:-20px; }
.partenairesPage .partenaires{ padding:40px 0; border-bottom:1px solid #FFF; }
.partenairesPage .partenaires.partenairesLast{ border:0; padding-bottom:0; }
.partenairesPage .partenaires .visu{ float:left; width:175px; }
.partenairesPage .partenaires .cont{ float:left; width:365px; padding-left:15px; }
.partenairesPage .partenaires .cont h2{ font-size:1.1em; }
.partenairesPage .partenaires .cont .text{ padding-top:10px; }
/*** FIN Partenaires ***/


/*** Dernieres minutes ***/
.promotions{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }

.promotions .intro{ font-size:1.2em; }

.promotions .ssNav{ margin-top:20px; }
.promotions .ssNav li{ float:left; height:38px; width:145px; }
.promotions .ssNav li a{ display:block; height:38px; width:145px; background:url('URL_IMAGES_CSS/images/fd-onglet-promotions.gif') no-repeat 0 -40px; text-align:center; line-height:30px; font-size:1.1em; font-weight:bold; }
.promotions .ssNav li a.on, .promotions .ssNav li a:hover{ background-position:0 0; text-decoration:none; }
.promotions .btnAll{ display:block; position:relative; margin:0 auto; height:38px; width:291px; background:url('URL_IMAGES_CSS/images/fd-btAll-promos.gif') no-repeat 0 0; text-align:center; line-height:30px; font-size:1.1em; font-weight:bold; }
.promotions .btnAll.on, .promotions .btnAll:hover{ background-position:0 -40px; text-decoration:none; }

.promotions .pagine{ float:right; }
.promotions .pagine li{ float:left; height:29px; line-height:29px; }
.promotions .pagine li.previous{min-width:12px; background:url('URL_IMAGES_CSS/images/fd-pagine-left.gif') no-repeat 0 0; line-height:33px; text-align:right; }
.promotions .pagine li.numbers{ padding-left:10px; height:29px; background:url('URL_IMAGES_CSS/images/fd-pagine-center.gif') repeat-x 0 0; text-align:left; }
.promotions .pagine li.numbers a{ padding-right:3px; }
.promotions .pagine li.numbers a:hover, .promotions .pagine li.numbers .current{ color:#a2d71f; font-size:1.1em; text-decoration:none; }
.promotions .pagine li.next{ padding-left:7px; width:32px; background:url('URL_IMAGES_CSS/images/fd-pagine-right.gif') no-repeat 0 0; line-height:33px; text-align:left; }
.promotions .pagine li.previous a, .promotions .pagine li.next a{ display:block; height:11px; width:14px; position:relative; top:9px; }
.promotions .pagine li.previous a{ background:url('URL_IMAGES_CSS/images/previous.gif') no-repeat 0 0; left:15px; }
.promotions .pagine li.next a{ background:url('URL_IMAGES_CSS/images/next.gif') no-repeat 0 0; }
.promotions .pagine li.previous span, .promotions .pagine li.next span{ display:none; }
.promotions .pagine .empty{background-position:-10px 0 !important}
.promotions .pagine li.previous a:hover, .promotions .pagine li.next a:hover{ text-decoration:none; background-position:0 -11px; }

.promotions h1{ padding:25px 0; font-size:1.2em; text-transform:uppercase; } 
.promotions .result{ padding-bottom:5px; }

.promotions .promosBox{ padding-bottom:33px; position:relative; }
.promotions .promosBox .more{ display:block; position:absolute; bottom:17px; right:-15px; width:103px; padding-right:5px; height:37px; background:url('URL_IMAGES_CSS/images/fd-btn-more.png') no-repeat 0 0; text-align:center; font-size:1.2em; line-height:26px; }
.promotions .promosBox .more:hover{ background-position:0 -37px; text-decoration:none; }
.promotions .promosBox .more strong{ font-size:1.7em; position:relative; top:2px; }
.promotions .promosBox .title{ background:url('URL_IMAGES_CSS/images/fd-promosBox-title.gif') no-repeat 0 0; padding-left:15px; height:25px; line-height:25px; }
.promotions .promosBox .title span{ display:block; float:left; }
.promotions .promosBox .title .lieu{ width:200px; padding-right:10px; text-transform:uppercase; font-weight:bold; height:25px;overflow:hidden;}
.promotions .promosBox .title .logement{ width:150px; }
.promotions .promosBox .title .quartier{ width:185px; padding-right:15px; text-align:right; }
.promotions .promosBox .cont{ background:url('URL_IMAGES_CSS/images/fd-promosBox-bot.gif') no-repeat bottom right #ffedd7; padding:6px 12px 35px 12px; }
.promotions .promosBox .cont img{ float:left; /*width:155px;*/ padding-right:12px; }
.promotions .promosBox .cont .text{ float:left; width:385px; padding-top:5px; color:#000; }
.promotions .promosBox .cont p{color:#000}
.promotions .promosBox .cont .text span{ color:#0087cb; font-weight:bold; }
.promotions .promosBox .cont .text span.oldOffer{ color:#000 !important; display:block; padding-left:80px;  }
.promotions .promosBox .cont .text strong{ font-size:1.2em; color:#000; }
.promotions .promosBox .cont .text strong span{ color:#ef8400; }
/*** FIN Dernieres minutes ***/


/*** Nos references ***/
.nosReferences{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }
.nosReferences .intro{ float:left; width:245px; padding-right:20px; font-size:1.2em; }

.nosReferences .contact{ float:left; position:relative; top:-30px; width:314px; padding-bottom:10px; background:url('URL_IMAGES_CSS/images/fd-contact-bot.gif') no-repeat bottom left #ffedd7; }
.nosReferences .contact h2{ background:url('URL_IMAGES_CSS/images/fd-contact-h2.gif') no-repeat top left; height:29px; padding-left:12px; font-size:1.2em; line-height:25px; } 
.nosReferences .contact p{ padding:13px; color:#000; }
.nosReferences .contact h3{ clear:both; float:left; width:50px; padding:0 0 3px 13px; color:#0087cb; }
.nosReferences .contact span, .nosReferences .contact a{ float:left; width:250px; color:#000; }

.nosReferences .ssNav{ margin:40px 0 0 0; }
.nosReferences .ssNav li{ float:left; height:38px; width:193px; }
.nosReferences .ssNav li a{ display:block; height:38px; width:193px; background:url('URL_IMAGES_CSS/images/fd-onglet-references.gif') no-repeat 0 -38px; text-align:center; line-height:30px; font-size:1.1em; font-weight:bold; }
.nosReferences .ssNav li a.on, .nosReferences .ssNav li a:hover{ background-position:0 0; text-decoration:none; }
.nosReferences .guide h1{ font-size:1.3em; padding:30px 0 25px 0; text-transform:uppercase; }
.nosReferences .guide{ padding-bottom:100px; }
.nosReferences .guide .guideBox{ padding-bottom:25px; }
.nosReferences .guide .guideBox img{ float:left; width:100px; padding-right:22px; }
/*.nosReferences .guide .guideBox p{ float:left; width:425px; }
.nosReferences .guide .guideBox p span.title{ display:block; padding-bottom:10px; font-size:1.2em; font-weight:bold; }*/
.nosReferences .guide .guideBox .text{ float:left; width:425px; }
.nosReferences .guide .guideBox .text span.title{ display:block; padding-bottom:10px; font-size:1.2em; font-weight:bold; }
.nosReferences .guide .others{ position:absolute; bottom:117px; left:2px; z-index:10; }
.nosReferences .guide .others .bg{ position:absolute; top:0; left:0; z-index:11; width:617px; height:140px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/fd-guide-others.png', sizingMethod='crop'); background:url('URL_IMAGES_CSS/images/fd-guide-others.png') no-repeat 0 0; _background:none; }
.nosReferences .guide .others .cont{ position:absolute; top:0; left:0; z-index:12; }
.nosReferences .guide .others h2{ position:absolute; top:23px; left:20px; z-index:13; width:200px; font-size:1.2em; }
.nosReferences .guide .others ul{ width:495px; position:absolute; top:23px; left:140px; z-index:13; }
.nosReferences .guide .others ul li{ float:left; width:164px; }
.nosReferences .guide .others ul li img{ float:left; width:60px; padding-right:10px; }
.nosReferences .guide .others ul li strong{ display:block; float:left; width:90px; padding-top:40px }
.nosReferences .guide .guidePresse img.couvertures{ width:100px; }
.nosReferences .guide .guidePresse p{ width:300px; padding-right:20px; }
.nosReferences .guide .guidePresse img.planches{ float:left; width:120px; }
/*** FIN Nos rÈfÈrences ***/


/*** 10 raisons ***/
.raisonsPage{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px; }
.raisonsPage h1{ width:510px; padding:0 0 60px 25px; font-size:2.1em; font-weight:normal; background:url('URL_IMAGES_CSS/images/fd-h1-10raisons.gif') no-repeat top right; }
.raisonsPage .content-es_es h1{background:url('URL_IMAGES_CSS/images/fd-h1-10raisons-es.gif') no-repeat top right; }
.raisonsPage .content-pt_pt h1{background:url('URL_IMAGES_CSS/images/fd-h1-10raisons-pt.gif') no-repeat top right; }
.raisonsPage h1 span{ display:block; margin:-7px 0 0 140px; }
.raisonsPage .pageContent ul{ width:525px; }
.raisonsPage .pageContent ul li{ padding:0 0 30px 80px; position:relative; background:url('URL_IMAGES_CSS/images/1raison.gif') no-repeat top left; }
.raisonsPage .pageContent ul li span{ display:block; position:absolute; top:7px; left:8px; width:30px; text-align:center; font-size:2.1em; color:#ef8400; font-weight:bold; }
.raisonsPage .pageContent ul li h2{ font-size:1.3em; padding-bottom:10px; }
/*** FIN 10 raisons ***/



/*** Qui sommes nous ***/
.quiSommesNous{ padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px;  }


.quiSommesNous .contact{ position:relative; top:-30px; padding-bottom:10px; background:url('URL_IMAGES_CSS/images/fd-contact-bot.gif') no-repeat bottom right #ffedd7; }
.quiSommesNous .contact h2{ background:url('URL_IMAGES_CSS/images/fd-contactBig-h2.gif') no-repeat top left; height:29px; padding-left:12px; font-size:1.2em; line-height:25px; text-transform:uppercase; } 
.quiSommesNous .contact .contacted{ display:block; position:absolute; top:17px; right:5px; width:235px; padding-right:5px; height:36px; background:url('URL_IMAGES_CSS/images/fd-btn-contacted.gif') no-repeat 0 -37px; color:#FFF; text-align:center; font-size:1.2em; line-height:26px; }
.quiSommesNous .contact .contacted:hover{ background-position:0 0; text-decoration:none; }
.quiSommesNous .contact p.horaire{ padding:15px 0 20px 15px; color:#0087cb; font-size:1.1em; font-weight:bold; }
.quiSommesNous .contact p.horaire strong{ display:block; color:#0087cb; padding:5px 0 0 130px; font-size:1.4em; }
.quiSommesNous .contact ul li{ float:left; width:260px; padding-bottom:15px; text-align:center; color:#000; font-weight:bold; font-size:1.1em; }
.quiSommesNous .contact h3{ width:125px; margin:0 auto; padding-bottom:5px; background:url('URL_IMAGES_CSS/images/fd-contact-h3.gif') no-repeat top left; height:23px; font-size:1.2em; line-height:20px; color:#FFF; }
.quiSommesNous .contact p.nb{ color:#000; padding-left:40px; }
.quiSommesNous .contact span, .quiSommesNous .contact a{ float:left; width:250px; color:#000; }

.quiSommesNous .ssNav{ margin:0; }
.quiSommesNous .ssNav li{ display:block; float:left; height:38px; }
.quiSommesNous .ssNav li.historique{ width:176px; }
.quiSommesNous .ssNav li.criteres{ width:268px; }
.quiSommesNous .ssNav li.equipe{ width:137px; }
.quiSommesNous .ssNav li a{ display:block; height:38px; text-align:center; padding-right:8px; line-height:30px; font-size:1.1em; font-weight:bold; }
.quiSommesNous .ssNav li.historique a{ background:url('URL_IMAGES_CSS/images/fd-onglet-historique.gif') no-repeat 0 -38px; }
.quiSommesNous .ssNav li.criteres a{ background:url('URL_IMAGES_CSS/images/fd-onglet-criteres.gif') no-repeat 0 -38px; }
.quiSommesNous .ssNav li.equipe a{ background:url('URL_IMAGES_CSS/images/fd-onglet-equipe.gif') no-repeat 0 -38px; }
.quiSommesNous .ssNav li a.on, .quiSommesNous .ssNav li a:hover{ background-position:0 0; text-decoration:none; }

.quiSommesNous .historiqueBox{ padding-top:35px;font-size:12px }
.quiSommesNous .historiqueBox img{ float:left; width:218px; }
.quiSommesNous .historiqueBox .text{ float:left; width:330px; padding-left:15px; }

.quiSommesNous .team{ padding-top:35px; }
.quiSommesNous .team .select{ padding:2px 10px; border-right:1px solid #FFF; font-size:1.2em; }
.quiSommesNous .team .selectLast{ border-right:0 !important; }
.quiSommesNous .team .select:hover, .quiSommesNous .team .selectOn{ text-decoration:none; color:#f39a2c; }
.quiSommesNous .team ul li{ float:left; width:290px; padding-top:35px; position:relative;height:141px }
.quiSommesNous .team ul li img{ float:left; width:115px; }
.quiSommesNous .team ul li .description{ float:left; width:160px; position:absolute; bottom:0; left:130px; top:35px}
.quiSommesNous .team ul li h3{ font-size:1.2em; }
.quiSommesNous .team ul li p{ padding-top:35px; }



/***  RESERVATION  ***/
.pageReservation{ padding-bottom:350px; }
.pageReservation .step li{ float:left; height:29px; line-height:29px; font-size:12px; }
.pageReservation .step li.previous{ width:32px; background:url('URL_IMAGES_CSS/images/fd-pagine-left.gif') no-repeat 0 0; line-height:33px; text-align:right; }
.pageReservation .step li.numbers{ width:500px; padding-left:10px; height:29px; background:url('URL_IMAGES_CSS/images/fd-pagine-center.gif') repeat-x 0 0; text-align:center; }
.pageReservation .step li.numbers a{ padding-right:40px; }
.pageReservation .step li.numbers strong{ /*color:#a2d71f;*/ color:#ef8400}
.pageReservation .step li.numbers span{ padding-left:40px; background:url('URL_IMAGES_CSS/images/flc-white.gif') no-repeat 25px 2px; }
.pageReservation .step li.next{ padding-left:7px; width:32px; background:url('URL_IMAGES_CSS/images/fd-pagine-right.gif') no-repeat 0 0; line-height:33px; text-align:left; }

.pageReservation .pageContent form{ padding-left:5px; font-size:1.2em}
.pageReservation .pageContent form input, .pageReservation .pageContent form select{ margin:0 0 5px 5px; vertical-align:middle}
.pageReservation .pageContent form td.mail{ text-align:right; }
.pageReservation .pageContent form .mention{ padding:20px 0 20px 0;font-size:1.1em }
.pageReservation .pageContent form .mention strong{font-size:1.2em}
.pageReservation .pageContent form .friends{ padding:0 30px 20px 30px; }
/*.pageReservation .pageContent form .btnContinuer{ display:block; position:relative; width:145px; margin:0 auto; }*/
.pageReservation .pageContent form .btnContinuer{ display:block;margin:0 auto;width:142px;height:37px; padding:0; border:0; background:url('URL_IMAGES_CSS/images/fd-btn-continuer.gif') no-repeat 0 5px; text-align:center; color:#FFF; font-weight:bold; font-size:1em; cursor:pointer; }
.pageReservation .pageContent form .btnAddPerson{ display:block; position:relative; width:170px; margin:0 auto;background:url('URL_IMAGES_CSS/images/fd-add-person.jpg') no-repeat;text-align:center;height:51px;line-height:51px;font-size:12px;font-weight:bold }

.pageReservation form .intro{font-size:1.3em}

.pageReservation .resume{ margin-top:20px; width:580px; padding-bottom:15px; background:url('URL_IMAGES_CSS/images/fd-presentation-ville.png') no-repeat bottom left; position:relative; }
.pageReservation .resume h1{ height:29px; padding-left:10px; background:url('URL_IMAGES_CSS/images/fd-h1-presentation-ville.png') no-repeat top left; line-height:27px; font-size:1.2em; }
.pageReservation .resume ul{ padding:20px 20px 0 20px; float:left; }
.pageReservation .resume ul.noMargeTop{ margin-top:-20px; }
.pageReservation .resume ul li{ font-size:1.2em; text-transform:uppercase; color:#000; padding-bottom:10px; }
.pageReservation .resume ul.couchage{ padding-top:0; width:250px; }
.pageReservation .resume ul.couchage li.form{ text-transform:none !important; color:#0087cb; font-weight:bold; }
.pageReservation .resume ul li strong{ color:#0087cb;  text-transform:none; }
.pageReservation .resume ul.last li{ text-align:right; width:140px; }
.pageReservation .resume p.mention{ color:#0087cb; padding:0 20px; }
.pageReservation .resume p.mention a{ color:#0087cb; text-decoration:underline; }
.pageReservation .resume p.mention a:hover{ text-decoration:none; }
.pageReservation .resume .prix{ display:block; position:absolute; bottom:-20px; right:0px; margin:0 auto; height:37px; width:136px; padding-right:17px; background:url('URL_IMAGES_CSS/images/fd-bloc-prix.gif') no-repeat 0 0; text-align:center; line-height:30px; font-size:1.1em; font-weight:bold; }
.pageReservation .check{ padding:10px 20px 0 20px; font-size:1.2em; }
.pageReservation .check input{ float:left; padding-bottom:10px; }
.pageReservation .check label, .pageReservation .check p, .pageReservation .check .text{ padding-left:7px; color:#000 !important; }
.pageReservation .check .text p{color:#000}
.pageReservation .check label a, .pageReservation .check p a, .pageReservation .check .text a{ color:#000; text-decoration:underline; }
.pageReservation .check label a:hover, .pageReservation .check p a:hover, .pageReservation .check .text a:hover{ text-decoration:none; }
.pageReservation .check label strong, .pageReservation .check p strong, .pageReservation .check .text strong{ color:#0087cb; }

.pageReservation .client{ margin:40px 0 20px 0; background:url('URL_IMAGES_CSS/images/fd-client.gif') no-repeat 0 0; height:29px; }
.pageReservation .client strong{ float:left; width:215px; padding:7px 0 0 15px; }
.pageReservation .client label{ float:left; width:25px; padding:7px 0 0 60px; font-weight:bold; }
.pageReservation .client input{ float:left; position:relative; top:3px; }

.pageReservation .isClient{ margin:40px 0; width:580px; padding-bottom:15px; background:url('URL_IMAGES_CSS/images/fd-presentation-ville.png') no-repeat bottom left; position:relative; }
.pageReservation .isClient .title{ height:29px; padding-left:10px; background:url('URL_IMAGES_CSS/images/fd-h1-presentation-ville.png') no-repeat top left; }
.pageReservation .isClient .title strong{ float:left; width:215px; padding:7px 0 0 5px; }
.pageReservation .isClient .title label{ float:left; width:25px; padding:7px 0 0 60px; font-weight:bold; }
.pageReservation .isClient .title input{ float:left; position:relative; top:3px; }
.pageReservation .isClient .cont table{ margin:20px 0 0 20px; }
.pageReservation .isClient form label{ color:#0087cb; font-weight:bold; }
.pageReservation .isClient form .inputSubmit{ color:#0087cb; font-weight:bold; font-size:1.1em; border:none; background:none; text-decoration:underline; cursor:pointer !important; background:url('URL_IMAGES_CSS/images/flc-valider.gif') no-repeat 0 4px; padding-left:12px; } 
.pageReservation .isClient form .inputSubmit{ text-decoration:none; }  

.pageReservation .validResa{ padding:25px 0 0; text-align:center; }
.pageReservation .validResa label{ font-size:12px; padding-right:5px;float:left;text-align:left }
.pageReservation .validResa .total{ display:block; position:relative; margin:0 auto; width:141px; padding-right:7px; height:38px; text-align:center; line-height:32px; font-weight:bold; font-size:13px; background:url('URL_IMAGES_CSS/images/fd-validResa-total.gif') no-repeat 0 0; }
.pageReservation .validResa .commission{font-size:12px }
.pageReservation .validResa ul{ padding:20px 0 0 90px; }
.pageReservation .validResa ul li{ padding-bottom:15px; }
.pageReservation .validResa ul li strong{ display:block; float:left; width:100px; text-align:left; font-size:13px; }
.pageReservation .validResa ul li p{ display:block; float:left; width:350px; text-align:left; font-size:12px; }
.pageReservation .validResa ul li p a{ text-decoration:underline; }
.pageReservation .highlight{ padding:20px; border:1px solid #FFF; font-weight:bold;margin:15px 0;text-align:left;font-size:1.1em}


.pageReservation .validate{ position:relative; /*bottom:10px;*/ width:570px; }
.pageReservation .validate label{ font-size:12px; padding:8px 5px 0 0; }
.pageReservation .validate .inputText{ margin:8px 5px 0 0; }
.pageReservation .validate .paiementSecure{ display:block; position:absolute; top:0; right:0; background:url('URL_IMAGES_CSS/images/fd-btn-paiementSecure.gif') no-repeat 0 0; border:0; font-size:12px; color:#FFF; width:196px; height:37px; line-height:35px; }

.pageReservation .confirmationBox{ padding:20px 0 0 0; text-align:center; font-size:12px; }
.pageReservation .confirmationBox .codeResa{ display:block; position:relative; margin:15px auto; height:29px; width:210px; padding-left:17px; background:url('URL_IMAGES_CSS/images/fd-codeResa-left.gif') no-repeat 0 0; }
.pageReservation .confirmationBox .codeResa span{ display:block; float:left; width:120px; padding-right:5px; line-height:29px; font-size:12px; text-align:right; }
.pageReservation .confirmationBox .codeResa strong{ display:block; float:left; height:29px; line-height:29px; padding-right:19px; position:relative; right:-2px; background:url('URL_IMAGES_CSS/images/fd-codeResa-right.gif') no-repeat top right; font-size:13px; }
.pageReservation .confirmationBox a{ text-decoration:underline; }
.pageReservation .confirmationBox a:hover{ text-decoration:underline; }

.pageReservation .contact{ width:219px; padding:7px 10px 0 0; height:88px; margin:25px auto 0 auto; background:url('URL_IMAGES_CSS/images/fd-pageResa-contact.gif') no-repeat 0 0; text-align:center; color:#0087cb; font-weight:bold; font-size:12px; }
.pageReservation .contact span{ display:block; padding:2px 0; color:#a2d71f; font-size:15px; }
.pageReservation .contact a{ color:#0087cb; font-size:14px;  }

/** PROFESSIONAL SPACE */
#professional_header{position:absolute;left:310px;top:10px;width:500px;}
#professional_header .logo{height:62px}
#professional_header .informations{font-size:12px;font-weight:bold;margin-top:10px;float:left;width:100%}
.professionalSpace{padding-bottom:350px; background:url('URL_IMAGES_CSS/images/fd-content-default.jpg') no-repeat bottom left; margin-left:-1px;  }
.professionalSpace .ssNav li a{font-size:1.3em !important} 
.professionalSpace .presentation{padding-right:10px;margin-top:-35px; width:580px; padding-bottom:15px; background:url('URL_IMAGES_CSS/images/fd-presentation-ville.png') no-repeat bottom left; position:relative; }
.professionalSpace .presentation h1{ height:29px; padding-left:10px; background:url('URL_IMAGES_CSS/images/fd-h1-presentation-ville.png') no-repeat top left; line-height:27px; font-size:1.6em; }
.professionalSpace .presentation .logo{margin:-21px 0 0 10px}
.professionalSpace .presentation .intro{margin:25px 0 0 40px;color:#0087cb;font-size:14px;font-weight:bold}
.professionalSpace .presentation .identification{margin:20px 0 0 33px;color:#000 !important;font-size:12px}
.professionalSpace .presentation td{color:#000}
.professionalSpace .bt_connexion{background:url('URL_IMAGES_CSS/images/fd-professional-connexion.png') no-repeat;height:35px;float:left;font-size:13px;font-weight:bold;margin-left:20px;padding:8px 0 0 30px;width:105px;}
.professionalSpace .oubli a{color:#006bc8;font-size:13px;margin:10px 0 0 25px;text-decoration:underline}
.professionalSpace .explication{color:#000;font-size:13px;margin:20px 0 0 25px}
.professionalSpace .explication a{color:#000;text-decoration:underline}
.professionalSpace .retrieve{margin:80px 0 0px 100px;font-size:13px;font-weight:bold}
.professionalSpace .retrieve p{margin-bottom:40px}
.professionalSpace .retrieve div{margin:3px 30px 0 20px;font-weight:normal;float:left}
.professionalSpace .retrieve a{padding:6px 0 0 38px;background:url('URL_IMAGES_CSS/images/fd-btn-envoyer.png') no-repeat;float:left;width:135px;height:36px}
.professionalSpace .error{color:red;text-align:center;margin-top:20px;font-weight:bold}
.professionalSpace .choiceReservation, .professionalSpace .choiceAgent{margin:36px 0 0 120px;font-size:1.2em}
.professionalSpace .choiceReservation li, .professionalSpace .choiceAgent li{margin-bottom:8px}
.professionalSpace .sep{width:100%;height:1px;background-color:#fff;margin:40px 0 10px;overflow:hidden}

.professionalSpace .choice .intro{font-size:1.3em}
.professionalSpace .choice .intro a{color:#a2d71f}
.professionalSpace .searchBoxReservation{margin:20px auto}
.professionalSpace .reservation_enter{margin-top:25px;font-size:1.2em}
.professionalSpace .reservation_enter p{float:left;padding-right:20px;}
.professionalSpace .reservation_enter .inputSubmit{  width:135px;height:37px; padding:0; border:0; background:url('URL_IMAGES_CSS/images/fd-btn-envoyer.png') no-repeat 0 5px; text-align:center; color:#FFF; font-weight:bold; font-size:1em; cursor:pointer; }
.professionalSpace .reservation_enter .inputSubmit2{ display:block;margin:0 auto;width:142px;height:37px; padding:0; border:0; background:url('URL_IMAGES_CSS/images/fd-btn-continuer.gif') no-repeat 0 5px; text-align:center; color:#FFF; font-weight:bold; font-size:1em; cursor:pointer; }
.professionalSpace #reservation-view{margin-top:20px;font-size:1.1em}
.professionalSpace #reservation-view label{margin:0 10px 15px;float:left}
.professionalSpace #reservation-view span{float:left;margin-right:45px}
.professionalSpace #reservation-view h2{font-size:1.1em;margin:10px 0 15px}
.professionalSpace #reservation-view h3{font-size:1.1em;margin:10px 0 15px;color:#a2d71f}
.professionalSpace #reservation-view h3 a{color:#a2d71f}
.professionalSpace #reservation-view .column{float:left}

.professionalSpace .ssNav{ margin-top:30px; }
.professionalSpace .ssNav li{ float:left; height:38px; width:172px; }
.professionalSpace .ssNav li.long{ width:237px; }
.professionalSpace .ssNav li a{ display:block; height:35px; width:155px; background:url('URL_IMAGES_CSS/images/fd-onglet-appartement.gif') no-repeat 0 -37px; padding:2px 17px 0 0; text-align:center; line-height:28px; font-size:1.1em; font-weight:bold; }
.professionalSpace .ssNav li.long a{ width:220px; background:url('URL_IMAGES_CSS/images/fd-onglet-appartementLong.gif') no-repeat 0 -37px; }
.professionalSpace .ssNav li a.on, .professionalSpace .ssNav li a:hover{ background-position:0 0; text-decoration:none; }

.professionalSpace .isClient{ margin:30px 0; width:580px; padding-bottom:15px; position:relative; }
.professionalSpace .isClient .title{ height:29px; padding-left:10px; background:url('URL_IMAGES_CSS/images/fd-h1-presentation-ville.png') no-repeat top left; }
.professionalSpace .isClient .title strong{ float:left; width:215px; padding:7px 0 0 5px; }
.professionalSpace .isClient .title label{ float:left; width:25px; padding:7px 0 0 60px; font-weight:bold; }
.professionalSpace .isClient .title input{ float:left; position:relative; top:3px; }
.professionalSpace .isClient .cont table{ margin:20px 0 0 20px;}

/****/
.cities .ssNav li a{ display:block; text-align:center; line-height:25px; font-size:1.1em; font-weight:bold; }
.cities .images{margin-top:20px}
.cities .images .image{float:left;margin-left:-16px}

/**Photograher**/
.photographer .path{font-size:12px;}
.photographer .intro {padding:0 0 35px 10px;border-bottom:1px solid #fff}
.photographer .intro h1{font-size:17px;padding-bottom:18px}
.photographer .intro .image{float:right;width:195px;text-align:right}
.photographer .intro .text{float:left;width:375px;font-size:12px}
.photographer .intro .bio{margin-top:5px}
.photographer .intro .bio a{font-size:14px;text-decoration:underline;font-weight:bold}
.photographer #pellicules h2{font-size:21px;color:#a2d71f;padding:15px 0;}
.photographer #pellicules .pellicule{background:url('URL_IMAGES_CSS/images/fd-pellicule.png') no-repeat;float:left;width:579px;height:142px;}
.photographer #pellicules .pellicule .image{float:left;width:138px;margin-top:20px;text-align:center;padding-left:6px}

.photographer .guide{ padding:20px 0 100px; }
.photographer .guide .guideBox{ padding-bottom:25px; }
.photographer .guide .guideBox img{ float:left; width:100px; padding-right:22px; }
/*.nosReferences .guide .guideBox p{ float:left; width:425px; }
.nosReferences .guide .guideBox p span.title{ display:block; padding-bottom:10px; font-size:1.2em; font-weight:bold; }*/
.photographer .guide .guideBox .text{ float:left; width:425px; }
.photographer .guide .guideBox .text span.title{ display:block; padding-bottom:10px; font-size:1.2em; font-weight:bold; }

IMPORT static/calendar.css