/* CSS - description style g�n�ral */ .foo, x:-moz-any-link { } /* FireFox 2 */ .foo, x:-moz-any-link, x:default { } /* FireFox 3 */ html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */ body, td, tr, input, select, textarea { font: normal Trebuchet MS, Verdana, sans-serif; color: #2c3241; } input, select, textarea { margin: 5px; } a {text-decoration: none;} a img { border : none; } div.alt { -display:none; } /*--- �vite bug marge apr�s composant flash (sous ie6) ---*/ .strong { font-weight:bold } .erre {font-weight:bold;color:#f70;} .showOn { display:block } .showOff { display:none; } #advban {position:relative;display:block;width:728px;height:90px;} #advsky {position:relative;display:block;width:120px;height:600px;} #adv300 {position:relative;width:300px;height:250px; } #adv300 #advcarre {position:relative;float:left;width:300px;height:250px;margin:5px auto;} #list #advcarre { position:relative;float:left;width:300px;height:250px;margin:0px auto; } .sponsorLink { position:relative;clear:both; float:right;display: inline; margin:0; padding:0; overflow: hidden;} .sponsorStick { position:relative;float:left;width:120px;height:150px;margin:0px; padding:0; overflow:hidden;} .left div{ position:fixed !important;+position:absolute;top:0;left:0;width:auto; height:700px; } .right div{ position:fixed !important;+position:absolute;top:0;right:0;width:auto; height:700px;} .display{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } /*td.left{background:#fff url(https://static.promovacances.com/backgrounds/promovacances/home-bg-left.jpg) right top no-repeat;} td.right{background:#fff url(https://static.promovacances.com/backgrounds/promovacances/home-bg-right.jpg) left top no-repeat;} td.left div{background:#fff url(https://static.promovacances.com/backgrounds/promovacances/home-bg-left.jpg) right top no-repeat;} td.right div{background:#fff url(https://static.promovacances.com/backgrounds/promovacances/home-bg-right.jpg) left top no-repeat;} td.content{margin:0;padding:0;background-image:url(https://static.promovacances.com/backgrounds/promovacances/home-bg-center.jpg);background-repeat:no-repeat; background-attachment:fixed;background-position:center top;} */ body, body.country{background-color:#fff;background-image: url(../../v2/images/common/background/home.jpg);background-position: center top;background-repeat: no-repeat;background-attachment:fixed;} #midHead #bgHeader,#header-int #bgHeader{background-color: #0064dc;position:absolute;top:0;left:0;width:100%;height:100px;z-index: -1;} td.left, td.right{margin:0;padding:0;background:none;} td.content{margin:0;padding:0;background:url(../../images/bg/bg-content.gif) repeat-x 0px 126px;} #home td.content{margin:0;padding:0; background:url(../../images/bg/bg-content.gif) repeat-x 0px 118px;} /*body#sejlistbody, body#ficheproduit{background-image:none;background-color:#fff;}*/ body#sejlistbody.country, body#ficheproduit.country{background-color:#fff;background-image: url(https://static.promovacances.com/backgrounds/promovacances/bg-home.jpg);} #top .logo {float:left;width: 230px; margin-top: 15px;} #marque2 img.logo, #top .logo img {background:url(../../v2/logos/promovacances.png) no-repeat left top;} /*--- Header & footer ---*/ /* Breadcrumb, Contact, Mentions l�gales, liens r�f�rencement */ #breadcrumb { float: left; display: block; color: #01f; font-size: 1em; text-align: left; font-weight:normal; width: 100%; *width:960px; /*width: 80%; height: 20px;*/} #travelcountry #breadcrumb, #travelcity #breadcrumb { padding:0 0 5px 7px; color:#333333; font-size:12px; } #travelcountry #breadcrumb a b, #travelcountry #breadcrumb span.raquo { color:#333333; font-weight:normal !important; font-size:12px; } #travelcity #breadcrumb a b, #travelcity #breadcrumb span.raquo { color:#333333; font-weight:normal !important; font-size:12px; } #travelcountry #breadcrumb br, #travelcity #breadcrumb br { display:none; } #travelcountry #breadcrumb .currentPg, #travelcity #breadcrumb .currentPg { font-weight:bold; font-size:12px; } #breadcrumb div { display: inline;} #breadcrumb div.currentPage { width: 80%; } #breadcrumb a { float: left; margin: 0px; color: #01f; text-decoration: underline; font: normal 11px Trebuchet MS, Verdana, sans-serif; } #breadcrumb a b { float: left; cursor: pointer; margin: 0px; padding:0px; color: #01f; text-decoration: underline; font: normal 11px Trebuchet MS, Verdana, sans-serif; font-weight: bold;} #breadcrumb span.raquo { float: left; margin: 0px 3px 0px 3px; line-height: 11px; color: #01f; font:11px Trebuchet MS, Verdana, sans-serif; text-decoration: none;font-weight:normal;} #breadcrumb h1.currentPg { float: left; margin: 0 3px 0 0; padding:0px;line-height: 11px; color: #01f; font:11px Trebuchet MS, Verdana, sans-serif; text-decoration: none;font-weight:normal;} #breadcrumb h1.currentPg a{text-decoration:none;} #breadcrumb h1.currentPg b{font-weight:normal;} #breadcrumb h2{font-size:11px; font-weight:normal; margin:0; padding:0;} .breadcrumb-float-none {float:none !important} #bodyid #breadcrumb{color:#09f;} #bodyid #breadcrumb a{color:#09f} #bodyid #breadcrumb span.currentPg{color:#09f; margin: 0 3px 0 0;} #ficheproduit #breadcrumb {color:#09f;} #ficheproduit #breadcrumb span.currentPg {color:#09f;} ul#toplinks { background: transparent; float: right; margin: 0px; padding: 0; text-align: left; } ul#toplinks li {background : url(../../images/pictos/pict_arrow-triangle-blanc.gif) 0px 2px no-repeat; display: inline; height: 20px; margin: 0px; padding-left: 15px; list-style: none; } ul#toplinks li a { color: #01f; text-decoration: none;} ul#toplinks li a:hover{ color: #01f; text-decoration: underline; } #marque { width: 260px; height: 85px; padding: 5px 0px 0px 0px;} #marque2 { width: 210px; height: 85px; padding: 5px 0px 0px 0px; display:inline-block; *display:inline; *zoom:1;} #plongee #marque,#prestige #marque,#voyagedenoces #marque,#circuit #marque,#weekend #marque,#thalasso #marque,#golf #marque { float: left; width: 210px; height: 85px; padding: 5px 0px 0px 0px;} /* h1.signature, p.signature { clear: both; float: left; width: 260px; margin: 3px 0px 1px 0px; padding: 0px 0px 0px 5px; font: bold 12px Trebuchet MS, Verdana, sans serif; line-height: 12px; color: #fff; } h1.signature2, p.signature2 {clear: both; float: left; width: 220px !important; +width:140px; margin: -5px 0px 1px 0px !important; +margin: -4px 0px 1px 20px; padding: 0px 0px 0px 5px !important; +padding: 0px 0px 0px 0px; font: bold 12px Trebuchet MS, Verdana, sans serif; line-height: 12px; color: #fff; } h1.signatures2, p.signatures2 { clear: both; float: left; width: 250px !important; +width:140px; margin: 0px 0px 1px 45px !important; +margin: -2px 0px 5px 25px; padding: 0px 0px 0px 5px; font: bold 12px Trebuchet MS, Verdana, sans serif; line-height: 12px; color: #fff; } */ #bandeau { background: transparent; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; } #bandeau #banFlashContent{position:relative; margin: 0px 0px 0px 0px; padding: 0px;} #bandeau #banFlashContent img.anniversaire{width:475px; height:80px; margin:0; padding:0;} #bandeau2 { background: transparent; height: 91px; margin: 5px 0px 5px 16px; padding: 0px 0px 0px 0px; text-align: right; display:inline-block; *display:inline; *zoom:1; } #bandeau2 #banFlashContent2{position:relative; margin: 0px 0px 0px 0px; padding: 0px;height: 90px; width: 728px;} #bandeau2 #banFlashContent2 .cdiscount{position:absolute;top:0;left:0;z-index:10;display:none;} #bandeau2 #banFlashContent2 .adlink{position:absolute;top:0;left:0;z-index:20;display:none;} #prestige #bandeau2, #long-sejour #bandeau2, #thalasso #bandeau2, #vols-int #bandeau2{height: 90px;} #customerreviewsplapubn #bandeau2, #travel #bandeau2, #bodyid-logement #bandeau2, #weathercountry #bandeau2{height: 94px;} #marque2 .logo-wrapper { width:235px; height:90px; } #accommodation #midHead{ height: 100px; } #avisclient .kv-Nav-list, #customerreviewsplapubn .kv-Nav-list, #weathercountry .kv-Nav-list, #subscAbo .kv-Nav-list, #bdChangeMail .kv-Nav-list, #travel .kv-Nav-list, #accommodation .kv-Nav-list, #pageInfoBody .kv-Nav-list, #presseBody .kv-Nav-list, #faqBody .kv-Nav-list, #nos-partenaires .kv-Nav-list, #bodyid-logement .kv-Nav-list, #bonsplans .kv-Nav-list { width: 960px; } #avisclient .kv-Nav-item > a, #customerreviewsplapubn .kv-Nav-item > a, #weathercountry .kv-Nav-item > a, #subscAbo .kv-Nav-item > a, #bdChangeMail .kv-Nav-item > a, #travel .kv-Nav-item > a, #accommodation .kv-Nav-item > a, #pageInfoBody .kv-Nav-item > a, #presseBody .kv-Nav-item > a, #faqBody .kv-Nav-item > a, #nos-partenaires .kv-Nav-item > a, #bodyid-logement .kv-Nav-item > a, #bonsplans .kv-Nav-item > a{ line-height: 12px; } #avisclient .kv-Nav-item:hover, #customerreviewsplapubn .kv-Nav-item:hover, #weathercountry .kv-Nav-item:hover, #subscAbo .kv-Nav-item:hover, #bdChangeMail .kv-Nav-item:hover, #travel .kv-Nav-item:hover, #accommodation .kv-Nav-item:hover, #pageInfoBody .kv-Nav-item:hover, #presseBody .kv-Nav-item:hover, #faqBody .kv-Nav-item:hover, #nos-partenaires .kv-Nav-item:hover, #bodyid-logement .kv-Nav-item:hover, #bonsplans .kv-Nav-item:hover{ height: 30px; } #avisclient .kv-Nav-item:hover > a:after, #customerreviewsplapubn .kv-Nav-item:hover > a:after, #weathercountry .kv-Nav-item:hover > a:after, #subscAbo .kv-Nav-item:hover > a:after, #bdChangeMail .kv-Nav-item:hover > a:after, #travel .kv-Nav-item:hover > a:after, #accommodation .kv-Nav-item:hover > a:after, #pageInfoBody .kv-Nav-item:hover > a:after, #presseBody .kv-Nav-item:hover > a:after, #faqBody .kv-Nav-item:hover > a:after, #nos-partenaires .kv-Nav-item:hover > a:after, #bodyid-logement .kv-Nav-item:hover > a:after, #bonsplans .kv-Nav-item:hover > a:after{ border: none; } #avisclient .kv-Nav-item--submenu, #customerreviewsplapubn .kv-Nav-item--submenu, #weathercountry .kv-Nav-item--submenu, #subscAbo .kv-Nav-item--submenu, #bdChangeMail .kv-Nav-item--submenu, #travel .kv-Nav-item--submenu, #accommodation .kv-Nav-item--submenu, #pageInfoBody .kv-Nav-item--submenu, #presseBody .kv-Nav-item--submenu, #faqBody .kv-Nav-item--submenu, #nos-partenaires .kv-Nav-item--submenu, #bodyid-logement .kv-Nav-item--submenu, #bonsplans .kv-Nav-item--submenu{ display: none !important; } #customerreviewsplapubn .kv-Nav-overlay, #weathercountry .kv-Nav-overlay, #subscAbo .kv-Nav-overlay, #bdChangeMail .kv-Nav-overlay, #travel .kv-Nav-overlay, #accommodation .kv-Nav-overlay, #pageInfoBody .kv-Nav-overlay, #presseBody .kv-Nav-overlay, #faqBody .kv-Nav-overlay, #nos-partenaires .kv-Nav-overlay, #bodyid-logement .kv-Nav-overlay, #bonsplans .kv-Nav-overlay{ display: none !important; } #marque2 img.logo { float: left; width:220px; height:75px; margin-top:15px; } .logo2 { float: left;/* width:195px !important*/; +width: 193px; height:52px; margin-right: 4px; } img.logo2 { background: url(../../images/logos/promovacances.png) no-repeat left top !important; float: left; width:230px;height:61px; } .iata { float: right; margin-left: 15px; } .mentions { float: left; width:100%;margin: 30px 0px 0px 0px; text-align:justify; font: normal 10px Arial, sans-serif; color: #888; } .mentions a.linkref { font: normal 10px Arial, sans-serif; text-decoration: underline; color: #888;} .mentions a.linkref2 { font: normal 10px Arial, sans-serif; color: #888; text-decoration: underline;} .mentions a.nohand { font: normal 10px Arial, sans-serif; text-decoration : none; cursor:default; color: #888;} /*#seo { background: #EDF5FF; float:left; width: 950px; height: 20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; }*/ #seo { background: #EDF5FF; float:left; width: 960px; height: 20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #seolinks { position: absolute; bottom:0; left:0; width:960px; height: 90px; margin:10px 0px 0px 0px; padding: 0px; text-align:justify; font: normal 10px Arial, sans-serif; color: #888; } #seolinks p { margin: 0 auto; text-align: left; } #seolinks a.linkref { font: normal 10px Arial, sans-serif; color: #01f; text-decoration: none; color: #888;} #seolinks a.linkref2 { font: normal 10px Arial, sans-serif; color: #01f; text-decoration: underline;} #seolinks a.nohand { font: normal 10px Arial, sans-serif; text-decoration : none; cursor:default; color: #888;} #logos-footer { width:950px; height:auto; padding: 4px 9px 0 0; } #logos-footer img { height:155px; border:0; margin:0; padding:0; display:block; } #logos-footer img.logo-service-client, #logos-footer img.logo-contenu-video, #logos-footer img.logo-expansion { float:right; border:0; margin:4px 0 0 9px; padding:0; display:block; } #footer #ttc-int { background: #ffefe5; float: left; width: 940px !important;+width: 960px; margin: 0px; padding: 10px; } .spacer_h8 {height:10xp} /* Arbo voyage */ #arbodest { float: left; background: #fff; width: 425px; height: 24px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; text-align: left; } #arbodest h1 { margin: 0; padding: 0; line-height: 16px; color: #f60; font: bold 16px Trebuchet MS, sans-serif; } /* Ville d�part */ #villedepart { float: left; width: 295px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #villedepart form { float: left; margin: 2px 0px 0px 0px; padding:0px 0px 0px 60px; font: bold 10px Trebuchet MS, Verdana, sans serif; text-align: left; } #villedepart form label { float: left; margin: 3px 7px 0px 0px; padding: 0px; color: #0000FF; font: bold 11px Trebuchet MS, Verdana, sans serif; } #villedepart form select { float: left; margin: 2px 0px 0px 0px; padding: 0px; vertical-align: middle; color: #2c3241; font: bold 11px verdana, sans serif; text-align: left; } /*contact */ #contact { float: right; width: 316px; height: 59px; margin: -28px 0px 0px 0px; text-align: left; } #contact .horaires { float: right; width:auto; height: 59px; margin: 0px 40px 0px 10px !important; +margin: 0px -5px 0px 0px; padding: 0px; color: #f60; text-align: left; } #contact .numtel { float:left; font: bold 18px Trebuchet MS, Verdana, sans-serif; margin: -3px 0 0 3px; width: 316px; } #contact .infos-tel { float:left; font: bold 16px Trebuchet MS, sans-serif;} #contact .txt-tel { float:left; font: normal 10px Trebuchet MS, sans-serif; color:#2c3241; line-height:12px; margin: -3px 0 0 3px !important; +margin: -2px 0 0 3px;} #contact-top {float: right; width: auto; height: 25px; margin: 0px 0px 0px 0px; text-align: left; } #contact-top .horaires { float: left; height: 25px; margin: 0px 0px 0px 5px !important; +margin: 0px 0px 0px 2px; padding: 0px; color: #f60; text-align: left; } #contact-top .numtel { float:left; font: bold 18px Trebuchet MS, Verdana, sans-serif; margin: 0 0 0 3px; } #contact-top .infos-tel { float:left; font: bold 16px Trebuchet MS, sans-serif;} #contact-top .txt-tel { float:left; font: normal 10px Trebuchet MS, sans-serif; color:#2c3241; line-height:12px; margin: 0 0 0 3px !important; +margin: 0 0 0 3px;} #contact-bottom { float: left; margin: 12px 0 0 0;*margin:12px 0px 0 40px; padding: 0px; width: 720px; text-align: left;} #contact-bottom .telhoraires { background: url(../../images/icon-sprite.gif) 0 0 no-repeat; background-position: -80px -1064px; float: left; padding: 0px 0px 0px 20px; margin: 5px 0px 0px 0px; } #contact-bottom .telhoraires .numtel { float: left; margin: 0px;color: #f60; font: bold 20px Trebuchet MS, Verdana, sans-serif; } #contact-bottom .telhoraires .horaires { width: 228px;margin-top: 26px;font-size: 11px;} #contact-bottom .detailtel { float: left; color: #2c3241; } #contact-bottom .sep-detailtel {float: left; border-left: solid 1px #f60;width: 1px;height: 20px; margin: 10px 10px 0px 5px; } #contact-bottom .infos-tel { float: left; width: 330px; font-size: 12px; letter-spacing: 0.05em; } #contact-bottom .infos-text10 { float: left; width: 320px; height: 30px; margin-top: -1px; font-size: 10px; letter-spacing: 0px; line-height: 11px; } #contact-bottom .infos-text11 { float: left; width: 320px; font-size: 11px; line-height: 13px; } #contact-bottom a { text-decoration: underline; color: #01f;} #contact-bottom a:hover { text-decoration: none; color: #f60;} #contact-bottom .infos-text10 span.etoile{float: left; background:url(../../images/icon-sprite.gif) no-repeat; background-position: 0 -1550px; width:12px; height:10px;} #contact-sejour .numtel { float: left; margin: 0px;color: #01f; font: bold 20px Trebuchet MS, Verdana, sans-serif; } #contact-sejour .horaires { float: left; width: 200px;} #contact-sejour .detailtel { float: left; color: #2c3241; } #contact-sejour .sep-detailtel {float: left; border-left: solid 1px #01f;width: 1px;height: 20px; margin: 10px 10px 0px 5px; } #contact-sejour .infos-tel { float: left; width: 330px; font-size: 12px; letter-spacing: 0.05em; } #contact-sejour .infos-text10 { float: left; width: 320px; height: 30px; margin-top: -1px; font-size: 10px; letter-spacing: 0px; line-height: 11px; } #contact-sejour .infos-text11 { float: left; width: 320px; font-size: 11px; line-height: 13px; } .btnpart { float: right; margin: 1px 3px 0 0; } /*--- Titres des blocs ---*/ .title { height: 25px; margin: 0px; padding: 0px; vertical-align: top; } /*.title-scg { height: 25px; margin: 0px; padding: 0px; vertical-align: top; }*/ div.title-scg { background: url(../../images/bg-sprite.gif) 0 0 no-repeat; } h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font: bold 18px Trebuchet MS, Verdana, sans-serif; color: #fff; } img.title-rss {float: right; border : 0; margin: -2px 0px 0px 0px; padding: 0px 0px 0px 0px; } .title2 { height: 35px; margin: 0px; padding: 0px; vertical-align: top; border-bottom: solid 1px #09f; } h1 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px; font: bold 20px Trebuchet MS, Verdana, sans-serif; color: #09f; } .sstitle1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:20px; font-size: 20px; color: #f60; } .sstitle2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:35px; font-size: 35px; color: #09f; } .sstitle3 {float:left; margin: 40px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; font-size: 15px; font-weight: bold; color: #09f; } .sstitle4 {float:left;margin:0px 0px 0px 20px; padding:0px; font-size:15px; color:#2c3241;font-weight:bold;} .sstitle4b { float:left;margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; font-size: 25px; font-weight:normal; color: #09f; } .sstitle5 {float:left; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; font-size: 18px; font-weight: bold; color: #09f; } /*--- Geolocatisation ---*/ #geolocalisationBg{ background:#2c3241; position:fixed !important;+position:absolute; display:none; width:100%; height:100% !important;+height:2250px; z-index:100; -moz-opacity : 0.5; opacity : .5; filter : alpha(opacity=50); } #geolocalisationViewer{ position:fixed !important;+position:absolute; display:none; width:100%; height:100%; z-index:200; } #geolocalisationContainer{ width:560px; height:237px; background:#f60; margin:250px auto 0 auto !important; +margin:250px 25% 0 25%; padding:0; z-index:1000; } #geolocalisationContent{ float:left; background:#fff; width:551px; height:229px; z-index:1000; margin:4px 4px 4px 4px !important; +margin:2px 2px 2px 2px; padding:0; } #geolocalisationContent #infosLocatisation{ float:left; width:214px !important; +width:234px; height:197px; margin:0; padding:0 0 0 20px; } #geolocalisationContent #infosLocatisation h1{float:left; color:#2c3241; font-weight:bold; font-size:20px; margin:16px 0 12px; padding:0;} #geolocalisationContent #infosLocatisation p{float:left; width:195px; color:#2c3241; font-weight:normal; font-size:14px; line-height:20px; margin:0; padding:0;} #geolocalisationContent #infosLocatisation span{float:left; color:#f60; font-weight:bold; font-size:15px; margin:13px 0 35px 0; padding:0;} #geolocalisationContent #infosLocatisation a{float:left; color:#2c3241; font-weight:normal; font-size:12px; cursor:pointer; text-decoration:underline; margin:0; padding:0;} #geolocalisationContent ul#carte{ position:relative; float:left; background : url(../../images/bg/carteFrance.gif) no-repeat; width:273px; height:216px; margin:7px 0 0; padding:0; } #geolocalisationContent ul#carte li{position:absolute; float:left; list-style-type:none; margin:0; padding:0;} #geolocalisationContent ul#carte li a{float:left; cursor:pointer; color:#fff; font-size:12px; font-weight:normal; margin:0; padding:0;} #geolocalisationContent ul#carte li a:hover{cursor:pointer; text-decoration:underline; font-weight:bold;} #geolocalisationContent ul#carte li.ville1{top:0; left:140px;} #geolocalisationContent ul#carte li.ville2{top:45px; left:113px;} #geolocalisationContent ul#carte li.ville3{top:37px; right:5px;} #geolocalisationContent ul#carte li.ville4{top:87px; left:5px;} #geolocalisationContent ul#carte li.ville5{top:72px; right:10px;} #geolocalisationContent ul#carte li.ville6{bottom:60px; left:43px;} #geolocalisationContent ul#carte li.ville7{bottom:80px; right:95px;} #geolocalisationContent ul#carte li.ville8{bottom:15px; left:68px;} #geolocalisationContent ul#carte li.ville9{bottom:6px; right:68px;} #geolocalisationContent ul#carte li.ville10{bottom:29px; right:31px;} #geolocalisationContent #fermer{ float:right; width:15px; height:15px; background : url(../../images/pictos/close.gif) no-repeat; margin:0; padding:0; cursor:pointer; } /*--- footer seo ---*/ #footerseo{ float:left; width:960px !important; height:auto; background:#fff; border:1px solid #f60; margin:15px 0; padding:17px 0 13px 0; } #footerseo div.categorie{ float:left; width:310px; height:auto; margin:0 0 0 8px !important; +margin:0 0 0 5px; padding:0; } #footerseo div.categorie h3{ float:left; width:305px; height:19px; background : url(../../images/bg-sprite-sep.gif) 0 -1655px no-repeat; margin:0; padding:0; color:#2c3241; font-size:14px; font-weight:bold; line-height:10px; } #footerseo div.categorie span.titlecategorie{ float:left; width:100%; height:15px; background : url(../../images/icon-sprite.gif) 0 -1875px no-repeat; margin:5px 0 0 0; padding:0 0 0 15px; color:#2c3241; font-size:12px; font-weight:normal; } #footerseo div.categorie ul{clear:both; float:left; width:100%; display:inline; height:auto; margin:0; padding:0;} #footerseo div.categorie ul li{float:left; list-style-type:none; height:auto; font-size:12px; color:#2c3241; line-height:15px; margin:0; padding:0;} #footerseo div.categorie ul li a{color:#01F;} #footerseo div.categorie ul.description{margin:5px 0 0 0;} /*--- promo pub ---*/ #promopub{float:left; width:485px; height:49px; margin:8px 0 3px 0; padding:0;} #promopub a{float:left; width:485px; height:49px; cursor:pointer; text-decoration:none; margin:0; padding:0;} #promopub img{width:485px; height:49px; border:none; margin:0; padding:0;} /*--- Boutons ---*/ .btn-sprite{background: url(../../images/btn-sprite.gif) 0 0 no-repeat;} .btn-sprite a {color: #FFF; text-decoration: underline;} .btn-sprite span {color: #FFF; text-decoration: underline; font-size: 15px; font-weight: bold;} .btn { background: url(../../images/btn/btn-bleuR.gif) left bottom no-repeat; height: 28px; margin: 10px 0px; padding: 3px 5px 0px 10px; font-size: 15px; font-weight: bold; cursor: pointer; } .btn2 { background: url(../../images/btn/btn-orangeR.gif) left bottom no-repeat; height: 28px; font-size: 15px; font-weight: bold; cursor: pointer; } .btn a, .btn2 a , .btn3 a{ text-decoration: underline; color: #fff; } .btn a:hover, .btn2 a:hover, .btn3 a:hover { text-decoration: none; color: #fff; } .btn span, .btn2 span , .btn3 span{ text-decoration: underline; color: #fff; } /*--- Lien g�n�rique en bas des blocs ---*/ .thm_arrow { background : url("../../images/icon-sprite.gif") -80px -618px no-repeat; float: left; margin-left: 10px; padding-left: 15px; height: 18px; } .thm_arrow2 { background : url("../../images/icon-sprite.gif") -80px -686px no-repeat; float: left; margin-left: 10px; padding-left: 15px; height: 30px; } .thm_arrow3{ background : url("../../images/icon-sprite.gif") -80px -492px no-repeat; float: left; margin-left: 0px; padding-left: 15px; height: 25px; } .thm_arrow span.themeAll, .thm_arrow2 span.themeAll { margin-left: 8px; color : #fff; font-size: 15px; font-weight: bold; text-decoration:none; } .thm_arrow span.themeAll a, .thm_arrow2 span.themeAll a { margin-left: 8px; color : #fff; font-size: 15px; font-weight: bold; text-decoration:underline; } .thm_arrow2 span.themeAll2 { margin-left: 8px; color : #01f; font-size: 15px; font-weight: bold; text-decoration:underline; } .thm_arrow3 span.themeAll{ margin-left: 8px; color : #0099FF; font-size: 11px; font-weight: bold; font-family:Trebuchet MS, verdana, sans sherif; text-decoration:underline; } /*--- default Bloc ---*/ .bloc { background: #f60 url(../../images/bg/bg_titre-orange.png) left top repeat-x; width: 592px !important; +width: 565px; padding: 0px 4px 4px 4px;} .bloc h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font: bold 15px Trebuchet MS, Verdana, sans-serif; color: #fff; } .bloc div.content { background: #fff; width: 562px; padding: 0px 15px 15px 15px; } .bloc div.content ul.list{ width:100%; height: 780px; margin:0px; padding: 10px 0px 0px 10px; } .bloc div.content ul.list li { float:left; width: 80%; margin: 0px 0px 0px 10px; padding-bottom:2px; list-style: none; display: inline; } .bloc div.content ul.list li a:link, .bloc div.content ul.list li a:visited { clear:both; cursor: pointer; color: #01f; font-weight:bold; text-decoration: none; } .bloc div.content ul.list li a:hover { clear:both; cursor: pointer; color: #f60;text-decoration: underline; } /*--- Modules mise en avant produit ---*/ /* (offre-col : pour disposition en colonne) */ /*a dl.offre, a dl.offre dt, a dl.offre dd, a dl.offre-col, a dl.offre-col dt , a dl.offre-col dd { margin: 0px; padding: 0px; font: normal 10px Trebuchet MS, Verdana, sans serif; color: #2c3241; text-decoration: none; cursor: hand;}*/ a dl.offre, a dl.offre dt, a dl.offre dd { margin: 0px; padding: 0px; font: normal 10px Trebuchet MS, Verdana, sans serif; color: #2c3241; text-decoration: none; cursor: hand;} dl.offre-col, dl.offre-col dt a, dl.offre-col dd a, dl.offre-col dd { margin: 0px; padding: 0px; font: normal 11px Trebuchet MS, Verdana, sans serif; color: #2c3241; text-decoration: none; } .offre .destination { float: left; font: bold 15px Trebuchet MS, Verdana, sans-serif; line-height: 15px; color:#2c3241; } .offre .libre { /*float: left;*/ font: bold 14px Trebuchet MS, Verdana, sans-serif; line-height: 14px; color: #f60;} .offre .libre .sup{position:absolute;line-height:10px;padding:0 0 3px 0;font-size:10px;font-weight:normal;} .offre .detail { float: left; line-height: 10px; } .offre .detail .descriptif-link { color:#01f; text-decoration: underline; white-space:nowrap;} .offre .detail .descriptif-link:hover{ color:#f60; text-decoration: underline; white-space:nowrap;} .offre .duree { color: #2c3241; } .offre .apartirde{ float: right; width: auto; margin: 0px; padding: 0px 0px 0px 5px; text-align: left; } .offre .apartirde .prix { background-color: #f60; width: auto; margin: 0px 0px 0px 0px; padding: 5px 3px; color: #fff; font-size: 20px; font-weight: bold; line-height: 16px; } .offre .apartirde span.ttc { background-color: #f60; padding: 0px 1px 0px 2px; color: #fff; font-size: 14px; font-weight: bold;} .offre-col a img.photo {border: 0; } .offre-col .destination a{ float: left; width: 100%; margin: 5px 0px 0px 0px; font: bold 15px Trebuchet MS, Verdana, sans-serif; line-height: 15px; color:#2c3241; } .offre-col .libre a{ float: left; width: 100%; font: bold 14px Trebuchet MS, Verdana, sans-serif; line-height: 14px; color: #f60; } .offre-col .detail a { float: left; width: 100%; line-height:11px;} .offre-col .detail a .descriptif-link { color:#01f; text-decoration: underline; white-space:nowrap;} .offre-col .detail a .descriptif-link:hover { color:#f60; text-decoration: underline; white-space:nowrap;} .offre-col .duree a {font-size: 10px; } .offre-col .apartirde { width: 100%; font-size: 10px; margin: 0px 0px 0px 5px; } .offre-col .prix a { float: left; background-color: #f60; width: auto; margin: 0px; padding: 5px 3px; color: #fff; font-size: 20px; font-weight: bold; line-height: 16px;} .offre-col .prix a span.ttc { background-color: #f60; padding: 0px 1px 0px 2px; color: #fff; font-size: 14px; font-weight: bold;} .offre .indice, .offre-col .indice { /*background : url("../../images/bg/bg-indice.gif") 0px 0px no-repeat; */ background : url("../../images/pictos-sprite.gif") 0px 0px no-repeat; background-position: 0 -90px; float: left; width: 19px !important; +width:25px; height: 20px; text-align: left; margin: 0px; padding: 0px 2px 0px 5px; font-size: 15px; font-weight: bold; color: #fff; } /*--- Liste produits ---*/ #infosListe { /* Infos compl�ment titre */ background: url("../../images/bg/bg-liste-toptitre.png") -15px 0px no-repeat; height: 104px; margin: 0px; padding: 0px; } #infosListe p { padding: 28px 0px 0px 60px; margin: 0px; } .produit-list { float: left; background: #fff; margin: 0px 0px 1px 0px; padding: 10px; } .produit-list dl, .produit-list dt, .produit-list dd { margin: 0; padding: 0; font: bold 11px Trebuchet MS, Verdana, sans-serif; color: #2c3241} .produit-list .destination { /* */} .produit-list .ville { /* */} .produit-list .accroche {/* */ } .produit-list .formule { /* */} .produit-list .duree { /* */} .produit-list .prix {/* */ } .produit-list .descriptif-link { /* */} /*--- Espace pub thematique ---*/ #weekend #pub, #circuit #pub, #thalasso #pub, #plongee #pub, #golf #pub, #hotels #pub, #volhotel #pub{display:inline-block; width:300px; height:250px; margin:0 0 0 5px; padding:0;} #vols #pub{position: absolute; width:300px; height:250px; top: 662px; left: 475px; margin:0; padding:0;} /*--- Stick bottom--- */ .container-div { background: transparent; position: relative; min-height: 100%; height: auto !important; height: 100%; } .container-top { padding-bottom: 240px !important; +padding-bottom: 760px; background:blue; } .container-bottom { width: 100%; background: transparent; position: absolute; bottom: 0 !important; bottom: -1px; height: 240px; +height: 760px; } /*--- Float containers fix---*/ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear{display: block;} /* Hides from IE-mac \*/ * html .clear{height: 1%;} /* End hide from IE-mac */ /* End hide from IE-mac */ #moreIdeevacances { background: #fff; border: 1px solid #09f; float: left; width: 940px !important; + width: 960px; margin: 0 0 10px 0; padding: 10px; } #moreIdeevacances #ideeVacances { float: left; width: 100%; margin: 0; padding: 0; } #moreIdeevacances #ideeVacances span#ideeChoice { float: left; width: 900px; height: 23px; background: url(../../images/pictos/pict-cacher.gif) 0 4px no-repeat; font-weight: bold; color: #09F; font-size: 15px; margin: 0 8px 0 0; padding: 0 0 0 20px; cursor: pointer; text-decoration: none; } #moreIdeevacances.closed #ideeVacances span#ideeChoice { background: url(../../images/pictos/pict-ajout.gif) 0 4px no-repeat; } #moreIdeevacances.closed #ideeVacances #OtherideeVacances { display: none } #moreIdeevacances #ideeVacances #OtherideeVacances { float: left; width: 900px; margin: 0; padding: 0; } #moreIdeevacances #ideeVacances #OtherideeVacances a { float: left; width: auto; color: #2c3241; font-size: 11px; text-decoration: underline; cursor: pointer; margin: 0 5px 0 0; padding: 0; } /*** CSS FOR PLAN PAGE (/logements/) ***/ #wrapper.plan-page-wrapper { width:auto !important; } #wrapper.plan-page-wrapper h1 { padding:0; margin:10px 20px 0 20px; font:bold 40px "Trebuchet MS"; color:#0401A8; } #wrapper.plan-page-wrapper h2{ margin:10px 20px; font:bold 30px "Trebuchet MS"; color:#0401A8; } #wrapper.plan-page-wrapper p { margin:10px; } #logo-appstore { width:111px; height:37px; background: url(../../images/logos/logo-appstore.gif) no-repeat; position: absolute; /*right: 30px;*/ } /*** /CSS FOR PLAN PAGE (/logements/) ***/ .mention-legale{ float:left; font-style: italic; font-size: 11px; font-weight: normal; text-align: left; padding-left: 10px; margin-top: 10px; } #facebook-jssdk-iframe{ position:absolute; }