/* CSS Document */ /* * BG : #F6F6EC * Titres : #14223B * Textes : #1D2F4E * Intertitres :#730809 * Liens : #660000 * Gris BG : #E2E4DD * Rouge lien : #CC0033 * Bleu titre :#14223B * * ***************************************************/ html {height:100%} body {height:100%; margin:0; padding:0; background-color:#a17558 } body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#4f2c18; font-size:11px} ul {} li {text-indent:20px; background:url(../img/pages/fleche_link_contact.gif) left top no-repeat; width:auto; text-align:left} li {list-style:none} li a {text-decoration:none; color:#650101; font-weight:bold} /*li {list-style-image:url(../img/pages/fleche_link_contact.gif)}*/ /* ****************************************/ .internal-link { color:#2D448F} a { color:#2D448F; font-weight:bold} #texte .csc-textpic-text h2,h3,h4,h5,h6 {margin:0 0 10px 0; } #texte h1, h2, h3, h4 {margin:10px} #contenu #texte table tr td p { width:auto} /* Menu Vertical */ /**********************/ #menu { padding-top:0px;} /*#menu_gauche_boutons_on a { display:block; float:left;} #menu_gauche_boutons_off a { display:block; float:left;}*/ /* CONSTRUCTION */ /***************************************************/ #site {width:980px; position:relative; background:#FFFFFF; margin:auto} #menugauche {width:152px; overflow:hidden; min-height:500px; float:left;} #headermenu {height:172px;} #menu {height:100%;} #page {width:828px; float:right;} #banner {width: 828px; height:102px; background-color:#a17558 } #banner {position: relative} #contenu {padding:0; background:#fff} #footer {width:980px; margin:auto; height:102px; background: url(../img/minisite/qualys/bg_footer.gif) repeat-x} #resume {width:980px; margin:auto; display:none} #resumesite {width:980px; margin:auto; display:none} hr.clear {visibility:hidden; height:0px; border:none; clear:both; margin:0 0 0 0; padding:0} hr.clearmargin { height:1px; border:1px solid #FFF; clear:both; margin:5px 0 5px 0; padding:0} hr.separateur {border-top:1px solid #F7F7EF; border-bottom:1px solid #F7F7EF; padding:0; margin:0;} /* Footer */ /**********************/ #footer {clear:both; position:relative} #footer p {background-color:#a17558;width:auto;padding:0 10px 0 10px;position:absolute;top:10px;left:185px} *html #footer p {background-color:#a17558; width:auto;padding:0 10px 0 10px;position:absolute; top:20px; left:190px} *+html #footer p {background-color:#a17558; width:auto;padding:0 10px 0 10px;position:absolute; top:20px; left:190px} #footer p {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; text-transform:uppercase; color:#FFF} #footer p a {text-decoration:none; color:#FFF} /* CONTENUS */ /***************************************************/ /* Banner */ /**********************/ #titre_hotel {float:none;position:absolute;width:auto;top:20px; left:10px; z-index:10} #banner_title {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF} #banner_title strong {font-family:Arial, Helvetica, sans-serif; font-size: 24px} #banner_title strong p {padding:0; margin:0; width:auto; float:left} #banner_title span p {padding:0; margin:0; width:auto; float:left} #banner_title {float:none;position:absolute;width:auto;top:10px;left:320px;} #banner_title .csc-textpic {margin:0; padding:0;} #banner_title .csc-textpic-center {margin:0; padding:0;} #banner_title .csc-textpic-above {margin:0; padding:0;} #banner_title .csc-textpic-imagewrap {margin:0; padding:0;} #banner_title .csc-textpic-image {margin:0; padding:0;} .pannonomhotel p {margin:0; padding:0; color:#FFFFFF; font-weight:bold; font-size:20px; font-family:"Courier New", Courier, monospace;} #select_lang {float:right; color:#FFF; margin:45px 0 0 0; font-size:10px} #btn_news{ float:right; clear:right; margin:34px 0 0 0; position:relative; left:5px;} #btn_news {float:none;margin:0;padding:0;position:absolute;width:153px;height:26px;top:68px;left:673px;} #btn_news .csc-textpic {margin:0; padding:0;} #btn_news .csc-textpic-center {margin:0; padding:0;} #btn_news .csc-textpic-above {margin:0; padding:0;} #btn_news .csc-textpic-imagewrap {margin:0; padding:0;} #btn_news .csc-textpic-image {margin:0; padding:0;} #banner #select_lang {margin-right:5px;} #banner #select_lang .tx-srlanguagemenu-pi1 a {color:#FFF; text-decoration:none; font-size:11px} #banner #select_lang .tx-srlanguagemenu-pi1 a.ln_cur {font-weight:bold; font-size:12px; color:#f7f600} /* Tableau */ /*****************************/ .contenttable {width:800px; margin:010px 0 20px 10px; color:#1e2f4d} .contenttable caption {display:block; height:30px; padding:5px; text-align:left; font-size:14px; font-weight:bold; color:#2f4694} .tr-even, .tr-odd {background:#e9eaec;} .td-0 { height:20px; padding:5px; font-weight:bold} .td-1 { height:20px; padding:5px;} .tr-0 {text-transform:uppercase; font-weight:bold; color:#2f4696} .td-last {color:#2f4696} /* Menu horizontal */ /**********************/ #headermenuhorizontal {display:block; float:left; padding:0; margin:0} #headermenuhorizontal {list-style-type:none; width:auto;} #headermenuhorizontal li {display:block; background:url(../img/minisite/bg_menuitem.gif) top left no-repeat; text-align:center} #headermenuhorizontal li.on {display:block; background:url(../img/minisite/bg_menuitem_on.gif) top left no-repeat;; text-align:center} #headermenuhorizontal li {float:left; width:138px; height:30px;} #headermenuhorizontal {height:50px; padding:0; margin:0; display:block;} #headermenuhorizontal {height:30px;} #headermenuhorizontal li {display:block; text-align:center} #headermenuhorizontal li a {display:block} #headermenuhorizontal li a {text-decoration:none; color:#660000; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; font-weight:bold; margin:5px 0 0 0} #ul_reservation {display:block; float:left; padding:0; margin:0} #ul_reservation li {display:block; text-align:center} #ul_reservation li.reservation {display:block; float:left; width:136px; height:28px; background: url(../img/minisite/bg_btresmenu.gif) repeat-x; border:1px solid #FFF} #ul_reservation li.reservation a {display:block; color:#FFF; text-decoration:none; margin:4px 0 0 0} #ul_reservation li a {text-decoration:none; color:#2f4696; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; font-weight:bold; margin:5px 0 0 0} #ul_reservation li p {padding:0; margin:5px 0 0 0} #headermenuhorizontal li.on {} #menuhorizontal {width:826px; clear:both; height:27px; background: url(../img/minisite/bg_sousmenu.gif) repeat-x; border:solid 1px #ececec} #menuhorizontalvide {width:826px; clear:both; height:0px; border:solid 1px #fff} #sousmenu01 {display:block;} .adresse_hotel {display:block; width:142px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 4px; background:#e2e3e5; border:1px solid #d6d6d9;} .adresse_hotel h3 {color:#f47920; text-transform:uppercase; margin:0; padding:5px} .adresse_hotel p {margin:0; padding:5px; color:#2f4696; font-weight:bold} .promo_hotel {display:block; width:144px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px 0 10px 4px; background:#ad0101;} .promo_hotel {color:#FFF; font-weight:bold} .promo_hotel img {display:block; width:144px; overflow:hidden;} .promo_hotel h3 {color:#FFF; text-transform:uppercase; font-weight:bold; margin:0; padding:5px} .promo_hotel p {margin:0; padding:5px} .promo_hotel a {display:block; color:#f8f300; text-transform:uppercase; text-decoration:none; margin:5px 0 0 0} /* Reeservez */ /**********************/ form#reservez { display:block; padding:16px; color:#173468; width:185px; margin-top:30px;} form#reservez label#nuits_label {float:left; height:19px; margin:6px 3px 0 0;} form#reservez input, form#reservez select{ margin:4px 0; padding:0; height:19px; border:1px solid #aaa;} form#reservez input#ville, form#reservez select#region { width:185px;} form#reservez #calendrier {height:19px; margin:4px 0; display:block; width:20px; float:right} form#reservez #nb_nuit {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:53px;} form#reservez #valid_reservez{ width:185; height:auto; border:0;} form#reservez #jour_arrival {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:38px} form#reservez #mois_arrival {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:69px} form#reservez #annee_arrival {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:48px} .liens_recherche a {color:#660000; font-size:9px; margin:4px 0 4px 18px; background:url(../img/site/puce_rechercher.gif) center left no-repeat; padding-left:10px; display:block} .liens_recherche.modcommande a {display:none} #titre_carte{ text-transform:uppercase; margin-left:18px; font-weight:bold; font-size:11px; color:#660000} #carte_home{ margin:40px 0 30px 18px; display:block;} .connect {display:block; padding:20px 0 0 0} .connect .rouge {text-align:center; color:#CC0033; font-weight:bold} .connect p a {display:block; border:1px solid #AAAAAA; background:url(../img/fiche_hotel/bg_btrouge.gif) left top no-repeat; width:185px; height:21px; line-height:21px; text-align:center; color:#FFFFFF; font-size:10px; text-decoration:none; font-weight:bold; text-transform:uppercase; margin-top:5px} /* CONTENU */ /**********************/ #texte {width:828px; padding:0 0 20px 0} #texte p {margin:0 0 10px 10px; width:800px; text-align: justify} #texte h2,h3,h4,h5,h6 {margin:0 0 10px 10px;} #texte #ariane {display:block; width:720px; margin-top:10px; text-align:right; padding:5px 10px 0 0; color:#CC0033} #texte #ariane a {color:#CC0033; font-weight:bold} #texte #ariane .curarian {color:#660000; font-weight:bold} #texte #titre_page h1 {padding:0; margin:0; font-size:16px} #texte #titre_page h1 {display:block; width:580px; height:40px; overflow:hidden; float:left} #texte #titre_page {display:block; height:40px; width:808px; background: url(../img/minisite/qualys/bg_pagetitre.gif) repeat-x; margin:15px 0 1px 0; padding:0px 10px 0px 10px; color:#646464; font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif} #texte #titre_page {line-height:40px; margin:5px 0 5px 0} #texte .csc-textpic {width:800px; margin:0 0 0 10px} #texte .csc-textpic-text p {margin:0; width:auto} .sa_print_span {color:#ffffff; font-weight:normal; display:block; margin:auto; font-size:10px} .tx_tipafriend { width:auto; margin:0 0 0 10px} .tx_tipafriend_tiplink {color:#ffffff; font-weight:normal; font-size:10px;} #printtipafriend {height:25px; margin:0 0 10px 0; background:#E4E5DF; line-height:25px; text-align:right;} .tiplink {width:auto; float:right; margin:0 10px 0 0} .tiplink a {text-decoration:none} .tx-saprint-pi1 {width:auto; padding:0 10px 0 0; float:right; cursor: pointer; color:#ffffff; font-weight:bold} #texte .csc-header h1 {margin:10px;} /* FCE */ /**********************/ #texte .col_gauche_3quart {width:465px; text-align:justify; float:left} #texte .col_droite {width:235px; text-align:justify; margin-left:30px; float:left} #texte .col_gauche_3quart p {padding:0; margin:0;} #texte .col_droite p {padding:0; margin:0;} #texte h1 {color:#FFFFFF; display:block; font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif} #texte .col_gauche_3quart .bloc_titre h3 {display:block; background:#E2E4DD; height:22px; padding:0; margin:0; padding-left:15px} #texte .col_droite .bloc_titre h3 {display:block; background:#E2E4DD; height:22px; padding:0; margin:0; padding-left:15px} .bloc_titre {margin:0 0 10px 0} .bloc_titre h2 {padding:0; margin:0; margin-bottom:10px; display:block; height:22px; line-height:22px; font-size:14px; text-align:left; text-indent:10px; color:#14223B; font-family: "Myriad Pro", Verdana, sans-serif; background:#E2E4DD} .bloc_titre h2 p {padding:0; margin:0} .bloc_titre p {text-align:justify} #menu .bloc_titre {margin:0 10px 10px 10px; clear: both} #menu .bloc_titre h2 {text-indent:0; background:none; height:auto; line-height:normal} #menu .bloc_titre h2 {padding:0; margin:0; margin-bottom:10px; display:block; font-size:13px; text-align:left; color:#14223B; font-family: "Myriad Pro", Verdana, sans-serif; text-transform:uppercase} #menu .bloc_titre h2 p {padding:0; margin:0; text-decoration:underline} #menu .bloc_titre p {text-align:justify} #menu .bloc_titre ul {float:left; margin:0 0 10px 0; padding:0} #menu .bloc_titre li {list-style:inside; list-style-image:url(../img/pages/fleche_link_contact.gif)} #menu .bloc_titre li {width:auto; text-align:left} #menu .bloc_titre li a {text-decoration:none; color:#7A0000;} #texte #commpresse {margin:5px 0 0 0} #texte #commpresse h4 {display:block; padding:0; margin:0; font-size:14px} #texte #commpresse .contenu p {padding-left:30px; padding-right:5px; font-size:11px; } #texte #commpresse .savoir_plus {display:block; text-align:right; margin-top:5px} #texte #commpresse .savoir_plus a {text-decoration:none; font-weight:bold; color:#660000} #texte #fichetechnique {margin:0 0 10px 0; padding-top:10px; background:url(../img/pages/border_top_fiche.gif) left top no-repeat} #texte #fichetechnique h4 {display:block; padding:0; margin:0; background:url(../img/pages/fleche_titre.gif) left bottom no-repeat; padding-left:30px; font-size:14px} #texte #fichetechnique .contenu p {padding-left:30px; padding-right:5px; font-size:11px; } #texte #fichetechnique .savoir_plus {display:block; text-align:right;} #texte #fichetechnique .savoir_plus a {text-decoration:none; font-weight:bold; color:#660000} #texte #blocimagetexte {margin:10px 0 0 0} #texte #blocimagetexte p {font-size:11px; color:#1D2F4E} #texte #blocimagetexte h4 {padding:0; margin:0; font-size:11px;} #texte #blocimagetexte img {float:left; padding-right:10px} #texte #blocimagetexte p a {text-decoration:none; color:#1D2F4E} #texte #blocliens {margin:10px 0 0 0} #texte #blocliens p {font-size:11px; color:#1D2F4E; margin:0; padding:0; text-align:left} #texte #blocliens p a {text-decoration:none; display:block; background:url(../img/pages/fleche_titre.gif) left top no-repeat; color:#660000; font-weight:bold; text-indent:30px; margin:0; padding:0} #texte .col_gauche_360 {width:360px; text-align:justify; float:left} #texte .col_droite_360 {width:360px; text-align:justify; margin-left:10px; float:left} .boitecontacteznous { padding:0 0 5px 0} .boitecontacteznous .contenu {display:block; padding:0 10px 0 10px; margin:0; z-index:10} .boitecontacteznous .contenu p {padding:0 0 10px 0 ; margin:0; background:#FFFFFF; color:#1D2F4E; } .boitecontacteznous div.csc-textpic-text {margin:0; padding:0} .boitecontacteznous div.csc-textpic {margin:0; padding:0} .boitecontacteznous div.csc-textpic-intext-right {margin:0; padding:0} .boitecontacteznous div.csc-textpic-text p {background:#FFFFFF; color:#1D2F4E; z-index:50} .boitecontacteznous h2 {padding:0; margin:0; margin-bottom:10px; display:block; height:27px; line-height:27px; font-size:14px; text-align:center; font-family: "Myriad Pro", Verdana, sans-serif; text-transform:uppercase; background:#E2E4DD} .boitecontacteznous h2 p {padding:0; margin:0} .boitecontacteznous .contenu p a {color:#EF022E; margin-top:5px; text-decoration:none; text-indent:20px; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat; display:block; width:auto;} .boitecontacteznous ul {float:left; margin:0; padding:0} .boitecontacteznous li {list-style:none} .boitecontacteznous li {text-indent:20px; background:url(../img/pages/fleche_link_contact.gif) left top no-repeat; width:auto; text-align:left} .boitecontacteznous li a {text-decoration:none; color:#EF022E;} .boitecontacteznous .csc-textpic-text p {font-family:Verdana, Arial, Helvetica, sans-serif; color:#1D2F4E; z-index:10} .boitecontacteznous {border:1px solid #E2E4DD; margin-bottom:10px; background:#FFFFFF; z-index:0} #header_fiches img {float:left; display:block; padding-right:10px; background:#F6F6EC} #header_fiches .contenu {display:block; text-align:justify} #header_fiches .contenu p {padding:0 0 10px 10px; margin:0} #header_fiches h2 {padding:0; margin:0; margin-bottom:10px; display:block; height:22px; line-height:22px; font-size:14px; text-align:left; text-indent:10px; color:#14223B; font-family: "Myriad Pro", Verdana, sans-serif; background:#E2E4DD} #header_fiches h2 p {padding:0; margin:0} .phototheque {width:182px; float:left; text-align:center; margin-bottom:10px;} .phototheque a {color:#670001; font-weight:bold} #texte .col_gauche_240 {width:236px; float:left} #texte .col_gauche_240 .blocliens .media {margin:0; padding:0; height:62px; overflow:hidden;} #texte .col_gauche_240 .blocliens .media div, dl, dt {margin:0; padding:0;} #texte .col_gauche_240 .csc-textpic, .csc-textpic-imagewrap, .csc-textpic-imagecolumn, .csc-textpic-imagecolumn, .csc-textpic-image, .csc-textpic-firstcol, .csc-textpic-lastcol {margin:0; padding:0} #texte .col_gauche_240 .blocliens .texte {display:block; background:#DAD9C7; padding:10px; width:216px; height:70px; overflow: auto;} #texte .col_gauche_240 .blocliens .texte p {margin:0; padding:0; width:auto; text-align:justify} #texte .col_gauche_240 .blocliens .title {display:block; background:#DDDED9; height:25px; width:216px; line-height:25px; padding:0 10px 0 10px; margin:1px 0 10px 0; } #texte .col_gauche_240 .blocliens .title h1 {display:block; padding:0; margin:0;} #texte .col_gauche_240 .blocliens .title h1 {color:#14223B; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif;} #texte .col_gauche_240 .blocliens .title h1 p {float:left;} #texte .col_gauche_240 .blocliens .title p {margin:0; padding:0; float:right; width:auto} #texte .col_gauche_240 .blocliens .title p a {text-decoration:none; color:#670000; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat; padding:0 0 0 15px} #texte .col_gauche_240 .blocliens .link {clear:both; display:block; padding:0 10px 0 5px; margin:15px 0 0 0; height:25px; width:221px; line-height:25px; background:#E6E7E1} #texte .col_gauche_240 .blocliens .link p {margin:0; padding:0; text-align:left} #texte .col_gauche_240 .blocliens .link a {display:block; text-indent:15px; text-decoration:none; color:#670000; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat} #texte .col_millieu_240 {width:236px; float:left; margin-left:11px;} #texte .col_millieu_240 .blocliens .media {margin:0; padding:0; height:62px; overflow:hidden; background:#DDDED9} #texte .col_millieu_240 .blocliens .media div, dl, dt {margin:0; padding:0;} #texte .col_millieu_240 .csc-textpic, .csc-textpic-imagewrap, .csc-textpic-imagecolumn, .csc-textpic-imagecolumn, .csc-textpic-image, .csc-textpic-firstcol, .csc-textpic-lastcol {margin:0; padding:0} #texte .col_millieu_240 .blocliens .texte {display:block; background:#DAD9C7; padding:10px; width:216px; height:70px; overflow: auto;} #texte .col_millieu_240 .blocliens .texte p {margin:0; padding:0; text-align:justify; width:auto} #texte .col_millieu_240 .blocliens .title {display:block; background:#DDDED9; height:25px; width:216px; line-height:25px; padding:0 10px 0 10px; margin:1px 0 10px 0; } #texte .col_millieu_240 .blocliens .title h1 {display:block; padding:0; margin:0;} #texte .col_millieu_240 .blocliens .title h1 {color:#14223B; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif;} #texte .col_millieu_240 .blocliens .title h1 p {float:left;} #texte .col_millieu_240 .blocliens .title p {margin:0; padding:0; float:right; width:auto} #texte .col_millieu_240 .blocliens .title p a {text-decoration:none; color:#670000; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat; padding:0 0 0 15px} #texte .col_millieu_240 .blocliens .link {clear:both; display:block; padding:0 10px 0 5px; margin:15px 0 0 0; height:25px; width:221px; line-height:25px; background:#E6E7E1} #texte .col_millieu_240 .blocliens .link p {margin:0; padding:0; text-align:left} #texte .col_millieu_240 .blocliens .link a {display:block; text-indent:15px; text-decoration:none; color:#670000; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat} #texte .col_droite_240 {width:236px; float:left; margin-left:11px;} #texte .col_droite_240 .blocliens .media {margin:0; padding:0; height:62px; overflow:hidden;} #texte .col_droite_240 .blocliens .media div, dl, dt {margin:0; padding:0;} #texte .col_droite_240 .csc-textpic, .csc-textpic-imagewrap, .csc-textpic-imagecolumn, .csc-textpic-imagecolumn, .csc-textpic-image, .csc-textpic-firstcol, .csc-textpic-lastcol {margin:0; padding:0} #texte .col_droite_240 .blocliens .texte {display:block; background:#DAD9C7; padding:10px; width:216px; height:70px; overflow: auto;} #texte .col_droite_240 .blocliens .texte p {margin:0; padding:0; text-align:justify; width:auto} #texte .col_droite_240 .blocliens .title {display:block; background:#DDDED9; height:25px; width:216px; line-height:25px; padding:0 10px 0 10px; margin:1px 0 10px 0; } #texte .col_droite_240 .blocliens .title h1 {display:block; padding:0; margin:0;} #texte .col_droite_240 .blocliens .title h1 {color:#14223B; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif;} #texte .col_droite_240 .blocliens .title h1 p {float:left;} #texte .col_droite_240 .blocliens .title p {margin:0; padding:0; float:right; width:auto} #texte .col_droite_240 .blocliens .title p a {text-decoration:none; color:#670000; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat; padding:0 0 0 15px} #texte .col_droite_240 .blocliens .link {clear:both; display:block; padding:0 10px 0 5px; margin:15px 0 0 0; height:25px; width:221px; line-height:25px; background:#E6E7E1} #texte .col_droite_240 .blocliens .link p {margin:0; padding:0; text-align:left} #texte .col_droite_240 .blocliens .link a {display:block; text-indent:15px; text-decoration:none; color:#670000; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat} #ecoutehome {margin:27px 0 0 0} #ecoutehome .titre h2 {color:#14223B; font-size:17px; font-family: "Myriad Pro", Verdana, sans-serif; color:#980000; text-transform:uppercase; border-bottom:solid 1px #D6D8D5} #ecoutehome .titre h2 p {margin:0; padding:0} #ecoutehome .resa {display:block; float:left} #ecoutehome .resa p { margin:0; padding:0; font-size:15px; font-weight:bold; color:#C7002B} #ecoutehome .form1 {display:block; float:left; margin:0 0 0 5px; width:217px; height:71px; background:url(../img/home/bg_form1_ecoute.gif) left top no-repeat} #ecoutehome .form2 {display:block; float:left; margin:0 0 0 5px; width:177px; height:71px; background:url(../img/home/bg_form2_ecoute.gif) left top no-repeat} #ecoutehome ul {margin:20px 0 0 20px; padding:0} #ecoutehome li {list-style:none} #ecoutehome li a {margin-top:5px; text-decoration:none; font-weight:bold; text-indent:20px; background:url(../img/pages/fleche_link_contact.gif) left center no-repeat; display:block; width:auto;} *html #ecoutehome li {list-style: outside} *html #ecoutehome li a {background: none} #menu_gauche_boutons_on img {border:0} #menu_gauche_boutons_off img {border:0} .menu_gauche_bouton01_on{display:block; float:left; text-align:center; background:url(../img/site/menus/menu_gauche_reservez_on.gif) left top no-repeat; width:107px; height:28px} .menu_gauche_bouton01_off {display:block; float:left; text-align:center; background:url(../img/site/menus/menu_gauche_reservez_off.gif) left top no-repeat; width:107px; height:28px} .menu_gauche_bouton02_on {display:block; float:left; text-align:center; background:url(../img/site/menus/menu_gauche_compte_on.gif) left top no-repeat; width:112px; height:28px} .menu_gauche_bouton02_off {display:block; float:left; text-align:center; background:url(../img/site/menus/menu_gauche_compte_off.gif) left top no-repeat; width:112px; height:28px} #hoteliersimggauche {clear:both} #hoteliersimggauche .image {display:block; float:left; margin:0 10px 0 0;} #hoteliersimggauche .texte {display:block; float:right; text-align:justify} #hoteliersimgdroite {clear:both} #hoteliersimgdroite .image {display:block; float:left; width:auto; margin:0 10px 0 0;} #hoteliersimgdroite .texte {display:block; float:right; width:auto; text-align:justify} #menuregion {clear:both; height:25px; border:1px solid #F4CCCA; margin:0 0 10px 0} #menuregion .menu {display:block; height:23px; background:#B91031; border:1px solid #FFF; line-height:23px; color:#FFFFFF; text-indent:30px; font-weight:bold; text-transform:uppercase} #menuregion .texte {display:block; float:left; margin:0 10px 0 0} #menuregion form {display:block; float:left; padding:0; width:350px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif} .actualites_3cols {width:auto; margin-bottom:10px} .actualites_3cols .col1 {text-align:justify; } .actualites_3cols .col2 {text-align:justify; } .actualites_3cols .col3 {text-align:justify; } .actualites_3cols .csc-textpic, .csc-textpic-center, .csc-textpic-above {padding:0; margin:0} .actualites_3cols .csc-textpic-imagewrap {padding:0; margin:0} .actualites_3cols div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {padding:0; margin:0} .actualites_3cols div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {padding:0; margin:0} .actualites_3cols .col1 form {display:block; width:auto; float:left} .actualites_3cols .col2 form {display:block; width:auto; margin:auto} .actualites_3cols .col3 form {display:block; width:auto; float:right} .actualites_3cols input {background:url(../img/pages/bg_btbleu.gif) left top no-repeat; border:none; width:185px; height:21px; color:#FFFFFF; font-size:11px; font-weight:bold; text-transform:uppercase; margin-top:5px} .actualites_2cols {width:auto; margin-bottom:10px} .actualites_2cols .col1 {text-align:justify; } .actualites_2cols .col2 {text-align:justify; } .actualites_2cols .csc-textpic, .csc-textpic-center, .csc-textpic-above {padding:0; margin:0} .actualites_2cols .csc-textpic-imagewrap {padding:0; margin:0} .actualites_2cols div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {padding:0; margin:0} .actualites_2cols div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {padding:0; margin:0} .actualites_2cols .col1 form {display:block; width:auto; float:left} .actualites_2cols .col2 form {display:block; width:auto; float:right} .actualites_2cols input {background:url(../img/pages/bg_btbleu.gif) left top no-repeat; border:none; width:185px; height:21px; color:#FFFFFF; font-size:11px; font-weight:bold; text-transform:uppercase; margin-top:5px} .titresejours {color:#fff; padding:0 0 0 10px; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif; text-decoration:none;} .titrespromotions {display:block; padding:0 0 0 10px; color:#fff; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif; text-decoration:none;} .titresune {color:#fff; padding:0 0 0 10px; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif; text-decoration:none;} .titresejoursthema a {color:#fff; font-size:16px; font-family: "Myriad Pro", Verdana, sans-serif; text-decoration:none; } .boutontoutesoffres a {display:block; width:200px; height:28px; text-decoration:none; color:#FFFFFF; background:url(../img/pages/offres/fond_bouton.gif) left top no-repeat} .boutontoutesoffres a {text-align:center; line-height:28px; text-transform:uppercase; font-size:13px; font-family: "Myriad Pro", Verdana, sans-serif;} .blocimagetexteoffres .csc-textpic {margin:0; padding:0} .blocimagetexteoffres div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0;} .blocimagetexteoffres .titretexte {display:block; width:100%; background:#dddfda; text-align:center; } .blocimagetexteoffres .titretexte {color:#002246; font-size:14px; font-family: "Myriad Pro", Verdana, sans-serif; text-decoration:none;} .blocimagetexteoffres .titretexte p {padding:0; margin:0;} .blocimagetexteoffres .titretexte p a {color:#002246; font-size:14px; font-family: "Myriad Pro", Verdana, sans-serif; text-decoration:none;} .blocimagetexteoffres .spacer {display:block} #menu .bloc_titre.hide {display:none} .boitecontacteznous .titre {display:block; width:auto; padding:0; margin:0} /* PLUG IN */ /*************************/ .tx-flashminisites-pi1 {clear:both; height:175px; margin:5px 0 0 0} /* FICHES HOTELS */ /**********************/ #texte .blocfiche {display:block; margin-top:10px} #barreactions {background:#E2E4DD; height:22px; margin-top:10px} #act_hotel h2 {padding:0; margin:0; text-transform:uppercase; font-size:18px; font-weight:normal} #texte #act_hotel .blocfiche_01 {display:block; width:486px; float:left} #act_hotel .legendeoffres {display:block; padding:0; margin:5px 0 0 0; text-transform:uppercase; font-size:11px; font-weight:bold; color:#000032} #texte #act_hotel .blocfiche_02 {display:block; width:auto;} #texte #act_hotel .blocfiche {display:block; width:243px; padding:20px 0 0 0; float:left} #texte #act_hotel .blocfiche_01 img {margin:0 10px 0 0; float:left} #texte #act_hotel .blocfiche_02 img {margin:0 5px 0 0; float:left} #texte #act_hotel .blocfiche img {margin:0 10px 0 0; float:left} #texte #act_hotel .blocfiche form {margin:0; padding:0} #act_hotel form {display:block; margin:0; padding:0; width:185px; height:21px; float:right} .align_right {text-align:right} .align_left {text-align:left} #pres_hotel {clear:both} #pres_hotel h2 {padding:0; margin:0; text-transform:uppercase; font-size:18px; font-weight:normal; color:#7C1818} #pres_hotel p img {margin:0 10px 0 0; float:left} #pres_hotel p {text-align:justify; padding:5px 0 0 0; margin:0} #service_hotel {clear:both} #service_hotel h2 {padding:0; margin:0; text-transform:uppercase; font-size:18px; font-weight:normal; color:#7C1818} #service_hotel p img {margin:0 10px 0 0} #service_hotel p {text-align:justify; padding:5px 0 0 0; margin:0} #tarifs_hotel {clear:both} #tarifs_hotel h2 {padding:0; margin:0; text-transform:uppercase; font-size:18px; font-weight:normal; color:#7C1818} #service_hotel p img {margin:0 10px 0 0} #service_hotel p {text-align:justify} #acces_hotel {clear:both} #acces_hotel h2 {padding:0; margin:0; text-transform:uppercase; font-size:18px; font-weight:normal; color:#7C1818} #acces_hotel p img {margin:0 10px 0 0} #acces_hotel p {text-align:justify; width:535px; float:left; margin:8px 10px 0 0} #acces_hotel form {display:block; margin:0 0 0 0; padding:0; width:185px; height:30px; float:right} #resa_offres {clear:both} #resa_offres h2 {padding:0; margin:0; text-transform:uppercase; font-size:18px; font-weight:normal; color:#7C1818} #resa_offres p img {margin:0 10px 0 0} #resa_offres p {text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:8px 0 0 0} #resa_offres form {display:block; margin:0; padding:0; width:185px; height:21px; float:right} #resa_offres .legendeoffres {padding:0; margin:0; text-transform:uppercase; font-size:14px; font-weight:bold; color:#000032} .hautdepage {display:block; clear:both; margin:10px 0 0 0; text-align:right;} .hautdepage a {color:#663300; font-size:10px; text-decoration:none} .retour_back {display:block; clear:both; text-align:left; margin-bottom:20px;} .retour_back_top {display:block; clear:both; text-align:left; margin-bottom:10px; margin-top:10px;} .retour_back a {color:#663300; font-size:10px; font-weight:normal; text-decoration:none;} .retour_back_top a {color:#663300; font-size:10px; font-weight:normal; text-decoration:none;} .csc-textpic-caption {font-weight:bold; font-style:italic; font-size:9px; padding:5px; color:#666} .tx-interhotel-pi5 {margin-bottom:10px} .tx-interhotel-pi5 .hautdepage {margin:5px 0 5px 0} .formimgfiche {display:block; float:left; margin:0 10px 0 0; width:185px; } .formimgfiche a {display:block; background:url(../img/pages/bg_btbleu.gif) left top no-repeat; border:none; width:185px; height:21px; color:#FFFFFF; font-size:11px; font-weight:bold; text-transform:uppercase; margin-top:5px} .formimgfiche a {text-align: center; line-height:21px; text-decoration:none} .texteficheliste {display:block; width:535px; float:left; text-align:justify} .texteficheliste table {margin-top:10px} #service_hotel ul {margin:0; padding:0} #service_hotel li {display:block; float:left; width:230px; background:url(../img/fiche_hotel/puceservices.gif) left top no-repeat; text-indent:15px;} .downloadfiche {color:#663300; font-size:10px; font-weight:bold; text-decoration:none;} /* CMS */ /**********************/ .csc-header h1, h2, h3 {padding:0; margin:0; margin-bottom:10px; font-size:17px; color:#c19e88} .csc-textpic {padding:0 0 10px 0;} .csc-textpic p {padding:0; margin:0; padding-bottom:10px; text-align:justify} .csc-textpic-text {padding:0 0 10px 0;} .csc-textpic-text p {padding:0; margin:0; padding-bottom:10px; text-align:justify} .csc-linkToTop {clear:both; margin:0; padding:10px 0 10px 0; } .csc-linkToTop a {display:block; text-align:right; color:#C19E88; font-size:10px; text-decoration:none; background:url(../img/site/haut-de-page_lg.gif) right bottom no-repeat} #mon_compte {display:block; padding:10px;} /* FORMS */ /**********************/ .bt_rouge {background:url(../img/fiche_hotel/bg_btrouge.gif) left top no-repeat; border:none; width:185px; height:21px; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase; margin-top:5px} .bt_vert {background:url(../img/fiche_hotel/bg_btvert.gif) left top no-repeat; border:none; width:185px; height:21px; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase; margin-top:5px} /* CALENDRIER */ /**********************/ .tx-interhotel-pi1 {margin-bottom:10px;} .tx-interhotel-pi1 .calhidden {display:none} .tx-interhotel-pi1 .calimg {background:url(../img/site/calendrier.gif) left top no-repeat; display:block; width:20px; height:19px; position:absolute; top:298px; left:180px} *+html .tx-interhotel-pi1 .calimg {top:325px;} /*IE7*/ *html .tx-interhotel-pi1 .calimg {top:325px;} /*IE6*/ .tx-interhotel-pi4 ul li {font-size:10px} /********************** INTERHOTEL FORMULAIRE*********************/ .tx-formulaires-pi1 fieldset, .tx-formulaires-pi2 fieldset, .tx-formulaires-pi3 fieldset, .tx-formulaires-pi4 fieldset, .tx-formulaires-pi5 fieldset,.tx-formulaires-pi6 fieldset, .tx-formulaires-pi7 fieldset{ padding-bottom:20px; margin-bottom:20px;border:none; margin-top:5px;/*border-bottom:#E0E0C1 solid 5px;*/} .titre{padding-left:5px; width:700px; _padding-left:10px;} .asterisque{color:#CC0033; font-weight:bold} .tx-formulaires-pi1, .tx-formulaires-pi2, .tx-formulaires-pi3, .tx-formulaires-pi4, .tx-formulaires-pi5, .tx-formulaires-pi6, .tx-formulaires-pi7 { width:752px; position:relative; right:9px; padding-right:20px;} * html .tx-formulaires-pi1, .tx-formulaires-pi2, .tx-formulaires-pi3, .tx-formulaires-pi4, .tx-formulaires-pi5, .tx-formulaires-pi6, .tx-formulaires-pi7 { width:682px; position:relative; right:9px; padding-right:20px;} .tx-formulaires-pi1 #legend, .tx-formulaires-pi2 #legend, .tx-formulaires-pi3 #legend, .tx-formulaires-pi4 #legend, .tx-formulaires-pi5 #legend, .tx-formulaires-pi6 #legend, .tx-formulaires-pi7 #legend { padding:5px 0 5px 5px;background:#E2E4DD; color:#000033; font-weight:bold; text-transform:uppercase} .tx-formulaires-pi1 label, .tx-formulaires-pi2 label, .tx-formulaires-pi3 label, .tx-formulaires-pi4 label, .tx-formulaires-pi5 label, .tx-formulaires-pi6 label, .tx-formulaires-pi7 label {float:left;font-weight:bold;margin-right:5px;text-align:right;width:313px; color:#003B86; } .tx-formulaires-pi1 p, .tx-formulaires-pi2 p, .tx-formulaires-pi3 p, .tx-formulaires-pi4 p, .tx-formulaires-pi5 p, .tx-formulaires-pi6 p, tx-formulaires-pi7 p {clear:left; padding:3px 0;padding-left:9px;} #submit_offre, #submit_guide_professionnel, #submit_renseignement, #submit_devis, #submit_societe { float:none;background: url(../../typo3conf/ext/formulaires/image/btn_valider.jpg);color:white;text-align:center;font-weight:bold;border:none;height:21px;width:150px; cursor:pointer} #formulaireerreur{background-color:#FFFFFF;border:1px solid red;color:red;padding:5px; cursor:pointer} #erreur {color:#FF0000;font-weight:bold;text-align:left;} #formulaire_error_oui, #formulaire_error_confirme_mail, #formulaire_error_activite, #formulaire_error_hotel, #formulaire_error_fonction, #formulaire_error_telecopie, #formulaire_error_nomsociete, #formulaire_error_tel, #formulaire_error_nom, #formulaire_error_prenom, #formulaire_error_adresse, #formulaire_error_zip, #formulaire_error_ville, #formulaire_error_mail { color:#FF0000; font-weight:bold} .tx-formulaires-pi7 p { padding-left:10px;} /************/ a {color:#C19E88} .tx-srlanguagemenu-pi1{display:block;}