/* CSS Front Logilib */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; font-family: arial, "Trebuchet MS", Verdana, Helvetica, Lucida, Tahoma, Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff } h1 { font-size: 16pt; font-family: 'Tahoma','sans-serif'; padding-top:10px; padding-bottom:10px; padding-left:5px; color: rgb(241, 121, 0);} h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 277px; height: 127px; display:block; text-indent: -999em; } h1 a#homeLink { display:block;width:223px; height:41px;position:absolute;top:126pt; left:0;text-indent:-999em; } h2 { margin: 0 0 10px 0px; padding-top:10px; padding-bottom:10px; font: bold 16px Tahoma; color: #000000; padding-left:5px;} h2 span { font-weight: normal } h2#classicH2 { margin: 15px 0 20px 20px; padding: 0 0 0 20px; font: normal 18px Tahoma; background: url(f-h2.gif) left 6px no-repeat; color: #1863ae } h3 { margin: 15px 0 10px 0px; font: normal 18px Tahoma; color: #1863ae } h4 { margin: 15px 0 10px 15px; font: bold 15px Tahoma; color: #1863ae } #cgu h4 { margin: 15px 0 10px 20px; font: bold 15px Tahoma; color: #595959 } #cgu strong { color: #595959 } h5 { margin: 15px 0 10px 10px; font: bold 13px Tahoma; color: #1863ae } p { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } select { font: normal 11px arial } textarea.descriptionen, textarea.descriptionfr { width: 97%; border: 1px solid #828282 } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 17px; background: url(carre.gif) left 5px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } a img { border: none; text-decoration: none } a { color: #3c3c3c; text-decoration: underline; font: normal 11px arial } a:hover { color: #3c3c3c; text-decoration: underline } .cguLink , .cguLink a { color: #1a61ae } .links { margin: 0 0 0 20px; position:relative; top: -3px; left: 0px; } abbr { cursor: help; } .format { padding-left:5px;} .format p { padding: 0 20px; } .format h3 { padding: 0 0px 0 20px; } .format h3 { padding: 0 0px 0 20px; } .formato p { padding: 0 20px; color: #828384 } .formato h3 { padding: 0 0px 0 20px; } .formato h3 { padding: 0 0px 0 20px; } /* Conteneurs generaux */ #main { width: 980px; margin: 0 auto 0px auto; position:relative; top: 0px; left: 0px; border-left: 2px solid #c2c2c2; border-right: 2px solid #c2c2c2 } #mainTable { text-align:left;} .colCenter, .colLeft, .colRight { vertical-align: top } /* Header */ #intro { width: 980px; height: 203px; background: url(header.jpg) left top no-repeat; } ul#topLangLinks { position: absolute; top: 147px; left: 415px; } ul#topLangLinks li { float: left; margin: 0 6px; } #intro #menu-top { position: absolute; top: 166px; left: 218px; z-index: 5000; } #maSelection { width: 100px; height:30px; position: absolute; top: 140px; left: 233px; padding: 5px 0pt 0px 0px; z-index:6000; } #maSelection p { font: bold 12px arial; color: #828384 } #maSelection p a { color: #828384; display: block; width: 79px; height: /*16px*/13px; padding: 6px 0 0 93px; background: url(valise.gif) left top no-repeat; text-decoration: none; } #maSelection p span { } #maSelection p a:hover { text-decoration: underline } #maSelection p strong { font-weight: bold; color: #e01132 } /* Colonne Gauche */ .borderedColLeft { background: url(f-colLeft.gif) right top repeat-y; } .colLeft { width: 225px; /*width: 174px; *//* background: url(../images/fond/f-colLeft.gif) right top repeat-y; */ } .colLeft h3 { margin: 0; padding: 0; } form.recherche3 { width: 225px; min-height: 69px; margin: 0 1px 0 0 ; padding: 8px 0 0px 0; background-color: #f2f2f2; /* background: url(../images/fond/f-form1.gif) left bottom repeat-x */ } form.recherche3 select { width: 163px; border: 1px solid #9e9a9b; font: normal 11px Arial } input#date, input#dateend { width: 163px; border: 1px solid #9e9a9b; font: normal 11px Arial } form.recherche3 p { padding: 0 0 0 15px } form.recherche3 label.label1 { font: bold 13px Arial; color: #1863ae; margin: 0 0 3px 0px; } a.datePick { position:relative; top: 2px; left: 4px; } p.centerbut5 input {margin: 0 8px; padding: 0 ; position:relative; top: 3px; left: -4px; } form.recherche3 ul.choises { margin: 7px 0 0 15px; padding: 0 0 0 0; margin: 0 0 10px 15px; overflow: auto; } form.recherche3 ul.choises li { float: left; margin: 0 0 3px 0px; padding: 0 0 0 0; } form.recherche3 ul.choises li label { font: normal 11px arial; color: #1863ae; margin: 0 4px 0 4px; } form.recherche3 ul.choises li.one { width: 116px; } form.recherche3 ul.choises li.two { width: 81px; } form.recherche3 p.centerbut { text-align: center; margin: 0 10px 0 0px; padding: 0 0 0 0; } table#choix { margin: 0; padding: 0; } ul.themesListe { margin: 0 0 0 0px; padding: 0 0 0 0; } ul.themesListe li { float: left; margin: 0 0 0 0px; padding: 0 0 0 0; } ul.themesListe li a img{ margin: 0 0 0 0px; padding: 0 0 0 0; } #flash { background-color: #e0e0e0; height: 277px; } /* Colonne Centrale */ .colCenter { width: 580px; } table#centerHomeTable { margin: 0 0 0 4px; } table#centerHomeTable td { vertical-align: top; } table#centerHomeTable h3 { margin: 0; padding: 0; } table#centerHomeTable td.leftTD { width: 288px; } table#centerHomeTable td.leftTD img { display: block; } /* ------------------- Homepage ------------- */ table#centerHomeTable td.leftTD { width: 288px; } a#bebe { display: block; width: 272px; height: 151px; background: url(partirBebe.jpg) left top no-repeat; text-decoration: none; text-align :right; padding: 0 10px 0 0; } a#bebe span.accroche { display: block; padding: 13px 0 5px 0; font: normal 25px/17px arial; color: #1863ae } a#bebe span.accroche strong { display: block; font: bold 25px arial; color: #1863ae } a#bebe span.txt { display: block; font: bold 11px arial; color: #949595 } a#animal { display: block; width: 272px; height: 155px; background: url(partirAnimal.jpg) left top no-repeat; text-decoration: none; text-align :right; padding: 0 10px 0 0; } a#animal span.accroche { display: block; padding: 13px 0 5px 0; font: normal 25px/17px arial; color: #1863ae } a#animal span.accroche strong { display: block; font: bold 25px arial; color: #1863ae } a#animal span.txt { display: block; font: bold 11px arial; color: #949595 } a#eau { display: block; width: 272px; height: 151px; background: url(partirLocation.jpg) left top no-repeat; text-decoration: none; text-align :right; padding: 0 10px 0 0; } a#eau span.accroche { display: block; padding: 13px 0 10px 0; font: normal 25px/22px arial; color: #1863ae } a#eau span.accroche strong { display: block; font: bold 25px/22px arial; color: #1863ae } a#eau span.txt { display: block; font: bold 11px arial; color: #949595 } /* Colonne droite */ .colRight { width: 174px; } div#proprio-s { width: 172px; background: url(proprio-s.gif) left top repeat-y; } div#proprio-bot { width: 172px; background: url(proprio-bot.gif) left bottom no-repeat; } div#proprio-top { width: 172px; padding: 37px 0px 10px 0px; background: url(proprio-top.gif) left top no-repeat; } div#proprio-top h3 { font: bold 12px Arial; margin: 0px 0 0 12px; padding: 3px 0 0 15px; color: #1863ae; background: url(fl.jpg) left 6px no-repeat; } div#proprio-top h3 a { color: #1863AE; font: bold 12px arial; text-decoration: none; } div#proprio-top h3 a:hover { text-decoration: underline } div#proprio-top p { margin: 0 0 5px 0px; padding: 0 10px 0 20px; color: #959595 } div#proprio-top p.little { font: normal 10px Arial; margin: 0 0 5px 0px; padding: 0 10px 0 14px; color: #959595 } div#proprio-top p strong { color: #959595; font: bold 11px arial; } .sep { padding: 0 0 2px 0; background: url(sep.jpg) center bottom no-repeat; } /* Login / Logged */ div#menu-login { margin: 10px 0 0 -7px; position:relative; } div#menu-login label { color: #4c5255; font: bold 12px Arial; display: block; } div#menu-login input.connexion { } div#menu-login p.link5 a { font: normal 9px arial; color: #1662ae} div#menu-login p.centerbut { position: absolute; top: 31px; left: 102px; } div#menu-logged { margin: 4px 0 6px 0px; } div#menu-logged ul { margin: 0 0 0 21px; padding: 0 } div#menu-logged ul li { margin: 0 0 0 0px; padding: 0 } div#menu-logged ul li a { color: #3c3c3c; } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { font-weight: bold; } div#menu-logged a.deconnect { } #m_password { width: 90px; height: 16px; padding: 2px 0 0 5px; background: url(f-champ.gif) left top no-repeat; border: 1px solid #dadada } #m_login { width: 90px; height: 16px; padding: 2px 0 0 5px; background: url(f-champ.gif) left top no-repeat; border: 1px solid #dadada } /* Newsletter */ #nLetter { width: 169px; height: 47px; padding: 87px 0 0 0; margin: 0px 0 0 0px; background: url(nLetter.gif) left top no-repeat; position:relative; top: 0px; left: 2px; } #nLetter label { display: none; } #nLetter p { margin: 0 0 0 15px; } #emailnewsletter { width: 80px; height: 20px; background: url(f-champ.gif) left top no-repeat; border: 1px solid #dadada ; padding: 3px 0 0 4px; } #nLetter input.valid { position:relative; top: 6px; left: 0px; } /* --------------- Zoom sur ... ----------------------- */ .zoomCont { width: 283px; padding: 0 0 7px 0; border: 1px solid #007cc4} table#centerHomeTable table.pict { float: left; margin: 0 6px 0 0px } table#centerHomeTable table.pict td { width: 107px; height: 78px; padding: 2px 0 0 0; background: url(f-photo-zoom.gif) left top no-repeat; vertical-align: middle; text-align: center; } html*table#centerHomeTable table.pict td { /* Corerction pour Safari */ [color:red; padding: 0 0 0 0; ] padding: 2px 0 0 0; _ padding: 2px 0 0 0; } .contOneZoom { min-height: 68px; margin: 0 5px; padding: 1px 0 12px 0; border-bottom: 1px solid #c2c2c2; clear: both; } .contOneZoom p { margin: 0; padding: 0; } p.city { font: bold 12px arial; color: #1863ae; padding: 2px 0 0 0; } p.regionrslt { font: normal 12px arial; color: #1863ae } p.locationtype { color: #828384 } p.apartir { color: #eb8517 } /* Bloc contact */ #contact { width: 170px; height: 75px; margin: 0 0 0 3px; padding: 78px 0 0 0; background: url(contact.gif) left top no-repeat; } #contact ul { margin: 0 ; padding: 0 } #contact ul li { padding: 0 0 0 14px; margin: 0 0 0 14px ; font: bold 12px arial; background: url(fl.gif) left 2px no-repeat; color: #959595; font-weight: bold; } #contact ul li a { color: #959595; text-decoration: none; font-weight: bold; font: bold 12px Arial; } #contact ul li a:hover {text-decoration: underline } #contact ul li img { position:relative; top: 0px; left: -20px; } .blocBasDroite { width: 163px; margin: 10px 0 0 6px; padding: 0 0 10px 0; border-bottom: 1px solid #c2c2c2 } .blocBasDroite h3 { font: bold 13px Arial; color: #1863ae; margin: -5px 0 4px 0px; } .blocBasDroite a, .blocBasDroite strong, .blocBasDroite p { color: #9b9b9b } .blocBasDroite a { text-decoration: underline; color: #9b9b9b ;zoom:1; } .blocBasDroite a:hover { text-decoration: none; color: #9b9b9b } /* -------------------------------- MyPublication --------------------------------*/ h2#imgH2 { margin: 0; padding: 0; background: none; min-height: 29px } table#myPublication { width: 980px; margin: 0 0 15px 0px; } table#myPublication h3 { color: #4f5150; font: bold 12px arial; } table#myPublication td.colLeft2 { width: 226px; background: #ececec url(f-colLeft3.gif) left top repeat-x; vertical-align: top ;border-bottom: 1px solid #b1b5b8; } table#myPublication td.colRight2 { width: 753px; } td.bgGray { height: 55px; background-color: #f7f7f7; border-bottom: 1px solid #b1b5b8; } div.house { width: 225px; height: 83px; background: url(house.gif) left top no-repeat; position:relative; top: 0px; left: 0px; } div.house h3 { display: none; } td.h3td { height: 42px; background-color: #4f5050 } table#myPublication td.h3td h3 { color: #ffffff; } .coord { padding: 10px 0 0 0px; } .coord p { padding: 0 0 0 15px; color: #828384 } .modify { } .modify p a { color: #1863AE; font-weight: bold; text-decoration: none } .modify p a:hover { color: #1863AE; font-weight: bold; text-decoration: underline } .coord p a { color: #1863AE; font-weight: bold; } .coord .orange { margin: 30px 0 0 0px; color: #eb8b27 } p.pararight { margin: 25px 0 0 0px; } form.cleForm { width: 195px; height: 24px; padding: 0 0 0 58px; margin: 0 auto; background: url(cle.gif) left top no-repeat; } form.cleForm label { color: #4f5150; font-weight: bold; margin: 0 10px 0 0px; } form.cleForm select { border: 1px solid #4f5150 } table.internTable { width: 100%; border-collapse: collapse; } table.internTable h3 { text-align: center; } table.internTable td.bggray { vertical-align: top; border: 1px solid #b3b7b8; background-color: #f7f7f7; } table.internTable td.bggray table td h3 { height: 42px; color: #ffffff; } table.internTable td.bggray table { height: 280px; background-color: #f7f7f7; } table.internTable td.bggray table td { vertical-align: top ; } table.internTable td.bggray h3 { color: #ffffff; height: 42px; background-color: #4f5050; color: #ffffff; margin: 0; padding: 0; } table.internTable td.bggray h3 span { position:relative; top: 14px; left: 0px; } table.internTable td.bggray ul { margin: 25px 0 0 0px; } p.accrocheReservation { text-align: center; color: red } /* */ table.internTable td.bgblue { vertical-align: top ; border: 1px solid #b3b7b8; border-right: none } table.internTable td.bgblue table { height: 247px; color: #ffffff; border-right: none } table.internTable td.bgblue table td { vertical-align: top; border: none } table.internTable td.bgblue p { padding: 0 20px; } table.internTable td.bgblue table { height: 280px; } table.internTable td.bgblue table td.one { height: 50%; padding: 20px 0 0 0; } table.internTable td.bgblue table td.two { height: 50% } .termine { border-top: 1px solid #fff; padding: 20px 0 0 0; } table.internTable td.bgblue h4 { color: #ffffff; font: bold 12px arial; } td.noBorder { border-right: none } td.case1 { width: 381px; height: 237px; border-right: 1px solid #b1b5b8; border-left: 1px solid #b1b5b8; } td.case1 table { } td.case1 p { padding: 0 20px } td.case1 p.para { color: #828384 } td.case1 p.para strong { color: #515151 } p.commande { color: #ff7a14 } p.pararight { color: #424343 } table.internTable ul { } table.internTable ul li { } table.internTable ul li a { color: #076eb3; text-decoration: none; } span.colorOrange { color: #ff7a14 } span.date { font: normal 13px arial; } /* Bloc contact */ div#contactCont { margin: 15px auto 0px auto; width: 170px; } #contact2 { width: 141px; height: 140px; margin: 0 0 0 3px; padding: 63px 0 0 0; background: url(f-contact2.gif) left top no-repeat; } #contact2 ul { margin: 0 ; padding: 0 } #contact2 ul li.tel { margin: 0 0 23px 14px } #contact2 ul li { padding: 0 0 0 14px; margin: 0 0 0 14px ; font: bold 12px arial; background: url(fl.gif) left 2px no-repeat; color: #959595; font-weight: bold; } #contact2 ul li a { color: #959595; text-decoration: none; font-weight: bold; font: bold 12px Arial; } #contact2 ul li a:hover {text-decoration: underline } #contact2 ul li img { position:relative; top: 0px; left: -20px; } /* Footer */ #outro { width: 980px; height: 57px; background: url(../images/fond/footer.gif) no-repeat; clear: both } #outro p { color: white; text-align: center; padding: 16px 0 0 0 } #outro p a { color: white; text-decoration: none } #outro p a:hover { text-decoration: underline } .contLocalisation { width: 572px; margin: 0 auto; padding: 10px 0 10px 0; border-top: 1px solid #b3b7b9; } .contLocalisation td { vertical-align: top; text-align: left; } table.localisation { width: 572px; } table.localisation h4 { margin: 0 0 3px 0px; padding: 0 0 0 0; font: bold 11px arial; color: #4c5255 } table.localisation ul { margin: 0 0 0 0px; padding: 0 0 0 0; } table.localisation ul li { margin: 0 0 0 0px; padding: 0 0 0 0; font: normal 9px arial; color: #7c8082 } table.localisation ul li a { text-decoration: none; font: normal 9px arial; } table.localisation ul li a:hover { text-decoration: underline } .footer2txt { width: 572px; margin: 0 auto; border-top: 1px solid #b3b7b9; padding: 6px 0 0 0; color: #4c5255; font: normal 9px arial; } .footer2txt p { color: #4c5255; font: normal 9px arial; } .footer3link { width: 572px; margin: 0 auto; padding: 6px 0 0 0; font: normal 9px arial; border-top: 1px solid #b3b7b9; } .footer3link p { font: normal 9px arial; color: #4c5255; text-align: justify } .footer3link a { color: #4c5255; font: normal 10px arial; text-decoration: none; padding: 0 5px } .footer3link a:hover { text-decoration: underline;} .footer3link span { color: #4c5255; font: normal 9px arial; text-decoration: none; padding: 0 8px } .footer4 { width: 572px; margin: 0 auto; padding: 6px 0 0 0; color: #4c5255; font: normal 9px arial; } /* Page Mentions */ .adr { margin: 20px 0 15px 145px } .adr2 { margin: 20px 0 15px 45px } .adr h3 { font: normal 11px arial; } .adr2 h3 { font: normal 11px arial; } .adr h3 span, .adr2 h3 span { border-bottom: 1px solid #cbcb1e } .adr, .adr2 { float: left; min-height: 155px; padding: 0; width: 213px; background: url(../images/fond/adr-Bot.gif) left bottom no-repeat } .adr-Bot, .adr2-Bot { padding: 10px 0 0 0; background: url(../images/fond/adr.gif) left top no-repeat; } .conformemement { font: normal 10px arial ; color: #4c5255 } /* Formulaires */ form.formatform, .formatform { width: 485px; margin: 30px auto 15px auto; padding: 0; border: 1px solid #0d6cb0 ; position:relative; top: 0px; left: 0px; } .formatform h3, form.formatform h3 { margin: 0 0 16px 0px; padding: 6px 0 6px 15px; background-color: #ecf7fd; color: #595957; text-transform: uppercase; font: bold 13px Tahoma } form.formatform h4, .formatform h4 { margin: 0 0 6px 0px; padding: 6px 0 6px 15px; color: #1863ae; text-transform: uppercase; font: bold 12px Tahoma } .formatform h4.coloredH4 { color: #595957; text-transform: uppercase; font: bold 13px arial; text-align: center; } .formatform H3 span { display: block; float: left; color: #fff; background-color: #007fc2; width: 38px; height: 24px; padding: 4px 0 0 0; font-weight: bold; text-align: center; position:relative; top: -6px; left: -15px; } img.bnp { border-top: 1px solid #595957; border-bottom: 1px solid #595957; padding: 10px 0; } p#getFormulaire { /*width: 724px; margin: 0 auto; */text-align :right; position: absolute; top: -21px; right: -12px; display: none; } p#getFormulaire span { font-weight: bold; color: #ec8915; padding: 0 5px 0 0; font-size: 14px } p#getFormulaire a { color: #1566b0 ; text-decoration: none; } p#getFormulaire a:hover { color: #1566b0 ; text-decoration:underline } /* ------------------ contact annonceur ---------------------- */ form.formatform2 label.lbleft3 { float: left; width: 255px; margin-right: 22px; color: #4c5255; font: normal 12px arial; position:relative; top: 3px; left: 0px; } .formatform p.conformement5 { font: normal 10px arial; color: red; padding: 0 15px 7px 15px; } /* ------------ Page Alerte ---------------------------- */ form.formatform2 { width: 485px; margin: 30px auto 15px auto; padding: 0px; border: 1px solid #0d6cb0 } form.formatform2 p { padding: 0 15px; } form.formatform2 label.lbleft { float: left; width: 172px; color: #4c5255; font: normal 12px arial; } form.formatform2 input { border: 1px solid #828282 } form.formatform2 select { border: 1px solid #7cc8db; } form.formatform2 ul.choises { margin: 0px 0 0 15px; padding: 0 0 0 0; margin: 0 0 10px 15px; overflow: auto; } form.formatform2 ul.choises li { width: 50%; float: left; margin: 0 0 3px 0px; padding: 0 0 0 0; } form.formatform2 ul.choises li label { font: normal 11px arial; color: #1863ae; margin: 0 4px 0 4px; } form.formatform2 ul.choises li.one { width: 116px; } form.formatform2 ul.choises li.two { width: 81px; } /* */ table.formatTable { width: 85%; margin: 0 auto; border-collapse: collapse; } table.formatTable caption { margin: 5px 0 10px 45px; font: normal 18px Tahoma; color: #1863ae; text-align: left; } table.formatTable td { padding: 2px 3px; color: #828384; border: 1px solid #b9babe } table.formatTable thead { border-collapse: collapse; margin: 0 89px; font-weight: bold; color:white ;text-align: center; background-color: #dbeefc; color: #515151; border: 1px solid #b9babe} table.formatTable th { padding: 3px 0;} .bordered4 { border: 1px solid #b9babe } p.marges { margin: 0 0 0 45px; } #alertegestion a { color: #1662AE; text-decoration: none; } #alertegestion a:hover { text-decoration: underline } /*---------------------------- ma Valise ------------------------*/ table#valiseTable { width: 95%; margin: 2px auto 13px auto; border-collapse: collapse; } table#valiseTable td { color: #848283 } table#valiseTable td.border1, table#valiseTable td.border2 { border: 1px solid #0D6CB0; border-bottom: none; vertical-align: top } table#valiseTable td.buttonCase { border: 1px solid #0D6CB0; border-top: none; padding: 0 0 7px 0; } table#valiseTable td p { padding: 0 10px } table#valiseTable h3 { margin: 0 0 16px 0px; padding: 6px 0 6px 15px; background-color: #ecf7fd; color: #595957; text-transform: uppercase; font: bold 13px Tahoma } table#valiseTable td.vousAvez p { text-align: center; height: 32px; padding: 10px 0 0 0; font: bold 13px arial; color: #1863ae } table#valiseTable td.vousAvez p strong { font: bold 14px arial; color: #ff7913 } /* Page envoyer a un ami */ #pageEnvoitoFriend { } #pageEnvoitoFriend .lbleft { width: 210px; } /* Page Orderconfirm */ .formatform p { padding: 0 15px } .formatform b { color: #545454 } .formatform .commandeTable { width: 90%; margin: 15px auto 10px auto } .formatform .commandeTable th { padding: 5px; text-align: center; color: #545454 } .formatform .commandeTable td { padding: 5px; border-top: 1px solid #4f4f4f } .formatform td.total { background-color: #e3e3e3; color: #545454 } form.formatform p { padding: 0 15px; } form.formatform label.lbleft { float: left; width: 202px; color: #4c5255; font: normal 12px arial; } form.formatform label.bold { font-weight: bold; } form.formatform label.lbleft2 { float: left; width: 160px; color: #4c5255; font: normal 12px arial; } form.formatform select { border: 1px solid #7cc8db; } form.formatform p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform input { border: 1px solid #828282 } div#menu-login label { color: #4c5255; font: bold 12px arial; } /* Page contact */ #pageContact { } #pageContact h3 { margin: 0 0 0 133px; padding: 0; } form#contactForm { margin: 0 auto } form#contactForm label.lbleft { float: left; width: 180px; } form#contactForm textarea { width: 400px; } .texteContact p { color: #838282 } .texteContact p strong { color: #515151 } #pageContact p.conformement , #pageEnvoitoFriend p.conformement{ width:487px; margin:15px auto 10px; color:#4C5255; font-size:10px; } /* Page apreciation add */ #apreciationPage label.lbleft { width: 167px; } .descriptionTxtarea { width: 98%; border: 1px solid #828282 } .apreciationUnite { margin: 0 15px 12px 15px; padding: 10px; border-bottom: 1px solid #828384 } /* */ form.registerFormulaire label.lbleft { width: 188px; } ul#langues { margin: 0 0 15px 18px; padding: 0 0 0 0; overflow: auto; } ul#langues li { float: left; width: 170px; margin: 0 0 7px 0px; color: #4c5255; font-weight: bold; } ul#langues li input{ margin: 0 4px 0 0px; } /* Forget */ input.email { position:relative; top: -12px; left: 0px; } input#validForgot { position:relative; top: -3px; left: 7px; } /* Profile big-form */ div#big-form { } div#big-form form.formatform , div#big-form .formatform { width: 724px; } /* --------------------- Page Photos -------------------------------- */ div#big-form div#formatform { width: 724px; position:relative; top: 0px; left: 0px; } div#formatform { width: 485px; margin: 30px auto 15px auto; padding: 0px; border: 1px solid #0d6cb0 } div#formatform h3 { margin: 0 0 16px 0px; padding: 6px 0 6px 15px; background-color: #ecf7fd; color: #595957; text-transform: uppercase; font: bold 13px Tahoma } div#formatform h3 span { font: italic normal 12px Tahoma; color: #595957; margin: 0 0 0 10px; text-transform: none } div#formatform p { padding: 0 15px; } /* */ div#formatform .comment, div#formatform .comment strong, div#formatform .comment b, { color: #595858 } div#formatform .comment p.colorBlack { color: #000 ; padding: 0 0 0 25px; } /* */ div.attention { } div.attention p { color: #595858; font: normal 10px arial; } div.attention p strong { color: #d30022; font: bold 11px arial; } div.attention p strong.b1 { color: #d30022; font: normal 10px arial; } table#photosTable { width: 100% } table#photosTable td.one { border: 1px solid #c2c2c2; vertical-align: top; width: 50% } table#photosTable td label { display: block; background-color: #eeeff0; color: #007ec5; padding: 6px 0 6px 20px; font-weight: bold; } table#photosTable td label span { color: #69696a } table#photosTable td label span em{ font: italic normal 10px arial; color: #69696a } table.visu { width: 229px; height: 159px; margin: 7px auto 0 auto; } table.visu td { width: 229px; height: 159px; background: url(f-td.gif) left top no-repeat; text-align: center; vertical-align: middle } p.buttonsPhotos { width: 230px; text-align: center; margin: 3px auto 3px auto; } p.buttonsPhotos img, p.buttonsPhotos input { margin: 5px 0 0 0px; } /* */ table.exclamTable { width: 300px; margin: 0 auto; } p.boldBlack { font-weight: bold; color: #000 } p.secondPara { color: #4c4c4e } p.secondPara strong { color: #4c4c4e } p.secondPara span { color: #000 } /* ------------------------ Page depot d annonce ------------------------ */ h2#depot { width: 576px; height: 112px; margin: 0 0 0 0px; padding: 0 ; background: url(depot.gif) left top no-repeat; text-indent: -5000px; } #containerDepot { margin: 18px 0 0 0px } div.raisons { width: 310px; margin: 0px 0 0 0px; border: 2px solid #d2d5d8 ; position:relative; top: 0px; left: 10px; } div.raisons h3 { color: #1863ae; margin: 6px 10px 6px 10px; padding: 0 0 2px 0; font-weight: bold; border-bottom: 2px solid #d2d5d8 } div.raisons h3 span { color: #ff7913 } div.raisons ul { margin: 0; padding: 0; } div.raisons ul li { margin: 0 0 8px 0; padding: 0 15px 0 15px; background: url(carre.gif) left 3px no-repeat; color: #85898a } div.raisons ul li strong { color: #585e60 } div#espaceMenbre { float: right; width: 225px; height: 138px; border: 2px solid #d2d5d8 ; } div#espaceMenbre h3 { color: #1863ae; margin: 0px 10px 6px 10px; padding: 0 0 0px 0; border-bottom: 2px solid #d2d5d8 } #inside h3 { margin: 0px 0 0 12px; background: url(fl.jpg) left 3px no-repeat; } #inside h3 a { padding: 3px 0 0 15px; color: #1863ae; font: bold 12px Arial; text-decoration: none; } .blocRight { width: 225px; float: right; margin: 0px 0 0 0px; position:relative; top: 0px; left: -15px; } .blocRight .contact2 { position:relative; top: 14px; left: -3px; } /* ----------------------- Page order-edit-publication -------------------------------- */ table#orderEditPubTable td { vertical-align: top } table#orderEditPubTable td.borderRight { border-right: 1px solid #a0c5e0 } .vue { } .vue label { color: #4C5255; } div#separator { height: 28px; clear: both; width: 90%; margin: 0 auto; background: url(f-separator.gif) left 10px repeat-x; } div#floatPara { padding: 0 0 10px 15px; overflow: auto; } div#floatPara p { float: left; width: 50%; margin: 0 0 5px 0px; padding: 0; } div#floatPara p.caseTwo { float: left; width: 33%; margin: 0 0 5px 0px; padding: 0; } div#floatPara p.caseTwo label { display: inline; float: none; } div#floatPara p.caseTwo input { display: inline; float: none; margin: 0 5px 0 0px; } div.equipements { padding: 0 0 10px 15px; overflow: auto; } div.equipements p { float: left; width: 50%; margin: 0 0 5px 0px; padding: 0; } div.equipements label { color: #4C5255; } div.descExterieur { padding: 0 0 10px 15px; overflow: auto; } div.descExterieur p { float: left; width: 50%; margin: 0 0 5px 0px; padding: 0; } div.descExterieur label { color: #4C5255; } div.enfants { padding: 0 0 10px 0; } div.enfants table.enfantsTable { width: 100% } div.enfants table.enfantsTable td { } div.enfants table.enfantsTable td.oneTD { width: 50% } div.enfants table.enfantsTable td.twoTD { width: 50% } div.enfants table { } div.enfants table td { width: 33%; } div.enfants p { padding: 0 0 0 15px; margin: 0 0 5px 0px; } div.enfants p.one { float: left; width: 160px; } div.enfants p.one label { display: inline; float: none } div.enfants p.one input { display: inline; float: none } div.enfants label { float: left; width: 150px; color: #4C5255; } div.enfants label.width120 { width: 120px; } div.enfants input.width20 { width: 30px; } div.services { padding: 0 0 10px 0; } div.services p { float: left; width: 226px; padding: 0 0 0 15px; } div.services label { float: left; width: 125px; color: #4C5255; } div.services p.animauxacceptes { float: left; width: 30%; } div.descriptionField { } div.descriptionField p.introP { color: #4C5255; margin: 0 0 0px 0px; } div.descriptionField h3 { margin-bottom: 6px; background: url(f-h3.gif) left top repeat-x; } form.formatform div.descriptionField label { display: inline; float: none; color: #43a0d4; font-weight: bold; } form.formatform div.descriptionField label img { margin: 0 4px 0 0px; } div.descriptionField textarea { width: 685px; margin: 4px 0 0 0px; border-bottom: 1px solid #767676; border-right: 1px solid #767676; background: url(f-txtarea.gif) left top no-repeat; } form.formatform h3.marginTop { margin-top: 10px } span#floatNbcaract { float: right; font-weight: bold; color: #787878 } span#messageNumCharEn , span#messageNumCharFr { border: 1px solid #cccccc; padding: 0 4px; margin: 0 0 0 5px; } span.etoile { color: #006ca9; font: bold 13px arial; } span.etoile2 { color: #006ca9; font: normal 11px arial; } /* ----------------------- Page order-edit-publication -------------------------------- */ table#orderTarifs { width: 100% } table#orderTarifs td { vertical-align: top } table#orderTarifs td.tarif { width: 414px; } table#orderTarifs td.tarif table { border: 1px solid #adb2b5; margin: 0 auto; } table#orderTarifs td.tarif table th { background-color: #edeef0; color: #5c5b5b; text-transform: uppercase; text-align: center; padding: 4px 0; } table#orderTarifs td.tarif table td { padding: 6px 3px} table td.borderedRight { border-right: 1px solid #adb2b5 } form.formatform p.colored { color: #de0020; padding: 0 17px 0 22px } td.mentionsCases { border-bottom: 1px solid #adb2b5 } td.mentionsCases p {font: normal 13px arial; } table#orderTarifs td.tarif table td strong { display: block; height: 16px; padding: 0 5px 0 15px; } strong.hauteSaison { border-left: 30px solid #dd0021 } strong.moyenneSaison { border-left: 30px solid #ec6700 } strong.basseSaison { border-left: 30px solid #ffea13 } /* */ table#orderTarifs td.options { border-left: 1px solid #2d95ce; color: #4C5255; } table#orderTarifs td.options p { } table#orderTarifs td.options label { display: block; float: left; width: 195px; color: #4C5255; } /* */ .disponibilite { } .formatform .disponibilite h4 { height: 20px; background-color: #959394; color: #ffffff; padding: 3px 0 0 20px; margin: 0 0 4px 0px; font: bold 14px arial; } table#tableDispo { width: 100% } table#tableDispo td.box { border: 1px solid #aeb4ba; vertical-align: top } table#tableDispo td.box table { width: 100% } table#tableDispo td.box table td p { padding: 4px 2px; margin: 0 0 0 0px; } table#tableDispo td.box table td.calendar-month-title { background-color: #edeef0; color: #5f5e5f; padding: 3px 0; text-align: center; text-transform: uppercase } table#tableDispo td.box table td.calendar-month-title p { text-align: center; padding: 0 2px; } #mainTable td td.calendar-month-red { background-color: #df0022; vertical-align: middle; } #mainTable td td.calendar-month-orange { background-color: #ec6702 ; vertical-align: middle; } #mainTable td td.calendar-month-jaune { background-color: #ffea13; vertical-align: middle; } #mainTable td td.calendar-month-subtitle { background-color: #949494; color: #ffffff; vertical-align: middle; } #mainTable td td.calendar-month-subtitle span { padding: 0 0 0 5px; } #mainTable td td.calendar-month-red p { text-align: center; } #mainTable td td.calendar-month-orange p { text-align: center; } #mainTable td td.calendar-month-jaune p { text-align: center; } #mainTable td td.calendar-month-week { padding: 0 0 0 5px; } #mainTable td td.calendar-month-subtitle p { text-align: center; } /* Page de confirmation de paiement */ #confirmPage { width: 65%; margin: 0 auto 15px auto; text-align: center; } #confirmPage p { text-align: center;font-weight: bold; } #confirmPage .color { font-weight: bold; color: #828384 } #confirmPage .color a { font-weight: bold; color: #828384 } #confirmPage .color a:hover { font-weight: bold; color: #828384 } #confirmPage h3 { margin-bottom: 20px; color: #ffffff; font: bold 12px arial; color: #515151; text-decoration: underline; } #confirmPage p.merci { font: bold 13px arial; color: #585858; margin: 15px 0 10px 0px; text-align: center; } .prizeCom { font: bold 13px arial; color: #585858; } .adresseCom { position:relative; top: 0px; left: 15px; } #confirmPage table { width: 100%; margin: 15px 0 10px 0px; border-collapse: collapse; } #confirmPage table th { background-color: #edeef0; color: #5c5b5b; text-transform: uppercase; text-align: center; padding: 4px 0; border: 1px solid #adb2b5 } #confirmPage table td { vertical-align: top; padding: 6px 3px; border: 1px solid #adb2b5; text-align: center; } /* Alerte page */ #alertePage { } #alertePage h2 { margin-bottom: 0; } #alertePage h3.top { margin: 0 0 15px 41px; padding: 0; } #alertePage label.lbleft { font: bold 13px Arial; color: #1863ae; margin: 0 0 3px 0px; } #alertePage label.lbleft5 { width: 97px; float: left; display: block; font: bold 13px Arial; color: #1863ae; margin: 0 0 3px 0px; }/* Date */ #alertePage label.lbleft3 { display: inline; font: bold 13px Arial; color: #1863ae; margin: 0 0 3px 0px; color: #848283 } /* input 1 */ #alertePage label.lbleft4 { display: inline; font: bold 13px Arial; color: #1863ae; margin: 0 0 3px 32px; color: #848283 } /* input 2 */ #alertePage input#date, #alertePage input#dateend { width: 65px; } #alertePage ul.choises { margin: 0 0 0 10px; } #alertePage ul.choises li { float: left; margin: 0 4px 4px 4px; } #alertePage ul.choises li label { margin: 0 4px 0 4px; font: bold 13px Arial; color: #1863ae; } /* formulaireConfirmPaiement */ .formulaireConfirmPaiement { min-height: 140px; } .formulaireConfirmPaiement form { margin: 15px 0 25px 0px; } /* ------------------------- Fiche produit ------------------------------ */ td#colCenter2 { width: 100% } #globalFiche { border: 2px solid #a8aeb3; overflow: auto; margin: 19px; } div.titleFiche { font: bold 14px arial; color: #868789; margin: 14px 30px 7px 30px; padding: 0 0 6px 0; border-bottom: 1px solid #d7d3d3 ; } .location { float: right; color: #eb8616 } p.buttons1 { margin: 0 0 10px 30px; } p.buttons1 a { padding: 0 10px 0 0; color: #7d7d7d; text-decoration: underline; } p.buttons2 { margin: 0 0 10px 25px; } #blocLeft { float: left; width: 621px; } #blocRight { float: left; } #house { background: url(f-house.gif) left top repeat-x; } #house h3 { color: #7d7d7d; margin: 0px 0 10px 25px; padding: 10px 0 0 0; font: bold 23px arial; } #house p.desc { width: 584px; color: #585e60; margin: 0px 0 22px 25px; font: italic bold 12px arial; } #house #bigTof { float: left; margin: 0 0 0 30px; } #house #bigTof table td { width: 324px; height: 239px; text-align: center; background: url(bigTof.gif) left top no-repeat; } #house #bigTof table td a img { position:relative; top: -2px; left: 0px; } #house #titeTof { float: left; width: 252px; margin: 0 0 0 15px; } #house #titeTof table { float: left; } #house #titeTof table td { width: 110px; height: 81px; text-align: center; background: url(titeTof.gif) left top no-repeat; } #house #titeTof table td img { position:relative; top: -3px; left: -2px } #f-contact-bot { float: left; width: 283px; padding: 0 0 10px 0; background: url(f-contact-bot.gif) left bottom no-repeat; } #f-contact-top { width: 283px; padding: 0px 0 0px 0; background: url(f-contact-top.gif) left top no-repeat; text-align: center; } #f-contact-top strong { color: #595858 } #f-contact-top h3 { margin: 0 0 10px 0px; padding: 4px 0; color: #fff; text-transform: uppercase; font: bold 13px Tahoma } #f-contact-top p { margin: 0 0 5px 20px; } #f-contact-top p.name { font: bold 13px arial; color: #595858 } #f-contact-top p.langues { } /* */ #blockBas { border: 1px solid #a8aeb3; overflow: auto; clear: both; margin: 0px 28px 0 28px; } #blockBas h3 { margin: 0 0 16px 0px; padding: 6px 0 6px 15px; background-color: #ecf7fd; color: #595957; text-transform: uppercase; font: bold 13px Tahoma } #blockBas .title2 { font: bold 12px arial; color: #007fc5; padding: 0 0 8px 10px; } .conteneurDesc div { margin: 0 0 4px 0px; padding: 0 0 0 5px; } .conteneurDesc table { width: 95%; margin: 0 auto ; } .conteneurDesc table td { border: 1px solid #b0a7a7 ; color: #515151 } .conteneurDesc table td ul { } .conteneurDesc table td ul li { } table#firstTable { width: 95%; margin: 7px auto 0 auto; } table#firstTable td { border: 1px solid #b0a7a7 ; color: #515151 } table#firstTable td ul { margin: 0; padding: 0; } table#firstTable td ul li { margin: 0 0 4px 0;padding: 0; float: left; width: 32%; height: 14px; color: #515151 } .pseudoLabel { background: url(bulleMarron.gif) left 3px no-repeat; padding: 0 0 0 14px; color: #515151; font-weight: bold; } /* */ table#tarifsTable { width: 95%; margin: 0 auto; } table#tarifsTable td.dispo { background-color:#fed97e; width:30px; border-bottom: 1px solid #fff } table#tarifsTable td.dispo2 { background-color:#C4C9CD; width:30px; border-bottom: 1px solid #fff } table#tarifsTable td.dispo3 { background-color: green; width:30px; } table#tarifsTable td.etat { font-weight: bold; color: #515151; padding: 0 0 0 6px; } table#tarifsTable td.etat2 { font-weight: bold; color: #515151; padding: 0 0 0 6px; } table#tarifsTable td.prize { font-weight: bold; color: #515151; padding: 0 0 0 6px; font: bold 11px arial; } table.tableTarifsLittle { width: 100%; margin: 0 3px; } table.tableTarifsLittle td { padding: 1px 3px 1px 3px ; } table.tableTarifsLittle td.thead { color:#FFFFFF; background-color:#505050; font: bold 11px arial; text-transform: uppercase } table.insideTable { width: 100%; } table#insideTable .date { width: 60%; } table#insideTable .prize { width: 40%; } table.tableTarifsLittle2 { width: 100%; margin: 0 0 5px 0; padding: 0; border-collapse: collapse; } table.tableTarifsLittle2 td { border: 1px solid #eff0f1; color: #515151 } /* */ div.colGauche { float:left; width: 571px ; border-right: 1px solid #dfdfdf; } div#colDroite { float: left; width: 305px ; } #localisation { } #localisation h4 { background: url(bulleMarron.gif) left 3px no-repeat; margin: 0 0 3px 10px; padding: 0 0 0 14px; color: #515151; font: bold 11px arial; } #localisation ul { margin: 0; padding: 0; } #localisation ul li { margin: 0 0 4px 24px; padding: 0; height: 14px; color: #515151 } .situation { border-bottom: 1px solid #a9aeb4 } .situation p.right { padding: 0 15px 0 0; } .environnement { } .environnement h4 { background: url(bulleMarron.gif) left 3px no-repeat; margin: 0 0 3px 10px; padding: 0 0 0 14px; color: #515151; font: bold 11px arial; } #panoloca, #enviloca { padding: 0 0 10px 0; } #enviloca ul, #panoloca ul, #sportloca ul { margin: 0; padding: 0; } #enviloca ul li, #panoloca ul li, #sportloca ul li { margin: 0 0 4px 24px; padding: 0; height: 14px; color: #515151 } /* */ div#espaceMenbre div#menu-login p { margin: 0 0 5px 16px; } div#espaceMenbre div#menu-login label { float: left; width: 98px; } div#espaceMenbre div#menu-login p.link5 { margin: 8px 0 0 15px; } div#espaceMenbre div#menu-login p.link5 a { font: normal 9px arial; color: #4c5255; } div#espaceMenbre div#menu-login p.centerbut { position: absolute; top: 59px; left: 150px; } /* */ div#menu-logged { margin: 4px 0 6px 0px; } div#menu-logged ul { margin: 0 0 0 21px; padding: 0 } div#menu-logged ul li { margin: 0 0 4px 0px; padding: 0 } div#menu-logged ul li a { color: #1662AE } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { font-weight: bold; margin: 0 0 5px 10px; } /* */ div.orderSelectTarif { width: 552px; margin: 18px 0 0 0px; border: 2px solid #d2d5d8 ; position:relative; top: 0px; left: 10px; } div.orderSelectTarif h3 { color: #1863ae; margin: 6px 10px 6px 10px; padding: 0 0 2px 0; padding: 0 0 2px 20px; font-weight: bold; background: url(f-h2.gif) left 6px no-repeat; border-bottom: 2px solid #d2d5d8 } div.orderSelectTarif h3 span { font-weight: normal } div.orderSelectTarif form { width: 536px; padding: 0 0 3px 0; } div.orderSelectTarif div.borderForm { width: 536px; margin: 13px 0 15px 7px; padding: 0 0 3px 0; border: 1px solid #585e60 } div.orderSelectTarif div.borderForm h4 { text-transform: uppercase; } div.orderSelectTarif form p { margin: 0 10px; } div.orderSelectTarif form h4 { color: #4c5255; font: bold 12px arial; margin: 11px 0 6px 10px; padding: 0; } div.orderSelectTarif ul { width: 527px; height: 137px; margin: 15px auto 0 auto; padding: 0; } div.orderSelectTarif ul li { float: left; width: 150px; height: 22px; margin: 0 0 5px 0; background-color: #d3d6d9; color: #4c5255; padding: 10px 10px 10px 100px; font: bold 13px arial; } div.orderSelectTarif ul li.prize { width: 151px; margin: 0 0 5px 5px; } div.orderSelectTarif p.centerbut { margin: 15px 0 10px 0px; text-align: center; } /* */ p.mention { font: normal 10px arial; text-align: center; } p.mention a { font: normal 10px arial; } p.conformement { font: normal 10px arial; color: #4c5255 ; margin: 15px 0 10px 0px; } p. a{ font: normal 10px arial; } div.orderSelectTarif p.checkCGU { border: 2px solid #d2d5d8 ; padding: 4px 0px 4px 5px; margin: 10px 5px 5px 5px; text-align: center; } p.voir a { position:relative; top: -6px; left: 0px; } /* General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center { text-align: center } .centerBold { text-align: center; font-weight: bold; color: #515151 } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 15px auto 18px auto; text-align: center; font: bold italic 12px arial; color: #007ec5 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px arial; } /* Messages d erreurs */ .message { width: 83%; border: 1px solid #e8e7e7; margin: 0 auto; } .message li { padding: 0 0 0 21px; color: red; font: bold 12px arial; background: url(denied.gif) left top no-repeat; } .denied { margin: 10px 20px 20px 30px; color: red; font: bold 12px arial; } .denied ul li, .denied li { margin: 0 0 3px 0; padding: 1px 25px 0 23px; font: bold 12px arial; background: url(denied.gif) left 2px no-repeat; } .denied2 { margin: 10px 10px 20px 10px; color: red; font: bold 12px arial; border: 1px solid #e8e7e7; } .denied2 li { margin: 0 0 3px 0; padding: 1px 25px 0 23px; font: bold 12px arial; background: url(denied.gif) left 2px no-repeat; } /* Messages flash */ .flash { text-align: center; margin: 0px 0 10px 0px; padding: 10px 5px; width: 80%; font: bold 13px arial; } .flash ul li { color: #515151; font: bold 14px arial; } /* Bulles d aides fiche produit */ .tool-tip { width: 195px; background-color: #e7f7fd; color: #3d4143; padding: 10px 15px; border: 1px solid #e8e7e7; } .tool-title { } .tool-text { } /* Page pop up localisation */ #mapPopUp { width: 600px; margin: 15px auto 0 auto; } #mapPopUp .formatform { width: 600px; margin: 0 auto; } /* Mentions Legales */ #mentionsPage { } #mentionsPage p { color: #828384; padding: 0 20px; margin: 0 0 20px 0px; } #mentionsPage p strong { color: #515151 } span.titleBleu { color: #0072bc } /* PagePub */ #pagePub p { color: #828384 } /* PageAddPub */ #pageAddPub form.formatform { width: 505px; } #pageAddPub form.formatform h4 { color: #515151; text-transform: none } #pageAddPub form.formatform h4 span { font: normal 13px arial; } #pageAddPub form.formatform p { color: #828384 } #pageAddPub form.formatform label.lbleft { width: 132px; font: bold 13px Arial; color: #1863ae; margin: 0 0 3px 0px; } #pageAddPub form.formatform textarea { border: 1px solid #9E9A9B } /* Page partenaires */ #pagePartners { } #pagePartners h4 { color: #515151; font: normal 14px arial; padding: 0 0 0 15px; } #pagePartners input.ch { width: 500px; border: 1px solid #9E9A9B } table#adverts { /* margin: 15px ;*/ border-collapse: collapse; } table#adverts td { border: 1px solid #b3b7b8; vertical-align: top; width: 33% } .formato table#adverts p { padding: 10px 5px; text-align: center; } .formato table#adverts p img { } table#adverts p.title { margin: 0 0 16px 0px; padding: 6px 0 6px 15px; background-color: #ecf7fd; color: #595957; text-transform: uppercase; font: bold 13px Tahoma } /* Page annuaires */ #pageAnnuaire { min-height: 450px; background: url(antenne.gif) right top no-repeat; } .f-table { width: 552px; margin: 15px 0 0px 20px; background: url(f-table.gif) left top repeat-x; } table#tableAnnuaires { width: 552px; border-collapse: collapse; } table#tableAnnuaires td { border: 1px solid #d7d6d6; padding: 10px 15px; vertical-align: middle } table#tableAnnuaires td a { text-decoration: none; color: #838282; font: bold 12px arial; } table#tableAnnuaires td a:hover { text-decoration: underline } table#tableAnnuaires td a span { color: #eb8617 } div.blocAnnuaire { padding: 0 0 10px 0; margin: 0px 20px 15px 20px } .title a { color: #515151; font: bold 15px arial; padding: 12px 0 0 0px; text-decoration: none; } .title a:hover { text-decoration: underline } .introParaAnnuaire { width: 578px; } p.contient { color: #838282 } p.contient strong { color: #eb8616; font-weight: bold; } p.refuse { color: #828384 } div.annuaire-s { width: 696px; margin: 0 auto; background: url(annuaire-s.gif) left top repeat-y; } div.annuaire-bot { background: url(annuaire-bot.gif) left bottom no-repeat; } div.annuaire-top { background: url(annuaire-top.gif) left top no-repeat; padding: 5px 0 10px 0; } div.annuaire-top h3 { margin: 22px 0 45px 87px; padding: 0; color: #838282 } div.annuaire-top p { color: #828384 } div.annuaire-top a { color: #228fcc } #resultSearchAnnuaire { width: 580px; } #searchingNu { width: 460px; margin: 10px 0 10px 49px; padding: 14px 15px; border: 1px solid #d7d6d6 ; background: url(f-searcxh.gif) left top repeat-x; } #searchingNu input { border: 1px solid #9e9a9b } #searchingNu input.validForm { position:relative; top: 6px; left: 13px; } #searchingNu label { font: bold 13px Arial; color: #1863ae; margin: 0 10px 3px 0px; } /* --------------------- Resultats de recherche --------------------------*/ /* - - Pagination - - */ .blocRecherche { height: 21px; padding: 10px; background: url(blocRecherche.gif) left top repeat-x ; } #pageSearch { float: right; position:relative; top: -2px; left: 0px; } #pageSearch img { position:relative; top: 3px; left: 0px; } #pageSearch a { color: #7f8082; font: bold 12px arial; } #pageSearch a.active { color: #007ec4 } #pageSearchBottom { float: right; position:relative; top: -2px; left: 0px; } #pageSearchBottom img { position:relative; top: 3px; left: 0px; } #pageSearchBottom a { color: #7f8082; font: bold 12px arial; } #pageSearchBottom a.active { color: #007ec4 } #f-trier { margin: 0; color: #838282 } #f-trier span { padding: 0 5px 0 10px; color: #515151; font-weight: bold; } #currentSearchRs { margin: 0px 0 10px 10px; padding: 12px 0 0 0; height: 18px; } #currentSearchRs span#yoursearch { font: bold 15px arial; color: #878789; padding: 0 10px 0 0; text-transform: uppercase } span#locsrch, span#loctyp { font: normal 14px arial; color: #878789; } span#nAnnonces { font: bold 14px arial; color: #007fc6 } span#loccountry { font: normal 14px arial; color: #878789; } /* pas de resultats */ table#noResultTable { width: 550px; margin: 0px auto 15px auto; position:relative; top: 20px; left: 0px; } table#noResultTable td { border: 1px solid #d2d4d5 } table#noResultTable td.firstTD { background-color: #fff; } table#noResultTable td.firstTD p { text-align: center; } table#noResultTable td.secondTD { height: 32px; background-color: #e7e7e7; text-align: center; } table#alerteTable { width: 550px; margin: 20px auto 15px auto; } td.tdAlerte p { color: #525151; font: bold 12px arial; text-align: center; } p#noresultmess { text-align: center; font: bold 15px arial; color: #525151 ; padding: 5px 0 0 0; } p#sendtoalert { margin: 10px 0 0 15px; } /* */ span.pricesFrTo { color: #fe7a15; font: bold 12px arial; } span.priceperiode { color: #fe7a15; font-style: italic } span.detailrslt a { color: #1564b1; margin: 0 4px 0 0px; } span.reservrslt a { color: #1564b1; margin: 0 4px 0 0px; padding: 0 0 0 12px; background: url(bullebleu.gif) left 4px no-repeat; } span.favrslt a { color: #1564b1; margin: 0 4px 0 0px; padding: 0 0 0 12px; background: url(bullebleu.gif) left 4px no-repeat; } .masterBloc { } .picture { width: 134px; margin: 0 11px 0 4px; float: left; } /* 1 er */ .bloc22 { width: 460px; float: left; margin:0pt 5px 0pt 0pt; padding: 7px 0pt 0pt; } /* 2 eme */ .bloc23 { width: 298px; float: left; margin:0pt 5px 0pt 0pt; padding: 7px 0pt 0pt; } /* 2 eme page ManageFav */ .lastBloc { width: 122px; float: left; padding: 20px 0 0 0; text-align: center; } /* 3 eme */ .block1 { background-color: #dff2f9; border-top: 1px solid #b0a6a7; padding: 5px 0; } .block2 { background-color: #fff; border-top: 1px solid #b0a6a7 ; padding: 5px 0 ; } .block1 .picture table.tablepic td { width: 134px; height: 101px; background: url(pictBlue.gif) left top no-repeat; text-align: center; } .block2 .picture table.tablepic td { width: 134px; height: 101px; background: url(pictWhite.gif) left top no-repeat; text-align: center; } .block1 .picture table.tablepic td img, .block2 .picture table.tablepic td img { position:relative; top: 0px; left: 1px; } .block1 .ncommentrslt { height: 31px; margin:0pt 0pt 0pt 10px; padding:2pt 0pt 0pt 20px; background: url(bonhomme-blue.gif) left top no-repeat; } .block2 .ncommentrslt { height: 31px; margin:0pt 0pt 0pt 10px; padding:2pt 0pt 0pt 20px; background: url(bonhomme-white.gif) left top no-repeat; } p.headresult { } span.cityrslt { font: bold 14px arial; color: #1764ac } span.regionrslt, span.countryrslt { font: normal 12px arial; color: #1764ac } span.locnumerrslt { color: #eb8519 } /* Affiner la recherche */ #divaffiner { width: 482px; position:relative; top: 4px; left: 273px; } #mChTiUnLi { width: 231px; height: 21px; background: url(affiner.gif) left top no-repeat; text-indent: -5000px; position:relative; top: 70px; left: 0px; } #mChTiLi { width: 231px; height: 21px; background: url(affiner.gif) left top no-repeat; text-indent: -5000px; } form.recherche { width: auto; min-height: 63px; padding: 5px 0 0 2px; background-color: #f2f2f2; overflow: auto; border-top: 1px solid #b0a6a7; border-left: 1px solid #b0a6a7; border-right: 1px solid #b0a6a7 } form.recherche input { margin: 0 2px 0 0px; } form.recherche ul.choises { width: 409px; } form.recherche ul.choises li { margin: 0 0px 3px 6px; float: left; } ul.choises li label { margin: 0 4px 0px 0; } input#send { position: absolute; top: 42px; right: 22px } /* Conteneur globaux du resultat de recherche */ #pageShowResult { } #centralpic { min-height: 90px; height: 95px; } #finRes { /*height: 134px;*/ height: 170px; } #zoneResultats { width: 754px; /* height: 592px; position:absolute; left: 0px; top: 165px;*/ background-color:#FFFFFF; z-index:-10; border-right: 1px solid #c2c2c2 ; } /* Baby results */ .baby { background: #1c66ab url(f-bebe.gif) left top no-repeat; } .baby #currentSearchRs span#yoursearch { color: #67b0f4 } .baby span#locsrch,.baby span#loctyp { color: #67b0f4 } .baby span#nAnnonces { color: #fff } /* Animals results */ .animals { background: #2c680f url(f-chien.gif) left top no-repeat; } .animals #currentSearchRs span#yoursearch { color: #89ca44 } .animals span#locsrch,.animals span#loctyp { color: #89ca44 } .animals span#nAnnonces { color: #fff } /* Animals results */ .footsea { background: #b59060 url(f-eau.gif) left top no-repeat; } .footsea #currentSearchRs span#yoursearch { color: #5a3008 } .footsea span#locsrch,.footsea span#loctyp { color: #5a3008 } .footsea span#nAnnonces { color: #fff } .mer { background: url(mer2.gif) 10px 35px no-repeat; } .campagne { background: url(camp2.gif) 10px 25px no-repeat; } .montagne { background: url(mon2.gif) 10px 35px no-repeat; } .bigtown { background: url(gran2.gif) 10px 35px no-repeat; } #zoneResultats.ajax-loading {padding: 20px 0; background: url(wait.gif) no-repeat center;} /* ---------------- Plan DU SITE ------------------*/ #plan { } #plan ul.puced { margin: 20px 0 20px 150px; } #plan ul.puced ul li a { margin: 2px 0 2px 0px; } #plan ul.puced ul li a { padding: 3px 3px 3px 0px } #plan ul.puced li { margin: 0 0 3px 0px; } #plan ul.puced li a { text-decoration: none; } #plan ul.puced li a:hover { text-decoration: underline; } #plan ul.puced li a.firstLevel , #plan ul.puced li span.firstLevel { color: #515151; background-color: #f2f2f2 ; display: block; width: 240px; padding: 2px 3px 2px 15px } /* ---------------- Operation promotionnelle ------------*/ .operationPromo { } #operationPromo label.lbleft { width: 260px; } p.paraFloat { float: left; } table.datesdebutFin { width: 100%; border-top: 1px solid #edeef0 } table.datesdebutFin td { vertical-align: top; } table.datesdebutFin td p.fisrt { padding: 0 0 0 25px; } table.datesdebutFin td label { margin: 0 7px 0 0px; } table.datesdebutFin td input { margin: 0 7px 0 0px; } table.datesdebutFin td p.right a { margin: 0 27px 0 0px; } /* ---------------- Iframe pub ------------*/ #pubmenu-leftlarge { margin: 5px 0px; } #pubmenu-left { margin: 5px 0px; } #pubmenu-bottom { margin: 5px 0px; } /* */ .formatAnnonce { padding: 0 0 0 115px; } .formatAnnonce h4 { padding: 0 0 0 5px; } ul#prixAbo { margin: 10px 0 15px 25px; overflow: auto; } ul#prixAbo li { float: left; margin: 0 12px 0 0px; } ul#prixAbo li input { position:relative; top: 3px; left: 0px; margin: 0 4px 0 0px; } /* Page espace publicitaire */ .f-ban {min-height: 542px; margin: 15px 0 0 18px; padding: 0 0 0 290px; position:relative; top: 0px; left: 0px; background: url(f-ban.gif) left top no-repeat; } table.tarifsBan { width: 414px; border-collapse: collapse; border: 1px solid #007fc4 } table.tarifsBan td { border-bottom: 1px solid #a8a8a8; color: #7d7d7d; font: normal 13px arial; padding: 5px 13px; } table.tarifsBan td.bright { border-right: 1px solid #a8a8a8; } table.tarifsBan tr.insideTD td { padding: 13px 13px } table.tarifsBan td.theaad { background-color: #c0eafc; text-transform: uppercase; border: none } .txtLegende2 { position: absolute; top: 330px; left: 350px; font: normal 12px arial; } .txtLegende2 img { position:relative; top: 10px; left: 0px; } .txtLegende2 p { width: 100% } /* Page promos */ #pagePromo { } #pagePromo .bloc22 { width: 297px; } .promotypo { color: #1863ae; font-weight: bold; } .lastBloc p { text-align: center; } .stroke { text-decoration: line-through; font-weight: bold; } .boldPrize { font-weight: bold; } .pourcent { display: block; float: left;background-color: #ec8716; color: #ffffff; padding: 1px 4px; font-weight: bold; margin: 0 13px 0 0px; } #recherchePourcent { } .freeNewAnnounce{ padding-left:2px; }