/* CSS document */ /*--- Common elements ---*/ *, html {margin:0; padding:0 ;} body { background:#350b03 ; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-align: center; } a {text-decoration:none; outline:none; } img { border:none } .imgCenter{ display:block; margin:0 auto;} .clear { clear: both; font-size: 1px; height: 1px; } .imgFloatLeft { float: left; margin: 3px 10px 5px 10px; border: 1px solid #a3806d; } /*--- Wrappers ---*/ #topShadow { width:790px; height:25px; margin:0 auto; } #siteWrapper { width:790px; margin:0 auto; padding-bottom:150px; text-align: left; } #main { padding: 215px 10px 0 10px; width:770px; } /*--- En-Tête du site ---*/ #printHeader { display:none; visibility:hidden; } #topShadow ul { position:relative;float:right; padding-top:5px; list-style: none; } #topShadow ul li { float: left; padding: 0 10px; border-right: 1px solid #000; } #topShadow ul li.last { border-right: none; } #topShadow ul li a { color:#411911; font-size:9px; text-transform:uppercase; padding: 1px 0 0 0; display: block; } #topShadow ul li a:hover { text-decoration:underline} #bannerTop { position:absolute; z-index:100; top:25px; width:1000px; height:125px; margin-left:50%; left:-500px; display: block; } #bannerTop h1 { width: 273px; height: 114px; float: left; margin: 5px 0 0 110px; text-indent: -3000px; overflow: hidden; background: url(../image/layout/logo-bateau-mouche-transparent.png) no-repeat; } #bannerTop h2 { width: 335px; height: 74px; float: right; margin: 25px 118px 0 0; text-indent: -3000px; overflow: hidden; text-align: left; } .normala { background:url(../image/bannerTop/normal_jour.jpg) } .croisiereexcursiona { background:url(../image/bannerTop/normal_jour.jpg) } .evenementcorpojoura { background:url(../image/bannerTop/corpo_jour.jpg) } .primeura { background:url(../image/bannerTop/header-primeur.jpg) } .evenementcorposoira { background:url(../image/bannerTop/corpo_soir.jpg) } .soupercroisierea { background:url(../image/bannerTop/normal_soir.jpg) } /*--- Navigation Sections principales ---*/ #mainNav { position: absolute; z-index: 100; top: 150px; width: 1000px; height: 65px; margin-left: 50%; left: -500px; display:block; background: url(../image/layout/shadow-mainNav.png) no-repeat 0 60px; } #mainNav ul { padding: 0 110px; list-style: none; height: 60px; } #mainNav ul li { width: 129px; height: 60px; float: left; padding: 0; margin: 0 1px 0 0; font-size: 14px; } #mainNav ul li a { width: 129px; height: 60px; display: block; text-indent: -3000px; overflow: hidden; } /*#mainNav h1 { position:absolute; z-index:300; color:#411911; font-weight:bold; font-size:16px; margin-top:30px; display:block; width:360px; }*/ div#menupastille { width:284px; float:right; margin-bottom:10px; text-align:right; } div#menupastille h5 { position:relative; margin-top:-12px; font-size:10px; text-transform:uppercase; } div#menupastille ul { list-style:none; height:52px; margin-bottom:5px; float:right} div#menupastille ul li { display:block; width:51px; height:50px; margin-left:3px; float:left; } div#menupastille ul li a { display:block; width:47px; height:46px; margin:0 auto; margin-top:2px;} div#menupastille ul li a.croisiere-excursion { background:url(../image/pastille/1.jpg); } div#menupastille ul li a.evenementcorpojour { background:url(../image/pastille/2.jpg); } div#menupastille ul li a.evenementcorposoir { background:url(../image/pastille/3.jpg); } div#menupastille ul li a.souper-croisiere { background:url(../image/pastille/4.jpg); } div#menupastille ul li a.primeur { background:url(../image/pastille/5.jpg); } div#menupastille ul li a:hover { background-position: right; } /*--- Navigation Sous-sections ---*/ /*#linkWrapper { width:238px; float:left; }*/ #link { width:238px; float:left; margin-left:0; } #link ul { float:right; list-style:none; margin:0; padding-left:10px;} #link ul li { /*margin-left:17px;*/ line-height: 20px; border-bottom:1px; border-bottom-style:solid; margin-bottom:0; } #link ul li.first { margin-top: -10px;} #link ul li a { display:block; width:210px; padding:4px 8px; } /*#link ul li a.currentsec { min-height:24px; height:auto !important; height:24px;}*/ #link ul li a.normal span { font-weight:bold; font-size:12px; } #link ul li a.subsect { text-indent:10px; font-weight: normal; } #link ul li a.subsect span { padding-top:2px; font-size:12px;} #link ul li a.subactif, #link ul li a.subactif:hover { text-indent: 10px; font-weight: normal; } #link ul li a.currentsect span { font-weight:bold; font-size:15px; width:150px;} #link #logoSide { float:right; width:225px; height:87px; } /* Special Menu */ /* si en dessous de la navigation #linkWrapper #socialLinks { margin-top: 7px; float: left; } #linkWrapper #socialLinks ul { list-style: none; padding-left:12px; } #linkWrapper #socialLinks ul li { float: left; padding-left: 10px; } */ #link ul li a.facebook { background: url(../image/facebook.png) no-repeat 6px 2px; } #link ul li a.twitter { background: url(../image/twitter.png) no-repeat 6px 2px; } /*--- Contenu ---*/ #content { margin-left:260px; padding: 0 1px; } #horaireTable th { color: #350b03; background: #f3f1ee; padding: 4px; text-align: center; } #horaireTable td { color: #4d3317; text-align: center; padding: 3px; } #top { height: 220px; position: relative; } #top div { position: absolute; } #contentSect { margin-top:5px; } /*#middle { width:390px; margin-top:5px; border:1px solid #000; margin:3px auto; padding:4px; padding-bottom:5px; }*/ div.advise{ padding:0; margin:0; text-align:center;} div.advise img{ margin-top:5px;} p.advise{ padding-right:0; margin:0;color:#350b03;} /* Formatage général */ #generale{ } #generale img{ margin-bottom:10px;} #generale h1 { font-size: 16px; margin-bottom: 10px; padding: 18px 0; position: relative; text-align: center; } #generale h2 { font-size: 14px; font-weight: normal; } #generale h3 { font-size: 11px; font-weight: normal; margin-bottom: 10px; } #generale h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; text-align:right; padding-right: 30px; } #generale p { font-size: 12px; margin-bottom: 10px; padding-right: 30px; padding-left: 10px; text-align: left; } #generale p a { color: #3f2814; font-size: 11px; text-decoration: underline; } #generale p a:hover { color:#6a4a2e; } #generale p.title { font-size:12px; margin-bottom:10px; padding:2px 8px; font-weight:bold; } .pressReleases p.title { clear: left; } #generale p.title2 { font-size:14px; margin-bottom:10px; padding:2px 8px; font-weight:bold; } #generale p.title span { font-size:10px; } #generale p.merci { padding: 80px 30px 80px 10px; } #generale table { font-size: 11px; margin-bottom: 10px; padding-right: 30px; padding-left: 10px; color: #d7b596; } #generale ul, #generale ol { text-align: left; } #generale ul { margin-left:22px; margin-top:5px; margin-bottom: 20px; } #generale ul li { font-size: 11px; margin-bottom: 10px; } #generale ul li a { color: #fff; text-decoration: underline;} #generale.pressReleases { position: relative; } #generale.pressReleases p { /*padding-left: 92px;*/ } #generale p.price { text-align: center; border-top: 1px dotted #7b5e42; border-bottom: 1px dotted #7b5e42; padding: 10px 0; } #generale p.price em { font-size: 14px; font-style: normal; font-weight: bold; } #generale p.price strong { font-size: 24px; font-weight: normal; } div#testimonials { float: right; width: 300px; margin-top: 10px; border-left: 1px dotted #d7b596; } div#testimonials blockquote { padding: 10px; } div#testimonials blockquote p { font-size: 11px; line-height: 18px; } div#testimonials blockquote span { font-size: 18px; font-weight: bold; margin:0; padding:0; } /* Menus in page */ #inPageMenu { border-top: 1px solid #e2d6cb; border-bottom: 1px solid #e2d6cb; width: 90%; padding: 20px 0 10px 0; /*background: #fbf9f7;*/ margin: 10px auto 10px auto; } #inPageMenu h5 { font-weight: bold; font-size: 13px; text-align: center; color:#6a4a2e; padding: 5px 0; margin:0; } #inPageMenu p { font-size: 11px; font-weight: bold; text-align: center; padding: 0; } /* Formatage des menus */ #menu{text-align:center; position:relative;} #menu p.title{ font-size:14px; margin-bottom:10px; padding:2px 8px; font-weight:bold; margin-top:5px; } p.title span{ font-size:10px; } #menu div.menuHeader{ display: inherit; margin-bottom:20px; padding-top:10px; padding-bottom:10px;padding-top:28px;} #menu h1{font-size:16px; margin-bottom:-2px; text-align: center; } #menu h2{font-size:18px; margin-bottom:4px; } #menu h6{ font-size:10px; color:#6a4a2e} #menu p{ font-size:10px; padding:0 25px;} #menu p.menutitre{ /*font-size:12px;*/ font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:0px; margin-top:10px; } #menu p.menubigtitre{ font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:0px; margin-top:10px; text-decoration:underline } #menu p.desc{font-size:12px; text-align:center} #menu p.info{font-size:10px;} #menu p.menuinfo{font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; font-style: italic} #menu p.menuseparator{ display:block; margin-top:10px; margin-bottom:0px;} #menu hr{margin:15px 15px;height:1px;} #menu div.enum{ padding:0 60px; margin:0 auto; text-align: left;} #menu div.enum ul{ list-style:none; font-size:12px; margin-top:10px;} #menu div.enum ul li{ text-align:center} /* Impression des pages */ .print { position: absolute; right: 0; top: 2px; font-size: 10px; text-transform:uppercase; } .print2 { position: absolute; right: 2px; top: 5px; font-size:10px; text-transform:uppercase; } .print a, .print2 a {color:#411911; text-decoration:underline; background:url(../image/layout/jour/print.jpg) no-repeat; padding: 1px 5px 1px 17px; display: block; } /*Popup Promotion Page d'accueil*/ #flottan_promo { position:absolute; z-index:9999; width:656px; margin-left:50%; left:-328px; top:20px; background:#FFF; border:2px solid #411911; } /* Formulaire de contact */ #formcontact{ font-size:12px; padding-left:10px; text-align: left; } #formcontact div { margin-bottom:10px; } #formcontact div#summary h2 {border: 2px solid #FF0000; background: #FFFFE6; padding: 10px; font-size: 12px; font-weight: bold; color: #ff0000; margin-right: 10px; } #formcontact div label { float:left; width:150px; padding:2px 5px 0 0; display:block; text-align: right; font-size:12px; font-weight: bold; } #formcontact div label.checkbox { float: none; width: auto; font-weight: normal; text-align: left; font-size: 10px; padding: 0 30px; } #formcontact div label.error, #formcontact div label.success { width: 1px; height: 1px; position: absolute; text-indent: -3000px; overflow: hidden; } #formcontact div input.textInput, #formcontact div textarea { width: 255px; border:1px solid #A18971; color:#000; padding:2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #formcontact div input.date1, #formcontact div input.short { /*position: relative;*/ width: 100px; border:1px solid #A18971; color:#000; padding:2px; } #formcontact div input.calendar { position: relative; width: 16px; height:16px; top: 2px; left: 2px; } #formcontact div textarea { height: 100px; } #formcontact div input.error, #formcontact div textarea.error { border: 1px solid #FF0000; background: #FFFFE6; outline: 1px dotted #ff0000; } #formcontact div select { width: 261px; padding: 1px; border:1px solid #A18971; } #formcontact div.submitForm { position: relative; height: 50px; } #formcontact div.submitForm input { position:absolute; left: 335px; background-color:#E2D6CB; border:1px solid #A18971; color:#350b03; width: auto; font-weight: bold; padding: 5px 0; width: 80px; text-align: center; } /* SECTION DE LISTING */ #news div { background: #f5eee6; padding: 2px; margin: 4px; border: 1px solid #e2d6cb; text-align:left; } #news h3 { background: #e2d6cb; font-size:14px; padding: 6px; color:#411911; font-weight: bold; } #news h3 span { float: right; font-size: 11px; font-weight: normal; position: relative; } #news div div { background: #fff; margin: 4px; border: 1px solid #e2d6cb; } #news img { display: block; margin: 0 auto; } #news div div p { margin: 10px 5px; } #news p.empty { padding: 110px 20px; } /* Pagination sections dynamiques */ #pagination { text-align: left; height: 20px; padding: 4px; font-size: 11px; margin: -2px 0 1px 0; } #pagination a { float: left; width: 20px; height: 18px; padding-top: 2px; display: block; text-align: center; text-decoration: none; margin-right: 5px; font-weight: bold; } #pagination a:hover { text-decoration: underline; background: #F5EEE6; } /* Plan du site */ #sitemap1 { float: left; width: 190px; /*position: relative;*/ } #sitemap2 { margin-left: 198px; width: 190px; } #sitemap1 h5, #sitemap2 h5 { text-align: left; padding-left: 4px; } #sitemap1 ul, #sitemap2 ul { margin-bottom: 10px; } #sitemap1 ul li, #sitemap2 ul li { margin-bottom: 4px;} #sitemap1 ul li a, #sitemap2 ul li a, #sitemap1 h5 a, #sitemap2 h5 a { color: #503926; } #sitemap1 ul li a:hover, #sitemap2 ul li a:hover, #sitemap1 h5 a:hover, #sitemap2 h5 a:hover { color: #E2D6CB; } /*--- Pied de page ---*/ #footer{margin-top:-45px;background-color:#333333; height:40px;} #footer #menuFooter{ position:absolute;width:800px; margin-left:50%; left:-400px; list-style:none; text-align:center; padding-top:12px;} #footer #menuFooter li{display:inline; margin-left:10px;} #footer #menuFooter li a{ font-size:10px; } #footer #menuFooter li a:hover{ } #bannerBottomShadow{position:absolute; z-index:101; width:802px; height:66px; padding-top:20px; margin-left:50%; left:-401px; margin-top:4px; text-align:center} #bannerBottomShadow p{ font-size:11px;} #bannerBottomShadow p a:hover{ text-decoration:underline} ul#partenaire { list-style:none; text-align:center; padding:0; margin:0; } ul#partenaire li { float: left; margin: 0 1px; width: 49.3%; position: relative; } ul#partenaire li a img { border:none; } table#tableForfait{ } table#tableForfait td { color: #411911; } table#tableForfait .onecolumn{ background-color:#d7b596; border-bottom:1px solid #411911; font-size:12px; padding-left:2px; font-weight:bold; color:#411911; padding-left:4px;} table#tableForfait .trGen { font-size:11px; text-align:center; background-color:#ece3da} table#tableForfait .firstTd{font-size:10px; text-align:right; padding:4px; font-weight:bold} #shadowWrapper{position:absolute; z-index:999999; width:100%; height:100%; background-color:#000000; top:0px; left:0px; overflow:hidden;text-align:left; visibility:hidden;} /*Popup Promotion Page d'accueil*/ #shadowWrapper {position:absolute; z-index:999999; width:100%; background-color:#000000; text-align:left; visibility:hidden;} #flottan_promo { visibility: hidden; position:absolute; z-index:999999999; width:656px; margin-left:50%; left:-328px; top:20px; background:#FFF; border:2px solid #411911; padding-bottom: 5px; text-align: center; font-family: Georgia, Times New Roman, serif; } #flottan_promo h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#d7b596; background-color:#2d0303; font-size:16px; text-align:center; font-weight:bold; margin-bottom:5px; padding:18px 0; } #flottan_promo h1 a { position:absolute; top:2px; right:2px; padding:2px 4px; color:#d7b596; border:1px solid #d7b596; z-index:9999995 } #flottan_promo h2 { color:#72504a; font-weight: normal; font-size: 13px; padding:0 0 5px 0; letter-spacing: 0.05em; } #flottan_promo h3 { color:#4f241d; font-size: 14px; } #flottan_promo h3 strong { color:#970000; font-weight: normal; font-size: 36px; } #flottan_promo h5 { font-weight: normal; font-size: 12px; font-style: italic; line-height: 12px; } #flottan_promo h6 { font-weight: normal; font-size: 12px; font-style: italic; padding: 10px 0; } #flottan_promo div { padding: 5px 0; text-align: left; } #flottan_promo img.left { float: left; margin: 10px 10px 0 90px; } #flottan_promo img.left2 { float: left; margin: 15px 10px 0 45px; } #flottan_promo table { width: 100%; } #flottan_promo table td { padding: 10px; background: #952424; color: #fff; } #flottan_promo table td span.span1 { font-size: 24px } #flottan_promo table td span.span2 { font-size: 16px; } #flottan_promo table td span.span3 { font-weight:bold; font-size: 26px; } #flottan_promo table td span.span4 { font-weight:bold; font-size: 21px; } #flottan_promo table td span.span5 { font-style: italic; font-size: 13px; } #flottan_promo table td span.span6 { font-weight:bold; font-size: 15px; } #certificatsCadeaux { position: absolute; z-index: 101; left: 0; text-align: left; } #certificatsCadeaux a { width: 166px; height: 167px; background: url(../image/promo_noel/bouton-certificats.png) no-repeat; display: block; } .mapDirections { margin: 0 auto; display: block; } /*Galerie*/ #gallery {background: url(../image/layout/soir/bgcontentmiddle-2.png);} #gallery div#mainPhoto { width: 764px; height: 400px; text-align: left; position: relative;/*top: 45px;*/ border: 3px solid #49321B; } #gallery div#mainPhoto div#photo1 { position: absolute; top: 0; left: 0; z-index: 10; } #gallery div#mainPhoto div#photo2 { position: absolute; top: 0; left: 0; z-index: 20; } #gallery div#mainPhoto div#loader { background: url(../image/loadingAnimation.gif) no-repeat center center; position: absolute; top: 0; left: 0; z-index: 30; height: 400px; width: 764px; text-indent: -3000px; overflow: hidden; } #galNav { height: 35px; text-align: center; color: #fff; } #galNav ul { list-style: none; margin-left: 11px; /*margin-top: 20px;*/ } #galNav ul li {float: left; padding: 4px; margin-right: 0; text-align: center;} #galNav ul li.davantage { width: 160px; background: #48321B; border: 1px solid #d7b596; font-size: 10px; padding: 6px; margin-top: 4px; color: #d7b596; font-weight: bold;} #galNav ul li a { display: block; width: 16px; height: 16px; padding: 4px; color: #a58568; font-size: 12px; font-weight: bold; background: #48321B; border: 1px solid #d7b596; } #galNav ul li a:hover, #galNav ul li a.active { background: #d7b596; color: #320a02; } #thumbnails { width: 749px; height: 270px; overflow: hidden; position: relative; margin: 0 auto; } #thumbnails .section { width:1506px; position: relative; height: 205px; } #thumbnails .section ul { list-style: none; width: 749px; float: left; display: block; padding: 0; } #thumbnails .section ul li { background: #000; float: left; margin: 4px; height: 58px; padding:0; } #thumbnails .section ul li a { height: 58px; width: 58px; display: block; border: 1px solid #49321B; } #thumbnails .section ul li a:hover { border: 1px solid #d7b596; } #thumbnails .section ul li a.active { border: 1px solid #d7b596; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; overflow: hidden; } /* -- Calendar -- */ .dpDiv { margin: 0; padding: 0;} .dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center; margin: 0; padding: 0; width: 200px; position: relative; top: 0;} .dpTDHover {cursor: pointer;} .dpTitleText {font-size: 12px;font-weight: bold;} .dpDayHighlight {font-weight: bold; } .dpButton {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; padding: 0; } .dpTodayButton {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}*/