/* ----------------------------------------------------------------------- ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 { font-size: 3em; /* 48px / 16px = 3em */ line-height: 1.14583; /* 55px / 48px = 1.14583 */ margin: 0 0 1.07em; } h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;text-decoration:underline;} a {color:#000;text-decoration:none;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css */ form .group{border:1px solid #D8D8D8; background:#F9F9F9;padding:0.5em; margin:2.0em 0 0 0; overflow:hidden; display:block; height:auto;} form .group img{display:block; clear:both;padding:0.5em; margin:1.0em 0 0 0; border:1px solid #CCC; background:#FFF;} form .group a{display:block; clear:both;padding:0.5em; margin:0 0 0 0.4em;} label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb; display:block;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .submit{padding:5px; } .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error, .required {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} #langsel{ height:40px;} #langsel *{ display:block;float:left; margin:0; padding:0;} #langsel select{ margin:0 0 0 1.5em; padding:0.1em; width:125px;} .bgvert01{background:#4E6315;} .bgvert02{background:#83B400;} .bgrouge01{background:#7F2724;} .bgrouge02{background:#CB0F08;} /* master layout */ *{font-family: Verdana, Arial, Helvetica, sans-serif;} html, body{margin:0;height:100% !important;} body{ border-top:4px solid #75941F; font-size:72.5% !important;color:#000;font-family: Verdana, Arial, Helvetica, sans-serif;padding:8px 0 0 0; font: normal 100% Helvetica, Arial, sans-serif;text-align: right; background:#FFF !important;} .width_60{width:60px;} .width_68{width:69px;} .width_50{width:50px;} .width_70{width:70px;} .width_75{width:75px;} .width_80{width:80px;} .width_90{width:90px;} .width_95{width:95px;} .width_110{width:110px;} .width_120{width:120px;} .width_130{width:130px;} .width_135{width:135px;} .width_140{width:140px;} .width_143{width:143px;} .width_150{width:150px;} .width_170{width:170px;} .width_180{width:180px;} .width_200{width:200px;} .width_210{width:210px;} .width_216{width:216px;} .width_280{width:280px;} .width_375{width:375px;} .width_400{width:400px;} .width_425{width:425px;} .width_480{width:480px;} .width_550{width:550px;} .width_696{width:696px;} .width_700{width:700px;} .width_48d5p{width:48.5%;} .width_50p{width:50%;} .width_99p{width:99%;} .height_300{height:300px;} .column { margin: 0; overflow: hidden; float: left; display: inline; } .columnrow { margin: 0; overflow: hidden; float: left; width:100%; display: block; } .row { width: 980px; margin: 0 auto; overflow: hidden; } .row .row, .columnrow .columnrow { margin: 0px; width: auto; display: inline-block; } #maincontainer { position:relative; margin:0 auto; width:990px; min-height: 100%; text-align: left; overflow:visible; z-index:2; } body.admin #maincontainer {background:none;} * html #maincontainer { height: 100%; } #header * { font-size:12px; } #header { clear:both; position:relative; width: 100%; height: 240px; display:none; } #header ul{position:absolute;top:8px;right:0; list-style:none;} #header ul li{ float:right; margin-right:10px;} #footer *{ font-size:12px;} #footer { clear:both; position:relative; width: 100%; height: 64px; margin:-64px auto 0 auto; text-align: center; z-index:2; background:url(img/sepbottom.gif) left top repeat-x; padding-top:50px; } #footer ul { list-style:none; } #footer ul li { text-align:right; cursor:pointer; } #minusfooter { padding-bottom: 164px; overflow:visible;} #logo{background:url(img/chalets-branches.gif) left top no-repeat; width:445px; height:85px; display:block; text-indent:-5000px;} #bglogin{position:absolute; top:45px; right:0;background:url(img/bg-top-login.png) left top no-repeat; width:555px; height:82px; font-weight:700;padding:15px 0 0 25px; z-index:0;} #login01{width:555px; position:absolute; top:79px; right:3px; z-index:1;} #login01 * {position:relative;float:left;margin:4px; font-weight:normal; font-size:11.5px;} #login01 input, #login01 img {top:-2px;} #login01 .txt {width:90px;} #login01 label input{margin:0 2px 0 0; padding:0; top:0;} #logme{ cursor:pointer;} #abonnementBTNFR{width:155px; height:35px; display:block; text-indent:-5000px;margin:-5px 0 0 15px; background:url(img/placez_une_annonce.gif) 5px 3px no-repeat;} #abonnementBTNEN{width:155px; height:35px; display:block; text-indent:-5000px;margin:-5px 0 0 15px; background:url(img/placez_une_annonce_en.gif) 5px 3px no-repeat;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix{display:block;} .clear {clear:both;} /*#leftside ol, #leftside ul{margin:0; padding:0; list-style:none;}*/ /*#leftside ul{margin:0.4em 0 1.5em 0px; }*/ #middle{ position:relative;float:left;display:block;width:710px;font-size:12.5px;z-index:5; _margin-left:-10px; _width:700px;} /** * * FOR MID COL * */ #middle #ongul{ background:url(img/ong-shadow01.png) -3.8em bottom no-repeat; padding:0.4em 0 51px 2.0em; margin: -0.2em 0 0 -0.5em;} * html #middle #ongul{ background:url(img/ong-shadow01.gif) -3.8em bottom no-repeat; padding:0.4em 0 51px 2.0em; margin: -0.2em 0 0 -0.5em;} #middle #ongul li{display:inline; position:relative; background:url(img/onglet-vert.gif) left top no-repeat;width:121px; height:42px; float:left;margin:0 0 0 1.0em;} #middle #ongul li.active{ background:url(img/onglet-rouge.gif) right top no-repeat;} #middle #ongul li a{font-weight:bold;color:#000;font-size:12.5px;display:block;height:42px !important; margin:0.8em 0; text-align:center;} #middle #ongul li.active a{color:#FFF;} #bg-popup-bulletin{display:none;padding:1.0em 0 0 1.4em; z-index:50;position:absolute; top:2.8em; right:-35px; background:url(img/bg-popup-bulletin.png) left top no-repeat; width:174px; height:174px;} #bg-popup-bulletin input{margin:0.75em 0; clear:both;} #bltformIndicator{display:none;} .vedettehome{clear:both; width:100% !important;position:relative;background:url(img/bgheadpromovedettes.gif) left bottom repeat-x; margin:-15px 0 1.0em 0 !important; padding:0em 0.1em 0 0.1em;height:50px;} span.msgleft{font-weight:bold; color:#333; font-size:1.35em; position:relative;display:block;margin:0; top:25px; width:275px;} span.votrepubicispan{color:#333; position:absolute;top:0px; right:0;height:20px; width:230px; font-weight:normal; font-size:0.94em; background:url(img/puyannonce.png) left top no-repeat; padding:15px 0 0 12px; margin:1.0em 0;} * html span.votrepubicispan{color:#333; position:absolute;top:0px; right:-30px;height:20px; width:260px; font-weight:normal; font-size:0.94em; background:url(img/puyannonce.png) left top no-repeat; padding:15px 0 0 12px; margin:1.0em 0;} span.votrepubicispan2{color:#333; position:absolute;top:0px; right:0;height:20px; width:230px; font-weight:normal; font-size:0.94em; padding:15px 0 0 12px; margin:1.0em 0;} span.votrepubicispan2 a{color:#333; font-weight:bold; text-decoration:underline;} .aloueravendre{position:relative;overflow:hidden;height:175px;} .alouer, .avendre{ /*height:290px;*/ overflow:hidden;margin:0px 0 45px 0 !important; /*border:1px solid #333;*/ height:300px;} .aloueravendre .alouer, .aloueravendre .avendre{height:150px; width:360px;} .alouer div.column, .avendre div.column{margin:0px 0 12px 10px; position:relative;} .alouer .titre, .avendre .titre{height:25px; padding:1px; width:340px;} .alouer .titre a, .avendre .titre a{color:#FFF; display:block; margin:5px 0 0 7px;} .alouer .contenu, .avendre .contenu{border:1px solid #7F2724; padding:5px; height:100px; width:330px;} .avendre .contenu{border:1px solid #4E6315;} .alouer .contenu *, .avendre .contenu *{ display:block; float:left;} .alouer .contenu p, .avendre .contenu p{ margin:0 !important; display:block !important;clear: right; width:170px; height:auto; *border:1px solid #333;} .alouer .contenu strong, .avendre .contenu strong{ color:#7F2724;} .alouer .contenu img, .avendre .contenu img{ width:150px; height:100px; margin-right:5px;} .alouer .capacite{position:absolute; left:160px; bottom:7px; background:url(img/logo-nbrpersonnes.gif) left 5px no-repeat; padding:2px 0 0 15px; font-weight:700; color:#999999; font-size:17px; height:16px;} .avendre .capacite{position:absolute; left:160px; bottom:7px; background:url(img/logo-capacite-small.gif) left 5px no-repeat; padding:2px 0 0 22px; font-weight:700; color:#999999; font-size:17px; height:16px;} .ULetoilesoleil, .prix-vente{position:absolute; right:6px; bottom:7px;} .prix-vente{font-weight:700; color:#7F2724; right:6px; bottom:5px;} .mortaise{color:#4e6315; position:absolute; height:20px; width:115px; bottom:7px; left:5px; background:url(img/alphar-w50.png) right top repeat; padding:8px 1px 0 5px; font-weight:bold !important;} body#recherche-avancee .alouer, body#recherche-avancee .avendre{ width:100%; height:auto;padding-bottom:15px;} body#recherche-avancee .alouer .titre, body#recherche-avancee .avendre .titre{ width:693px; padding:4px; background:#A21216; font-size:17px;} body#recherche-avancee .avendre .titre{ background:#769520;} body#recherche-avancee .alouer .contenu, body#recherche-avancee .avendre .contenu{ height:130px; width:688px;padding-bottom:15px;} body#recherche-avancee .alouer .contenu p, body#recherche-avancee .avendre .contenu p{margin:0; display:block;clear:right; width:500px;} body#recherche-avancee .ULetoilesoleil{position:absolute; right:6px; top:7px;} body#recherche-avancee .prix-vente{font-weight:700; color:#7F2724; right:6px; bottom:5px;} body#recherche-avancee .icones{ background:url(img/srshadow001.gif) left top no-repeat; width:500px; margin:15px 0;padding-top:10px;} body#recherche-avancee .icones img{ width:34px; height:33px;} body#recherche-avancee .alouer .capacite, body#recherche-avancee .avendre .capacite{position:absolute; top:35px; left:660px; width:30px;} body#recherche-avancee .alouer .idannonce, body#recherche-avancee .avendre .idannonce{position:absolute; right:7px; top:158px; color:#CCC; font-size:11px; text-transform:uppercase;} body#recherche-avancee #FRM_ADVSEARCH{ display:block;} #texteRegion2{height:340px; width:415px;} #texteRegion2 *{font-size:12px; line-height:normal;} #rotation{position:absolute; top:105px;left:10px;} #rotation img{display:none;} .rotationcontainer{position:relative;} #navcolrtme1, #navcolrtme2, #navcolrtme3, #navcolrtme4{position:absolute; top:305px;right:5px; z-index:99;color:#999;} #navcolrtme3, #navcolrtme4{ top:145px;} #navcolrtme1 *, #navcolrtme2 *, #navcolrtme3 *, #navcolrtme4 *{font-size:11.5px;} #navcolrtme1 a, #navcolrtme2 a, #navcolrtme3 a, #navcolrtme4 a{margin:0 2px; color:#999;} .activeSlide{font-weight:700; text-decoration:underline;} /** * * FOR LEFT COL * */ #leftside{ position:relative;float:left;display:block; width:278px; margin-left:-5px;z-index:5; font-size:14px;} #headLeft{background:url(img/bg-leftmenu-top-01.png) left top no-repeat; height:27px; padding:13px 0 0 15px; font-weight:700;} #recherche-avancee #leftside #smallSearch #headLeft, #recherche-avancee-location #leftside #smallSearch #headLeft, #recherche-avancee-vente #leftside #smallSearch #headLeft, #ra-chalets-a-louer-a-vendre #leftside #smallSearch #headLeft{background:url(img/bg-leftmenu-top-02.png) left top no-repeat !important;} * html #ra-chalets-a-louer-a-vendre #leftside #smallSearch #headLeft{background:url(img/bg-leftmenu-top-02.gif) left top no-repeat !important;} #headLeft a{margin-left:1px;} #midbg{background:url(img/bg-leftmenu-mid-01.png) left top repeat-y;} #midbg * {left:8px;} #midbg div {position:relative;left:5px !important;padding:5px 0 0 10px;background:url(img/recherchesep.gif) left top no-repeat;} #midbg div div {background:none;} #midbg label {left:8px; color:#000; display:block; float:left; width:40%; font-weight:normal; height:20px;} #midbg label input{margin-right:8px !important;} #leftside input { padding:0; position:relative; *top:-2px;} #leftside select { width:185px;} #midbg label input {margin:0;} #lastdivmenu{background:#FFF url(img/bg-leftmenu-bot-01.png) -5px top no-repeat !important; height:38px;margin-top:40px;} #region2{width:175px;} #linkpopupcarte{position:absolute; left:auto;right:25px;top:16px; font-size:11px; font-weight:700;} #lastdivmenu input{position:relative; top:-25px;} #smallsearchannonceid div{ font-size:12px; } #imgplacezpubfr,#imgplacezpub{ margin:15px 0 25px 0; position:relative; background:url(img/placepub-fr.gif) 10px top no-repeat; display:block; width:278px; height:50px; text-indent:-5000px;} #imgplacezpuben{ margin:15px 0 25px 0; position:relative; background:url(img/placepub-en.gif) 10px top no-repeat; display:block; width:278px; height:65px; text-indent:-5000px;} #leftpub{display:block; margin:10px 0; background:url(img/bg-pub-left.gif) right top no-repeat;} #leftpub a{display:block; margin:17px 0;} #rechercher, #BTN_joinnewsletter{width:32px; height:18px;} /*** RECHERCHE AVANCEE ***/ #FRM_ADVSEARCH div{ display:block; overflow:hidden; clear:both; _height:100%;} #FRM_ADVSEARCH div.titre{ border-bottom:1px solid #999;height:16px;padding:5px; margin:25px 0; *padding:5px 5px 10px 5px; _padding:5px 5px 0 5px;} #FRM_ADVSEARCH div.titre span{ background:#BBD076;height:16px; padding:5px; font-weight:700; text-transform:uppercase; letter-spacing:1px;} .caracteristiques label{width:75px;display:block; float:left; text-align:center; margin: 0 20px; _ margin: 0 15px;} .dure_sejour label{width:30%;display:block; float:left; text-align:left; margin: 5px 0; font-weight:normal;} #annoncer dl{clear:left; display:block; overflow:hidden;} #annoncer dl dt{clear:left; display:block; float:left; width:175px;} #annoncer dl dd{clear:right; display:block; float:left; width:425px; margin:0 0 60px 0; font-size:12px; line-height:normal;} #annoncer dl dd h3{ font-size:14px; line-height:normal;font-weight:700;} #annoncer dl dd p{margin:0 0 20px 0; font-weight:normal;} .pagination{display:block; clear:both; text-align:right;} .pagination a{ margin:2px; padding:4px; border:1px solid #F1F1F1;} .pagination a:hover, .pagination .current{ background: #E6E6E6;} .nouvellerecherche{display:block; clear:both; text-align:right; color:#7F2724; margin:4px; padding:2px;} .editlink{ overflow:hidden;margin-right:5px;float:left; display:block;background:url(img/editfr9.png) left top no-repeat; width:25px; height:25px; text-indent:-500px;} .deletelink{ overflow:hidden;float:left; display:block;background:url(img/deletert9.png) left top no-repeat; width:25px; height:25px; text-indent:-500px;} body.faq #middle ul.faqlist{list-style:square; margin:10px 0 30px 15px; padding:0; border:1px dashed #CCC; border-width:1px 0; color:#CCC;} body.faq #middle ul.faqlist li{ margin:10px 0;} body.faq #middle dl{ margin:10px 0 0 15px;} body#abonnement ul, body#abonnement ol{ list-style:none;} body#abonnement ul li, body#abonnement ol li{ padding:2px;} #dialog_contact{display:none;} #dialog_contact *{ text-align:left;} #dialog_contact textarea{width:300px;} #dialog_madalites{display:none;} #dialog_madalites *{ text-align:left;} #footrightmsg{position:absolute; right:0; bottom:0; z-index:99; padding:10px;} /*** saisons ***/ .saisonP{background:url(img/Header_printemps.jpg) center top no-repeat;} .welcomtxtP{ background:url(img/Onglet_printemps.jpg) right top no-repeat; position:relative; z-index:5; height:95px; padding-bottom:30px;} #leftseasonP{background:url(img/Left_sprintemps.jpg) right top no-repeat; width:262px; height:140px;} .saisonE{background:url(img/Header_ete.jpg) center top no-repeat;} .welcomtxtE{ background:url(img/Onglet_ete.jpg) right -30px no-repeat; position:relative; z-index:5; height:95px; padding-bottom:30px;} #leftseasonE{background:url(img/Left_sete.jpg) right top no-repeat; width:262px; height:140px;} .saisonA{background:url(img/Header_automne.jpg) center top no-repeat;} .welcomtxtA{ background:url(img/Onglet_automne.jpg) right top no-repeat; position:relative; z-index:5; height:95px; padding-bottom:30px;} #leftseasonA{background:url(img/Left_sautomne.jpg) right top no-repeat; width:262px; height:140px;} .saisonH{background:url(img/Header_hiver.jpg) center top no-repeat;} .welcomtxtH{ background:url(img/Onglet_hiver.jpg) right top no-repeat; position:relative; z-index:5; height:95px; padding-bottom:30px;} #leftseasonH{background:url(img/Left_shiver.jpg) right top no-repeat; width:262px; height:140px;} /* helpers */ .cmstxt{display:block;width:100%;} .cmstxt p{line-height:normal; margin:0;} .clearboth { display:block; clear:both; } .clearleft { clear:left; } .clearright { clear:right; } .shownone, .dispno, .displaynone{display:none !important;} .nobk{background:none !important;} .nopic{background:url(img/nopicsm.jpg) center 45% no-repeat; width:150px; height:100px;} .red{color:#900;} .green{color:#060;} /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -9999px !important; overflow: hidden; background-repeat: no-repeat; } .ui-dialog-titlebar-close span{text-indent:-5000px !important;} #middle .ui-widget-content{margin:15px 0;} button, button.ui-btn, #middle .ui-btn{margin:5px 0 !important; padding:2px !important;} .ui-btn-small, .ui-btn-small span{margin:2px 0 !important; padding:1px !important; font-size:11px} .ui-forfait-details, .ui-forfait-annonces{width:700px; border:1px solid #ccc; border-width:1px 0;padding:10px 0 55px 5px; background:#FAFAFA; overflow:hidden; margin-bottom:20px;} .ui-forfait-annonces p.title{font-weight:700;} .ui-forfait-annonces {position:relative;} .ui-forfait-annonces .ui-forfait-annonces-list{position:relative;} .ui-th {font-weight:700; padding:2px 0; margin:4px;background:#E6E6E6; border-bottom:1px solid #ccc;} .ui-td {padding:2px 0; margin:4px; text-align:left;} .ui-td-center { text-align:center;} .ui-promotions{ position:relative; background:#F1F7CF; border:1px solid #A2C758; margin-bottom:20px;padding:10px; height:30px; font-weight:700; overflow:hidden;} .ui-promotions .ui-promo-slogan{ position:absolute; left:275px; top:17px; letter-spacing:1px;} .ui-BTN-promoannonce{background:url(img/CB_pthisann.gif) left top no-repeat; width:204px; height:28px; padding:6px 0 0 6px; cursor:pointer;} .ui-promotions ul{list-style:none;padding:0;margin:25px 0 10px 0;display:block; overflow:hidden;} .ui-promotions ul li{display:block; float:left;padding:0; margin:10px 10px; width:195px; height:165px; background:#CADB8B url(img/bg-opts.gif) left top repeat-x; border:1px solid #638B3C;} .ui-block-title{color:#638B3C; position:relative;padding: 6px 0 20px 40px;} .ui-block-title .ui-block-letter{position:absolute; width:39px; height:42px; padding:4px 0 0 10px;background:url(img/bg-opt-letters.png) left top no-repeat; left:-5px; top:-5px; font-weight:700; font-size:22px;} .ui-block-desc{font-weight:normal; padding:5px; height:65px;} .ui-block-foot{font-weight:normal; padding:5px; text-align:right;} .ui-block-foot a{ color:#00F;} .ui-block-prix{color:#D33F27; font-weight:700; font-size:22px ;margin:10px 0 10px 5px;} .ui-btn-small-promote{ background:none !important; border:none !important; color:#2A470E !important; width:90px;} .ui-btn-commander{width:195px; position:relative;background:#CADB8B url(img/bg-opts.gif) left top repeat-x; border:1px solid #638B3C; color:#638B3C; font-weight:700; font-size:22px ;margin:0px 0 0 228px;padding:4px; cursor:pointer;} .ajouteruneannoncebleue {cursor:pointer;position:absolute; right:5px; top:8px; list-style:none; margin:0; padding:8px; z-index:25;color:#2f636b; font-weight:bold; background:#e6eeee url(http://www.chalets.qc.ca/css/img/plus-bleu.gif) 98% 50% no-repeat; border:1px solid #FAFAFA; width:170px; height:20px;;} .ajouteruneannoncebleue , .ajouteruneannoncebleue ul{list-style:none; margin:0; padding:2px;} .ajouteruneannoncebleue ul{display:none;margin:2px 0 0 -3px;border:1px solid #CDD5DA; border-width:1px 0;background:#e6eeee; width:170px;} .ajouteruneannoncebleue ul li{margin:4px 0;} .ajouteruneannoncebleue p{margin:0;padding:2px;} /***************************************************************************************************************************************************/ /** * * FOR MORE DATE PICKER * */ div.datepicker { font-family: Arial, Helvetica, sans-serif; font-size: 12px !important; width: 196px !important; height: 147px !important; position: absolute; cursor: default !important; top: -150px; right: 125px; /*display: none !important;*/ z-index:5 !important; } div.fichetechnique div.datepicker { position: relative !important; top: 0px !important; right: 0px !important; } .datepickerContainer { /*background: #121212;*/ background: #ffffff; position: absolute !important; top: 10px !important; left: 10px !important; } .datepickerBorderT { position: absolute; left: 10px; top: 0; right: 10px; height: 10px; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_t.png);*/ } .datepickerBorderB { position: absolute; left: 10px; bottom: 0; right: 10px; height: 10px; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_b.png);*/ } .datepickerBorderL { position: absolute; left: 0; bottom: 10px; top: 10px; width: 10px; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_l.png);*/ } .datepickerBorderR { position: absolute; right: 0; bottom: 10px; top: 10px; width: 10px; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_r.png);*/ } .datepickerBorderTL { position: absolute; top: 0; left: 0; width: 10px; height: 10px; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_tl.png);*/ } .datepickerBorderTR { position: absolute; top: 0; right: 0; width: 10px; height: 10px; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_tr.png);*/ } .datepickerBorderBL { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 10px !important; height: 10px !important; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_bl.png);*/ } .datepickerBorderBR { position: absolute !important; bottom: 0 !important; right: 0 !important; width: 10px !important; height: 10px !important; /*background: url(http://www.chalets.qc.ca/css/themes/classic/datepicker_br.png);*/ } .datepickerHidden { display: none; } div.datepicker table { border-collapse:collapse; } div.datepicker a { color: #999; text-decoration: none; cursor: default; outline: none; } div.datepicker table td { text-align: right !important; padding: 0 !important; margin: 0 !important; } div.datepicker th { text-align: center; color: #000; font-weight: normal; } div.datepicker tbody th { text-align: left !important; } div.datepicker tbody a { display: block !important; } .datepickerDays a { width: 20p !importantx; line-height: 16px !important; height: 16px !important; padding-right: 2px !important; } .datepickerYears a, .datepickerMonths a{ width: 44px !important; line-height: 36px !important; height: 36px !important; text-align: center; } td.datepickerNotInMonth a { color:#CCCCCC; } tbody.datepickerDays td.datepickerSelected{ /*background: #136A9F;CC0000*/ background: #d53f39 !important; } tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected { background:#d53f39 !important; } tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected{ background: #d53f39 !important; } div.datepicker a:hover, div.datepicker a:hover { color: #88c5eb; } div.datepicker td.datepickerNotInMonth a:hover { color: #999; } div.datepicker tbody th { text-align: left !important; font-weight:bold !important; } .datepickerSpace div { width: 20px !important; } .datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a { text-align: center !important; height: 20px !important; line-height: 20px !important; } .datepickerGoNext a { float: right !important; width: 20px !important; } .datepickerGoPrev a { float: left !important; width: 20px !important; } table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears { display: none !important; } table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW { display: none !important; } table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW { display: none; } td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a{ color: #333; } td.datepickerDisabled a:hover { color: #333; } td.datepickerSpecial a { background: #700; } td.datepickerSpecial.datepickerSelected a { background: #a00; } /***************************************************************************************************************************************************/ /** * * FOR MORE NEW CHALETS A VENDRE * */ #cfichev-chalets-a-louer-a-vendre #middle label{margin: 0 0 0 2.0em; width:200px; float:left; display:block; clear:left !important;} #cfichev-chalets-a-louer-a-vendre #middle input, #cfichev-chalets-a-louer-a-vendre #middle textarea, #cfichev-chalets-a-louer-a-vendre #middle select, #cfichev-chalets-a-louer-a-vendre #middle checkbox{width:auto; float:left; display:block; margin: 0 0.5em;} #cfichev-chalets-a-louer-a-vendre #middle div{margin:0.5em 0;} /*#cfichev-chalets-a-louer-a-vendre #middle div div {clear:left;}*/ #cfichev-chalets-a-louer-a-vendre #middle .divlblico span{float:left; display:block; padding:0.2em 1.0em; text-align:center;} #cfichev-chalets-a-louer-a-vendre #middle .divlblico span a{ cursor:default;} #cfichev-chalets-a-louer-a-vendre #middle h3 { width:700px; font-weight:700; background:#e6eeee; padding:5px; font-size:14px !important; cursor:pointer !important; clear:both !important; margin-bottom:10px; } #cfichev-chalets-a-louer-a-vendre #middle h3:hover{ text-decoration:underline;} #cfichev-chalets-a-louer-a-vendre #middle h3 span { float:right; right:5px; position:absolute; } #cfichev-chalets-a-louer-a-vendre #middle h3 span.complet { color:#307e3d; width:150px; } #cfichev-chalets-a-louer-a-vendre #middle h3 span.incomplet { color:#ed2024; width:150px; } #cfichev-chalets-a-louer-a-vendre #middle h3 input { float:right; display:none; } #cfichev-chalets-a-louer-a-vendre #middle .FRMcontainer { background:#f6f8f8 !important; clear:both !important; margin-bottom:15px; overflow:hidden; display:none; } #cfichev-chalets-a-louer-a-vendre #middle .imgtd img { padding:1px; border:1px solid #bacccc; width:52px; height:52px; } #cfichev-chalets-a-louer-a-vendre #middle .imgtd p { text-indent:5px; margin-left:5px; } #cfichev-chalets-a-louer-a-vendre #middle .imgtd a { color:#5368af; margin-left:7px; } #cfichev-chalets-a-louer-a-vendre #middle #field_25 table{border:1px solid #d9dfdf; background:#FFF;} #cfichev-chalets-a-louer-a-vendre #middle h3 input {float:right !important;margin:-3px 0 0 5px !important;} #cfichev-chalets-a-louer-a-vendre #middle div.columnrow{border-bottom:1px dashed #bebebe; padding-bottom:5px;} #cfichev-chalets-a-louer-a-vendre #middle div.columnrow div.columnrow{border-bottom:none;} /***************************************************************************************************************************************************/ #tablepictures div{float:left; padding:0.5em;} textarea{clear:right;} .tabletdspacingpadding td{padding:4px; margin:2px;} .msginfo{ overflow:visible;position:relative; font-weight:normal !important;line-height:normal;width:94% !important; clear:both; margin:1.0em auto;padding:1.0em; background:#fbf8ee; border:1px solid #fcd7a9;} label{padding-left:10px;} label.required{background:url(http://www.chalets.qc.ca/css/img/asteriscum.gif) left top no-repeat;} #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } #ui-grille-tarification{ width:696px; border:1px solid #000; overflow:hidden;} #ui-grille-tarification *{ margin:0 !important;padding:0 !important;} #ui-grille-header1{/*border-bottom:1px solid #ff0;*/} #ui-grille-header2{/*border-bottom:1px solid #900;*/} #ui-grille-header1, #ui-grille-header2{ height:26px; width:700px; display:block;clear:both; font-weight:700;} #ui-grille-header1 div, #ui-grille-header2 div{padding:0 1px !important; text-align:left; height:25px;border:1px solid #000; border-width:0 1px 1px 0;} #ui-grille-tarification .ui-grille-body{ width:696px; border:1px dotted #555; border-width:0 0 1px 0; overflow:hidden;} #ui-grille-tarification .ui-grille-body div{height:115px;padding:0 1px !important; text-align:left;border:1px solid #000; border-width:0 1px 1px 0;_height:100px;} #ui-grille-tarification .ui-grille-body div.last{border-width:0 0 1px 0;} #ui-grille-tarification .ui-grille-body label, #ui-grille-tarification .ui-grille-body input{margin:5px 0 !important;padding:0 !important; position:relative;dsplay:block !important; width:80% !important; text-align:left !important; font-weight:normal;} #ui-grille-tarification .ui-grille-body .remarque a, #ui-grille-tarification .ui-grille-body .remarque input{width:90% !important; padding:5px !important; display:block; clear:both; margin:10px 0 !important;} #ui-grille-tarification .ui-grille-body .remarque a{width:120px !important;} .searchiconeswrapper{/*background:url(img/srshadow001.gif) left 12px no-repeat;*/ margin: 0;padding: 5px 0 0 1px; text-align:left; height:50px; } * html .searchiconeswrapper{background:url(img/srshadow001.gif) left 12px no-repeat; margin: 0px 0 0 0;padding: 20px 0 0 1px;} #fiche-chalets-a-louer-a-vendre .searchiconeswrapper{background:none !important; margin: 5px 0 0 0;padding: 5px 0 0 0;} .searchiconeswrapper a{float:left; padding:0.2em; margin:0.1em; } .srrightitems{ position:absolute; top:0px; right:0; margin:6px 0 0 0px; padding:0;overflow:hidden;} .srrightitems .ief_001{display:block; float:left;margin:6px 0 0 3px !important; padding:0; *margin:4px 0 0 5px !important; *padding:0 0 0 5px;} .srrightitems .ief_002{display:block; float:left;margin:6px 0 0 3px !important; padding:0; *margin:4px 0 0 5px !important; *padding:0 0 0 5px;} .btn_detailsrecherche{position:relative; margin-top:-51px; float:right; width:66px; height:51px;} .onglet-vert-bg-gris{height:38px; background-image:url(img/onglet-vert-bg-gris.gif); background-repeat:repeat-x; clear:both;} .onglet-vert-bg-fin{ text-align:left; background-image:url(img/onglet-vert-bg-gris-fin.gif); background-repeat:no-repeat; background-position:right top;} .onglet-vert-bg{ background-image:url(img/onglet-vert-bg.gif); background-repeat:repeat-x; padding:0 5px !important;} .onglet-rouge-bg{ background-image:url(img/onglet-rouge-bg.gif); background-repeat:repeat-x; padding:0 5px !important;} .onglet-vert-bbg{ background-image:url(img/onglet-vert-bbg.gif); background-repeat:repeat-x; text-align:center !important;} .onglet-rouge-bbg{ background-image:url(img/onglet-rouge-bbg.gif); background-repeat:repeat-x; text-align:center !important;} .titre-blanc{color:#FFFFFF; font-size:12.5px !important; font-weight:bold;} .fichetechnique .onglet-vert-bg-fin table, .fichetechnique .onglet-vert-bg-fin table td{ width:auto; margin:0; padding:0;} .fichetechnique #TableGrillePeriodes tr td{padding:1px;border:1px solid #F9F9F9;} .fichetechnique ul.ULetoilesoleil{ position:relative;/*margin-left:100px; */ left:10px;bottom:0;height:20px;} .fichetechnique ul.ULetoilesoleil li{float:left;display:block; width:20px; height:20px;} body#motdepasse .title{font-size:16px; margin:20px 0;} .bgwhite{background:#FFF;} .bglightgreen{background:#D7E3B3;} .DIVajouteruneannoncebleue{z-index:50;} .homeonly{display:none;} #footer table {width:990px;} #footer td {border:1px solid #900;width:100%;} /* #footer td * {border:1px solid #333;width:100%;} */ body#home .homeonly{display:block;}