/******************************************************BEGIN COMMON***********************************************************/ *{margin: 0; padding: 0;} body {font:76% arial,sans-serif;background-color: #fff; background-repeat: repeat-x; background-position: 0 0;} img {border:none;} acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #dedede;} address{font-style:normal;} a {text-decoration:none; outline: none; color: #000;} a:hover {text-decoration:underline;} ul, li{list-style : none} fieldset{border: none; } table{border-collapse: collapse;} input, select, option, label{font-size: .9em;} optgroup option{padding-left: 20px;} input, select {border: 1px #ddd solid;} .submit, .submit input{border: none !important;outline: none;} h1{font-size: 1em;} h2{font-size: .9em;} .label_ko{color: #ad2142 !important;} .hidden{display: none!important;} .highlight{font-weight: bold;} /******************************************************END COMMON*************************************************************/ /*CLEARFIXES {{{ */ #overbox:after, #shortlinks:after, #searchbox div:after, #searchbox ul:after, #searchbox:after, #lastfooter:after, #firstfootercontent:after, #menu:after, #connectbox:after, #connectbox fieldset ul:after, #connectbox fieldset:after, #connectbox div:after, #shortcuts:after, #tools:after, #menus:after, #submenu:after, #header:after, #main:after, #banner:after, #breadcrumb:after, .calendararrows:after, #bookingbox:after, #bookingbox .textblock:after, .evalbox:after, #destRadioList ul:after, #destRadioList ul li:after, #ipixcontent:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #overbox, #shortlinks, #searchbox div, #searchbox ul, #searchbox, #lastfooter, #firstfootercontent, #menu, #submenu, #connectbox, #connectbox fieldset ul, #connectbox fieldset, #connectbox div, #shortcuts, #tools, #menus, #header, #main, #banner, #breadcrumb, .calendararrows, #bookingbox, #bookingbox .textblock, .evalbox, #destRadioList ul, #destRadioList ul li, #ipixcontent {display: inline-block;} #overbox, #shortlinks, #searchbox div, #searchbox ul, #searchbox, #lastfooter, #firstfootercontent, #menu, #submenu, #connectbox, #connectbox fieldset ul, #connectbox fieldset, #connectbox div, #shortcuts, #tools, #menus, #header, #main, #banner, #breadcrumb, .calendararrows, #bookingbox, #bookingbox .textblock, .evalbox, #destRadioList ul, #destRadioList ul li, #ipixcontent {display: block;} /* }}} */ /******************************************************************************************/ /* BEGIN Body */ /******************************************************************************************/ .simple { background-position:top; background-repeat:repeat-x !important;} /* Rose BG*/ .body_bg_pink{background:#ac2040 url(/imagerie/commun/bg-rose.gif);} .body_bg_pink #rubric_bg{background:url(/imagerie/commun/rubric_bg_rose.gif) no-repeat;} .body_bg_pink h1.rubric{color:#ac2040;} /* Rose BG*/ /* Purple BG*/ .body_bg_purple{background:#5D658A url(/imagerie/commun/bg-purple.gif); } .body_bg_purple #rubric_bg{background:url(/imagerie/commun/rubric_bg_purple.gif) no-repeat;} .body_bg_purple h1.rubric{color:#5D658A;} /* Purple BG*/ /* Blue BG*/ .body_bg_blue{background:#003663 url(/imagerie/commun/bg-blue.gif);} .body_bg_blue #rubric_bg{background:url(/imagerie/commun/rubric_bg_blue.gif) no-repeat;} .body_bg_blue h1.rubric{color:#013865;} /* Blue BG*/ /* Beige BG*/ .body_bg_beige{background:#F6EBDB url(/imagerie/commun/bg-beige.gif) repeat-y;} .body_bg_beige #rubric_bg{background:url(/imagerie/commun/rubric_bg_beige.gif) no-repeat;} .body_bg_beige h1.rubric{color:#cc9966;} /* Beige BG*/ /* Vert BG*/ .body_bg_green{background:#abb328 url(/imagerie/commun/bg-vert.gif) repeat-y;} .body_bg_green #rubric_bg{background:url(/imagerie/commun/rubric_bg_vert.gif) no-repeat;} .body_bg_green h1.rubric{color:#abb328;} /* Vert BG*/ /******************************************************************************************/ /* BEGIN BGS */ /******************************************************************************************/ /*Red BG*/ .afternoon {background-image: url(/imagerie/commun/red/bg.gif);} .afternoon #searchbox{background-image:url(/imagerie/commun/red/bg-search-box-left.gif);} .afternoon #searchboxcontent{background-image:url(/imagerie/commun/red/bg-search-box-right.gif);} .afternoon #teaser{background-image: url(/imagerie/commun/red/cote-open.gif);} .afternoon #teaser span{background-image:url(/imagerie/commun/red/cote-close.gif);} .afternoon #cola{background-image: url(/imagerie/home/illustration-content-afternoon.png);} /*Red BG*/ /*Dark Blue BG*/ .evening {background-image: url(/imagerie/commun/darkblue/bg.gif);} .evening #searchbox{background-image:url(/imagerie/commun/darkblue/bg-search-box-left.gif);} .evening #searchboxcontent{background-image:url(/imagerie/commun/darkblue/bg-search-box-right.gif);} .evening #teaser{background-image: url(/imagerie/commun/darkblue/cote-open.gif);} .evening #teaser span{background-image:url(/imagerie/commun/darkblue/cote-close.gif);} .evening #cola{background-image: url(/imagerie/home/illustration-content-evening.png);} /*Dark Blue BG*/ /*Blue BG*/ .morning {background-image: url(/imagerie/commun/blue/bg.gif);} .morning #searchbox{background-image:url(/imagerie/commun/blue/bg-search-box-left.gif);} .morning #searchboxcontent{background-image:url(/imagerie/commun/blue/bg-search-box-right.gif);} .morning #teaser{background-image: url(/imagerie/commun/blue/cote-open.gif);} .morning #teaser span{background-image:url(/imagerie/commun/blue/cote-close.gif);} .morning #cola{background-image: url(/imagerie/home/illustration-content-morning.png);} /*Blue BG*/ /******************************************************BEGIN ALL**************************************************************/ #header, #main, #firstfooter, #lastfooter{margin: 0 auto;text-align:left;width: 1003px;} /******************************************************END ALL*****************************************************************/ /******************************************************************************************/ /* BEGIN header */ /******************************************************************************************/ #header {height: 111px; font-family: verdana, sans-serif;} .static #header {height:108px;} #logosuite{float: left; width: 142px; padding: 16px 0 0 67px;} #menus{float: left; width: 794px;} #picture {margin-top:70px;} /*Tools*/ #tools{float: left; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 3px 0; padding: 0 0 0 3px;} #tools li{float: left; padding: 5px 6px 0 5px; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 100% 0;} #tools li a{display: block; height: 11px; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;} #toolhelp{width: 9px; background-image: url(/imagerie/commun/tool-help.gif);} #toolplan{width: 13px; background-image: url(/imagerie/commun/tool-plan.gif);} #toolcontact{width: 12px; background-image: url(/imagerie/commun/tool-contact.gif);} #toolprint{width: 12px; background-image: url(/imagerie/commun/tool-print.gif);} #toolsize{width: 16px; background-image: url(/imagerie/commun/tool-font-size.gif);} #toolfrench{width: 16px; background-image: url(/imagerie/commun/flag-fr.gif);} #toolenglish{width: 16px; background-image: url(/imagerie/commun/flag-uk.gif);} #tooldeutsch{width: 16px; background-image: url(/imagerie/commun/flag-de.gif);} #toolspain{width: 16px; background-image: url(/imagerie/commun/flag-es.gif);} #toolitalian{width: 16px; background-image: url(/imagerie/commun/flag-it.gif);} /*Tools*/ /*Shortcuts*/ #shortcuts{float: right; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 0 0; padding: 0 31px 0 0;} #shortcuts li{float: left; padding-top: 2px; padding-right: 6px; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 100% 0;} #shortcuts li a{color: #646161; font-size: .9em; background-color: transparent; background-repeat: no-repeat;} #shortcuts li a:hover{color: #000; text-decoration: none;} #shortcutmember{padding-left: 20px; background-position: 5px 50%; background-image: url(/imagerie/commun/tool-member.gif);} #shortcutnewsletter{padding-left: 21px; background-position: 6px 50%; background-image: url(/imagerie/commun/tool-newsletter.gif);} #shortcutsearch{padding-left: 21px; background-position: 6px 50%; background-image: url(/imagerie/commun/tool-search.gif);} /*Shortcuts*/ /*Connection*/ #connectbox{float: right; width: 371px; height: 72px;} #connectbox-home{float: right; width: 371px; margin-bottom:1px;margin-top:4px;} #connectbox form{clear: both;float: none; padding: 8px 0 0 8px;} #connectbox fieldset{padding: 0 0 7px 0;} #connectbox label{position: absolute; top: -9999px; left: -9999px;} #connectbox input{border-color: #b5b5b5 !important;display: block; float: left; height: 15px; width: 130px; margin: 0 9px 0 5px;font-size:.8em !important; color: #7b7676; padding:2px 0 0 9px;} #id_password {margin-right: 0!important;} #connectbox input.submit{width: 18px !important; padding: 0 !important; margin-top: 2px;} #connectbox h3{padding: 5px 0 0 19px; font-size: .8em; color: #7b7676;} #connectbox div ul{padding-left: 8px;} #connectbox div li{float: left; padding: 0 0px 0 9px; font-size: .8em;background: transparent url(/imagerie/commun/arrow-grey.gif) no-repeat 0 50%;} #connectbox div li a{color: #7b7676;} #connectbox #bloc_ident {float: right; display: inline; background: transparent url(/imagerie/commun/pipe-long-grey.gif) no-repeat 0 0; margin-right: 30px !important; text-align: left !important; width: 317px;} #connectbox #bloc_ident ul{padding: 2px 0 0 10px;} #connectbox #bloc_ident li{width: 144px; padding-top: 3px;} #connectbox #bloc_not_ident{width: 370px;} /*Connection*/ /*Menu*/ #menu{float: none; clear: both; width:833px; position:absolute; left:298px; top:70px; font-family:verdana,sans-serif; font-size:0.8em;} .morning #menu, .afternoon #menu, .evening #menu{top: 72px;} #menu li {height: 34px; float:left; background:transparent url(/imagerie/commun/bg-menu-left.gif) no-repeat 0 0; padding:0 0 0 5px;} #menu a {float: left; display:block; background:transparent url(/imagerie/commun/bg-menu-right.gif) no-repeat 100% 0;padding:13px 8px 9px 3px; color:#555; text-decoration: none;} #menu a:hover{color: #000;} #menu li.on{background-image: url(/imagerie/commun/bg-menu-left-on.gif);} #menu li.on a{background-image:url(/imagerie/commun/bg-menu-right-on.gif); color: #000;} /*Menu*/ /******************************************************END HEADER***************************************************************/ /******************************************************BEGIN CONTENT***********************************************************/ #main{height: auto; background-color: transparent; background-repeat: repeat-x; background-position: 0 0;} #cola{float: left; height: 473px; width:736px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;} #colb{float: left; height: 473px; width: 267px} #illustrationsbox{width: 736px; height: 250px;} #bannieres_oas_p1{position:relative;width: 736px; height: 250px;} #bannieres_oas_p1 .ombre_searchbox,#bannieres_oas_p1 .bande_degrade_red,#bannieres_oas_p1 .bande_degrade_blue,#bannieres_oas_p1 .bande_degrade_darkblue {top:0; height:253px; position:absolute; z-index:999;} #bannieres_oas_p1 .ombre_searchbox{background:url(/imagerie/commun/ombre_moteur.png) no-repeat left top; right:0; width:16px;} #bannieres_oas_p1 .bande_degrade_red{background:url(/imagerie/commun/red/degrade_red.png) no-repeat;left:0;width:44px;} #bannieres_oas_p1 .bande_degrade_blue{background:url(/imagerie/commun/blue/degrade_blue.png) no-repeat;left:0;width:44px;} #bannieres_oas_p1 .bande_degrade_darkblue{background:url(/imagerie/commun/darkblue/degrade_darkblue.png) no-repeat;left:0;width:44px;} /* Menu de gauche */ #main div.leftCol div.main div.content div.leftContent div.content_top{ height:93px; width:177px; overflow:hidden; background:url(/imagerie/commun/left_content_top.png) top left no-repeat; } .content_bottom{ height:50px; width:177px; overflow:hidden; background:url(/imagerie/commun/left_content_bottom.png) top left no-repeat; } .content_main{ padding:0 10px; overflow:hidden; background:url(/imagerie/commun/left_content_main_content.gif) left repeat-y; } .content_main a:focus { outline: none; } .content_main dt { clear:both; } .content_main dt a{ display:block; padding:10px 0 10px 10px; font-size:12px; color:#3e403f; border-top:1px solid #FFF; border-bottom:1px solid #d9d9d9; background-color:#ebebeb; } .content_main dt a:hover{ text-decoration:none; color:#000000; background-color:#F2F2F2; } .content_main dt.active a { display:block; padding:10px 0 10px 10px; font-size:12px; color:#3e403f; border-top:0px #fff solid; border-bottom:0px #fff solid; background-color:#FFF; font-weight:bold; } .content_main dt.accordion_toggle_active a:hover{ text-decoration:none; color:#000000; background-color:#FFF; } .content_main dd{ overflow:hidden; display:none; } .content_main ul{ display:block; padding:0px 0 10px 10px; background:#FFF; border-top:1px solid #FFF; border-bottom:1px solid #d9d9d9; font-size:11px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; } .content_main ul li{ display:block; clear:both; color:#3e403f; overflow:hidden; } .content_main ul li a{ line-height:17px; } .content_main ul li:hover{ color:#ca225d; } .content_main ul li.title:hover{ color:#3e403f; } .content_main ul li a:hover, .content_main ul li.active a { color:#ca225d; text-decoration:none; font-weight:bold; background-color:#FFF; } .content_main ul li ul { padding:2px 0 2px 10px; background:#FFF; border-top:0; border-bottom:0; display:none; } .content_main ul li.active ul li a{ color:#3e403f; text-decoration:none; background-color:#FFF; font-weight:normal; } .content_main ul li.active ul li a.active{ font-weight:bold; } .content_main dd ul li ul li { overflow:hidden;padding:0; margin:0; } .content_main dd ul li ul li a { display:block; padding-left:15px; line-height:17px; overflow:hidden;} .content_main dd ul li ul li a:hover { color:#ca225d !important; } .content_main .active, .content_main dt.active dd ul, .content_main ul li.active ul { display:block;} /* Menu de gauche */ /*Search Engine*/ #searchbox .hidden{display: none !important;} #searchbox{height: 307px !important; background-color: transparent; background-repeat: no-repeat; background-position: 0 100%; margin: 0 0 5px 0; font-family: verdana, sans-serif;} #searchboxcontent{height: 307px !important; float: left; min-width: 236px; background-color: transparent; background-repeat: no-repeat; background-position: 100% 100%;} #searchboxcontenttitle{width: 236px; height: 22px !important; padding-top:2px; background: transparent url(/imagerie/commun/bg-search-box-title.gif) no-repeat 0 0;text-align:center;color:#fff;font-size:12px;font-weight:bold;} #errorbox{height: 25px !important;} .t01 #errorbox{height: 29px !important;} #searchbox #errorMessage_SUI_BOOKING_ENGINE, #searchbox #errorMessage_SUI_BOOKING_ENGINE_EXPRESS{width: 195px; font: .8em arial, sans-serif; color: #ad2142; padding-left: 20px; height: 25px; margin: 0 0 0 4px; overflow: hidden;} #searchbox #errorMessage_SUI_BOOKING_ENGINE.label_ko, #searchbox #errorMessage_SUI_BOOKING_ENGINE_EXPRESS.label_ko {background: transparent url(/imagerie/commun/error.gif) no-repeat 0 0;} #searchbox form{height: 261px} #tabs{background: transparent url(/imagerie/commun/ajax-loader.gif) no-repeat 100px 90px; width: 100%; height: 100%;} #searchboxcontenttabs li{height: 24px; float: left; padding:0 0 0 5px; margin-right: 1px; background: transparent url(/imagerie/commun/bg-search-box-tab-left.png) no-repeat 0 0;} #searchboxcontenttabs li a {display:block; padding:5px 5px 5px 0; background: transparent url(/imagerie/commun/bg-search-box-tab-right.gif) no-repeat 100% 0; font: .9em arial, sans-serif;} html>body #searchboxcontenttabs li a{height: 14px;} #searchboxcontenttabs li a:hover{text-decoration: none;} #searchboxcontenttabs li.on{background-image: url(/imagerie/commun/bg-search-box-tab-left-on.png) !important;} #searchboxcontenttabs li.on a {background-image: url(/imagerie/commun/bg-search-box-tab-right-on.gif) !important;} #searchboxcontenttabs li.last {margin:0 !important;} input, select{height: 17px;border: 1px solid #7f9db9 !important; margin-right: 2px; text-align: left !important;} #searchbox input{display: block;} #searchbox fieldset{padding: 0 0 0 21px;} #searchbox fieldset legend{display: none;} #searchbox fieldset.destination{height: 31px;} #searchbox #hotel_ou_ville, #searchbox #hotel_ou_ville_express{width: 198px;margin-top: 6px; text-align: center; font-family: verdana, sans-serif; } #searchbox fieldset.notrequire{height: 89px; background-color: #f7a800; background-repeat: no-repeat; background-position: 5px 8px;} #searchbox .t01 fieldset.notrequire{width: 215px;} #searchbox .t01{width: 236px;} #searchbox .t01 fieldset div, #colc #searchbox fieldset div{float: left; padding: 7px 0 0 0; height: 39px;} #searchbox fieldset div input, #searchbox fieldset div select{float: left;} #searchbox label{display: block; font-size: .8em; color: #fff; padding: 0 0 7px 0;} #searchbox #arrivee{width: 99px; margin-right: 4px;} #searchbox #calendrier {display: inline; float: left; margin: 2px 24px 0 0;} #searchbox #nb_nuit {width: 53px} #searchbox .checkbox{float: none; clear: both; padding-top: 9px;} #searchbox .checkbox label{width:180px;} #searchbox .checkbox input{border:none !important;} #searchbox fieldset.submit{padding: 5px 0 0 57px; height: 34px;float: none; clear: both; } #searchbox fieldset.submit input{width: 118px !important; height: 31px !important;} #searchbox fieldset.links{padding: 0;} #searchbox fieldset.links .back{display: block; font-size: .75em; background: transparent url(/imagerie/commun/arrow-black.gif) no-repeat 0 50%; padding-left: 12px; margin: 1px 0 0 18px;} #searchbox fieldset.links img{display: block; margin: 0 0 0 36px;} #searchbox #phonebooking{display: block; width: 155px; height: 18px; padding: 4px 0 0 55px; margin-left: 15px; background: transparent url(/imagerie/commun/phone-box.gif) no-repeat 0 0; color: #fff; font: .8em arial, sans-serif;} #searchbox #reservezpartelephone{display: block; width: 155px; height: 18px; padding: 4px 0 0 55px; margin-left: 15px; background: transparent url(/imagerie/commun/phone-box.gif) no-repeat 0 0; color: #fff; font: .8em arial, sans-serif;} /*Search Engine*/ /*Express Engine*/ .t02 fieldset{border-bottom: 1px solid #fdd116; padding-left: 25px !important; background-color: #f7a800; background-position: 4px 6px; background-repeat: no-repeat;} .t02 .submit{background-color: transparent; padding-left: 60px !important;} .t02 select {width:53px;} fieldset.label_ko{background-color: #ae2840;} .accordiontitle{height: 24px !important; padding-top: 4px; cursor: pointer;} .accordiontitle span, .accordiontitle label{display: block; float: left; padding-top: 2px !important; font: 1em arial, sans-serif !important; color: #fff;} /*.accordioncontent{height:40px;}*/ .accordioncontent div{padding-bottom:10px;} .accordiontitle span span{display: inline !important; padding: 0 !important; float: none !important;} .question, .open{display: block; float: right; height: 15px; width: 15px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; padding: 0 10px 0 0; margin-top: 2px;} .open{background-image: url(/imagerie/commun/open-arrow.gif);} .question{background-image: url(/imagerie/commun/question.gif); margin-right: 2px;} .t02 .destination{background-image: url(/imagerie/commun/number-1-yellow.gif);} .t02 #dateaccordion{background-image: url(/imagerie/commun/number-2-yellow.gif);} .t02 #nightaccordion{background-image: url(/imagerie/commun/number-3-yellow.gif);} .t02 #fidelityaccordion{background-image: url(/imagerie/commun/number-4-yellow.gif);} .t02 #priceaccordion{background-image: url(/imagerie/commun/number-5-yellow.gif);} #nightaccordion .accordioncontent div{float: left;} #nightaccordion label{padding-bottom: 2px !important;} #nightaccordion .aa{margin-right: 20px;} #fidelityaccordion .checkbox{padding-top: 0 !important;} #dateaccordioncontent{width: 64px; height: 15px; font-weight: bold !important; color: #000 !important; background-color: #f4d15f; padding: 5px 10px 3px 10px; margin-left: 5px;} #priceaccordion .hightlight{width: 200px; height: 23px; background-color: #f4d15f; padding-top: 4px; padding-bottom: 0; margin-bottom: 10px;} #priceaccordion label{float: left; width: 94px; color: #000; font-weight: bold; font-size: 1em; font-family: arial, sans-serif !important; padding: 2px 0 0 25px;} #priceaccordion .question{padding: 0 !important;} #priceaccordionmentions{position: absolute; margin: -201px 0 0 -22px; font-size: .8em; padding: 10px; width: 211px; height: 177px; background: transparent url(/imagerie/commun/speech-box.gif) no-repeat 0 0;} /*Express Engine*/ /*Teaser between cotes*/ #teaser{width:349px; height:138px; margin-left: 320px; overflow: hidden; color: #fff; font-size: 1.5em;background-color: transparent; background-repeat: no-repeat; background-position: 0 0;} #teaser span{display: block; height: 101px;padding: 37px 20px 0 20px; background-color: transparent; background-repeat: no-repeat; background-position: 100% 100%;} /*Teaser between cotes*/ /*3 Links*/ #shortlinks{margin: 0 0 0 340px;} #shortlinks li{float: left; padding-right: 10px;} #shortlinks a{display: block; width:71px; height:51px; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;} #shortlinks a:hover{background-position: 0 100%;} /*3 Links*/ /******************************************************END CONTENT***********************************************************/ /******************************************************BEGIN FOOTER***********************************************************/ /* #firstfootercontainer{background: transparent url(/imagerie/commun/bg-footer.gif) repeat-x 0 0;} #firstfooter{padding-top: 31px; margin-top: -32px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0;} #firstfootercontent{padding: 14px 0 10px 31px;} #firstfootercontent dt, #firstfootercontent dd{border-style: solid; border-color: #efddc4; border-width: 0 0 1px 0; color: #fff; } #firstfootercontent dl{float: left;width: 163px; padding: 0 31px 0 0;} #firstfootercontent dt{font-weight: bold !important; font-size: .9em; padding-bottom: 4px;} #firstfootercontent dd{padding: 0 0 2px 0;} #firstfootercontent dt a{color: #fff;} #firstfootercontent dd a{font-size: .8em;color: #fff;} #firstfootercontent dd a:hover{text-decoration: none;} #lastfootercontainer{background: transparent url(/imagerie/commun/bg-lastfooter.gif) repeat-x 0 0;} #lastfooter{height: 39px !important; padding-top: 9px;} #logoaccor{float: left; padding: 8px 0 0 35px;} #lastfooter ul{float: right; padding-top: 10px;} #lastfooter li{float: left;padding: 0 11px 0 10px; background: transparent url(/imagerie/commun/pipe-blue.gif) no-repeat 100% 2px;} #lastfooter li a{font-size: .9em; color: #686868;} #lastfooter li.last{background-image: none;} */ /******************************************************BEGIN FOOTER***********************************************************/ /******************************************************BEGIN SPEECH BALLOON**************************************************/ #overbox{position: absolute; margin-top: -125px; margin-left:347px; z-index: 100;} #overbox .tooltype{display: block; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;width:298px; height:118px;} #overbox .b01{background-image:url(/imagerie/commun/overbox-01.png);} #overbox .b02{background-image:url(/imagerie/commun/overbox-02.png);} #overbox .b03{background-image:url(/imagerie/commun/overbox-03.png);} #overbox div{float: none; clear: both; padding: 5px 10px;} #overbox .close{display: block;float: right; background: transparent url(/imagerie/commun/close.gif) no-repeat 100% 1px; padding-right: 18px; margin: 5px 5px 0 0; color: #7b7676;} #overbox .close:hover{text-decoration: none;} #overbox div li{font-size: .9em; background: transparent url(/imagerie/commun/arrow-red.gif) no-repeat 0 50%; padding-left: 10px;} #overbox div li a{line-height: .9em;} /******************************************************END SPEECH BALLOON*****************************************************/ /******************************************************BEGIN BOOKING BOX******************************************************/ #bookingbox{position: absolute; height: 223px !important; width: 434px; background: transparent url(/imagerie/commun/bg-bookingbox.png) no-repeat 0 0; margin: -285px 0 0 -434px !important; font-family: arial, sans-serif;} #bookingbox .close{display: inline; float: right; width:15px; height: 19px; background: transparent url(/imagerie/commun/close.gif) no-repeat 0 0; margin: 5px 11px 0 0; text-indent: -9999px;} #bookingbox .textblock{padding: 10px 0 8px 10px; width: 395px;} #bookingbox .textblock .text{float: left; width: 256px; padding-left: 15px;} #bookingbox .textblock .text h2{color:#a6203b; font-size: 1em; font-weight: bold; padding-bottom: 5px; height: 1.1em;} #bookingbox .textblock .text p{height: 7.15em; overflow: hidden; margin-bottom: 10px;} #bookingbox .textblock .image{float: left; width: 102px; height: 108px; padding: 11px; background: transparent url(/imagerie/commun/bg-image.png) no-repeat 0 0; overflow: hidden;} #bookingbox .textblock .image img{display: block; width: 102px; height: 108px;} #bookingbox .textblock .more{display: block;} #bookingbox .evalbox{width: 410px; height: 61px; background: transparent url(/imagerie/commun/evalbox.gif) no-repeat 0 0; margin-left: 10px; font-size: .9em;} #bookingbox .evalbox h2, #bookingbox .evalbox p{width: 145px;} #bookingbox .evalbox h2{padding-bottom: 2px;} #bookingbox .evalbox div{float: left; padding: 15px 0 0 15px} #bookingbox .evalbox .range{display: block; float: left; width: 32px; height: 50px; margin-top: 5px;} #bookingbox .evalbox ul{float: left; width: 194px; margin-left: 6px; padding: 10px 10px 0 0} #bookingbox .evalbox li{background: transparent url(/imagerie/commun/arrow-grey.gif) no-repeat 0 .5em; padding-left: 7px; height: 1%;} /******************************************************BEGIN BOOKING BOX*****************************************************/ /********************************************************BEGIN FORMS*********************************************************/ /*CLEARFIXES {{{ */ #banner:after, #formcontent fieldset div:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #banner, #formcontent fieldset div {display: inline-block;} #banner, #formcontent fieldset div {display: block;} /* }}} */ /******************************************************BEGIN BGS*************************************************************/ /*#maincontainer{background: #003663 url(/imagerie/commun/bg-main.gif) repeat-x 0 0;text-align:center;}*/ .nosubmenu #maincontainer{background-position: 0 -25px !important;} /*#maincontainer #main{padding-bottom: 60px !important; height: auto !important;}*/ /******************************************************END BGS***************************************************************/ /******************************************************************************************/ /* BEGIN MAINCONTAINER */ /******************************************************************************************/ /* Rubrique banner */ #banner { height:262px; padding:0 0 5px 0; clear:both; } #banner #flashKeeper { float:left; width:690px; height:262px; margin:0 12px; } #banner #flashKeeper img{ width:690px; height:262px; } #banner #rubric_bg{ float:right;height:262px;width:252px; } .nobreadcrumb #banner {margin-bottom:35px;} /* Rubrique banner */ /* Breadcrumbs */ #breadcrumb{height: 35px !important; padding-left: 32px;} #breadcrumb li{float: left; padding:10px 11px 0 0;} #breadcrumb li a, #breadcrumb li span, #breadcrumb li em{font-size: .9em; color: #fff;} #breadcrumb li em{font-style: italic;} #breadcrumb li span{padding-left: 11px;} /* Breadcrumbs */ /* Colonne search */ /*#colc{float: left; width: 245px; /*height: 680px; background: transparent url(/imagerie/commun/bg-colc.png) no-repeat 0 0;}*/ /*#colc.bgNone{background:none; }*/ #colc{float:right;margin-left:0 !important; width:251px; padding:0px 0 0 0;} /*#cold{float: left; width: 688px; padding-right: 18px;}*/ /* Colonne search */ /* Mise en page illustration */ .search #picture {background: transparent url(/imagerie/commun/bg-colc.png) no-repeat scroll center bottom ;width:245px; height:283px;/*position:absolute;bottom:200px;*/ } /*.search #picture {background: transparent url(/imagerie/commun/bg-colc.png) no-repeat scroll 0;height:680px;width:245px; margin-top:-371px;} */ .simple #advertisingbox {margin: 30px 0px 0px 16px;} #advertisingbox img {width:235px;} /* Mise en page illusatration */ /******************************************************************************************/ /* LEFTCOL */ /******************************************************************************************/ .leftCol{ width:734px; float:left; } .leftCol .top, .leftCol.bottom{ height:20px; overflow:hidden; background:url(/imagerie/commun/main_content_top.png) top left no-repeat; } .leftCol .bottom{ background:url(/imagerie/commun/main_content_bottom.png) top left no-repeat; } .leftCol .main{ width:714px; padding:0 10px; overflow:hidden; background:url(/imagerie/commun/main_content_shadow.png) left repeat-y; position:relative; z-index:888; } .content{ overflow:hidden; zoom:1; padding:0 5px 140px 5px; background:#FFF url(/imagerie/commun/main_content_bg.gif) bottom repeat-x; } .leftContent{ width:177px; float:left; overflow:hidden; } .rightContent{ width:515px; padding:0 0 0 10px; float:right; overflow:hidden; } .content h1{ line-height:24px; font-size:24px; padding-bottom: 36px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif; } .content h2{ color:#e2be8e; font-size:18px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif; padding:5px 0 15px 0; } .content h4{ font-size:14px; padding:5px 0; } .content p{ display:block; padding:13px 0 7px 0; color:#000; font-size:12px; } .content p.legal{font-size:0.9em;} .rightContent ul{ padding: 15px 0 20px 0; } .rightContent img.rubricImg{ margin:0 5px 2px 5px; max-width:474px; } .inside-menu{ margin-bottom: 25px; } /*Banner*/ /* #banner{height: 138px; } #banner #rubric_bg{width:252px; height:262px; overflow:hidden;} #banner #rubric_bg img{width:252px; height:262px;} #banner img{display: block; float: left; width: 960px; height: 133px; margin: 0 0 0 22px;} #banner h1{float: left; background: transparent url(/imagerie/commun/bg-card-title-left.png) no-repeat 0 0; margin: -37px 0 0 32px; padding: 0 0 0 10px;} #banner h1 span{display: block; background: transparent url(/imagerie/commun/bg-card-title-right.png) no-repeat 100% 0; padding: 5px 10px 2px 0; color: #013865; font-size: 2.1em;} */ /*Banner*/ /*Search Engine*/ #iframe_resa{width: 243px; height: 292px; margin-left: -8px;} #contactiframe{width:510px;height:760px!important;} #maincontainer #searchbox{width: 236px; height: 292px !important; margin: 0px 0 8px 0; background: transparent url(/imagerie/commun/card-search-box.gif) no-repeat 0 0 !important; padding: 0 0 0 8px; font-family: verdana, sans-serif;} #maincontainer #searchbox dt{padding: 8px 0 2px 22px;} #maincontainer #searchbox form{width: 235px !important; text-align: left;} #maincontainer #searchbox dd .back{display: none !important;} /*Search Engine*/ /******************************************************END CONTENT***********************************************************/ /******************************************************BEGIN HEADER***********************************************************/ /*#header{text-align:center; height: 108px !important; font-family: verdana, sans-serif;}*/ /*#form , .static {background: transparent url(/imagerie/commun/bg-header.gif) repeat-x 0 0;}*/ #headercontent{width:1003px; position:relative;} #firstfooter, #lastfooter, #headercontent_cr, #headercontent{margin: 0 auto;text-align:left;width: 1003px;} #logosuite{float: left; width: 142px; padding: 16px 0 0 67px; text-align: left;} #menus{float: left; width: 790px;} /*Tools*/ #tools{float: left; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 3px 0; padding: 0 0 0 3px;} #tools li{float: left; padding: 5px 6px 0 5px; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 100% 0;} #tools li a{display: block; height: 11px; text-indent: -9999px;color: #646161; font-size: .9em; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;} #tools li a:hover{color: #000; text-decoration: none;} #toolhelp{width: 9px; background-image: url(/imagerie/commun/tool-help.gif);} #toolplan{width: 13px; background-image: url(/imagerie/commun/tool-plan.gif);} #toolcontact{width: 12px; background-image: url(/imagerie/commun/tool-contact.gif);} #toolprint{width: 12px; background-image: url(/imagerie/commun/tool-print.gif);} #toolsize{width: 16px; background-image: url(/imagerie/commun/tool-font-size.gif);} #toolfrench{width: 16px; background-image: url(/imagerie/commun/flag-fr.gif);} #toolenglish{width: 16px; background-image: url(/imagerie/commun/flag-uk.gif);} #tooldeutsch{width: 16px; background-image: url(/imagerie/commun/flag-de.gif);} #tools li a#shortcutnewsletter{width: 60px; text-indent:0px; padding-left: 15px; background-position: 2px 50%; background-image: url(/imagerie/commun/tool-newsletter.gif);} #tools li a#shortcutsearch{width: 40px; text-indent:0px;padding-left: 15px; background-position: 2px 50%; background-image: url(/imagerie/commun/tool-search.gif);} #tools li a#favoritelink{width: 115px;text-indent:0px;padding-left: 0px;} /*Tools*/ /*Connection*/ #connectbox-home{float: right; width: 284px; border: 1px solid #b5b5b5; padding:4px;} #connectbox{float: right; width: 371px; height: 72px !important;} /*Shortcuts*/ #shortcuts{float: left; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 0 0; padding: 0 31px 0 0;} #shortcuts li{float: left; padding-top: 2px; padding-right: 6px; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 100% 0;} #shortcuts li a, #shortcuts li span{color: #646161; font-size: .9em; background-color: transparent; background-repeat: no-repeat;} #shortcuts li a:hover{color: #000; text-decoration: none;} #shortcutmember{padding-left: 20px; background-position: 5px 50%; background-image: url(/imagerie/commun/tool-member.gif);} #shortcutnewsletter{padding-left: 21px; background-position: 6px 50%; background-image: url(/imagerie/commun/tool-newsletter.gif);} #shortcutsearch{padding-left: 21px; background-position: 6px 50%; background-image: url(/imagerie/commun/tool-search.gif);} #favoritelink{padding-left: 5px;} /*Shortcuts*/ #connectbox form{clear: both;float: none;} #connectbox fieldset{padding: 0 0 7px 0;} #connectbox label{position: absolute; top: -9999px; left: -9999px;} #connectbox input{display: block; float: left; height: 15px; width: 130px; margin: 0 9px 0 5px;font-size:.8em !important; color: #7b7676; padding:2px 0 0 9px;} #id_password {margin-right: 0!important;} #connectbox input.submit{width: 18px !important; padding: 0 !important; margin-top: 2px;} /*Connection*/ #iframe-login{border:0px; width:284px; height:56px;} /*Connection*/ /*Submenu*/ #submenu{color: #555; font-size : .8em; padding: 5px 0 0 0; height: 20px !important; margin-left: -5px; text-align: center;} #submenu li{display: inline;font-size:1.2em;margin-left:15px;} #submenu a{color: #555;font-size:1em;} #submenu a:hover{color: #000; text-decoration: none;} /*Submenu*/ /******************************************************END HEADER*************************************************************/ /******************************************************BEGIN FOOTER***********************************************************/ #firstfootercontainer{background: transparent url(/imagerie/commun/bg-footer.gif) repeat-x 0 0;} #firstfooter{padding-top: 32px; margin-top: -32px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0;} .static #firstfooter {margin-top: 5px;} #firstfootercontent{padding: 14px 0 10px 31px;} #firstfootercontent dt, #firstfootercontent dd{border-style: solid; border-color: #efddc4; border-width: 0 0 1px 0; color: #fff; } #firstfootercontent dl{float: left;width: 163px; padding: 0 31px 0 0;} #firstfootercontent dt{font-weight: bold !important; font-size: .9em; padding-bottom: 4px;} #firstfootercontent dd{padding: 0 0 2px 0;} #firstfootercontent dt a{color: #fff;} #firstfootercontent dd a{font-size: .8em;color: #fff;} #firstfootercontent dd a:hover{text-decoration: none;} /*#lastfootercontainer{background: transparent url(/imagerie/commun/bg-lastfooter.gif) repeat-x 0 0;}*/ #lastfootercontainer {background:#fff url(/imagerie/commun/bg-lastfooter.gif) repeat-x;} #lastfooter{height: 39px !important; padding-top: 9px;} #logoaccor{float: left; padding: 8px 0 0 35px;} #lastfooter ul{float: right; padding-top: 10px;} #lastfooter li{float: left;padding: 0 10px; background: transparent url(/imagerie/commun/pipe-blue.gif) no-repeat 100% 2px;} #lastfooter li a{font-size: .9em; color: #686868;} #lastfooter li.last{background-image: none;} /******************************************************BEGIN FOOTER***********************************************************/ /******************************************************BEGIN MAPPY***********************************************************/ #header_mappy #headercontent_cr {width:850px;} #header_mappy #connectbox {width:205px;} #header_mappy #connectbox #shortcuts{float: right; background: transparent url(/imagerie/commun/pipe-grey.gif) no-repeat 0 0; padding: 0 0 0 0 ; margin-left:24px;} #header_mappy #menus {width:630px;} #header_mappy #menu {width:695px;left:255px;} #footer_mappy #firstfootercontent dl {padding:0pt 25px 0pt 0pt;} #footer_mappy #firstfooter {width:990px;} #footer_mappy #lastfooter {width:970px;} #footer_mappy #logoaccor {padding-left:0;} /******************************************************END MAPPY*************************************************************/ /******************************************************BEGIN POPUP*************************************************************/ #popfav{background-image: url(/imagerie/commun/bg-popup.gif); background-color: #1b7cbe;} #popfav #header, #popfav #main{width: 468px;} #popfav #popupcontainer{width: 468px;} #popfav .link{display: block; background: transparent url(/imagerie/commun/arrow-pink.gif) no-repeat 0 50%; padding-left:10px; margin: 15px 0 5px 0;} #popfav #popupcontainer{background: transparent url(/imagerie/commun/box-popup-top.gif) no-repeat 0 0; padding-top: 20px;} #popfav #popupcontent{background: #fff url(/imagerie/commun/box-popup-bottom.gif) no-repeat 0 100%; padding-bottom:20px !important; } #popfav #footer{width: 468px;} #popfav button.btn{width: 120px; height: 26px; border: 0; background-color: transparent;} #popfav button.btn span{display: block; width: 118px; height: 26px; background:transparent url(/imagerie/commun/btn-bga.png) no-repeat 0 0; vertical-align: middle; color: #fff; padding-top: 3px;} #popfav input{display: none;} #popfav #favorite-hotels-template{margin: 10px 0 0 20px;} #popfav p input, #popfav p label{display: inline !important;} #popfav label{font-weight: bold;} #popfav form p a{color: #013866;} .popup #logosuite{float: left; width:60px; padding: 11px 0 0 10px;} .popup #header{height: 111px !important;} .popup #main{min-height: 0;} .popup #popupcontent{min-height: 370px; padding: 0 20px 0 20px;} .popup .close, #dialog .close{display: block;float: right; width: 13px; height: 19px; background: transparent url(/imagerie/commun/close.gif) no-repeat 100% 1px; padding-right: 18px; margin: 5px 5px 0 0; text-indent: -9999px;} #dialog .close{background-image: url(/imagerie/commun/close_lightbox.gif) !important;} .popup #footer{margin:0 auto; text-align: right; padding-right: 20px;} .popup .arrow{display: block; background: transparent url(/imagerie/commun/arrow-blue.gif) no-repeat 0 .5em; padding-left: 12px; margin: 10px 0 0 18px; font-weight: bold; color: #013866;} /******************************************************END POPUP****************************************************************/ /* **************************************************** Fiche Statique ******************************************************* */ /*#static #maincontainer{background-image:none !important;} .static #submenu{font-size: .75em;} .static #submenu li{margin-left:2px;} /*.static #banner img{width:954px; margin-left:0px;} .static #banner h1{margin-left:10px;}*/ /*.static #colc {width:251px;margin-left:-247px !important;}*/ /*.static #cold {width:954px;}*/ /*.static #maincontainer #main{min-height:720px;}*/ /* .static #staticontainer{margin:30px 0; padding-top:20px;} .static #staticontainer h2 {font-size:22px; margin-bottom:10px;} .static #staticontainer h2.link{text-align: center;} .static #staticontainer h2.link a{font-size: .9em;}*/ .static #staticontainer h3 {font-size:18px; padding:10px 0;} /*.static #staticontainer h4 {font-size:14px; padding:5px 0;}*/ .static #staticontainer p {padding:5px 5px 5px 0;} .static #staticontainer li{padding-left:15px; background-image: url(/imagerie/commun/list-beige.gif); background-color: transparent; background-position: 0 .3em; background-repeat: no-repeat;} .static #staticontainer li a{font-weight: bold;} .static #staticontainer ul{margin-left:5px;padding:0px;} .static #staticontainer .underline{text-decoration:underline;} /* .static #staticontent {min-height:487px; background:#fff url(/imagerie/commun/card-box-content.gif) 0 100% repeat-x; padding:10px 10px 20px 22px; color:#323232;} */ .static #colc #searchbox{width:251px; background: transparent url(/imagerie/commun/bg-search-box.png) no-repeat !important;margin-top:0;padding-left:16px;} .static #staticontent .table{text-align: center; margin-right: 10px;} .static #staticontent table{margin: 20px auto; text-align: left;} .static #staticontent table th, .static #staticontent table td {padding: 5px 15px; vertical-align: top;} .static #staticontent dt{padding: 10px 0 5px 0;} .static #staticontent dt a{font-weight: bold;} .static .deployplus, .static .deployminus{cursor: pointer; padding-left: 15px !important; background-color: transparent; background-repeat: no-repeat;} .static.best-price .deployplus, .static.best-price .deployminus {background-position: 0 15px;} .static.help .deployplus, .static.help .deployminus {background-position: 0 12px;} .static.help #staticontainer h3 {margin-top:15px;} /* ********************************************************* visitez *********************************************************** */ .visitez #colc{background:none;} .visitez #staticontainer{background: transparent url(/imagerie/commun/large-card-box-top.png) no-repeat 0 0; margin-left:10px; margin-bottom:20px;} .visitez #staticontent {width:667px; padding:18px 0 20px 22px;} .visiter #box{margin-top:20px; width:638px;} .visiter #box #box_content{ margin:0 1px; padding:0 10px; background-color:#e3eef5; border-right:1px solid #8e8e8e; border-left:1px solid #8e8e8e;color:#8e8e8e;} /* ********************************************************* Search ********************************************************** */ /*.search #cold{width:954px;} .search #colc{background:none;} */ /*.search #maincontainer #main{min-height: 710px !important;}*/ /*.search #staticontainer{width: 944px; background:transparent url(/imagerie/commun/full-card-box-top.png) no-repeat 0 0; margin-left:10px;margin-bottom:30px;}*/ /*.search #staticontent {background:#fff url(/imagerie/commun/full-card-box-content.gif) no-repeat 0 100%;}*/ .search #mot-rech{float:left; width:250px; margin-top:20px; padding-left:3px;} .search #submit_keyword{display:block; float:left; margin-top:20px; margin-left:50px;} .search #iframe-googlebox {clear:both; margin-top:60px; width:510px; height:330px;} /* ********************************************************* Plus ********************************************************** */ .plus #cold{background:transparent url(/imagerie/commun/bg-content.png) no-repeat 0 0;} .plus.sleep #cold{background-image:url(/imagerie/commun/bg-content-plus-sleep.png);} /* .plus #staticontainer{width: 433px; background:transparent url(/imagerie/commun/small-card-box-top.png) no-repeat 0 0; margin-left:288px; margin-bottom:0; margin-top:0;} .plus #staticontainer_bas{margin:-1px 0 0 288px; height: 20px;} .plus #staticontent{width: 401px;} */ .plus #hollow{margin:-10px 0 0 -6px; width:381px; height:140px; padding:10px 11px; background:transparent url(/imagerie/commun/bg-ban-hollow.gif) no-repeat 0 0;} /* ********************************************************* Rose ********************************************************** */ .visitez.pink #cold {background:transparent url(/imagerie/commun/large-card-box-bottom-rose.gif) no-repeat 10px 100%;} .pink.chambre #cold {background-image: url(/imagerie/commun/bg-content-plus-chambre.png)} .pink.ptdej #cold {background-image: url(/imagerie/commun/bg-content-plus-red.png)} .pink.internet #cold {background-image: url(/imagerie/commun/bg-content-plus-internet-red.png)} .pink.bar #cold{background-image:url(/imagerie/commun/bg-content-plus-bar.png);} .pink.armchair #cold{background-image:url(/imagerie/commun/bg-content-plus-armchair-red.png);} .pink.restaurant #cold{background-image:url(/imagerie/commun/bg-content-plus-eat.png);} .pink.fitness #cold{background-image:url(/imagerie/commun/bg-content-plus-fitness.png);} .pink.smart #cold{background-image:url(/imagerie/commun/bg-content-plus-smart.png);} /* .visitez.pink #banner h1 span, .plus.pink #banner h1 span{color:#ac2040 !important;} */ .visitez.pink #maincontainer, .plus.pink #maincontainer{background:#ac2040 url(/imagerie/commun/bg-rose.gif) repeat-x 0 0 !important;} .plus.pink #staticontainer h2 {color:#b22545;} .plus.pink #staticontainer h3 {color:#b73652;} .plus.pink .highlight{color: #B22545;} .pink #staticontainer li{background-image:url(/imagerie/commun/list-pink.gif) !important;} .plus.pink #staticontainer_bas{background:transparent url(/imagerie/commun/small-card-box-bottom-rose.gif) no-repeat 0 100%;} /* ********************************************************* Vert ********************************************************** */ /* .visitez.green #cold{background:transparent url(/imagerie/commun/large-card-box-bottom-vert.gif) no-repeat 10px 100%;} /* .visitez.green #banner h1 span, .plus.green #banner h1 span,*/ /* .plus.green #staticontent h2, .plus.green #staticontent h3{color:#abb329 !important;} .visitez.green #maincontainer, .plus.green #maincontainer{background:#abb329 url(/imagerie/commun/bg-vert.gif) repeat-x 0 0 !important;}*/ /* ********************************************************* Violet ********************************************************** */ .purple #staticontainer li{background-image: url(/imagerie/commun/list-purple.gif);} .visitez.purple #cold{background:transparent url(/imagerie/commun/large-card-box-bottom-violet.gif) no-repeat 10px 100%;} .network.purple #cold{background-image: url(/imagerie/commun/bg-content-plus-darkblue.png);} .internet.purple #cold{background-image: url(/imagerie/commun/bg-content-plus-internet-darkblue.png);} /* .visitez.purple #banner h1 span, .plus.purple#banner h1 span,*/ .plus.purple #staticontent h2, .plus.purple #staticontent a, .plus.purple #staticontent h3, .plus.purple #staticontent h4{color:#5d658a !important;} .network.purple #staticontent ul li a{font-weight: normal !important;} .visitez.purple #maincontainer, .plus.purple #maincontainer{background:#5d658a url(/imagerie/commun/bg-violet.gif) repeat-x 0 0;} .plus.purple #staticontainer_bas{background:transparent url(/imagerie/commun/small-card-box-bottom-violet.gif) no-repeat 0 0;} .static.purple #staticontent table th{background-color: #939bc5; color: #fff;} .static.purple #staticontent table td{background-color: #d4dbff;} .static.purple #staticontent table .even td{background-color: #aeb8ea} /******************************************************************************************************************************/ /* Beige */ /*******************************************************************************************************************************/ /*Général*/ .body_bg_beige #staticontent a, .body_bg_beige #staticontainer li a, .body_bg_beige #staticontent h2, .body_bg_beige #staticontent h3{color:#bf9964 !important;} .body_bg_beige #staticontainer li{background-image: url(/imagerie/commun/list-beige.gif);} .body_bg_beige #breadcrumb li a, .body_bg_beige #breadcrumb li span, .body_bg_beige #breadcrumb li em{color:#CC9966;} .body_bg_beige .deployplus{background-image: url(/imagerie/commun/beige-plus.gif);} .body_bg_beige .deployminus{background-image: url(/imagerie/commun/beige-minus.gif);} /*Général*/ /* Page Nos engagements*/ .plus.body_bg_beige#staticontent{width: 399px;} .plus.body_bg_beige #colc #picture{background:transparent url(/imagerie/commun/bg-colc-beige.png) no-repeat 0 0;} .plus.body_bg_beige #cold{background:transparent url(/imagerie/commun/bg-content-plus-internet-beige.png) no-repeat 0 0;} /*.plus #staticontainer {background:transparent url(/imagerie/commun/small-card-box-top.png) no-repeat scroll 0 0; margin-bottom:0; margin-left:288px; margin-top:80px; width:433px;} .plus.body_bg_beige #staticontainer{background:transparent url(/imagerie/commun/small-card-box-top-beige.png) no-repeat 0 0;}*/ /*.plus.body_bg_beige #staticontainer_bas{background:url(/imagerie/commun/small-card-box-bottom-beige.gif) no-repeat 0 100%;}*/ .plus.beige #staticontent {border-left:1px solid #d6b17f; border-right:1px solid #d6b17f;} .plus.beige #staticontainer, .nobreadcrumb #formcontainer{margin-top: 35px;} /* Page Nos engagements*/ /*.visitez.beige #staticontent,*/ /*.visitez.body_bg_beige #cold{background:transparent url(/imagerie/commun/large-card-box-bottom-beige.gif) no-repeat 10px 100%;} /*.body_bg_beige #maincontainer{background:#f6ebdb url(/imagerie/commun/bg-beige.gif) repeat-x 0 0 !important;}*/ /*.visitez.beige #staticontainer{background:transparent url(/imagerie/commun/large-card-box-top-beige.png) no-repeat 0 0;} /********************************************************* ipix ****************************************************** */ .ipix #video a{display: none;} .ipix #cold{margin-bottom:15px;} .ipix #colc{background-image:url(/imagerie/commun/bg-colc-ipix.png);} .ipix #maincontainer{background:#5D658A url(/imagerie/commun/bg-purple-ipix.gif) repeat-x scroll left top !important;} .ipix #staticontainer{margin-top:0;} .ipix #btvisit{margin: 0 5px 15px 0 !important;float:left;} .ipix #btvisit li{ display:block;margin:0;float:left;padding:2px 0 0 0;height:23px;} .ipix #btvisit #left{background:url(/imagerie/commun/bt-visit-left-ipix.gif) no-repeat;width:203px;text-align:right;padding-right:15px;} .ipix #btvisit #right{background:url(/imagerie/commun/bt-visit-right-ipix.gif) no-repeat;width:202px;padding-left:15px;} .ipix #plus{float:left;padding-top:2px;height:23px;width:204px; background:url(/imagerie/commun/bt-plus-ipix.gif) no-repeat; text-align:center; display:block;} .ipix #ipixcontent{margin-bottom:0;width:625px; background:url(/imagerie/commun/border-content-big-ipix.gif) repeat-y; padding:10px;} .ipix #ipixcontent div{float:left;} .ipix #ipixcontent #video{margin-right:22px;width:399px; height:299px; padding:10px; background:url(/imagerie/commun/bg-big-hollow.png) no-repeat;} .ipix #ipixcontent #list{margin-top:5px; width:176px;} .ipix #ipixcontent #list ul {clear:both; height:300px; background:url(/imagerie/commun/border-content-small-ipix.gif) repeat-y;margin-left:0;padding-left:15px;} .ipix #ipixcontent #list ul li {background-image:url(/imagerie/commun/arrow-blue.gif); padding-bottom:15px;} /***********************************************************************************************************/ .static #staticontainer h4#suitebox-internet, .static #staticontainer h4#suitebox-phone, .static #staticontainer h4#suitebox-tv, .static #staticontainer h4#suitebox-videos, .static #staticontainer h4#suitebox-medias, .static #staticontainer h4#suitebox-games{padding:5px 0px 5px 30px;background-color: transparent; background-position: 0 0; background-repeat: no-repeat;} #suitebox-internet {background-image: url(/imagerie/commun/ico_01.gif);} #suitebox-phone {background-image: url(/imagerie/commun/ico_02.gif);} #suitebox-tv {background-image: url(/imagerie/commun/ico_03.gif);} #suitebox-videos {background-image: url(/imagerie/commun/ico_04.gif);} #suitebox-medias {background-image: url(/imagerie/commun/ico_05.gif);} #suitebox-games {background-image: url(/imagerie/commun/ico_06.gif);} /************************************************** ERROR*********************************************************/ .mbloc_error {margin-left:200px; width:500px !important;} .mbloc_error div {float:left; width:500px;} /************************************************** *********************************************************/ /* ====== Block Mea Offres detail =====*/ div#staticontent ul.offres_detail { overflow: hidden; _overflow: visible; zoom: 1; padding: 14px 0px 0px 0; font-size:10px; width:32%; float:left; } div#staticontent ul.offres_detail li { padding-bottom: 10px; margin-left:0; padding-right:5px; padding-left:0!important; background:none!important; } div#staticontent ul.offres_detail li p.destin { padding: 0 0 0 5px; margin:5px 5px 0 0; background:#D4DBFF; background:#FEE39A; } div#staticontent ul.offres_detail .reservez { margin:0; padding:0; padding-bottom:5px; } div#staticontent ul.offres_detail li.apartir { text-align:right; } div#staticontent ul.offres_detail li.apartir span{ border-bottom:1px dotted #919ba0;float:right;display:block; margin-right:3px; font-size:9px;} div#staticontent ul.offres_detail li .text {padding-bottom:0px;border-bottom: 1px solid #dcdcdc;} div#staticontent ul.offres_detail li .text span { display:block; width:40px; float:right; text-align:center; background:#5D658A; border-left:3px solid #FFF; color:#FFFFFF} div#staticontent ul.offres_detail h3 { font-size: 11px; margin:0; padding:0; color: #486372; margin-bottom: 5px; text-transform:uppercase; } div#staticontent ul.offres_detail a { font-weight:normal; font-size:10px; color:#5D658A; color:#5D658A!important; } div#staticontent ul.offres_detail a:hover { text-decoration:none; } div#staticontent ul.offres_detail .reservez a { font-size:10px; line-height:16px; font-weight:normal; text-decoration: none; margin-right:10px; } div#staticontent ul.offres_detail .reservez a:hover { text-decoration:none; color: #9925C8!important; } .txt_conditions { font-size:10px; color:#666666; padding-bottom:15px; clear:both;} .txt_conditions h5 { font-size:12px; color:#666; clear:both; text-transform:uppercase;} .txt_conditions img { float:right; margin-right:20px; margin-top:20px; margin-bottom:15px;} .intro-promo { color:#3E4566 } .intro-promo h2 { color:#5D658A; } .intro-promo img { float:left; margin-right:20px;} .intro-promo div { background:url(/imagerie/commun/bg-visu-bigweek.jpg) no-repeat 95% 0% ; height:221px; clear:both; display:block; float:none; padding-right:270px; line-height:16px; position:relative; top:-65px;} .intro-promo div p { margin:0px 0 0px 0;} /* page promo anti-crise*/ #Promo_bas_crise { background:transparent url(/imagerie/commun/accor-thalassa-bleu.gif) no-repeat scroll 0 0; background-position:right; height:98px; color:#555555; font-family:arial,sans-serif; font-size:15px; font-weight:bold; margin-top:30px; padding-top:50px; width:300px; } .reservation{font-size:15px; font-weight:bold;} .txt_conditions_anticrise { font-size:10px; color:#666666; padding-bottom:30px; clear:both;} .txt_conditions_anticrise img { float:right; margin-bottom:15px; margin-right:20px; margin-top:20px; } /* page promo été */ #ballPromoete h2{margin-left:110px;position:relative;top:0;width:250px; font-family:arial,sans-serif !important;} #ballPromoete{background:transparent url(/imagerie/commun/suite_deals_ball.gif) no-repeat scroll 0 0;height:91px !important; position:relative;top:0;clear: none; /* IE6 ;-))*/font-family:arial,sans-serif !important;width:100px; display: inline-table; padding: 0 !important; margin: 0 !important;} #ballPromoete p{margin-left:110px;position:relative;width:220px; font-family:arial,sans-serif !important; padding:6px !important; background: url(/imagerie/commun/dot.gif) no-repeat scroll -3px 11px;} #ballPromoete span{margin-left:110px;position:relative;width:200px; display: block; font-family:arial,sans-serif !important; padding:6px !important; font-size:15px;font-weight:normal; color:#555555 !important;} #ballPromoete h2{margin-left:110px;position:relative;top:0;width:250px; font-family:arial,sans-serif !important;} .titre_txt_promo{color:#8c94bd !important; font-size:24px !important;margin:5px 0 !important; font-family:arial,sans-serif !important;} .titre_txt_promo_bas{color:#8c94bd !important; font-size:15px;margin:50px 0 0 0 !important; font-family:arial,sans-serif !important;} .intro-promo p{color:#555555 !important;font-family:arial,sans-serif;font-size:15px;font-style:normal;font-variant:normal;line-height:normal;font-family:arial,sans-serif !important;} .txt_conditions_Offre{font-size:12px !important; margin: 30px 0 0 0; font-family:arial,sans-serif !important; font-variant: normal; font-weight: normal;} .txt_mention_legal{font-size:11px !important; margin: 30px 0 0 0; font-family:arial,sans-serif !important; font-variant: normal; font-weight: normal; } #visu_bigweek { float:right; margin:0px 10px 0px 20px; width:254px; height:241px; padding:0px; background:transparent url(/imagerie/commun/bg-ban-hollow2.gif) no-repeat 0 0;} #visu_bigweek img { width:234px;height:221px; margin:10px;} .clear{ clear:both } .left{ float:left } .right{ float:right } /* promo crise */ .promo-logo-accor{ background:url(/imagerie/commun/suitehotel-promo-footer.gif) no-repeat top right; width:210px; height:80px; clear:both; position:relative; left:20px;} .promo-logo-accor span{ position:absolute; top:23px; left:0px; display:block; width:115px; height:20px; font-size:10px; } .promo-telephone{ background:url(/imagerie/commun/suitehotel-promo-footer.gif) no-repeat top left; width:250px; height:80px; clear:both; } sub { position:relative; top:-2px; _top:-4px; *top:-4px; padding-right:5px; } .packages-crise{ padding:10px 0; position:relative; left:0px; } .tarifs-crise { width:403px; text-align:center; background:transparent url(/imagerie/commun/fond-exemple-tarifs.gif) no-repeat left bottom; } .tarifs-crise h5 { color:#a9233e; font-size:19px; padding:10px 0; font-weight:normal;} .tarifs-crise ul { padding:0 0 10px 20px; margin:0; height:50px; } .tarifs-crise ul li{ color:#000; font-size:14px; float:left; width:45%; text-align:left; padding:0; margin:0; background-image:url(/imagerie/commun/list-beige.gif)!important; } .tarifs-crise ul li sub{ font-size:11px; } /******************************************************************************************************************************/ .jumpgames #maincontainer{background:#5D658A url(/imagerie/commun/bg-purple-jump-games.gif) repeat-x scroll left top !important;} .jumpgames #staticontent, .jumpgames #staticontainer {min-height:1485px!important;position:relative;} .jumpgames #video_jumpgames{background:url(/imagerie/commun/bg-video-jump-games.gif) no-repeat left top; padding:14px; width:612px; height:345px; margin-bottom:18px;} .jumpgames .coleft{width:289px; height:100px;float:left; margin-left:24px!important; margin-left:15px;} .jumpgames .colright{width:318px;float:left; margin-left:8px; } .jumpgames .colright img{vertical-align:top} .jumpgames .coleft h2,.jumpgames .colright h2,.jumpgames .coleft h3,.jumpgames .colright h3 {margin:0px!important; padding:0px!important;} .jumpgames .coleft h2 span,.jumpgames .colright h2 span,.jumpgames .coleft h3 span,.jumpgames .colright h3 span{display:none;} .jumpgames .coleft h2.equipement{margin-top:45px!important; padding:0px!important;} .jumpgames .coleft p,.jumpgames .colright p{font-size:12px; line-height:20px;font-size:12px; padding:0px!important; margin:0px!important; position:relative; z-index:9999; width:90%!important;} .jumpgames .coleft p a,.jumpgames .colright p a{font-weight:bold; text-decoration:underline;} .jumpgames .coleft img.nimporte_ou_quand{position:relative; bottom:10px; left:5px} .jumpgames .coleft img.criteres,.jumpgames .colright img.saut{margin-top:15px; margin-bottom:5px;} .jumpgames .coleft img.prise_vue{margin-top:15px;} .jumpgames .coleft p.spacer,.jumpgames .colright p.spacer{height:60px!important; display:block} .jumpgames .clear{ clear:both ; width:100%; } .jumpgames .participer{ position:absolute; right:278px; z-index:99; bottom:-1px; } .jumpgames #cold a.participer{ position:absolute; width:331px; height:280px; z-index:99999!important; bottom:-1px; right:278px; display:block; cursor:pointer; text-decoration:none; } .jumpgames #cold a.participer :hover{ text-decoration:none; } .jumpgames #staticontainer{margin:30px 0; padding-top:20px;} .jumpgames #staticontainer #staticontent{position:relative;} .jumpgames #staticontainer{background: transparent url(/imagerie/commun/large-card-box-top.png) no-repeat 0 0; margin-left:10px; margin-bottom:20px;} .jumpgames #banner{position:relative!important; z-index:1!important;} .visitez.jumpgames #cold{background:url(/imagerie/commun/large-card-box-bottom-violet.gif) no-repeat 10px bottom!important; position:relative!important; z-index:99!important;} .jumpgames #searchbox{position:absolute!important; z-index:999999!important; } /**** Mise en page du bloc info (bas de page) ****/ #blocInfo{ height:105px; width:686px; padding:24px 20px 10px 30px; overflow:hidden; clear:both; background:url(/imagerie/commun/pied_page.png) top left no-repeat; color:#666666; font-size:11px; } #blocInfo div{ float:left; height:88px; padding:0 20px; color:#666666; font-size:11px; overflow:hidden; } #blocInfo form{ display:block; float:left; width:245px; padding:0 15px 0 7px; overflow:hidden; height:88px; text-align:center; background:url(/imagerie/commun/separator.gif) top right no-repeat; } #blocInfo h3{ display:block; font-size:14px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#cc225e; font-weight:normal; } #blocInfo a{ color:#666666; text-decoration:underline; } #blocInfo p{ clear:both; } #blocInfo p.line{ overflow: hidden; margin-left: 100px; margin-top: 3px; } #blocInfo form div.line{ padding:5px 0; overflow:hidden; } #blocInfo p.line input{ height: 22px; } #blocInfo form input.field{ display:block; height:21px; width:194px; float:left; font-size:12px; line-height:21px; margin:0 2px 0 0; color:#999999; border:1px solid #999999; } #blocInfo form input.btn{ display:block; cursor:pointer; border:none !important; } #blocInfo form a{ display:block; color:#999999; font-size:11px; overflow:hidden; text-decoration:underline; } #blocInfo div#votreAvis{ overflow:hidden; width:180px; background:url(/imagerie/commun/separator.gif) top right no-repeat; } #blocInfo div#votreAvis h3 { margin-left: -10px; } #blocInfo div#votreAvis a{ text-decoration:none; } #blocInfo div#votreAvis p img{ display:block; float:left; margin: 0 5px 30px -10px; } #blocInfo div#besoinAide{ overflow:hidden; width:155px; } /* page benelux */ body.benelux {background-color:#1B7CBE; background:transparent url(/imagerie/commun/bg-header.gif) repeat-x scroll 0 0;} .benelux #maincontainer {background:#003663 url(/imagerie/commun/bg-benelux.gif) repeat-x scroll 0 0; text-align:center;} .benelux #cold {background:transparent none repeat scroll 0 0; width:954px; float:left; padding-right:18px;} .benelux #staticontainer {background:transparent url(/imagerie/commun/small-card-box-top.png) no-repeat scroll 0 0; margin-bottom:0; margin-left:288px; margin-top:80px; width:433px; padding-top:20px;} .benelux #staticontent {width:401px; background:#FFFFFF url(/imagerie/commun/card-box-content.gif) repeat-x scroll 0 100%; color:#323232; min-height:487px; padding:10px 10px 20px 22px;} .benelux #staticontent h1{font-size:16px; color:#003B72 !important;} .benelux #staticontent h2 {font-size:16px; color:#a7a7a7 !important;} .benelux #staticontent h3 {padding:0 0 0 100px;} .benelux #staticontainer_bas{background:transparent url(/imagerie/commun/small-card-box-bottom-bleu.gif) no-repeat 0 100%; width:433px; height:20px; margin:-1px 0 0 288px;} .benelux #maincontainer #main {min-height:720px; height:auto !important; padding-bottom:60px !important;}