/* **************** MISE A NIVEAU ***************** */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset, img{border:0;} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;} ol, ul{list-style:none;} caption, th{text-align:left;} h1, h2, h3, h4, h5, h6{font-size:100%; _font-size:97.59%; font-weight:normal;} /* **************** STYLES GENERAUX (balises) ***************** */ a{text-decoration:none;} strong{font-weight:bold;} em{font-style:italic;} .small-caps{font-variant:small-caps;} .bold{font-weight:bold;} .small-fonts{font-size:90%;*font-size:87%;} .greater-fonts{font-size:110%;*font-size:108%;} .big-fonts{font-size:120%;*font-size:117%;} .hidden{display:none;} .nowrap{white-space:nowrap;} .inline{display:inline !important;} .fix{zoom:1} /* **************** CLASSES DE MISES EN PAGE ***************** */ /* ---- alignement ---- */ .txt-l{text-align:left !important;} .txt-c{text-align:center !important;} .txt-r{text-align:right !important;} .txt-t{vertical-align:top !important;} .txt-m{vertical-align:middle !important;} .txt-b{vertical-align:bottom !important;} .float-l{float:left;} .float-r{float:right;} .center{margin-left:auto !important; margin-right:auto !important;} .clear{clear:both;} .context{overflow:hidden; _overflow:visible; zoom:1;} .justify{text-align:justify !important;} /* ---- padding ---- */ .padding0{padding:0 !important} .tPadding0{padding-top:0 !important} .rPadding0{padding-right:0 !important} .bPadding0{padding-bottom:0 !important} .lPadding0{padding-left:0 !important} .hPadding0{padding-left:0 !important;padding-right:0 !important} .vPadding0{padding-top:0 !important;padding-bottom:0 !important} .paddingSm{padding:5px !important} .tPaddingSm{padding-top:5px !important} .rPaddingSm{padding-right:5px !important} .bPaddingSm{padding-bottom:5px !important} .lPaddingSm{padding-left:5px !important} .hPaddingSm{padding-left:5px !important;padding-right:5px !important} .vPaddingSm{padding-top:5px !important;padding-bottom:5px !important} .padding{padding:10px !important} .tPadding{padding-top:10px !important} .rPadding{padding-right:10px !important} .bPadding{padding-bottom:10px !important} .lPadding{padding-left:10px !important} .hPadding{padding-left:10px !important;padding-right:10px !important} .vPadding{padding-top:10px !important;padding-bottom:10px !important} .paddingLg{padding:20px !important} .tPaddingLg{padding-top:20px !important} .rPaddingLg{padding-right:20px !important} .bPaddingLg{padding-bottom:20px !important} .lPaddingLg{padding-left:20px !important} .hPaddingLg{padding-left:20px !important;padding-right:20px !important} .vPaddingLg{padding-top:20px !important;padding-bottom:20px !important} .lPaddingxLg{padding-left:40px !important} .hPaddingxLg{padding-left:40px !important;padding-right:40px !important} .vPaddingxLg{padding-top:40px !important;padding-bottom:40px !important} .tPaddingxLg{padding-top:40px !important} .rPaddingxLg{padding-right:40px !important} .bPaddingxLg{padding-bottom:40px !important} /* ---- margin ---- */ .margin0{margin:0 !important} .tMargin0{margin-top:0 !important} .rMargin0{margin-right:0 !important} .bMargin0{margin-bottom:0 !important} .lMargin0{margin-left:0 !important} .hMargin0{margin-left:0 !important;margin-right:0 !important} .vMargin0{margin-top:0 !important;margin-bottom:0 !important} .marginSm{margin:5px !important} .tMarginSm{margin-top:5px !important;margin-bottom:5px !important} .rMarginSm{margin-right:5px !important} .bMarginSm{margin-bottom:5px !important} .lMarginSm{margin-left:5px !important} .hMarginSm{margin-left:5px !important;margin-right:5px !important} .vMarginSm{margin-top:5px !important;margin-bottom:5px !important} .margin{margin:10px !important} .tMargin{margin-top:10px !important} .rMargin{margin-right:10px !important} .bMargin{margin-bottom:10px !important} .lMargin{margin-left:10px !important} .hMargin{margin-left:10px !important;margin-right:10px !important} .vMargin{margin-top:10px !important;margin-bottom:10px !important} .marginLg{margin:20px !important} .tMarginLg{margin-top:20px !important} .rMarginLg{margin-right:20px !important} .bMarginLg{margin-bottom:20px !important} .lMarginLg{margin-left:20px !important} .hMarginLg{margin-left:20px !important;margin-right:20px !important} .vMarginLg{margin-top:20px !important;margin-bottom:20px !important} .tMarginxLg{margin-top:40px !important} .rMarginxLg{margin-right:40px !important} .bMarginxLg{margin-bottom:40px !important} .lMarginxLg{margin-left:40px !important} .hMarginxLg{margin-left:40px !important;margin-right:40px !important} .vMarginxLg{margin-top:40px !important;margin-bottom:40px !important} /* **************** CONTENEURS DE BLOCKS ***************** */ /* ici on dfini les lignes qui contiennent les blocks,sachant que le dernier block d'une ligne porte les classes "unit sizeXonX lastunit" */ .block{overflow:hidden;_overflow:visible; zoom:1; position:relative;} .line,.lastunit{overflow:hidden;_overflow:visible; zoom:1; } .unit{float:left;margin-right:2px; zoom:1;} .size1on1{float:none;margin-right:0; width:auto} .size1on2{width:48%; _width:47% !important;} .size1on3{width:32% !important;} .size2on3{width:67% !important; _width:65% !important;} .size1on4{width:22.9% !important;} .size3on4{width:74.8% !important;} .size1on5{width:18.8%;} .size2on5{width:39%;} .size3on5{width:58%;} .size4on5{width:78%;} /* ----- custom sizes ------ */ .lastunit{float:none; display:block; width:auto !important; _float:left; margin-right:0 !important; zoom:1;} /* ====== Type de bloc =====*/ .block-filled{background-color:#f8f5ed; padding:10px;} /* **************** STRUCTURES GENERIQUES ***************** */ /* ====== Titres =====*/ h1{color:#005a9a;font:23px Arial;} h2{color:#005a9a;font:17px Arial;font-weight:bold;} h3{color:#005a9a;font:13px Arial;} /* ---- Specifique ---- */ h2.outside-titre{background:url(/imagerie/fh/skin/bg-outside-titre.png) repeat-x left top; padding:6px 8px 10px 19px;} h3.special{color:#64604E; font-weight:bold;} h3.logo-novocafe{background:url(/imagerie/fh/logo-novotelcafe.png) no-repeat right 4px;} h3.logo-elements{background:url(/imagerie/fh/logo-elements.png) no-repeat right 4px;} h3.logo-foodsquare{background:url(/imagerie/fh/logo-foodsquare.png) no-repeat right 4px;} h3.logo-claravia{background:url(/imagerie/fh/logo-claravia.png) no-repeat right 4px;} h3.logo-foodplaza{background:url(/imagerie/fh/logo-foodplaza.png) no-repeat right 4px;} h3.logo-tryo{background:url(/imagerie/fh/logo-tryo.png) no-repeat right 4px;} h3.logo-square{background:url(/imagerie/fh/logo-square.png) no-repeat right 4px;} p.notice{font-size:10px; color:#000000; font-family: Arial;} .thalasso p{color:#64604E;} p.bloc-thalasso {margin:10px 23px 0 0 !important;border: 1px solid #cccccc; padding: 10px; text-align: justify; color: rgb(0, 90, 154); font-weight: bold; font-size: 1.1em;} /* ====== Bouton =====*/ /* ---- type A ---- */ .btn{text-align:left; overflow:hidden; } .btn ,button.btn span{display:-moz-inline-box; display:inline-block; padding-left:9px;} .btn,.btn strong,button.btn span{background:url(/imagerie/fh/btn-bga.png) no-repeat left top; vertical-align:middle; _overflow:visible;} .btn strong{display:block; height:24px; color:#353324; font:12px Arial; background-position:right top; line-height:22px; _width:1%; white-space:nowrap; padding-right:10px; cursor:pointer; font-weight:bold;_padding-top:0px;} .btn span{vertical-align:middle;} button.btn{border:0; margin:0; padding:0; padding-right:1px; display:inline; overflow:hidden; background:none; cursor:pointer} button.btn span{overflow:visible; display:block; _width:1%;} body:last-child:not(:root:root) button.btn{display:inline-block;} /* ---- type Blue ---- */ .btn-b,.btn-b strong,button.btn-b span{background:url(/imagerie/fh/btn-bgb.png) no-repeat left top;} .btn-b strong{background-position:right top; color:#fff} /* ---- type Rouge ---- */ .btn-r,.btn-r strong,button.btn-r span{background:url(/imagerie/fh/btn-bgc.png) no-repeat left top;} .btn-r strong{background-position:right top; color:#fff} /* ====== Listes =====*/ /* ====== Structure =====*/ ul.list3cols {overflow:hidden;_overflow:visible; zoom:1;} ul.list3cols li {float:left; width:47%;} /* --- check --- */ ul.check li{background:url(/imagerie/fh/puce-check.png) no-repeat 0 5px;padding-left:12px; padding-right:2px; margin-bottom:5px; } ul.avantages li{padding-left:20px; padding-right:2px; margin-bottom:5px; } ul.avantages li.etoile{background:url(/imagerie/fh/modeles/skin/etoile.png) no-repeat 0 0; } ul.avantages li.reveil{background:url(/imagerie/fh/modeles/skin/reveil.png) no-repeat 0 0; } ul.avantages li.personalise{background:url(/imagerie/fh/modeles/skin/personalise.png) no-repeat 0 0; } ul.avantages li.enveloppe{background:url(/imagerie/fh/modeles/skin/envelope.png) no-repeat 0 0; } ul.avantages li.cadeau{background:url(/imagerie/fh/modeles/skin/cadeau.png) no-repeat 0 0; } ul.avantages li.telephone{background:url(/imagerie/fh/modeles/skin/telephone.png) no-repeat 0 0; } /* --- square --- */ ul.square li{background:url(/imagerie/fh/puce-square.png) no-repeat 0 4px;padding-left:12px; zoom:1; margin-bottom:2px;} .thalasso ul.square li{color:#005A9A;} .square-special{background:url(/imagerie/fh/puce-square.png) no-repeat 0 4px;padding-left:12px; zoom:1; font:11px Arial; font-weight:bold; color:#005A9A; margin-top:8px;} /* --- pictos --- */ #prizes {position:absolute; bottom:3px; left:0pt; right:3px; _right:0px;} ul#picto-list{padding:12px 0px 4px 19px;overflow:hidden;_overflow:visible;zoom:1;} ul#picto-list li{float:left; margin-right:7px; text-align:center; font:10px Arial; font-weight:bold;} ul#picto-list img {display:block;} ul#picto-list li.last{float:right; margin-right:14px;} #prizes .label {width:100%;text-align:right;} #prizes .label a {margin:10px;} /* ====== Puce liens =====*/ a.arrow{background:url(/imagerie/fh/puce-link.png) no-repeat 0 2px; padding-left:18px; zoom:1; color:#00386e !important; font:11px Arial; vertical-align:middle;} a.loupe{background:url(/imagerie/fh/puce-loupe.png) no-repeat 0 2px; padding-left:18px; zoom:1; color:#00386e; font:11px Arial; vertical-align:middle;} a.loupe:hover{text-decoration:underline;} a.underline{color:#005a9a; text-decoration:underline;} a.arrow-big{background:url(/imagerie/fh/puce-link.png) no-repeat 0 2px; padding-left:18px; zoom:1; color:#00386e !important; font:12px Arial; vertical-align:middle;} a.arrow:hover{text-decoration:underline;} a.arrow-big:hover{text-decoration:underline;} /* ====== Puce paragraphe =====*/ p.square{background:url(/imagerie/fh/puce-square.png) no-repeat 0 4px;padding-left:12px; zoom:1;} /* ====== Indent =====*/ .indent{background:url(/imagerie/fh/skin/bg-indent.png) no-repeat top left;} .indent p {background:url(/imagerie/fh/skin/bg-indent.png) no-repeat bottom left; padding-left:28px;} /* ====== Mise en avant =====*/ .mea,.mea .text ,.mea-right .text,.mea-right{overflow:hidden; _overflow:visible; zoom:1;} .mea .media{float:right;} .mea-right .media{float:right; margin-left:7px; _margin-left:5px;} .mea .strong{font-weight:bold; color:#E09202;} /* ====== Block Toggle =====*/ .block-toggle .head,.block-toggle .head span{background:url(/imagerie/fh/skin/bg-header_toggle.png) no-repeat top left; height:25px;} .block-toggle .head{padding-left:8px; } .block-toggle .head a{background:url(/imagerie/fh/puce-block_toggle.png) no-repeat left 5px; padding-left:25px; padding-top:3px; display:block; color:#005A9A; zoom:1;} .block-toggle .head span{background-position:right top; display:block;} /* --- toggle-closed --- */ .toggle-closed .head a{background-position:0px -25px;} .toggle-closed .body{display:none;} /* ====== Tableau =====*/ table.std{width:100%;} .std thead tr{border-bottom:1px solid #d9d5c6;} .std th{font:11px Arial; color:#005a9a; background-color:#eceae2; padding:6px 5px 9px 5px; text-align:center;} .std tbody tr{font:10px Arial; color:#64604e; font-weight:normal; text-align:center;} .std tr.odd{background-color:#fff;} .std tr.even{background-color:#faf7f1;} .std td{padding:6px;} .std a{font-weight:bold; color:#64604e;} .std a:hover{text-decoration:underline;} /* ====== Tooltip =====*/ a.tip {display:block;} .tooltip {position:absolute!important; overflow:hidden; z-index:10000!important; font:11px Arial; background:transparent url(/imagerie/fh/skin/bg-tooltip.png) no-repeat left top;} .tooltip .xboxcontent {padding:2px 6px 5px 8px; margin:0; color:#005A9A; background:transparent url(/imagerie/fh/skin/bg-tooltip.png) no-repeat right top; min-height:14px;} /* ====== Divers =====*/ /* --- separateur --- */ .separator{border-top:1px solid #e3dfd3; font-size:1%;} /* **************** STRUCTURES BLOCS ***************** */ /* ====== Blocs conteneurs =====*/ body {background:#172c40 url(/imagerie/fh/skin/bg.png) repeat-x top left; font-family:Arial, sans-serif;} body.fichehotel #left-side{width:709px; float:left;} body.fichehotel #conteneur_page{padding-top:33px;} #ctn_global {background:transparent url(/imagerie/fh/skin/bg-trame.png) no-repeat center 150px;margin:0 auto;} .external #ctn_global {background:0;margin:0 !important;} #conteneur_page{background:transparent url(/imagerie/fh/skin/bg-trame.png) no-repeat center 150px;width:952px;position:relative;margin:0 auto;} .external #conteneur_page{margin:0 !important;} #bandeau{width:952px;position:absolute;top:33px;z-index:1000;} #middle {overflow:hidden; _overflow:visible; _margin-bottom:-8px;} #content{width:952px; margin:auto; background-color:#fff; padding:3px; overflow:hidden; _overflow:visible; position:relative;} #flash-container {background:url(/imagerie/fh/temp-flashFH2.jpg) no-repeat left 1px;height:386px;} #flash-container-fh{margin-bottom:8px; width:952px;height:386px; background-color: #000;} #flash-container-gallery{width:619px;height:530px; background-color: #000;} #route{width:477px; height:210px;} #header{min-height:52px;padding-left:2px; overflow:hidden; _overflow:visible; zoom:1;} #main{display:block; overflow:hidden; _overflow:visible; font:11px Arial; color:#64604e; zoom:1; float:left; width:551px;} #main .inside{padding:0px 0px 0px 0px;} #main .inside-bpadding{padding:20px 16px 120px 16px;} #main-inside{border-top:3px solid #f9f8f5; border-right:3px solid #E2DED1; border-bottom:3px solid #E2DED1; min-height:350px; _height:350px;line-height:175%;} #side {float:right; width:232px;} #side iframe {width:232px;} #side #logo {text-align:center;} #side #logo img {} #footer_fh{color:#8B959F;margin:auto; margin-top:5px; margin-bottom:10px; width:960px; background:#172c40 url(/imagerie/fh/skin/bg-footer.png) no-repeat top left; font:10px Arial; color:#fff; text-align:center;} #footer{color:#8B959F;margin:auto; margin-top:5px; margin-bottom:10px; width:960px; background:#172c40 url(/imagerie/fh/skin/bg-footer.png) no-repeat top left; font:10px Arial; color:#fff; text-align:center;} /* ====== Corners =====*/ /* --- content --- */ b.content-tl,b.content-tr,b.content-bl,b.content-br{background:url(/imagerie/fh/corner-content.png) no-repeat;position:absolute;z-index:1000; font-size:1%;overflow:hidden;width:13px;height:13px;} b.content-tl{background-position:left top;top:0; left:0;} b.content-tr{background-position:right top;top:0; right:0} b.content-bl{background-position:left bottom; bottom:0; left:0;} b.content-br{background-position:right bottom; bottom:0; right:0;} /* --- main --- */ b.main-tl,b.main-tr,b.main-bl,b.main-br{background:url(/imagerie/fh/corner-main.png) no-repeat; position:absolute;z-index:1000; font-size:1%;overflow:hidden;width:7px;height:7px;} b.main-tl{background-position:left top;top:0; left:0;} b.main-tr{background:url(/imagerie/fh/corner-main-tr.png) no-repeat right top; top:0; right:0; height:100%;} b.main-bl{background-position:left bottom; bottom:0; left:0;} b.main-br{background-position:right bottom; bottom:0; right:0;} /* --- Coin side-menu --- */ b.menu-current-tr,b.menu-current-br{background-image:url(/imagerie/fh/corner-menu-current.png); background-repeat:no-repeat; position:absolute;z-index:1000; font-size:1%;overflow:hidden;width:5px;height:5px;} b.menu-current-tr{background-position:right top;top:-5px; right:0; } b.menu-current-br{background-position:right bottom; bottom:-5px; right:0; } li.first b.menu-current-tr {background-position:right top;top:0px; right:-5px; background-image:url(/imagerie/fh/corner-menu-current-first.png);z-index:5000;} /* ====== Blocs conteneurs HOME =====*/ body.home #content{padding:3px;} body.home #conteneur_page{padding-top:52px;} /* ====== Blocs conteneurs Site =====*/ body.site #left-side{width:709px; float:left;} body.site #conteneur_page{padding-top:33px;} body.site #split-visu {background:url(/imagerie/visu-city-break-split.jpg) no-repeat top left; margin-bottom:1px; width:952px; min-height:200px; height:200px;} body.site #mainSite{display:block; overflow:hidden; _overflow:visible; font:11px Arial; background-color:#F8F2E4; zoom:1; position:relative;} /* template popup */ body.popupPrint {background:white;text-align:center;margin-top:10px;} body.popupPrint .container {width:550px; margin:0 auto;background:#FBFBF5 url(/imagerie/fh/skin/bkg_popup.jpg) repeat-x;} body.popupPrint .calc {width:350px; margin:0 auto;overflow:hidden;_overflow:visible;zoom:1;} body.popupPrint .head {padding:10px;color:white;text-align:left;background: url(/imagerie/fh/skin/bkg_popup_print.jpg) no-repeat left top;min-height:72px;_height:72px;} body.popupPrint .head a.close{color:#ffffff; font-weight:bold;} body.modele .head {padding:10px;color:white;text-align:left;background: url(/imagerie/fh/modeles/skin/bkg_popup_print_hotel.jpg) no-repeat left top;min-height:72px;_height:72px;} body.popupPrint .head img {float:left;margin-right:55px;} body.popupPrint .printBtn {text-align:right;margin:40px 20px 10px 0;} body.popupPrint p, body.popupPrint .line .unit {text-align:left;margin:10px 0;} body.popupPrint {font-size:12px;} body.popupPrint .line {border:1px solid #D9D6C6;padding:10px;} body.popupPrint .line .unit {text-align:left;} body.popupPrint .line .size1on2 {color:#504B32;} body.popupPrint .line .bBorder {border-bottom:1px solid #D9D6C6;padding-bottom:10px;} body.popupPrint table{width:99%;border:1px solid #D9D6C6;margin:1px;_border-collapse:separate;} body.popupPrint table th {width:50%;color:#887450;font-weight:bold;} body.popupPrint table th, body.popupPrint table td {padding:5px;} body.popupPrint h3 {margin-top:20px;color:#504B32;font-weight:bold;} body.popupPrint .tMarginxLg {text-align:left;} body.popupPrint .mention {text-align:right;font-size:70%;} body.popupPrint .small {font-size:88%;text-align:left;padding:10px;} body.popupPrint .small h3 {margin:10px 0 30px;color:#005A9A;font-weight:bold;font-size:125%;} body.popupPrint .small .avantages h3 {margin:20px 0 0;color:#005A9A;font-weight:bold;font-size:125%;} body.popupPrint .small h4 {margin:0;color:#005A9A;font-weight:bold;} body.popupPrint .small p {margin-bottom:5px;} body.popupPrint .small ul.square {margin-bottom:10px;} body.popupPrint .small ul.square li {margin-left:20px;} body.popupPrint .labelLeft {display:block;text-align:right} body.popupPrint .labelLeft label {float:left;} body.popupPrint .labelLeft select, body.popupPrint .labelLeft input {width:40%;} body.popupPrint .radio {float:left;} body.popupPrint .radio label {margin:0 10px 0 5px;} #situation ul {margin-left:112px;} #situation ul .boldcolored {font-weight:bold;color:#005A9A;} /* ====== Header =====*/ /* --- Liens de context --- */ #header ul#context-link a{color:#104477;font:10px Arial;} #header ul#context-link li{float:left;} #header ul#context-link li.list a{background:url(/imagerie/fh/picto-liste.png) no-repeat 0 3px; padding-left:16px; margin-right:14px; zoom:1;} #header ul#context-link li.previous a{background:url(/imagerie/fh/picto-arrow_left.png) no-repeat 0 2px; padding-left:8px; margin-right:13px; zoom:1;} #header ul#context-link li.next a{background:url(/imagerie/fh/picto-arrow_right.png) no-repeat 0 2px; padding-left:8px; zoom:1;} /* --- Boutons d'action --- */ #header ul#actions{float:right;margin-top:-10px;} #header ul#actions li{float:left;margin-right:3px;} /* ====== Flash container =====*/ #flash-container-fh{display:block; overflow:hidden; _overflow:visible; position:relative; z-index:1;} #flash-container-fh ul.galerie-visite{position:absolute; z-index:10; bottom:7px; left:72px;} #flash-container-fh ul.galerie-visite li{float:left; font:11px Arial;} #flash-container-fh ul.galerie-visite li.last{margin-left:51px;} #flash-container-fh ul.galerie-visite li a{color:#fff; background:url(/imagerie/fh/picto-arrow.png) no-repeat left 1px; padding-left:16px;} /* ====== Side-menu =====*/ #side-menu{background:#e2ded1 url(/imagerie/fh/skin/bg-side_menu.png) no-repeat top left; width:154px; min-height:350px; _height:350px; font:12px Arial;float:left; border-top:3px solid #f9f8f5; _margin-right:-3px;} #side-menu li{zoom:1; padding:6px 0;} #side-menu li a{display:block; color:#353324; background:url(/imagerie/fh/puce-side_menu.png) no-repeat scroll top left; padding-left:12px; zoom:1;} #side-menu li.menu-current{position:relative;background:url(/imagerie/fh/side-menu_currentbg.png) no-repeat top left; padding:0 0 0 7px;} #side-menu li.menu-current strong{color:#005a9a; font-size:14px; font-weight:bold; padding:5px 0 5px 0;display:block; background-color:#fff;} #side-menu li:hover,#side-menu li.hover{background-color:#fff;} #side-menu li{behavior:expression(NOV.display.addHover(this))} #side-menu li.hotel a{background-position:0px 0px;} #side-menu li.chambre a{background-position:0px -100px;} #side-menu li.bar a{background-position:0px -200px;} #side-menu li.services a{background-position:0px -300px;} #side-menu li.famille a{background-position:0px -400px;} #side-menu li.reunion a{background-position:0px -500px;} #side-menu li.proximite a{background-position:0px -600px;} #side-menu li.carte a{background-position:0px -700px;} #side-menu li.mariage a{background-position:0px -800px;} #side-menu li.institut a{background-position:0px -900px;} #side-menu li.soins a{background-position:0px -1000px;} ul.list2cols {overflow:hidden;_overflow:visible; zoom:1;} ul.list2cols li {float:left; width:49%;} /* --- Bloc Infos hotel + meteo --- */ #info{background:transparent url(/imagerie/fh/skin/bg-hotel_infos.png) no-repeat top left; text-align:left; width:230px; height:200px; color:#fff; position:relative;} #info ul{font:10px Arial; color:#353324; font-weight:normal; padding:11px 10px 0 15px; zoom:1;} #info li strong{font-size:12px; font-weight:bold;} #info li a {color:#353324; font-weight:bold;} #info li a:hover {text-decoration:underline;} #info li a.pop {font-size:11px; font-weight:bold; color:#005a9a; text-decoration:underline;} #meteo{background:url(/imagerie/fh/skin/bg-meteo.png) no-repeat top left; width:221px; height:37px; position:absolute; bottom:3px; left:4px;} #meteo .mea{margin-top:7px; margin-left:7px;} #meteo strong{font:10px Arial; color:#353324; font-weight:bold;} /* --- Bloc promo --- */ #promo a {display:block;} /* ====== Footers =====*/ #footer a{color:#fff;} #footer_fh a{color:#fff;} /* ====== Nav gauche =====*/ #nav-gauche {width:166px; float:left;} #nav-gauche a {color:#00386E; font:12px Arial; padding-left:15px; background:url(/imagerie/fh/pictoNavgauche.png) no-repeat left 2px;} #nav-gauche strong {color:#00386E; font:12px Arial; font-weight:bold; padding-left:15px; background:url(/imagerie/fh/pictoNavgauche.png) no-repeat left 2px;} #nav-gauche li {display:block; padding:10px 0 10px 9px;} #nav-gauche li.current {background-color:#F4E5C3; border-top:#D2C5A8 solid 1px; border-bottom:#D2C5A8 solid 1px;} /* ====== Corners =====*/ b.tl,b.tr,b.bl,b.br{background-repeat:no-repeat; position:absolute; font-size:1%; overflow:hidden; _overflow:visible;} b.tl{background-position:left top;top:0; left:0;} b.tr{background-position:right top;top:0; right:0} b.bl{background-position:left bottom; bottom:0; left:0;} b.br{background-position:right bottom; bottom:0; right:0;} /* --- bloc-filled --- */ .block-filled .tl,.block-filled .tr,.block-filled .bl,.block-filled .br{background-image:url(/imagerie/fh/corner-block-filled.png); background-repeat:no-repeat; width:3px; height:3px;} /* ====== popLayer ====== */ #popLayer{position:absolute; width:458px; top:40px; left:50%; font-size:90%; z-index:19999; text-align:left;} #popLayer .popInside{position:relative; zoom:1;} #popLayer .popl,#popLayer .popr{position:absolute; width:4px; height:100%; top:0; background:url(skin/poplayer/leftright.png) repeat-y left top; font-size:1%;} #popLayer .popl{left:0;} #popLayer .popr{right:0; background-position:right top} #popLayer .popt,#popLayer .popb,#popLayer .popt b,#popLayer .popb b{display:block; font-size:1%; zoom:1; background:url(skin/poplayer/topbottom.png) no-repeat left top} #popLayer .popt,#popLayer .popb{padding-left:10px;} #popLayer .popt b,#popLayer .popb b{height:8px;} #popLayer .popt b{background-position:right top} #popLayer .popb b{background-position:right bottom} #popLayer .popb{background-position:left bottom} #popLayer .popBody{background:#fff; min-height:30px; _height:30px; margin:0 4px} #popLayer .popHead{padding-top:2px} #popLayer .popContent{padding:5px 10px 10px; overflow:auto;} #popLayer .popHead .close{margin:0 10px 0 auto; width:59px; height:12px; display:block; background:url(skin/poplayer/closebtn.png) no-repeat left top; cursor:pointer} #popLayer.iframe .popContent{padding:0} #popLayer.iframe iframe.popIframe{border:0; width:100%; height:200px;} #popLayer.loading iframe.popIframe{width:1px} #popLayer .loader{display:none; width:32px; height:32px; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background:url(skin/poplayer/loader.gif) no-repeat left top} #popLayer.loading .loader{display:block !important;} #popLayerMask{position:absolute; top:0; left:0; right:0; width:100%; height:100%; min-height:100%; z-index:10000; background:#000; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; display:none; } .popLayerHTML{position:absolute; overflow:hidden; width:500px; height:0; visibility:hidden; } /* ====== Nav =====*/ #logo-fh{position:absolute; top:10px; left:10px; z-index:1000;} #menu-fh{position:absolute; top:0; left:0; padding-top:18px; margin-left:91px; height:28px; width:865px; z-index:1000; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #menu-fh a{color:white;} #menu-fh a{text-decoration:none;padding:7px 8px;display:block;_width:1%;_white-space:nowrap;} #menu-fh a.logo {padding-top: 0px; margin-top: 0px;} #menu-fh li li a{display:block;font-weight:normal;color:#00386E;height:auto;padding:2px 0;} #menu-fh li li a:hover{text-decoration:underline;} #menu-fh li div{padding-right:1px; height:40px; text-align:center; } #menu-fh li {background:url(/imagerie/fh/foo.png) repeat left top; } .IS_IE #menu-fh li {behavior:expression(NOV.display.addHover(this, null, 'ul'));} .IS_IE #menu-fh div {behavior:expression(NOV.display.addHover(this, null, 'ul'));} #menu-fh li.hover div a,#menu-fh li:hover div a{opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(opacity:30);zoom:1;} #menu-fh li{float:left;position:relative;text-align:left;cursor:pointer;list-style:none;padding-bottom:2px;} #menu-fh li div a{height:auto;padding:5px; color:white; font-weight:bold; font-size:11px; font-family:Arial; line-height:1em;} #menu-fh li div a.one-line {padding-top:15px;} #menu-fh li div.hover, #menu-fh li div:hover {background:transparent url(/imagerie/fh/menu-top-hover.png) no-repeat 50% 95%;} #menu-fh li ul{clear:left;display:none;position:absolute;top:40px;font-weight:normal;padding:1px;background-color:#fff;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity:80);zoom:1;width:120px;padding:5px 10px;} #menu-fh li.last ul{right:0;} #menu-fh li li{display:block;float:none;background-color:transparent;border:0;zoom:1;padding:0;} #menu-fh li:hover ul, #menu-fh li.hover ul{display:block;} #menu-fh ul{list-style:none;} #menu-fh #recherche {width:123px;} #menu-fh #offres {width:123px;} #menu-fh #business {width:125px;} #menu-fh #family {width:122px;} #menu-fh #idees {width:125px;} #menu-fh #novotel {width:123px;} #menu-fh #fidelite {width:123px;} /* ====== Utils =====*/ #utils-fh{list-style:none;position:absolute; top:3px; right:0px; margin-right:20px; height:15px; z-index:1001; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #utils-fh a{color:#64604e;_width:1%;_white-space:nowrap;outline:none;} #utils-fh li{color:#64604e;float:left;position:relative;text-align:left; padding:0 1px 1px;background-color:#ffffff;} #utils-fh li.first{background:transparent url(/imagerie/fh/bg-utils-fh.png) no-repeat top left; padding-left:8px;} #utils-fh li.last{background:transparent url(/imagerie/fh/bg-utils-fh.png) no-repeat top right;} #utils-fh li.last a {padding-right:20px;} #language-fh {list-style:none; position:absolute; top:0; right:0; margin:14px 40px 0 0; width:50px; z-index:1001; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #language-fh li {background-color:#ffffff} #language-fh li a {color:#7A888F; display:block;padding-left:10px;} #main b.tr-main{background-color:red; width:5px; height:5px; position:absolute; font-size:1%; overflow:hidden; _overflow:visible; top:0; right:0} .hidecorners .bl,.hidecorners .br{display:none !important;} /* ====== Gestion external =====*/ .external body {background:#fff;} .external h1 {padding-left:40px;background:url(/imagerie/fh/logo-novo-small.png) no-repeat top left;min-height:35px;_height:35px;} .external #conteneur_page {background-image:none;} .external #footer_fh {display:none;} .external #bandeau {top:0px;left:0px;} /*.external #context-link {display:none;}*/ .external #content {margin-left:0;} .external body.fichehotel #conteneur_page {padding-top:0px;} .external #side iframe{width:232px;overflow:hidden;height:166px;} .external b.content-tl,.external b.content-tr,.external b.content-bl,.external b.content-br {display:none;} /* ====== Bloc moteur =====*/ html.iframe {overflow:hidden} iframe.bloc-moteur{position:absolute;top:100px;width:226px;height:245px;z-index:900;overflow:hidden;background:none;right:6px;} .external iframe.bloc-moteur{right:-8px;} body.bloc-moteur{background:none !important;font:10px Arial; color:#353324; font-weight:bold; overflow:hidden} body.bloc-moteur fieldset {border: 1px solid #D3CDC5;padding:0 6px 6px 6px;} body.bloc-moteur fieldset legend{color:#797566; font-weight:normal;} body.bloc-moteur .btn img {top:10px;} body.bloc-moteur .btn strong.logo {padding-top:1px; _padding-top:3px; } body.bloc-moteur h3 {color:#005A9A; font-weight:bold;} /*body.bloc-moteur .dense {letter-spacing:-1px;}*/ body.bloc-moteur a.black {color:black !important;} body.bloc-moteur a.underline {text-decoration:underline !important;} body.bloc-moteur a img {vertical-align:top;} body.bloc-moteur input.checkbox {line-height:1em !important; *margin-top:-10px;} body.bloc-moteur input.text {width:97%; margin-left:2px;} body.bloc-moteur .encart {border:1px solid #d8d2c8; padding:7px;} /* **************** FIX CSS CLASSES ***************** */ .IS_IE body .tr, .IS_IE body .br, .IS_IE body .main-br, .IS_IE body .main-tr{_right:expression(NOV.display.cssRight(this))} .IS_IE body .block .blockInside .bl, .IS_IE body .block .blockInside .br,.IS_IE body .content-bl,.IS_IE body .content-br, .IS_IE body .main-bl, html.IS_IE body .main-br{_bottom:expression(NOV.display.cssBottom(this,true))} html.IS_IE body .block .blockInside .bl, html.IS_IE body .block .blockInside .br,.IS_IE .content-bl,.IS_IE .content-br{_bottom:expression(NOV.display.cssBottom(this,true))} #Calendrier {width: 150px;z-index:1000;position:absolute;left: 0;display: none;padding-bottom:3px;font-size:11px;_top:15px;} #Calendrier .header {height: 18px;color: #496370;background-color: #D3D7DA;font-weight: bold;text-align: center;vertical-align: middle;overflow:hidden;} #Calendrier .header .prev, #Calendrier .header .next {overflow:hidden; text-indent:-5000px; width:7px; height:15px; } #Calendrier .header .prev { float:left;margin:1px 5px 0 10px;background:url(/imagerie/fh/calendar/ar-l.png) no-repeat left top;} #Calendrier .header .next {float:right;margin:1px 10px 0 5px ; background:url(/imagerie/fh/calendar/ar-r.png) no-repeat left top;} #Calendrier .header strong {display:block; overflow:hidden;zoom:1;margin-top:0;} #Calendrier .header strong span {width:100%;text-align:center;} #Calendrier .header strong #firstMonth {float:left;} #Calendrier .header strong #nextMonth { float:right;} #calDays {overflow:hidden; zoom:1; background-color:#ffffff;padding-top:5px;} #calDays #firstDays {float:left;width:98%;} #calDays #nextDays {float:right;width:49%;} #calDays #firstDays table, #calDays #nextDays table {margin:0 auto;} #Calendrier .item {width: 14px;height: 15px;padding:0 1px;text-align: center;color: #C6C6C8;} #Calendrier table * {line-height:10px} #Calendrier .itemCurrent a {color: #F69A69 !important;font-weight: bold;} #Calendrier .unselectable a {color:#B1B2A8 !important;} #Calendrier .top, #Calendrier .top div, #Calendrier .bottom, #Calendrier .bottom div {background:url(/imagerie/fh/calendar/fond_calendar_top.png) no-repeat left top; font-size:1%;} #Calendrier .top, #Calendrier .bottom {padding-left:4px;} #Calendrier .top div, #Calendrier .bottom div{background-position:right top; height:4px; } #Calendrier .bottom {background-position:left bottom} #Calendrier .bottom div {background-position:right bottom} #Calendrier th {text-align:center;} .iframe #jour_arrivee {*width:45px;*zoom:1;} .iframe #mois_arrivee {*width:45px;*zoom:1;} .iframe #annee_arrivee {*width:55px;*zoom:1;} /* **************** MISE A NIVEAU ***************** */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset, img{border:0;} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;} ol, ul{list-style:none;} caption, th{text-align:left;} h1, h2, h3, h4, h5, h6{font-size:100%;_font-size:97.59%;font-weight:normal;} /* **************** STYLES GENERAUX (balises) ***************** */ a{text-decoration:none;} strong{font-weight:bold;} em{font-style:italic;} .small-caps{font-variant:small-caps;} .bold{font-weight:bold;} .small-fonts{font-size:90%; *font-size:87.83%} .greater-fonts{font-size:110%; *font-size:108.50%} .big-fonts{font-size:120%; *font-size:117%} .hidden{display:none;} .nowrap{white-space:nowrap;} .inline{display:inline !important;} .fix{zoom:1} /* **************** CLASSES DE MISES EN PAGE ***************** */ /* ---- alignement ---- */ .txt-l{text-align:left !important;} .txt-c{text-align:center !important;} .txt-r{text-align:right !important;} .txt-t{vertical-align:top !important;} .txt-m{vertical-align:middle !important;} .txt-b{vertical-align:bottom !important;} .float-l{float:left;} .float-r{float:right;} .center{margin-left:auto !important; margin-right:auto !important;} .clear{clear:both;} .context{overflow:hidden; _overflow:visible; zoom:1;} .justify{text-align:justify !important;} /* ---- padding ---- */ .padding0{padding:0 !important} .tPadding0{padding-top:0 !important} .rPadding0{padding-right:0 !important} .bPadding0{padding-bottom:0 !important} .lPadding0{padding-left:0 !important} .hPadding0{padding-left:0 !important;padding-right:0 !important} .vPadding0{padding-top:0 !important;padding-bottom:0 !important} .paddingSm{padding:5px !important} .tPaddingSm{padding-top:5px !important} .rPaddingSm{padding-right:5px !important} .bPaddingSm{padding-bottom:5px !important} .lPaddingSm{padding-left:5px !important} .hPaddingSm{padding-left:5px !important;padding-right:5px !important} .vPaddingSm{padding-top:5px !important;padding-bottom:5px !important} .padding{padding:10px !important} .tPadding{padding-top:10px !important} .rPadding{padding-right:10px !important} .bPadding{padding-bottom:10px !important} .lPadding{padding-left:10px !important} .hPadding{padding-left:10px !important;padding-right:10px !important} .vPadding{padding-top:10px !important;padding-bottom:10px !important} .paddingLg{padding:20px !important} .tPaddingLg{padding-top:20px !important} .rPaddingLg{padding-right:20px !important} .bPaddingLg{padding-bottom:20px !important} .lPaddingLg{padding-left:20px !important} .hPaddingLg{padding-left:20px !important;padding-right:20px !important} .vPaddingLg{padding-top:20px !important;padding-bottom:20px !important} .lPaddingxLg{padding-left:40px !important} .hPaddingxLg{padding-left:40px !important;padding-right:40px !important} .vPaddingxLg{padding-top:40px !important;padding-bottom:40px !important} .tPaddingxLg{padding-top:40px !important} .rPaddingxLg{padding-right:40px !important} .bPaddingxLg{padding-bottom:40px !important} /* ---- margin ---- */ .margin0{margin:0 !important} .tMargin0{margin-top:0 !important} .rMargin0{margin-right:0 !important} .bMargin0{margin-bottom:0 !important} .lMargin0{margin-left:0 !important} .hMargin0{margin-left:0 !important;margin-right:0 !important} .vMargin0{margin-top:0 !important;margin-bottom:0 !important} .marginSm{margin:5px !important} .tMarginSm{margin-top:5px !important} .rMarginSm{margin-right:5px !important} .bMarginSm{margin-bottom:5px !important} .lMarginSm{margin-left:5px !important} .hMarginSm{margin-left:5px !important;margin-right:5px !important} .vMarginSm{margin-top:5px !important;margin-bottom:5px !important} .margin{margin:10px !important} .tMargin{margin-top:10px !important} .rMargin{margin-right:10px !important} .bMargin{margin-bottom:10px !important} .lMargin{margin-left:10px !important} .hMargin{margin-left:10px !important;margin-right:10px !important} .vMargin{margin-top:10px !important;margin-bottom:10px !important} .marginLg{margin:20px !important} .tMarginLg{margin-top:20px !important} .rMarginLg{margin-right:20px !important} .bMarginLg{margin-bottom:20px !important} .lMarginLg{margin-left:20px !important} .hMarginLg{margin-left:20px !important;margin-right:20px !important} .vMarginLg{margin-top:10px !important;margin-bottom:10px !important} .tMarginxLg{margin-top:40px !important} .rMarginxLg{margin-right:40px !important} .bMarginxLg{margin-bottom:40px !important} .lMarginxLg{margin-left:40px !important} .hMarginxLg{margin-left:40px !important;margin-right:40px !important} .vMarginxLg{margin-top:40px !important;margin-bottom:40px !important} /* **************** CONTENEURS DE BLOCKS ***************** */ /* ici on dfini les lignes qui contiennent les blocks,sachant que le dernier block d'une ligne porte les classes "unit sizeXonX lastunit" */ .block{overflow:hidden; _overflow:visible; zoom:1; position:relative;} .line,.lastunit{overflow:hidden;_overflow:visible; zoom:1;} .unit{float:left;margin-right:2px; zoom:1;} .size1on1{float:none;margin-right:0; width:auto} .size1on2{width:48%;_width:47% !important;} .size1on3{width:32% !important;} .size2on3{width:67% !important; _width:65% !important;} .size1on4{width:22.9% !important;} .size3on4{width:74.8% !important;} .size1on5{width:18.8%;} .size2on5{width:39%;} .size3on5{width:58%;} .size4on5{width:78%;} /* ----- custom sizes ------ */ .lastunit{float:none; _float:left; display:block; width:auto !important; zoom:1; margin-right:0 !important;} /* ====== Type de bloc =====*/ .block-filled{background-color:#f8f5ed; padding:10px;} /* **************** STRUCTURES GENERIQUES ***************** */ /* ====== Titres =====*/ h1{color:#005a9a;font:23px Arial;} h2{color:#005a9a;font:17px Arial;font-weight:bold;} h3{color:#005a9a;font:13px Arial;} /* ---- Specifique ---- */ h2.outside-titre{background:url(/imagerie/fh/skin/bg-outside-titre.png) repeat-x left top; padding:6px 8px 10px 19px;} h3.special{color:#64604E; font-weight:bold;} h3.logo-novocafe{background:url(/imagerie/fh/logo-novotelcafe.png) no-repeat right 4px;} span.logo-novocafe{background:url(/imagerie/fh/logo-novotelcafe.png) no-repeat; display:block; float:right; width:99px; height:11px; margin-left:15px;} *html .logo-novocafe{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/fh/logo-novotelcafe.png', sizingMethod="scale");} h3.logo-elements{background:url(/imagerie/fh/logo-elements.png) no-repeat right 4px; } span.logo-elements{background:url(/imagerie/fh/logo-elements.png) no-repeat; display:block; float:right; width:100px; height:59px; margin-left:15px; } *html .logo-elements{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/fh/logo-elements.png', sizingMethod="scale");} h3.logo-foodsquare{background:url(/imagerie/fh/logo-foodsquare.png) no-repeat right 4px;} span.logo-foodsquare{background:url(/imagerie/fh/logo-foodsquare.png) no-repeat; display:block; float:right; width:100px; height:60px; margin-left:15px; } *html .logo-foodsquare{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/fh/logo-foodsquare.png', sizingMethod="scale");} h3.logo-claravia{background:url(/imagerie/fh/logo-claravia.png) no-repeat right 4px;} span.logo-claravia{background:url(/imagerie/fh/logo-claravia.png) no-repeat; display:block; float:right; width:100px; height:46px; margin-left:15px; } *html .logo-claravia{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagerie/fh/logo-claravia.png', sizingMethod="scale");} h3.logo-foodplaza{background:url(/imagerie/fh/logo-foodplaza.png) no-repeat right 4px;} h3.logo-tryo{background:url(/imagerie/fh/logo-tryo.png) no-repeat right 4px;} h3.logo-square{background:url(/imagerie/fh/logo-square.png) no-repeat right 4px;} p.notice{font-size:10px; color:#000000; font-family: Arial;} .thalasso p{color:#64604E;} p.bloc-thalasso {margin:10px 23px 0 0 !important;border: 1px solid #cccccc; padding: 10px; text-align: justify; color: rgb(0, 90, 154); font-weight: bold; font-size: 1.1em;} /* ====== Bouton =====*/ /* ---- type A ---- */ .btn{text-align:left; overflow:hidden; _overflow:visible;} .btn ,button.btn span{display:-moz-inline-box; display:inline-block; padding-left:9px;} .btn,.btn strong,button.btn span{background:url(/imagerie/fh/btn-bga.png) no-repeat left top; vertical-align:middle; _overflow:visible;} .btn strong{display:block; height:24px; color:#353324; font:12px Arial; background-position:right top; line-height:22px; _width:1%; white-space:nowrap; padding-right:10px; cursor:pointer; font-weight:bold;_padding-top:0px;} .btn span{vertical-align:middle;} button.btn{border:0; margin:0; padding:0; padding-right:1px; display:inline; overflow:hidden; background:none; cursor:pointer} button.btn span{overflow:visible; display:block; _width:1%;} body:last-child:not(:root:root) button.btn{display:inline-block;} /* ---- type Blue ---- */ .btn-b,.btn-b strong,button.btn-b span{background:url(/imagerie/fh/btn-bgb.png) no-repeat left top;} .btn-b strong{background-position:right top; color:#fff} /* ---- type Rouge ---- */ .btn-r,.btn-r strong,button.btn-r span{background:url(/imagerie/fh/btn-bgc.png) no-repeat left top;} .btn-r strong{background-position:right top; color:#fff} /* ====== Listes =====*/ /* ====== Structure =====*/ ul.list3cols {overflow:hidden;_overflow:visible; zoom:1;} ul.list3cols li {float:left; width:47%;} /* --- check --- */ ul.check li{background:url(/imagerie/fh/puce-check.png) no-repeat 0 5px;padding-left:12px; padding-right:2px; margin-bottom:5px; } ul.avantages li{padding-left:20px; padding-right:2px; margin-bottom:5px; } ul.avantages li.etoile{background:url(/imagerie/fh/modeles/skin/etoile.png) no-repeat 0 0; } ul.avantages li.reveil{background:url(/imagerie/fh/modeles/skin/reveil.png) no-repeat 0 0; } ul.avantages li.personalise{background:url(/imagerie/fh/modeles/skin/personalise.png) no-repeat 0 0; } ul.avantages li.enveloppe{background:url(/imagerie/fh/modeles/skin/envelope.png) no-repeat 0 0; } ul.avantages li.cadeau{background:url(/imagerie/fh/modeles/skin/cadeau.png) no-repeat 0 0; } ul.avantages li.telephone{background:url(/imagerie/fh/modeles/skin/telephone.png) no-repeat 0 0; } /* --- square --- */ ul.square li{background:url(/imagerie/fh/puce-square.png) no-repeat 0 4px;padding-left:12px; zoom:1; margin-bottom:2px;} .thalasso ul.square li{color:#005A9A;} .square-special{background:url(/imagerie/fh/puce-square.png) no-repeat 0 4px;padding-left:12px; zoom:1; font:11px Arial; font-weight:bold; color:#005A9A; margin-top:8px;} /* --- pictos --- */ #prizes {position:absolute; bottom:3px; left:0pt; right:3px; _right:0px;} ul#picto-list{padding:12px 0px 4px 19px;overflow:hidden;_overflow:visible;zoom:1;} ul#picto-list li{float:left; margin-right:7px; text-align:center; font:10px Arial; font-weight:bold;} ul#picto-list img {display:block;} ul#picto-list li.last{float:right; margin-right:14px;} #prizes .label {width:100%;text-align:right;} #prizes .label a {margin:10px;} /* ====== Puce liens =====*/ a.arrow{background:url(/imagerie/fh/puce-link.png) no-repeat 0 2px; padding-left:18px; zoom:1; color:#00386e !important; font:11px Arial; vertical-align:middle;} a.loupe{background:url(/imagerie/fh/puce-loupe.png) no-repeat 0 2px; padding-left:18px; zoom:1; color:#00386e; font:11px Arial; vertical-align:middle;} a.loupe:hover{text-decoration:underline;} a.underline{color:#005a9a; text-decoration:underline;} a.arrow-big{background:url(/imagerie/fh/puce-link.png) no-repeat 0 2px; padding-left:18px; zoom:1; color:#00386e !important; font:12px Arial; vertical-align:middle;} a.arrow:hover{text-decoration:underline;} a.arrow-big:hover{text-decoration:underline;} /* ====== Puce paragraphe =====*/ p.square{background:url(/imagerie/fh/puce-square.png) no-repeat 0 4px;padding-left:12px; zoom:1;} /* ====== Indent =====*/ .indent{background:url(/imagerie/fh/skin/bg-indent.png) no-repeat top left;} .indent p {background:url(/imagerie/fh/skin/bg-indent.png) no-repeat bottom left; padding-left:28px;} /* ====== Mise en avant =====*/ .mea,.mea .text ,.mea-right .text,.mea-right{overflow:hidden; _overflow:visible; zoom:1;} .mea .media{float:left; margin-right:7px; _margin-right:5px;} .mea-right .media{float:right; margin-left:7px; _margin-left:5px;} .mea .strong{font-weight:bold; color:#E09202;} /* ====== Block Toggle =====*/ .block-toggle .head,.block-toggle .head span{background:url(/imagerie/fh/skin/bg-header_toggle.png) no-repeat top left; height:25px;} .block-toggle .head{padding-left:8px; } .block-toggle .head a{background:url(/imagerie/fh/puce-block_toggle.png) no-repeat left 5px; padding-left:25px; padding-top:3px; display:block; color:#005A9A; zoom:1;} .block-toggle .head span{background-position:right top; display:block;} /* --- toggle-closed --- */ .toggle-closed .head a{background-position:0px -25px;} .toggle-closed .body{display:none;} /* ====== Tableau =====*/ table.std{width:100%;} .std thead tr{border-bottom:1px solid #d9d5c6;} .std th{font:11px Arial; color:#005a9a; background-color:#eceae2; padding:6px 5px 9px 5px; text-align:center;} .std tbody tr{font:10px Arial; color:#64604e; font-weight:normal; text-align:center;} .std tr.odd{background-color:#fff;} .std tr.even{background-color:#faf7f1;} .std td{padding:6px;} .std a{font-weight:bold; color:#64604e;} .std a:hover{text-decoration:underline;} /* ====== Tooltip =====*/ a.tip {display:block;} .tooltip {position:absolute!important; overflow:hidden; z-index:10000!important; font:11px Arial; background:transparent url(/imagerie/fh/skin/bg-tooltip.png) no-repeat left top;} .tooltip .xboxcontent {padding:2px 6px 5px 8px; margin:0; color:#005A9A; background:transparent url(/imagerie/fh/skin/bg-tooltip.png) no-repeat right top; min-height:14px;} /* ====== Divers =====*/ /* --- separateur --- */ .separator{border-top:1px solid #e3dfd3; font-size:1%;} /* **************** STRUCTURES BLOCS ***************** */ /* ====== Blocs conteneurs =====*/ body {background:#172c40 url(/imagerie/fh/skin/bg.png) repeat-x top left; font-family:Arial, sans-serif;} body.fichehotel #left-side{width:709px; float:left;} body.fichehotel #conteneur_page{padding-top:33px;} #ctn_global {background:transparent url(/imagerie/fh/skin/bg-trame.png) no-repeat center 150px;margin:0 auto;} .external #ctn_global {background:0;margin:0 !important;} #conteneur_page{background:transparent url(/imagerie/fh/skin/bg-trame.png) no-repeat center 150px;width:952px;position:relative;margin:0 auto;} .external #conteneur_page{margin:0 !important;} #bandeau{width:952px;position:absolute;top:33px;z-index:1000;} #middle {overflow:hidden; _overflow:visible; _margin-bottom:-8px;} #content{width:952px; margin:auto; background-color:#fff; padding:3px; overflow:hidden; _overflow:visible; position:relative;} #flash-container {background:url(/imagerie/fh/temp-flashFH2.jpg) no-repeat left 1px;height:386px;} #flash-container-fh{margin-bottom:8px; width:952px;height:386px;} #flash-container-gallery{width:619px;height:530px;} #route{width:477px; height:210px;} #header{min-height:52px;padding-left:2px; overflow:hidden; _overflow:visible; zoom:1;} #main{display:block; overflow:hidden; _overflow:visible; font:11px Arial; color:#64604e; zoom:1; float:left; width:551px;} #main .inside{padding:0px 0px 0px 0px;} #main{display:block; overflow:hidden; _overflow:visible; font:11px Arial; color:#64604e; zoom:1; position:relative;} #main .inside{padding:20px 16px 20px 16px;} #main .inside-bpadding{padding:20px 16px 120px 16px;} #main-inside{border-top:3px solid #f9f8f5; border-right:3px solid #E2DED1; border-bottom:3px solid #E2DED1; min-height:350px; _height:350px;line-height:175%;} #side {float:right; width:232px;} #side iframe {width:232px; height: 165px;} #side #logo {text-align:center;} #side #logo img {} #footer_fh{color:#8B959F;margin:auto; margin-top:5px; margin-bottom:10px; width:960px; background:#172c40 url(/imagerie/fh/skin/bg-footer.png) no-repeat top left; font:10px Arial; color:#fff; text-align:center;} #footer{color:#8B959F;margin:auto; margin-top:5px; margin-bottom:10px; width:960px; background:#172c40 url(/imagerie/fh/skin/bg-footer.png) no-repeat top left; font:10px Arial; color:#fff; text-align:center;} /* Bloc Hôtels nearby */ #nearby{ background:#d5d0bf url(/imagerie/fh/skin/bg-hotel_infos_nearby_bottom.png) no-repeat scroll left bottom; height:auto; position:relative; text-align:left; width:230px; margin:5px 0 5px 0 !important; padding-bottom:5px;} #nearby h3{background:transparent url(/imagerie/fh/skin/bg-hotel_infos_nearby_top.png) no-repeat scroll left top;} #nearby h3 strong{ display:block !important; position:relative;top:5px; left:20px; } /* Listes Hôtels nearby*/ #nearby ul{margin-top:5px;} #nearby ul li{background:transparent url(/imagerie/fh/puce-square.png) no-repeat scroll 10px 8px; margin-bottom:2px; padding: 0 15px 0 20px;} #nearby ul li a{color:#353324;font-family:Arial;font-size:10px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;} /* ====== Corners =====*/ /* --- content --- */ b.content-tl,b.content-tr,b.content-bl,b.content-br{background:url(/imagerie/fh/corner-content.png) no-repeat;position:absolute;z-index:1000; font-size:1%;overflow:hidden;width:13px;height:13px;_display:none;} b.content-tl{background-position:left top;top:0; left:0;} b.content-tr{background-position:right top;top:0; right:0;} b.content-bl{background-position:left bottom; bottom:0; left:0;} b.content-br{background-position:right bottom; bottom:0; right:0;} /* --- main --- */ b.main-tl,b.main-tr,b.main-bl,b.main-br{background:url(/imagerie/fh/corner-main.png) no-repeat; position:absolute;z-index:1000; font-size:1%;overflow:hidden;width:7px;height:7px;} b.main-tl{background-position:left top;top:0; left:0;} b.main-tr{background:url(/imagerie/fh/corner-main-tr.png) no-repeat right top; top:0; right:0; height:100%;} b.main-bl{background-position:left bottom; bottom:0; left:0;} b.main-br{background-position:right bottom; bottom:0; right:0;} /* --- Coin side-menu --- */ b.menu-current-tr,b.menu-current-br{background-image:url(/imagerie/fh/corner-menu-current.png); background-repeat:no-repeat; position:absolute;z-index:1000; font-size:1%;overflow:hidden;width:5px;height:5px;} b.menu-current-tr{background-position:right top;top:-5px; right:0; } b.menu-current-br{background-position:right bottom; bottom:-5px; right:0; } li.first b.menu-current-tr {background-position:right top;top:0px; right:-5px; background-image:url(/imagerie/fh/corner-menu-current-first.png);z-index:5000;} /* ====== Blocs conteneurs HOME =====*/ body.home #content{padding:3px;} body.home #conteneur_page{padding-top:52px;} /* ====== Blocs conteneurs Site =====*/ body.site #left-side{width:709px; float:left;} body.site #conteneur_page{padding-top:33px;} body.site #split-visu {background:url(/imagerie/visu-city-break-split.jpg) no-repeat top left; margin-bottom:1px; width:952px; min-height:200px; height:200px;} body.site #mainSite{display:block; overflow:hidden; _overflow:visible; font:11px Arial; background-color:#F8F2E4; zoom:1; position:relative;} /* template popup */ body.popupPrint {background:white;text-align:center;margin-top:10px;} body.popupPrint .container {width:550px; margin:0 auto;background:#FBFBF5 url(/imagerie/fh/skin/bkg_popup.jpg) repeat-x;} body.popupPrint .calc {width:350px; margin:0 auto;overflow:hidden;_overflow:visible;zoom:1;} body.popupPrint .head {padding:10px;color:white;text-align:left;background: url(/imagerie/fh/skin/bkg_popup_print.jpg) no-repeat left top;min-height:72px;_height:72px;} body.popupPrint .head a.close{color:#ffffff; font-weight:bold;} body.modele .head {padding:10px;color:white;text-align:left;background: url(/imagerie/fh/modeles/skin/bkg_popup_print_hotel.jpg) no-repeat left top;min-height:72px;_height:72px;} body.popupPrint .head img {float:left;margin-right:55px;} body.popupPrint .printBtn {text-align:right;margin:40px 20px 10px 0;} body.popupPrint p, body.popupPrint .line .unit {text-align:left;margin:10px 0;} body.popupPrint {font-size:12px;} body.popupPrint .line {border:1px solid #D9D6C6;padding:10px;} body.popupPrint .line .unit {text-align:left;} body.popupPrint .line .size1on2 {color:#504B32;} body.popupPrint .line .bBorder {border-bottom:1px solid #D9D6C6;padding-bottom:10px;} body.popupPrint table{width:99%;border:1px solid #D9D6C6;margin:1px;_border-collapse:separate;} body.popupPrint table th {width:50%;color:#887450;font-weight:bold;} body.popupPrint table th, body.popupPrint table td {padding:5px;} body.popupPrint h3 {margin-top:20px;color:#504B32;font-weight:bold;} body.popupPrint .tMarginxLg {text-align:left;} body.popupPrint .mention {text-align:right;font-size:70%;} body.popupPrint .small {font-size:88%;text-align:left;padding:10px;} body.popupPrint .small h3 {margin:10px 0 30px;color:#005A9A;font-weight:bold;font-size:125%;} body.popupPrint .small .avantages h3 {margin:20px 0 0;color:#005A9A;font-weight:bold;font-size:125%;} body.popupPrint .small h4 {margin:0;color:#005A9A;font-weight:bold;} body.popupPrint .small p {margin-bottom:5px;} body.popupPrint .small ul.square {margin-bottom:10px;} body.popupPrint .small ul.square li {margin-left:20px;} body.popupPrint .labelLeft {display:block;text-align:right} body.popupPrint .labelLeft label {float:left;} body.popupPrint .labelLeft select, body.popupPrint .labelLeft input {width:40%;} body.popupPrint .radio {float:left;} body.popupPrint .radio label {margin:0 10px 0 5px;} #situation ul {margin-left:112px;} #situation ul .boldcolored {font-weight:bold;color:#005A9A;} /* ====== Header =====*/ /* --- Liens de context --- */ #header ul#context-link a{color:#104477;font:10px Arial;} #header ul#context-link li{float:left;} #header ul#context-link li.list a{background:url(/imagerie/fh/picto-liste.png) no-repeat 0 3px; padding-left:16px; margin-right:14px; zoom:1;} #header ul#context-link li.previous a{background:url(/imagerie/fh/picto-arrow_left.png) no-repeat 0 2px; padding-left:8px; margin-right:13px; zoom:1;} #header ul#context-link li.next a{background:url(/imagerie/fh/picto-arrow_right.png) no-repeat 0 2px; padding-left:8px; zoom:1;} /* --- Boutons d'action --- */ #header ul#actions{float:right;margin-top:-10px;} #header ul#actions li{float:left;margin-right:3px;} /* ====== Flash container =====*/ #flash-container-fh{display:block; overflow:hidden; _overflow:visible; position:relative; z-index:1;} #flash-container-fh ul.galerie-visite{position:absolute; z-index:10; bottom:7px; left:72px;} #flash-container-fh ul.galerie-visite li{float:left; font:11px Arial;} #flash-container-fh ul.galerie-visite li.last{margin-left:51px;} #flash-container-fh ul.galerie-visite li a{color:#fff; background:url(/imagerie/fh/picto-arrow.png) no-repeat left 1px; padding-left:16px;} /* ====== Side-menu =====*/ #side-menu{background:#e2ded1 url(/imagerie/fh/skin/bg-side_menu.png) no-repeat top left; width:154px; min-height:350px; _height:350px; font:12px Arial;float:left; border-top:3px solid #f9f8f5; _margin-right:-3px;} #side-menu li{zoom:1; padding:6px 0;} #side-menu li a{display:block; color:#353324; background:url(/imagerie/fh/puce-side_menu.png) no-repeat scroll top left; padding-left:12px; zoom:1;} #side-menu li.menu-current{position:relative;background:url(/imagerie/fh/side-menu_currentbg.png) no-repeat top left; padding:0 0 0 7px;} #side-menu li.menu-current strong{color:#005a9a; font-size:14px; font-weight:bold; padding:5px 0 5px 0;display:block; background-color:#fff;} #side-menu li:hover,#side-menu li.hover{background-color:#fff;} #side-menu li{behavior:expression(NOV.display.addHover(this))} #side-menu li.hotel a{background-position:0px 0px;} #side-menu li.chambre a{background-position:0px -100px;} #side-menu li.bar a{background-position:0px -200px;} #side-menu li.services a{background-position:0px -300px;} #side-menu li.famille a{background-position:0px -400px;} #side-menu li.reunion a{background-position:0px -500px;} #side-menu li.proximite a{background-position:0px -600px;} #side-menu li.carte a{background-position:0px -700px;} #side-menu li.mariage a{background-position:0px -800px;} #side-menu li.institut a{background-position:0px -900px;} #side-menu li.soins a{background-position:0px -1000px;} /* ====== side-right =====*/ /**********Bloc Novotel et Vous********************/ #novo-perso { background:url(/imagerie/home/bg_nov-perso.gif) no-repeat left top; width:230px; height:166px; margin:0px 7px 0px 2px; } #novo-perso h2 { font-size:16px; font-weight:bold; color:#00386e; padding:10px 0px 10px 10px; border-bottom:1px solid #9ebad6; margin:0px 2px; } #novo-perso li { width:114px; float:left; height:41px; border-bottom:1px solid #9ebad6; border-right:1px solid #9ebad6; line-height:24px; } #novo-perso li.multi {line-height:0.8em;} #novo-perso li a { background-image: url("/imagerie/commun/pictos/picto-perso.gif"); background-repeat:no-repeat; color:#00386e; font-size:11px; display:block; padding:8px 0 9px 24px; zoom:1;} } #novo-perso li#store,#novo-perso li#news { border-right:0px none; } #novo-perso li#facebook { border-bottom:0px; padding:10px 0px 0px 3px; height:31px; width:130px; overflow:hidden; border-right:none; } #novo-perso li#facebook iframe{width:130px;} #novo-perso li#youtube { border:0px; width:96px; } #novo-perso li#reservation a { background-position:5px 14px; } #novo-perso li#news a { background-position:5px -28px; } #novo-perso li#mobile a { background-position:5px -67px; } #novo-perso li#store a { background-position:5px -190px; } #novo-perso li#facebook a { background-position:5px -107px; } #novo-perso li#youtube a { background-position:5px -153px; padding-left:27px; } /* correctif LANGUE */ #novo-perso.de li#reservation, #novo-perso.it li#reservation, #novo-perso.de li#mobile, #novo-perso.pt li#mobile, #novo-perso.pt li#news, #novo-perso.nl li#mobile, #novo-perso.nl li#news { line-height:14px; } .pt-br #novo-perso li#youtube{width: 40px; margin-left: 10px;} .pt-br #novo-perso li#twitter{width: 25px; border: 0px;} .pt-br #novo-perso li#twitter a{display: inline-block; width: 20px; height:20px; background: url(/imagerie/commun/pictos/logo_twitter.gif) 0 11px no-repeat; padding-left: 0;} .pt-br #novo-perso li#youtube a { background-position:0px -153px; display: inline-block; width: 20px; height: 20px; padding-left: 0; } ul.list2cols {overflow:hidden;_overflow:visible; zoom:1;} ul.list2cols li {float:left; width:49%;} /* --- Bloc Infos hotel + meteo --- */ #info{background:transparent url(/imagerie/fh/skin/bg-hotel_infos.png) no-repeat top left; text-align:left; width:230px; height:200px; color:#fff; position:relative;} #info ul{font:10px Arial; color:#353324; font-weight:normal; padding:11px 10px 0 15px; zoom:1;} #info li strong{font-size:12px; font-weight:bold;} #info li a {color:#353324; font-weight:bold;} #info li a:hover {text-decoration:underline;} #info li a.pop {font-size:11px; font-weight:bold; color:#005a9a; text-decoration:underline;} #meteo{background:url(/imagerie/fh/skin/bg-meteo.png) no-repeat top left; width:221px; height:37px; position:absolute; bottom:3px; left:4px;} #meteo .mea{margin-top:7px; margin-left:7px;} #meteo strong{font:10px Arial; color:#353324; font-weight:bold;} /* --- Bloc promo --- */ #promo a {display:block;} /* ====== Footers =====*/ #footer a{color:#fff;} #footer_fh a{color:#fff;} /* ====== Nav gauche =====*/ #nav-gauche {width:166px; float:left;} #nav-gauche a {color:#00386E; font:12px Arial; padding-left:15px; background:url(/imagerie/fh/pictoNavgauche.png) no-repeat left 2px;} #nav-gauche strong {color:#00386E; font:12px Arial; font-weight:bold; padding-left:15px; background:url(/imagerie/fh/pictoNavgauche.png) no-repeat left 2px;} #nav-gauche li {display:block; padding:10px 0 10px 9px;} #nav-gauche li.current {background-color:#F4E5C3; border-top:#D2C5A8 solid 1px; border-bottom:#D2C5A8 solid 1px;} /* ====== Corners =====*/ b.tl,b.tr,b.bl,b.br{background-repeat:no-repeat; position:absolute; font-size:1%; overflow:hidden; _overflow:visible;} b.tl{background-position:left top;top:0; left:0;} b.tr{background-position:right top;top:0; right:0} b.bl{background-position:left bottom; bottom:0; left:0;} b.br{background-position:right bottom; bottom:0; right:0;} /* --- bloc-filled --- */ .block-filled .tl,.block-filled .tr,.block-filled .bl,.block-filled .br{background-image:url(/imagerie/fh/corner-block-filled.png); background-repeat:no-repeat; width:3px; height:3px;} /* ====== popLayer ====== */ #popLayer{position:absolute; width:458px; top:40px; left:50%; font-size:90%; z-index:19999; text-align:left;} #popLayer .popInside{position:relative; zoom:1;} #popLayer .popl,#popLayer .popr{position:absolute; width:4px; height:100%; top:0; background:url(skin/poplayer/leftright.png) repeat-y left top; font-size:1%;} #popLayer .popl{left:0;} #popLayer .popr{right:0; background-position:right top} #popLayer .popt,#popLayer .popb,#popLayer .popt b,#popLayer .popb b{display:block; font-size:1%; zoom:1; background:url(skin/poplayer/topbottom.png) no-repeat left top} #popLayer .popt,#popLayer .popb{padding-left:10px;} #popLayer .popt b,#popLayer .popb b{height:8px;} #popLayer .popt b{background-position:right top} #popLayer .popb b{background-position:right bottom} #popLayer .popb{background-position:left bottom} #popLayer .popBody{background:#fff; min-height:30px; _height:30px; margin:0 4px} #popLayer .popHead{padding-top:2px} #popLayer .popContent{padding:5px 10px 10px; overflow:auto;} #popLayer .popHead .close{margin:0 10px 0 auto; width:59px; height:12px; display:block; background:url(skin/poplayer/closebtn.png) no-repeat left top; cursor:pointer} #popLayer.iframe .popContent{padding:0} #popLayer.iframe iframe.popIframe{border:0; width:100%; height:200px;} #popLayer.loading iframe.popIframe{width:1px} #popLayer .loader{display:none; width:32px; height:32px; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background:url(skin/poplayer/loader.gif) no-repeat left top} #popLayer.loading .loader{display:block !important;} #popLayerMask{position:absolute; top:0; left:0; right:0; width:100%; height:100%; min-height:100%; z-index:10000; background:#000; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; display:none; } .popLayerHTML{position:absolute; overflow:hidden; width:500px; height:0; visibility:hidden; } /* ====== Nav =====*/ #logo-fh{position:absolute; top:10px; left:10px; z-index:1000;} #menu-fh{position:absolute; top:0; left:0; padding-top:18px; margin-left:91px; height:28px; width:865px; z-index:1000; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #menu-fh a{color:white;} #menu-fh a{text-decoration:none;padding:7px 8px;display:block;_width:1%;_white-space:nowrap;} #menu-fh a.logo {padding-top: 0px; margin-top: 0px;} #menu-fh li li a{display:block;font-weight:normal;color:#00386E;height:auto;padding:2px 0;} #menu-fh li li a:hover{text-decoration:underline;} #menu-fh li div{padding-right:1px; height:40px; text-align:center; } #menu-fh li {background:url(/imagerie/fh/foo.png) repeat left top; } */ .IS_IE #menu-fh li {behavior:expression(NOV.display.addHover(this, null, 'ul'));} .IS_IE #menu-fh div {behavior:expression(NOV.display.addHover(this, null, 'ul'));} #menu-fh li.hover div a,#menu-fh li:hover div a{opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(opacity:30);zoom:1;} #menu-fh li{float:left;position:relative;text-align:left;cursor:pointer;list-style:none;padding-bottom:2px;} #menu-fh li div a{height:auto;padding:5px; color:white; font-weight:bold; font-size:11px; font-family:Arial; line-height:1em;} #menu-fh li div a.one-line {padding-top:15px;} #menu-fh li div.hover, #menu-fh li div:hover {background:transparent url(/imagerie/fh/menu-top-hover.png) no-repeat 50% 95%;} #menu-fh li ul{clear:left;display:none;position:absolute;top:40px;font-weight:normal;padding:1px;background-color:#fff;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity:80);zoom:1;width:120px;padding:5px 10px;} #menu-fh li.last ul{right:0;} #menu-fh li li{display:block;float:none;background-color:transparent;border:0;zoom:1;padding:0;} #menu-fh li:hover ul, #menu-fh li.hover ul{display:block;} #menu-fh ul{list-style:none;} #menu-fh #recherche {width:123px;} #menu-fh #offres {width:123px;} #menu-fh #business {width:125px;} #menu-fh #family {width:122px;} #menu-fh #idees {width:125px;} #menu-fh #novotel {width:123px;} #menu-fh #fidelite {width:123px;} /* ====== Utils =====*/ #utils-fh{list-style:none;position:absolute; right:0px; margin-right:20px; height:15px; z-index:1001; font-family:Arial, Helvetica, sans-serif; font-size:10px; top:-2px; margin-top:5px!important;} #utils-fh a{color:#64604e;_width:1%;_white-space:nowrap;outline:none;} #utils-fh li{color:#64604e;float:left;position:relative;text-align:left; padding:0 1px 1px;background-color:#ffffff;} #utils-fh li.first{background:transparent url(/imagerie/fh/bg-utils-fh.png) no-repeat top left; padding-left:8px;} #utils-fh li.last{background:transparent url(/imagerie/fh/bg-utils-fh.png) no-repeat top right;} #utils-fh li.last a {padding-right:20px;} #language-fh {list-style:none; position:absolute; top:0; right:0; margin:14px 40px 0 0; width:50px; z-index:1001; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #language-fh li {background-color:#ffffff} #language-fh li a {color:#7A888F; display:block;padding-left:10px;} #main b.tr-main{background-color:red; width:5px; height:5px; position:absolute; font-size:1%; overflow:hidden; _overflow:visible; top:0; right:0} .hidecorners .bl,.hidecorners .br{display:none !important;} /* ====== Gestion external =====*/ .external body {background:#fff;} .external h1 {padding-left:40px;background:url(/imagerie/fh/logo-novo-small.png) no-repeat top left;min-height:35px;_height:35px;} .external #conteneur_page {background-image:none;} .external #footer_fh {display:none;} .external #bandeau {top:0px;left:0px;} /*.external #context-link {display:none;}*/ .external #content {margin-left:0;} .external body.fichehotel #conteneur_page {padding-top:0px;} .external #side iframe{width:232px;overflow:hidden;height:166px;} .external b.content-tl,.external b.content-tr,.external b.content-bl,.external b.content-br {display:none;} /* ====== Bloc moteur =====*/ .novo-perso body {background:transparent;} html.iframe {overflow:hidden} iframe.bloc-moteur{position:absolute;top:100px;width:226px;height:245px;z-index:900;overflow:hidden;background:none;right:6px;} .external iframe.bloc-moteur{right:-8px;} body.bloc-moteur{background:none !important;font:10px Arial; color:#353324; font-weight:bold; overflow:hidden} body.bloc-moteur fieldset {border: 1px solid #D3CDC5;padding:0 6px 6px 6px;} body.bloc-moteur fieldset legend{color:#797566; font-weight:normal;} body.bloc-moteur .btn img {top:10px;} body.bloc-moteur .btn strong.logo {padding-top:1px; _padding-top:3px; } body.bloc-moteur h3 {color:#005A9A; font-weight:bold;} /*body.bloc-moteur .dense {letter-spacing:-1px;}*/ body.bloc-moteur a.black {color:black !important;} body.bloc-moteur a.underline {text-decoration:underline !important;} body.bloc-moteur a img {vertical-align:top;} body.bloc-moteur input.checkbox {line-height:1em !important; *margin-top:-10px;} body.bloc-moteur input.text {width:97%; margin-left:2px;} body.bloc-moteur .encart {border:1px solid #d8d2c8; padding:7px;} /* **************** FIX CSS CLASSES ***************** */ .IS_IE body .tr, .IS_IE body .br, .IS_IE body .main-br, .IS_IE body .main-tr{_right:expression(NOV.display.cssRight(this))} .IS_IE body .block .blockInside .bl, .IS_IE body .block .blockInside .br,.IS_IE body .content-bl,.IS_IE body .content-br, .IS_IE body .main-bl, html.IS_IE body .main-br{_bottom:expression(NOV.display.cssBottom(this,true))} html.IS_IE body .block .blockInside .bl, html.IS_IE body .block .blockInside .br,.IS_IE .content-bl,.IS_IE .content-br{_bottom:expression(NOV.display.cssBottom(this,true))} #Calendrier {width: 150px;z-index:1000;position:absolute;left: 0;display: none;padding-bottom:3px;font-size:11px;_top:15px;} #Calendrier .header {height: 18px;color: #496370;background-color: #D3D7DA;font-weight: bold;text-align: center;vertical-align: middle;overflow:hidden;} #Calendrier .header .prev, #Calendrier .header .next {overflow:hidden; text-indent:-5000px; width:7px; height:15px; } #Calendrier .header .prev { float:left;margin:1px 5px 0 10px;background:url(/imagerie/fh/calendar/ar-l.png) no-repeat left top;} #Calendrier .header .next {float:right;margin:1px 10px 0 5px ; background:url(/imagerie/fh/calendar/ar-r.png) no-repeat left top;} #Calendrier .header strong {display:block; overflow:hidden;zoom:1;margin-top:0;} #Calendrier .header strong span {width:100%;text-align:center;} #Calendrier .header strong #firstMonth {float:left;} #Calendrier .header strong #nextMonth { float:right;} #calDays {overflow:hidden; zoom:1; background-color:#ffffff;padding-top:5px;} #calDays #firstDays {float:left;width:98%;} #calDays #nextDays {float:right;width:49%;} #calDays #firstDays table, #calDays #nextDays table {margin:0 auto;} #Calendrier .item {width: 14px;height: 15px;padding:0 1px;text-align: center;color: #C6C6C8;} #Calendrier table * {line-height:10px} #Calendrier .itemCurrent a {color: #F69A69 !important;font-weight: bold;} #Calendrier .unselectable a {color:#B1B2A8 !important;} #Calendrier .top, #Calendrier .top div, #Calendrier .bottom, #Calendrier .bottom div {background:url(/imagerie/fh/calendar/fond_calendar_top.png) no-repeat left top; font-size:1%;} #Calendrier .top, #Calendrier .bottom {padding-left:4px;} #Calendrier .top div, #Calendrier .bottom div{background-position:right top; height:4px; } #Calendrier .bottom {background-position:left bottom} #Calendrier .bottom div {background-position:right bottom} #Calendrier th {text-align:center;} .iframe #jour_arrivee {*width:45px;*zoom:1;} .iframe #mois_arrivee {*width:45px;*zoom:1;} .iframe #annee_arrivee {*width:55px;*zoom:1;} /* FF */ #ipixLayerr , #galleryLayer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5000; /*background: url(/imagerie/fh/skin/bg_layerFlash.png) repeat left top; background-color: #000;*/ /* opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity:80); */ } /* IE6 */ *html #galleryLayer, *html #ipixLayerr{background-image:none; background-color: #000; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity:80); z-index:8000; } #flash-container-gallery { width:619px;height:530px; background-color: #000; } #ipixContainer {width:580px; height: 600px; margin:10% auto; position: relative; z-index: 10;} #background-ipixContainer {width:100%;height:100%;position:absolute;top:0;left:0;z-index:1; background: url(/imagerie/fh/skin/bg_layerFlash.png) repeat left top; background-color: #000; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity:80); } #ipixFrame {border:none; background-color: #000;} #side li{position:relative;} #side ul li a{width:auto; z-index:999;} /* COINS ARRONDIS POUR LES PHOTOS REUNION */ .media li img{ width:120px; height:90px; } .media li span{ position:absolute; display:block; width:120px; height:90px; background:url(/imagerie/fh/bg_mea-reunion.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/imagerie/fh/bg_mea-reunion.png", sizingMethod="scale"); } .frameWE{height:870px;padding-left:10px;width:540px; margin-top: 10px;} #seminaires p{overflow: hidden;} *html #seminaires p{zoom: 1;} #seminaires .btn{display: block; float:right;} #seminaires #lnk_meeting1{float:left;} #main #touristiques{padding:0;} #main #touristiques .mea-right{margin:10px 16px;} #main #touristiques .block-filled {margin:0px 16px;} *html .it #novo-perso li a,.de #novo-perso li a {padding:8px 0 6px 22px;} *html .it #novo-perso li.multi {line-height:24px;} /* styles dédiés au tooltip promo*/ span#gp {float:none;} #gp span {float:none;} #gp .tip { padding: 13px 15px; margin: 8px 10px 0 -237px; background: #FFF; border: 1px solid #e2ded1; max-width: 200px; position: absolute; z-index: 12; font-size: 10px; color: #64604E; } #gp .tip strong { font-size:11px; color: #005A9A; } /* fin styles dédiés au tooltip promo*/ #extvid { width:546px; display:none; height:348px; background:#fff; position:absolute; left:182px; top:73px; } #flash-container-gallery { width: 750px; height: 530px; } /**/ body .footer, body .footer_cr, body .footer-fh{ background: url("/imagerie/fh/skin/bg-footer.png") no-repeat scroll left top #172C40; color: #FFFFFF; font: 10px Arial; margin: 5px auto 10px; text-align: center; width: 960px; } body .footerContent a { font-size:10px; color:#fff; text-decoration:none; padding-right: 2px; } body .footerContent a:hover { text-decoration:underline; } body .footerContent ul { padding:5px 0px 20px; } body .footerContent li { display:inline; padding:5px 3px 10px 0px; line-height:20px; }