/*#################################################################################################*/ /* */ /* AVENTURIA */ /* CSS SCREEN - ACTi 2007 */ /* */ /*#################################################################################################*/ body{ text-align:center; margin:0px; background-image:url(images/bg-int.jpg); background-position:top; background-repeat:repeat-x; background-color:#79000e; color:#380006; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; } .myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; } form{ margin:0px; padding:0px; } img{ border:none; } a:link,a:visited{ text-decoration:none; color:#9d0f0f; } a:hover{ } a:active{ outline:none; } .navigation-rapide{display:none;} /******* Font *********/ @font-face { font-family: 'Eras Book'; src: url('./font/erbk____-webfont.eot'); src: url('./font/erbk____-webfont.eot?#iefix') format('embedded-opentype'), url('./font/erbk____-webfont.woff') format('woff'), url('./font/erbk____-webfont.ttf') format('truetype'), url('./font/erbk____-webfont.svg#ITCErasBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FrutigerLightCn'; src: url('./font/ftlc__-webfont.eot'); src: url('./font/ftlc__-webfont.eot?#iefix') format('embedded-opentype'), url('./font/ftlc__-webfont.woff') format('woff'), url('./font/ftlc__-webfont.ttf') format('truetype'), url('./font/ftlc__-webfont.svg#FrutigerLightCn') format('svg'); font-weight: normal; font-style: normal; } /***************************************************************************************************/ /*********************************************** css overall ***************************************/ /***************************************************************************************************/ #container{ text-align:left; margin:0px auto 18px auto; width:960px; } #header{ height:70px; background-image:url(images/header_bg.gif); background-position:bottom right; background-repeat:no-repeat; } #logo { width:257px; height:32px; float:left; margin:15px 0px 0px 0px; background:url(images/logo.gif) top left no-repeat;} #logo a { display:block; width:257px; height:32px; } #logo a img{ visibility:hidden; } #logo a:hover{ background:url(images/logo-retour.gif) top left no-repeat; } #metanav{ width:679px; float:right; margin:45px 0px 0px 0px;height:25px;} #metanav ul{ padding:0px 0px 0px 10px; list-style:none; float:left; } #metanav-menu1{ margin:0px 0px 0px 0px;position:relative} #metanav-menu1 li{ margin:0px 0px 0px 1px; padding:0px 5px 0px 0px; float:left;position:absolute;} #metanav-menu1 li a:link, #metanav-menu1 li a:visited{ margin:0px 0px 0px 0px; padding:0px 0px 4px 0px; display:block; } /*#header-menu-decouvrez a:hover{ background:url(images/header_bg.gif) -96px 1px no-repeat; } #header-menu-recrute a:hover{ background:url(images/header_bg.gif) -225px 1px no-repeat; } #header-menu-agences a:hover{ background:url(images/header_bg.gif) -336px 1px no-repeat; } #header-menu-brochures a:hover{ background:url(images/header_bg.gif) -426px 1px no-repeat; }*/ #metanav-menu1 li, #metanav-menu2 li {width:125px;} #header-menu-decouvrez {left:10px;} #header-menu-recrute {left:138px;} #header-menu-agences {left:252px;} #header-menu-brochures {left:339px;} #header-menu-presse {left:437px;} #header-menu-entreprise {left:551px;} #metanav-menu2{ margin:0px 0px 0px 0px;position:relative } #metanav-menu2 li{ margin:0px 0px 0px 0px; padding:0px 3px 0px 30px; float:left;position:absolute; } #metanav-menu2 li a:link, #metanav-menu2 li a:visited{ margin:0px; padding:0px 0px 5px 0px; display:block; } /*#header-menu-presse a:hover{ background:url(images/header_bg.gif) -563px 1px no-repeat; } #header-menu-entreprise a:hover{ background:url(images/header_bg.gif) -669px 1px no-repeat; }*/ #metanav span{/*visibility:hidden; */color: #E0B672;display: block;font-family: 'FrutigerLightCn';font-size: 1.1em;padding: 4px 0 0 11px;} #metanav span:hover {color:#FFF;} #menu{ height:61px; overflow:hidden; position:relative; left:0px; top:0px; z-index:100; } #menu ul{ margin:13px 0px 0px 0px; padding:0px; list-style:none; } #menu ul li{ margin:0px; padding:0px; display:inline; font-size:1.4em; } #menu ul li a:link, #menu ul li a:visited{background-position:top center; background-repeat:no-repeat; padding:1px 18px;font-family: 'Eras Book';text-transform:uppercase;color:#FFF;} #menu ul li a:hover, #menu ul li a.actif{ background-color:#670004; background-position:bottom center; border-bottom:solid 1px #670004;color:#E0B672;} /*#menu ul li a span{ visibility:hidden; }*/ #menu ul li ul li a:link, #menu ul li ul li a:visited {text-transform:none;font-family:Arial, Helvetica, sans-serif;} /*#m-destinations a{ background-image:url(images/m-destinations.gif); } #m-type-voyage a{ background-image:url(images/m-type-voyage.gif); } #m-activites a{ background-image:url(images/m-activites.gif); } #m-incentive a{ background-image:url(images/m-incentive.gif); } #m-itineraire a{ background-image:url(images/m-itineraire.gif); }*/ #menu ul li ul{ margin:0px; background-color:#670004; position: absolute; /*left: -999em;*/ width:100%; left: 0px; top:31px; display: none} #menu ul li ul li{ font-size:0.7em; } #menu ul li ul li a:link, #menu ul li ul li a:visited{ color:#e0b672; background-image:url(images/lili-separ.gif); background-repeat:no-repeat; background-position:right; padding:8px 15px 8px 15px; display:block; float:left; } #menu ul li ul li a:hover{ color:#FFFFFF; background-color:transparent; } #menu li ul ul { margin: -1em 0 0 9em; } /*#menu li:hover ul ul, #menu li:hover ul ul ul { left: -999em; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul { left: 0px; top:31px; }*/ .wrapFooter {clear:both;background:#5b000a;padding:0 0 20px 0;} /* #footerTop {text-align:left;width:100%;padding:30px 0} #footerTop .col {float:left;width:279px;margin:0 60px 0 0 ;border-right:1px solid #e7ce85;} #footerTop .col h3{background:none;color:#e7ce85;padding:0;margin:0 0 10px 0;} #footerTop .col ul {float:left;margin:0px;padding:0px;} #footerTop .col ul li {background:none;padding:0;list-style-type:none;width:110px;} #footerTop .col ul li a{color:#e7ce85;} #footerTop .col ul li a:hover {color:#fff;} #footerTop .col1 {} #footerTop .col2 {} #footerTop .col3 {border:0 none;margin:0;} #ceto{ float:left; margin:0px 0px 0px 30px;clear:both;} #footer-textes{ float:left; margin:0px 0px 0px 45px;text-align:left;} #first-choice{ float:right; width:250px; } */ #footerTop {text-align:left;width:100%;padding:30px 0} #footerTop .col {float:left;width: 237px;margin:0 20px 0 0 ;border-right:1px solid #e7ce85;} #footerTop .col h3{background:none;color:#e7ce85;padding:0;margin:0 0 10px 0;} #footerTop .col ul {float:left;margin:0px;padding:0px;} #footerTop .col ul li {background:none;padding:0;list-style-type:none;width:110px;} #footerTop .col ul li a{color:#e7ce85;} #footerTop .col ul li a:hover {color:#fff;} #footerTop .col1 {} #footerTop .col2 {} #footerTop .col3 {border:0 none;margin:0;} #ceto{ float:left; margin:10px 70px 0 53px;clear:both;} #infofusion{ float:left; margin:0 30px 0 0px;clear:none;} #infofusion a{display:block;float:left;height:42px;width:170px;} #infofusion a:hover{ background:url(images/btn-info-fusion-hover.png) 0 0 no-repeat;} #footer-textes{ float:left; margin:5px 0 0 0px;text-align:left;} #first-choice{ float:right; width:250px; margin:5px 0 0 0px; } #footer{ clear:both; color:#d7af6e; padding:0px 0px 0px 0px;width:960px;margin:0 auto;} #footer-textes ul{ margin:0px; padding:0px; list-style:none; } #footer-textes ul li{ margin:0px; padding:0px; display:inline; } #footer-textes ul li a:link, #footer-textes ul li a:visited{ color:#d7af6e; padding:0px 3px 0px 3px; } #footer-textes ul li a:hover{ color:#fff; } #footer-textes p{ font-size:0.9em; color:#d33222; } #footer-textes p a:link, #footer-textes p a:visited{ color:#d33222; } #footer-textes p a:hover{ color:#fff; } #decouvrez {clear:both;float:right; margin-top: 20px;display:block;} #decouvrez a {color: #D7AF6E;} #decouvrez a:hover {color:#fff;} #decouvrez span {margin:0 5px;} .gplus {display:inline-block;padding:1px 0 0 0;margin:0 0 0 5px;} /***************************************************************************************************/ /************************************************ css home *****************************************/ /***************************************************************************************************/ /* voir aventuria-home.css */ /***************************************************************************************************/ /******************************************* css interieur *****************************************/ /***************************************************************************************************/ #bandeau-visuel{ width:960px; height:140px; } #content{ background-image:url(images/content-bg.gif); background-repeat:repeat-y; background-position:right; } #content2{ background-image:url(images/content2-bg.jpg); background-repeat:no-repeat; background-position: top right; } #colonne-gauche { position:relative; float:left; margin:-16px 0 0; min-height:100px; width:154px; } #colonne-gauche ul{ margin:0px; padding:50px 0px 0px 0px; list-style:none; border-bottom:solid 1px #e0b672; background-position:top left; background-repeat:no-repeat; } #colonne-gauche ul.votredestination{ background-image:url(images/colgauche-votredestination.gif); } #colonne-gauche ul.aventuria{ background-image:url(images/colgauche-aventuria.gif); } #colonne-gauche ul.activites{ background-image:url(images/colgauche-activites.gif); } #colonne-gauche ul.prolongercontact{ background-image:url(images/colgauche-prolongercontact.gif); } #colonne-gauche ul.monaventuria{ background-image:url(images/colgauche-monaventuria.gif); } #colonne-gauche ul.demanderdevis{ background-image:url(images/colgauche-demanderdevis.gif); } #colonne-gauche ul.espaceentreprise{ background-image:url(images/colgauche-espaceentreprise.gif); } #colonne-gauche ul.espacepresse{ background-image:url(images/colgauche-espacepresse.gif); } #colonne-gauche ul.nosbrochures{ background-image:url(images/colgauche-nosbrochures.gif); } #colonne-gauche ul.nosagences{ background-image:url(images/colgauche-nosagences.gif); } #colonne-gauche ul.decouvrezaventuria{ background-image:url(images/colgauche-decouvrezaventuri.gif); } #colonne-gauche ul.incentive{ background-image:url(images/colgauche-incentive.gif); } #colonne-gauche ul.typevoyage{ background-image:url(images/colgauche-typevoyage.gif); } #colonne-gauche ul span{ display:none; } #colonne-gauche ul li{ margin:0px; padding:0px; border-top:solid 1px #e0b672; text-align:right; font-weight:bold; } #colonne-gauche ul li a:link, #colonne-gauche ul li a:visited{ color:#d7af6e; display:block; background-image:url(images/puce-colgauche.gif); background-position:right; background-repeat:no-repeat; padding:3px 10px 3px 0px; } #colonne-gauche ul li a:hover{ background-color:#380006; color:#FFFFFF; } #colonne-gauche ul li strong, #colonne-gauche ul li a.actif{ display:block; background-color:#380006; color:#FFFFFF; background-image:url(images/puce-colgauche.gif); background-position:right; background-repeat:no-repeat; padding:3px 10px 3px 0px; margin-bottom:1px; } #colonne-gauche ul li ul{ margin:0px; padding:0px 0px 0px 0px; border-bottom:none; background-image:none; } #colonne-gauche ul li ul li{ margin:0px; padding:0px; border-top:none; font-weight:normal; } #colonne-gauche ul li ul li a:link, #colonne-gauche ul li ul li a:visited{ color:#d7af6e; display:block; background-image:none; padding:2px 20px 2px 0px; } #colonne-gauche ul li ul li a:hover, #colonne-gauche ul li ul li a.actif{ background-color:#b6000b; color:#FFFFFF; font-weight:bold; background-image:url(images/puce-colgauche2.gif); background-position:right; background-repeat:no-repeat; } #colonne-gauche ul li ul li strong{ display:block; background-color:#b6000b; color:#FFFFFF; background-image:url(images/puce-colgauche2.gif); background-position:right; background-repeat:no-repeat; padding:2px 20px 2px 0px; margin-bottom:0px; } #colonne-droite{ width:147px; float:right; margin:16px 19px 0px 0px; } #colonne-droite-listing{ width:147px; float:right; margin:-41px 0px 0px 15px; } #colonne-droite ul, #colonne-droite-listing ul{ margin:0px 0px 20px 0px; list-style:none; border-bottom:solid 1px #bd9960; background-position:top left; background-repeat:no-repeat; } /***********************************************************************/ /* on differencie les liste de la colonne de droite par un identifiant */ #coldroite-infos-pays { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-pays.gif); } #coldroite-infos-voyage { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-voyage.gif); } #coldroite-infos-activite { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-activite.gif); } #coldroite-infos-typevoyage { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-typevoyage.gif); } #coldroite-plus-dinfos { padding:29px 0px 0px 0px; background-image:url(images/coldroite-plusdinfos.gif); } #coldroite-plus-dinfos li{ background-color:#FFFFFF; border-left:solid 1px #bd9960; border-right:solid 1px #bd9960; } #coldroite-plus-dinfos li a:link, #coldroite-plus-dinfos li a:visited,#coldroite-plus-dinfos li a:hover{ color:#000000; } #colonne-droite ul li a strong{ display:block; color:#000; background-image:none; padding:0px; } #coldroite-cadeau-mariage { padding:30px 0px 0px 0px; background-image:url(images/coldroite-cadeau-mariage.gif); } #coldroite-videos{ padding:32px 0px 0px 0px; background-image:url(images/coldroite-videos.gif); } #coldroite-temoignages { margin:0px 0px 10px 0px; } #coldroite-envoyer-ami { } /***********************************************************************/ #colonne-droite ul span, #colonne-droite-listing ul span{ display:none; } #colonne-droite ul li, #colonne-droite-listing ul li{ margin:0px; padding:0px; border-top:solid 1px #bd9960; } #colonne-droite ul li a:link, #colonne-droite ul li a:visited, #colonne-droite-listing ul li a:link, #colonne-droite-listing ul li a:visited{ display:block; color:#b6000b; background:url(images/puce-coldroite.gif) left no-repeat; padding:3px 0px 3px 15px; } #colonne-droite li a:hover, #colonne-droite-listing li a:hover{ font-weight:bold; } #colonne-droite ul li strong, #colonne-droite-listing ul li strong{ display:block; color:#b6000b; background-image:url(images/puce-coldroite.gif); background-position:left; background-repeat:no-repeat; padding:3px 0px 3px 15px; } #colonne-main{ float:left; width:611px; margin:0px 0px 0px 19px; } #fildariane{ text-align:right; color:#bb0007; font-size:0.9em; margin:0px 19px 0px 172px; padding:5px 0px 0px 0px; } #fildariane a{ color:#bb0007; } #topetprint{ border-top:solid 1px #bd9960; margin:20px 19px 0px 172px; padding:6px 0px 25px 20px; background-image:url(images/topetprint.gif) no-repeat 0px 8px; } #topetprint a{ padding:0px 35px 0px 0px; color:#380006; font-size:0.9em; } #footer-interieur{ margin:10px 0px 0px 154px; } #interieur-offre-exception{ float:left; width:234px; height:110px; overflow:hidden; margin:0px 5px 0px 0px; } #interieur-demande-devis{ float:left; height:96px; background-color:#e7ce85; width:142px; padding:7px; margin:0px 5px 0px 0px; } #interieur-demande-devis h5{ background:url(images/h2-demande-devis.gif) top left no-repeat; margin:0px 0px 15px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:12px; } #interieur-demande-devis a:link, #interieur-demande-devis a:visited{ border:solid 1px #380006; background-color:#380006; display:block; padding:5px; margin:15px 0px 0px 0px; background-image:url(images/b-demander-devis.gif); background-position:right; background-repeat:no-repeat; } #interieur-demande-devis a:hover{ border:solid 1px #e7ce85; } #interieur-demande-devis a span{ visibility:hidden; } #interieur-footer-liens{ float:left; width:234px; height:110px; overflow:hidden; } #interieur-footer-liens img{ margin:0px 0px 9px 0px; } #interieur-prolonger-contact{ float:left; width:792px; background-color:#b6000b; padding:7px; margin-bottom:7px;} #interieur-prolonger-contact h5{ background-image:url(images/h2-prolonger-contact.gif); background-color:#b6000b; height:12px; background-position:top left; background-repeat:no-repeat; font-size:0.1em; margin:2px;px 0px 10px 0px; font-size:0.1em; text-indent:-9998px; float:left;width: 156px;} #interieur-prolonger-contact ul{ margin:0px; padding:0px; list-style:none; float:left;} #interieur-prolonger-contact ul li{ margin:0px; padding:0px; font-size:0.9em;float:left;} #interieur-prolonger-contact ul li a:link, #interieur-prolonger-contact ul li a:visited{ display:block; color:#e0b672; padding:2px 0px 2px 10px; background-position:1px 6px; background-repeat:no-repeat; } #interieur-prolonger-contact ul li a:hover{ color:#fff; } #interieur-nos-brochures-interactives{ float:right; width:153px; background-color:#b6000b; height:110px; margin:0px 15px 7px 0px; } #interieur-mon-aventuria{ background:url(images/h2-mon-aventuria.gif) 10px 10px no-repeat #380006; padding:7px; height:20px; margin:5px 0px 0px 0px; } #interieur-mon-aventuria h5{ height:14px; float:left; width:130px; font-size:0.1em; text-indent:-9998px; } #interieur-mon-aventuria form{ float:left; width:150px; } .interieur-mon-aventuria-input{ font-size:0.9em; background-color:#380006; border:solid 1px #e7ce85; color:#e0b672; padding:0px; margin:0px; height:19px; } #interieur-mon-aventuria a{ color:#b6000b; font-size:0.9em; } /***************************************************************************************************/ /********************************************** css styles *****************************************/ /***************************************************************************************************/ h1{ color:#9d0f0f; font-size:1.6em; background:url(images/h1.gif) left no-repeat; height:22px; padding:6px 0px 5px 50px; margin:13px 0px 10px 0px; border-bottom:solid 1px #bd9960; font-weight:normal; } h1 a{ float:right; font-size:0.6em; margin:-13px 0px 0px 0px; background:url(images/puce-lien-h1.gif) right no-repeat; padding:0px 12px 0px 0px; } h2{ background-color:#e7ce85; margin:15px 0px 1px 0px; padding:5px 0px 0px 5px; height:20px; font-size:1.3em; color:#9d0f0f; background-position:top left; background-repeat:no-repeat; } h3{ color:#f2e0ab; background:url(images/degrade-rouge.jpg) top left repeat-y #b6000b; margin:0px; padding:5px 5px 5px 10px; font-size:1em; } .bloc-fond-blanc{ background-color:#FFFFFF; padding:10px; margin:0px; } .bloc-rouge{ background:url(images/bloc-rouge-bg.jpg) top repeat-x; margin:0px; padding:10px; color:#d7af6e; } .bloc-rouge table{ color:#333333; } .bloc-rouge table.bloc-prix { color:#D7AF6E; float: left; } .image-adroite{ float:right; margin:0px 0px 5px 10px; } .image-agauche{ float:left; margin:0px 10px 10px 0px; } .txt-rouge{ color:#9d0f0f; } .txt-blanc{ color:#FFFFFF; } .hautdepage{ text-align:right; } .hautdepage a{ color:#333333; font-size:0.9em; background:url(images/hautdepage.gif) left no-repeat; padding:0px 0px 0px 20px; margin:5px 0px 0px 0px; } table{ font-size:1em; } .titre-escale{ border-bottom:solid 1px #bd9960; margin:20px 0px 0px 0px; color:#9d0f0f; font-size:1.1em; } .p-escale{ text-align:justify; padding-left:10px; padding-right:10px; } /**************************************** Mon Aventuria *********************************************/ #monaventuria-photos{ margin:10px 0px 0px 0px; } .monaventuria-photo{ float:left; width:110px; height:93px; background-color:#e7ce85; border:solid 1px #c19e66; overflow:hidden; margin:0px 10px 10px 0px; } #h2-ajouterphoto{ background-image:url(images/h2-ajouterphoto.gif); } #h2-partagercarnet{ background-image:url(images/h2-partagercarnet.gif); } .input-beige{ border:solid 1px #beab95; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:2px; } #table-ajout-photo{ margin:10px 0px 10px 0px; } #table-ajout-photo td{ padding:4px 2px 2px 0px; } #table-partage-carnet{ margin:10px 0px 20px 0px; } #table-partage-carnet th{ text-align:left; border-right:solid 1px #f0e0b1; } #table-partage-carnet td, #table-partage-carnet th{ border-bottom:solid 1px #f0e0b1; padding:2px 2px 2px 10px; } #table-partage-ajout{ border-top:solid 1px #e7ce85; } #table-partage-ajout td{ padding-top:10px; } /****************************************** Fiche Produit *********************************************/ #fiche-entete-fond{ background:url(images/fiche-entete-bg.gif) left repeat-y; margin:0px 0px 10px 0px; } #fiche-photos{ float:left; width:195px; margin:0px 0px 0px 0px;} #fiche-produit-agrandir-photo{ margin:0px; background:#ad7b32; color:#f5e5b4; border-bottom:solid 7px #f5e5b4; } #fiche-produit-agrandir-photo td{ padding:1px; margin:0px; } #fiche-entete{ background:url(images/fiche-produit-entete-bg.jpg) top repeat-x; float:right; width:410px; margin:0px 0px 0px 0px; } #fiche-entete h4{ background-image:none; background:#380107; color:#FFFFFF; padding:8px 0px 8px 10px; font-size:1em; margin:0px; } #fiche-entete ul{ margin:20px 0px 10px 15px; padding:0px; list-style:none; float:left; color:#d7af6e; width:230px; } #fiche-entete ul li{ padding:0px 0px 0px 10px; background-image:url(images/puce.gif); background-position:0px 6px; background-repeat:no-repeat; } #fiche-entete-infos{ float:right; background-image:url(images/fiche-entete-infos.gif); background-position:top left; background-repeat:no-repeat; width:120px; padding:20px 0px 20px 30px; color:#FFFFFF; } #h2-carnetderoute{ background-image:url(images/h2-carnetderoute.gif); margin-bottom:10px; } #h2-prixoptions{ background-image:url(images/h2-prixoptions.gif); } #h2-datedepart{ background-image:url(images/h2-datesdepart.gif); } #h2-carnetderoute, #h2-prixoptions, #h2-datedepart{ font-size:0.1em; text-indent:-9998px; } #carte-pays{ float:left; padding:0px 10px 10px 0px; margin:0px 10px 0px 0px; width:195px; background-color:#f5e5b4; } .table-etape-de-charme, .table-escapades, .table-prolongez_votre_sejour{ font-size:1em; margin:5px 0px 20px 0px; width:100%; clear:both; } .table-etape-de-charme-globe, .table-escapades-globe, .table-prolongez_votre_sejour-globe{ background:url(images/table-etape-charme-globe.jpg) top left no-repeat; width:44px; height:52px; border-bottom:solid 1px #bd9960; } .table-etape-de-charme th, .table-escapades th, .table-prolongez_votre_sejour th{ background:url(images/table-etape-charme-th-bg.gif) top right no-repeat; height:33px; } .table-etape-de-charme th span{ background:url(images/table-etape-charme-th.gif) 0px 0px; display:block; width:80%; text-indent:-9998px; padding:0px 0px 18px 0px; } .table-etape-de-charme-tr, .table-escapades-tr, .table-prolongez_votre_sejour-tr{ background:url(images/table-etape-charme-tr.jpg) top right no-repeat; border-bottom:solid 1px #bd9960; padding:3px 0px 3px 10px; } .table-etape-de-charme-bordure-droite, .table-escapades-bordure-droite, .table-prolongez_votre_sejour-bordure-droite{ border-right:solid 1px #bd9960; border-bottom:solid 1px #bd9960; padding:1px 0px 0px 0px; width:133px; } .table-etape-de-charme-bordure-droite a, .table-escapades-bordure-droite a, .table-prolongez_votre_sejour a{ color:#b6000b; background:url(images/table-etape-charme-tr2.jpg) -5px -1px no-repeat; padding:0 0 0 10px; } .table-etape-de-charme-bordure-gauche, .table-escapades-bordure-gauche, .table-prolongez_votre_sejour-bordure-gauche{ border-left:solid 1px #bd9960; border-bottom:solid 1px #bd9960; } .table-escapades th span{ background:url(images/table-escapades-th.gif) 0px 0px; display:block; width:80%; text-indent:-9998px; padding:0px 0px 18px 0px; } .table-prolongez_votre_sejour th span{ background:url(images/table-prolongez_votre_sejour-th.gif) 0px 0px; display:block; width:80%; text-indent:-9998px; padding:0px 0px 18px 0px; } .ce-voyage-vous-interesse{ background:#e7ce85 url(images/ce-voyage-vous-interesse.gif) top left no-repeat; padding:40px 0px 0px 85px; height:25px; } .ce-voyage-vous-interesse a{ color:#333333; font-weight:bold; } #lien-dates-depart{ margin:5px 0px 20px 0px; } #lien-dates-depart a{ color:#b6000b; font-weight:bold; } #tabNav { margin:10px 0 0;padding:0; width:770px;height:74px; list-style:none; } #tabNav li {float:left;} #tabNav a { overflow:hidden; display:block; margin:0 5px 6px 0; height:68px; background:url(images/tab-nav.png) no-repeat 0 -74px; text-indent:-1000em; letter-spacing:-1000em; } #tabNav .item1 a { width:135px; background-position:0 -74px; } #tabNav .item1 a:hover, #tabNav .item1 a.select {background-position:0 0;} #tabNav .item2 a { width:159px; background-position:-135px -74px; } #tabNav .item2 a.select, #tabNav .item2 a:hover {background-position:-135px 0;} #tabNav .item3 a { width:272px; background-position:-294px -74px; } #tabNav .item3 a.select, #tabNav .item3 a:hover {background-position:-294px 0;} #tabNav .item4 a { margin:0; width:188px; background-position:-566px -74px; } #tabNav .item4 a.select, #tabNav .item4 a:hover {background-position:-566px 0;} #tabNav .item1 a.select, #tabNav .item2 a.select, #tabNav .item3 a.select, #tabNav .item4 a.select { margin-bottom:0; height:74px; } #panier-gauche { position:relative; margin:250px 0 0; } #panier-gauche h2 { position:relative; margin:0 0 7px -18px;padding:0; background:none; } #panier-gauche h2 a { display:block; padding:0; width:141px;height:24px; color:#000;background:url(images/cart-details-title.png) no-repeat; font-size:11px; text-decoration:none; } #panier-gauche h2 .nbProducts { display:block; padding:7px 0 0; width:19px; text-align:center; } #panier-gauche h2 .title {position:absolute;left:-100000px;} #panier-gauche p { margin:0 31px 5px 0; color:#E9d493; font-size:11px; text-align:right; } #panier-gauche p a { color:#E9d493; } #panier-gauche p strong {font-weight:normal;font-size:14px;} #panier-gauche ul {padding:0;margin:0 21px 0 0;} /** * @section cart */ .cartTitle { position:absolute;top:30px;right:0; display:block; } .table-prix-et-options{ margin:5px 0px 20px 0px; } .table-prix-et-options th, .table-prix-et-options td{ padding:2px; border-bottom:solid 1px #bd9960; text-align:left; } .table-prix-et-options th{ color:#b6000b; } /****************************************** Listing voyages *********************************************/ #colonne-main-listing{float:left; width:770px; margin:0px 0px 0px 19px; } #colonne-main-listing h1{ width:558px; } #listing-entete{ background:#b50007 url(images/listing-entete.gif) top repeat-x; color:#d7af6e; float:right; width:374px; padding:5px 18px 5px 18px;height:145px; } #listing-entete-grand{ background:#b50007 url(images/listing-entete.gif) top repeat-x; color:#d7af6e; float:right; width:524px; padding:5px 18px 5px 18px;height:145px; } #listing-entete a:link, #listing-entete a:visited, #listing-entete a:hover, #listing-entete-grand a:link, #listing-entete-grand a:visited, #listing-entete-grand a:hover{ padding:0px 0px 0px 10px; background:url(images/puce-triangle-blanc.gif) left no-repeat; color:#d7af6e; } #h2-notreselection { overflow:hidden; float:left; margin:0; width:148px; background-image:url(images/h2-notreselection.gif); font-size:0.1em; text-indent:-9998px; letter-spacing:-10000px; } .table-listing-voyages .nbResults { float:left; padding:6px 0 0; width:100px; text-align:left; } .table-listing-voyages{ background-color:#FFFFFF; margin:10px 0px 0px 0px; } .table-listing-voyages th{ background-color:#e7ce85; color:#85000d; font-size:0.9em; font-weight:normal; } .table-listing-voyages td{ } .table-listing-separ{ background:#f5e5b4; padding:0px; height:1px; } .table-listing-img, .table-listing-description, .table-listing-type, .table-listing-activite, .table-listing-tarifs{ padding:5px; } .table-listing-description strong, .table-listing-tarifs{ color:#9d0f0f; } .table-listing-activite ul{ margin:0px; padding:0px; list-style:none; } .table-listing-activite ul li{ padding:0px 0px 0px 6px; background:url(images/puce-coldroite.gif) -5px 5px no-repeat; } .table-listing-tarifs a:link, .table-listing-tarifs a:visited, .table-listing-tarifs a:hover{ color:#000000; display:block; width:125px; height:20px; padding:8px 0px 0px 12px; background:url(images/b-demander-devis-table.gif) top left no-repeat; font-size:0.9em; } /********************************************* Infos pays ***********************************************/ #h2-geographie{ background-image:url(images/h2-geographie.gif); } #h2-climat{ background-image:url(images/h2-climat.gif); } #h2-formalites{ background-image:url(images/h2-formalites.gif); } #h2-decalagehoraire{ background-image:url(images/h2-decalagehoraire.gif); } #h2-sante{ background-image:url(images/h2-sante.gif); } #h2-langue{ background-image:url(images/h2-langue.gif); } #h2-monnaie{ background-image:url(images/h2-monnaie.gif); } #h2-courantelectrique{ background-image:url(images/h2-courantelectrique.gif); } #h2-mesure{ background-image:url(images/h2-mesure.gif); } #h2-telephone{ background-image:url(images/h2-telephone.gif); } #h2-bagages{background-image:url(images/h2-bagages.gif); } #h2-transport{ background-image:url(images/h2-transport.gif); } #h2-hebergement{ background-image:url(images/h2-hebergement.gif); } #h2-partenaires{ background-image:url(images/h2-partenaires.gif); } #h2-shopping{ background-image:url(images/h2-shopping.gif); } #h2-pourboires{background-image:url(images/h2-pourboires.gif); } #h2-divers{background-image:url(images/h2-divers.gif); } #h2-geographie, #h2-climat, #h2-formalites, #h2-decalagehoraire, #h2-sante, #h2-langue, #h2-monnaie, #h2-courantelectrique, #h2-mesure, #h2-telephone, #h2-bagages, #h2-transport, #h2-hebergement, #h2-partenaires, #h2-shopping, #h2-pourboires, #h2-divers{ font-size:0.1em; text-indent:-9998px; } .infos-pays{ } .infos-pays p{ text-align:justify; } .infos-pays ul{ margin:10px; padding:0px 0px 0px 10px; list-style:none; } .infos-pays ul li{ margin:0px; padding:0px 0px 0px 10px; background:url(images/infos-pays-li-puce.gif) 0px 4px no-repeat; } #coldroite-infos-pays-ancres { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-pays.gif); } #coldroite-infos-pays-ancres li ul, #coldroite-infos-pays-ancres li ul li{ margin:0px; padding:0px 0px 2px 0px; border:0px; } #coldroite-infos-pays-ancres li ul li a:link, #coldroite-infos-pays-ancres li ul li a:visited, #coldroite-infos-pays-ancres li ul li a:hover{ background-image:none; padding:0px; font-weight:normal; } #coldroite-infos-pays-ancres li strong.actif{ color:#FFFFFF; margin:0px 0px 2px 0px; background: url(images/puce-triangle-blanc.gif) 5px 8px no-repeat #b6000b; } /****************************************** Page type 1 colonne ********************************************/ #colonne-main-1colonne{ float:left; width:770px; margin:0px 0px 0px 19px; } #newService .page-type{ } #newService .page-type p{ text-align:justify; margin-bottom:12px;} #newService .page-type div{ text-align:justify;} #newService .page-type h1 {margin-bottom:10px;} #newService .page-type h2 {margin-bottom:14px;} #newService .page-type h3 {margin-bottom:10px;} #newService .page-type h4 {margin-bottom:15px;} #newService .page-type ul{ margin:10px; padding:0px 0px 0px 10px; list-style:none; } #newService .page-type ul li{ margin:0px; padding:0px 0px 0px 10px; background:url(images/infos-pays-li-puce.gif) 0px 4px no-repeat; text-align:left;} #newService .fond-blanc{ background-color:#FFFFFF; padding:20px; margin-top:10px; margin-bottom:10px; } /****************************************** Decouvrer ce nouveau services *********************************/ .page-type{ } .page-type p{ text-align:justify; } .page-type ul{ margin:10px; padding:0px 0px 0px 10px; list-style:none; } .page-type ul li{ margin:0px; padding:0px 0px 0px 10px; background:url(images/infos-pays-li-puce.gif) 0px 4px no-repeat; } .page-type div.confirmation fieldset.submitField { background: none repeat scroll 0 0 #79000E; margin: 0 10px 10px; padding: 9px 0 6px;border:0;} .page-type div.confirmation fieldset.submitField input { background: none repeat scroll 0 0 transparent; border: 1px solid #BD9960; color: #E9D493; cursor: pointer; display: block; font-size: 11px; font-weight: bold; margin: 0 auto; text-align: center; width: 138px;} .page-type div.confirmation fieldset.submitField a { background: none repeat scroll 0 0 transparent; border: 1px solid #BD9960; color: #E9D493; cursor: pointer; display: block; font-size: 11px; font-weight: bold; margin: 0 auto; text-align: center; width: 138px; } .page-type div.annulation fieldset.submitField { background: none repeat scroll 0 0 #79000E; margin: 0 10px 10px; padding: 9px 0 6px; border:0;} .page-type div.annulation fieldset.submitField input { background: none repeat scroll 0 0 transparent; border: 1px solid #BD9960; color: #E9D493; cursor: pointer; display: block; font-size: 11px; font-weight: bold; margin: 0 auto; text-align: center; width: 138px;} .page-type div.annulation fieldset.submitField a { background: none repeat scroll 0 0 transparent; border: 1px solid #BD9960; color: #E9D493; cursor: pointer; display: block; font-size: 11px; font-weight: bold; margin: 0 auto; text-align: center; width: 138px;} .fond-blanc{ background-color:#FFFFFF; padding:20px; margin-top:10px; margin-bottom:10px; } /****************************************** Détails agence ********************************************/ #agence-photos{ float:left; width:194px; height:153px; margin:0px 0px 10px 0px; border:solid 1px #b48947; padding:0px; } #agence-entete{ background:#b50007 url(images/listing-entete.gif) top repeat-x ; color:#d7af6e; float:right; width:533px; padding:0px 18px 5px 18px; height:151px; } #agence-entete a { color:#d7af6e; } #agence-entete ul{ margin:0px 20px 0px 15px; padding:15px 0px 0px 0px; list-style:none; float:right; color:#d7af6e; width:180px; } #agence-entete ul li{ padding:0px 0px 0px 10px; background-image:url(images/puce.gif) left no-repeat; } #agence-entete ul li strong{ color:#FFFFFF; } #agence-entete div{ float:left; background:url(images/fiche-entete-infos.gif) top right no-repeat; width:300px; padding:15px 0px 7px 10px; color:#FFFFFF; } #agence-entete small{ background:url(images/puce-triangle-blanc.gif) left no-repeat; padding:0px 0px 0px 10px; } #h2-acces{ background-image:url(images/h2-acces.gif); font-size:0.1em; text-indent:-9998px; } #agence-infos-acces{ background:#FFFFFF; margin:10px 0px 0px 0px; padding:30px; width:305px; float:left; height:315px; } #agence-infos-acces strong{ color:#9d0f0f; } #agence-carte-acces{ float:right; margin:10px 0px 0px 0px; } #agence-infos-acces li { list-style-position: outside; list-style-image: url(images/puce.gif); list-style-type: none; font-weight:bold;} #h2-acces{ background-image:url(images/h2-acces.gif); } /********************************************** Plan du site ***********************************************/ #plandusite{ } #plandusite a{ display:block; } #plandusite ul{ margin:0px; padding:0px; list-style:none; } #plandusite ul li{ margin:0px; padding:0px; font-weight:bold; } #plandusite ul li a{ background-color:#e7ce85; margin:10px 0px 1px 0px; padding:5px 0px 5px 5px; font-size:1.1em; } #plandusite ul li ul li{ background:#f5e5b4; margin:0px 0px 0px 20px; padding:0px 0px 0px 15px; font-weight:normal; } #plandusite ul li ul li a{ background:#f5e5b4; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; } #plandusite ul li ul li ul li a{ background:url(images/puce-coldroite.gif) left no-repeat; color:#333333; font-size:0.9em; } /********************************************** témoignages ***********************************************/ .bloc-temoignage1{ background:url(images/temoignage-quote1.gif) top left no-repeat; padding:0px; margin:10px 0px 10px 0px; } .bloc-temoignage2{ background:url(images/temoignage-quote2.gif) bottom right no-repeat; padding:15px 50px 15px 50px; } /*********************************************************************************************************************/ /********************************************** Formulaires de contact ***********************************************/ /****************** Spécifiques ACTi only - les autres sont dans la css du plugin forms_et_tables ********************/ /*********************************************************************************************************************/ .acti_forms{ } .acti_forms .spip_form_champ{ margin-bottom: 0; display: block; clear: both; margin-top: 1em; } .acti_forms .spip_form_champ_calendrier{ margin-bottom: 0px; display: block; clear: both; margin-top: 1em; width:250px; height:25px; } .acti_forms .spip_form_label label, .acti_forms .spip_form_label .label { text-align:left; font-weight: bold; color:#000000; } .acti_forms .spip_form_label_obligatoire { font-weight: normal; font-style:italic; font-size:.9em; } .acti_forms fieldset{ border:solid 1px #bd9960; padding:10px; margin:10px 0px 10px 0px; } .acti_forms fieldset legend{ color:#9d0f0f; font-weight:bold; padding:0px 5px 0px 5px; } .acti_forms input, .acti_forms select, .acti_forms textarea{ border:solid 1px; padding:.25em; margin:0px 10px 0px 10px; border-color:#AF896F rgb(226, 206, 193) rgb(226, 206, 193) rgb(175, 137, 111); } .acti_forms select{ padding:0px; } .acti_forms input.obligatoire, .acti_forms select.obligatoire, .acti_forms textarea.obligatoire{ background:#FFFDE7; } .acti_forms .spip_bouton input { border: 1px solid #563033; cursor:pointer; padding:.4em; background:#F0E6DC; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; width:100px ; color:#4A4336; margin:0px 0px 10px 0px; } .acti_forms textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1em; width:80%; } /************** tableaux dans les formulaires **********************/ .acti_forms table{ margin:10px 0px 0px 0px; } .acti_forms table th{ text-align:left; padding:0px 0px 0px 10px; } /*************** SLIDER ***********************/ /* slider styles [ begin ] */ #produits-nav-dest {padding-top:10px;} #produits-nav-dest .fl { float: left; display: inline; border-right: 1px solid #f5e5b4; } #produits-nav-dest.news_slider {clear:both; position: relative; width: 805px; height:140px; overflow: hidden; margin:0px 0px 3px 154px; background-image: url(images/produits-nav-dest_fond.gif); background-repeat: repeat-x;} #produits-nav-dest.news_slider .prev, #produits-nav-dest.news_slider .next { position: absolute; top: 0px; display: none; } #produits-nav-dest.news_slider .next { right: 0; } #produits-nav-dest.news_slider .news_items { position: relative; width: 735px; left: 32px; overflow: hidden; } #produits-nav-dest.news_slider .news_items .view_all { display:none; } #produits-nav-dest.news_slider .news_items .container { position: relative; top: 0; left: 0; } #produits-nav-dest.news_slider .news_items .container .item { width:106px; padding:5px 8px 0px 8px; text-align:center; } #produits-nav-dest.news_slider .news_items .container .actif { border-right: 1px solid #f5e5b4;} #produits-nav-dest.news_slider .news_items .container #article-vide { display:none; } #produits-nav-dest.news_slider .news_items .container .item a { display:block; width:106px; height:121px; text-decoration:none; color:#9d0f0f; } #produits-nav-dest.news_slider .news_items .container .item a span { background-color:#ffffff; display:block; padding:3px 0px 0px 0px; font-weight:bold; } #produits-nav-dest.news_slider img {padding-right:10px;} /* slider styles [ end ] */ /*************** SLIDER GAUCHE ***********************/ /* slider styles [ begin ] */ #produits-nav-dest-gauche {margin-top:10px; background-color:#FFFFFF;} #produits-nav-dest-gauche .fl { float: left; display: inline; border-right: 0px; } #produits-nav-dest-gauche.news_slider {clear:both; position: relative; width: 150px; height:140px; overflow: hidden;} #produits-nav-dest-gauche.news_slider .prev, #produits-nav-dest-gauche.news_slider .next { position: absolute; top: -10px; display: none; margin:0px; padding:0px; } #produits-nav-dest-gauche.news_slider .next { right: 0; } #produits-nav-dest-gauche.news_slider .news_items { position: relative; width: 90px; overflow: hidden; left:30px; top:5px; } #produits-nav-dest-gauche.news_slider .news_items .view_all { display:none; } #produits-nav-dest-gauche.news_slider .news_items .container { position: relative; top: 0; left: 0; } #produits-nav-dest-gauche.news_slider .news_items .container .item { width:90px; padding:5px 0px 0px 0px; text-align:center; } #produits-nav-dest-gauche.news_slider .news_items .container .actif { border-right: 0px;} #produits-nav-dest-gauche.news_slider .news_items .container #article-vide { display:none; } #produits-nav-dest-gauche.news_slider .news_items .container .item a { display:block; width:90px; height:121px; text-decoration:none; color:#9d0f0f; margin:0px 0px 0px 0px; } #produits-nav-dest-gauche.news_slider .news_items .container .item a span { background-color:#ffffff; display:block; padding:3px 0px 0px 0px; font-weight:bold; } #produits-nav-dest-gauche.news_slider img {padding:0px;} /* slider styles [ end ] */ /** ajout SGO : 08/10/2008 **/ div#fiche-entete-infos a { color:#E7CE85; font-weight:normal; } div#fiche-entete-infos a:HOVER { color:#FFFFFF; font-weight:normal; } /******************************************* RESERVATION ******************************************/ .table-listing-tarifs a.reservation_a:link, .table-listing-tarifs a.reservation_a:visited, .table-listing-tarifs a.reservation_a:hover{ color:#000000; display:block; width:125px; height:20px; padding:8px 0px 0px 12px; background:url(images/b-reserver-en-ligne.gif) top left no-repeat; font-size:0.9em; } #colonne-droite a.reservation_a { width: 147px; height: 30px; background-image: url('images/coldroite-reserver-en-ligne.gif'); display: block; text-indent: -9000em; margin-bottom: 15px;} .vous-etes-decide{ background:#e7ce85 url(images/vous-etes-decide.gif) top left no-repeat; padding:40px 0px 0px 85px; height:25px; } .vous-etes-decide a{ color:#333333; font-weight:bold; } /********************************************* Infos pays ***********************************************/ .reservation input[type=submit]{ background:#79000E; color:#FFFDE7; } .reservation input[type=button]{ background:#79000E; color:#FFFDE7; } .reservation input{font-size:0.95em; } .reservation fieldset{ margin:10px;} .reservation fieldset legend{font-size:1.2em; padding:0px 5px 5px 5px; } .reservation .spip_form_label{color:#79000E;} .reservation .spip_form_label label{color:#79000E;} .reservation .spip_form_champ {margin-top:5px} .reservation fieldset#raid legend { background:url(images/pictos/world.gif)5px 1px no-repeat;padding: 0px 5px 15px 23px; margin: 10px 0px 0px 15px;} .reservation fieldset#raid{ border:solid 1px #CFB874;} .reservation fieldset#coordonnees legend { background:url(images/pictos/contact-picto.gif) 5px 6px no-repeat; padding: 0px 5px 15px 20px; margin: 10px 0px 0px 0px; } .reservation fieldset#coordonnees {width: 350px; float: left; border:solid 1px #CFB874;} .reservation fieldset#coordonnees .spip_form_champ {} .reservation fieldset#adresse legend { background:url(images/pictos/contact-picto.gif) 5px 6px no-repeat; padding: 0px 5px 15px 20px; margin: 10px 0px 0px 0px;} .reservation fieldset#adresse { float:right; width: 336px; border:solid 1px #CFB874; height: 194px;} .reservation fieldset#preferences legend { background:url(images/pictos/ico-options.gif)5px 5px no-repeat;padding: 0px 5px 15px 20px; margin: 10px 0px 0px 0px;} .reservation fieldset#preferences { clear:both; border:solid 1px #CFB874;} .reservation fieldset#preferences page-type p {} .reservation fieldset#participants legend{background:url(images/pictos/participants.gif)5px 2px no-repeat;padding: 0px 10px 15px 20px; margin: 10px 0px 0px 0px;} .reservation fieldset#participants .spip_form_label label{ } .reservation fieldset#participants .spip_form_label {} .reservation fieldset#participants .spip_form_champs {margin-top:15px;} .reservation fieldset#participants .spip_form_label {padding-top:8px; } /** * @section book a trip homepage */ #bookAtrip { position:absolute;left:185px;top:0; margin:0; width:379px;height:225px; background:url(images/book-a-trip.jpg) no-repeat; } #bookAtrip h2 {position:absolute;left:-10000em;top:-100000em;} #bookAtrip fieldset {border:0;padding:0;margin:0;} #bookAtrip .fieldWrapper { float:left; margin:146px 0 0 17px; height:30px; } #bookAtrip .fieldWrapper:after { content:"."; overflow:hidden; display:block;clear:both; height:0; visibility:hidden; } #bookAtrip .fieldWrapper {zoom:1;} /*#bookAtrip .selectWrapper { float:left; border:1px solid #E0B672; background:#414342 url(images/book-a-trip-select.gif) repeat-x; }*/ #bookAtrip .selectWrapper select { display:block; border:0; background:#FFF;color:#000; font-size:11px; } * html #bookAtrip .selectWrapper select, *+html #bookAtrip .selectWrapper select {background:#FFF;color:#000;} .js #bookAtrip .submitField { position:absolute; visibility:hidden;overflow:hidden; clear:left; padding:5px 0 0 82px; width:1px;height:1px; } #bookAtrip a.link { float:left;clear:left; margin:25px 0 0 167px;padding:0 0 0 8px; color:#E0B672;background:url(images/link-thick.gif) no-repeat 0 5px; font-size:11px; white-space:nowrap; } #bookAtrip .link:hover {text-decoration:underline;} /** * @section custom select */ .selectField {position:relative;} .selectField:after { overflow:hidden; content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .selectField, *+html .selectField {zoom:1;} .js #country, .js #sortBy, .js #numberDays, .js #numberRooms, .js #roomBuildDetail select, .js #situation, .js #adultNumber, .js #childrenNumber, .js #childBuildDetail select, .js select#countrya, .js select#countryb, .js select#timea, .js select#timeb { position:absolute;left:-100000px;visibility:hidden;opacity:0; } .selectContainer {position:relative;} .sortFields .selectContainer, #roomBuildDetail .selectContainer, .dates .selectContainer {float:left;} .selectContainer .link { padding:3px 0 0 5px; width:177px;height:17px; color:#FFF;background:url(images/select-link.png) no-repeat; cursor:pointer; } .sortFields .selectContainer .link, .dates .selectContainer .link, .rooms .selectContainer .link { width:135px; background:url(images/select-middle.png) no-repeat; } #roomBuildDetail .selectContainer .link, #roomBuildDetail .selectContainer .link { width:40px; background:url(images/select-mini.png) no-repeat; } .selectContainer .itemList { position:absolute;top:20px;left:0; overflow:auto; display:none; border:1px solid #E0B672; width:181px;max-height:200px; background:#414342;color:#FFF; } .rooms .selectContainer .itemList, .dates .selectContainer .itemList, .sortFields .selectContainer .itemList {width:138px;z-index:2;} #roomBuildDetail .selectContainer .itemList {width:43px;} .selectContainer .itemList ul { margin:0;padding:0; list-style:none; } .selectContainer .itemList li { padding:0; background:none; } .selectContainer .itemList a { display:block; padding:3px 5px; color:#FFF; text-decoration:none; } .selectContainer .itemList a:hover {background:#000;} #footerTop:after, #container:after, .wrapFooter:after, #metanav-menu1:after, #metanav-menu2:after{overflow:hidden;content: ".";display: block;height: 0;clear: both;visibility: hidden;}