﻿s@font-face {
	font-family: 'CaribbeanTreasureRegular';
	src: url('caribbean_s_treasure-webfont.eot');
	src: local('☺'), url('caribbean_s_treasure-webfont.woff') format('woff'), url('caribbean_s_treasure-webfont.ttf') format('truetype'), url('caribbean_s_treasure-webfont.svg#webfontKHSrLtRB') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ------------------
    Reset de base
------------------ */
body,h1,h2,h3,h6,ul,li {margin:0;padding:0;}
img {display:block;border:0;}
ul {list-style:none;}

/* ------------------
   Classes utiles
------------------ */
.ClearFix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.ClearFix {display: inline-block;}
html[xmlns] .ClearFix {display: block;}
* html .ClearFix {height: 1%;}

/* ------------------
    Style du site
------------------ */
body {
background:#13999b url(../medias/communs/body-bg.jpg) no-repeat top center;
}

#Page {
margin:auto;
position:relative;
width:972px;
}

#Body {
margin-top:-52px;
}
#BodyTop {
background:url(/medias/communs/top-bg2.png);
height:262px;
}
#BodyBottom {
background:url(/medias/communs/bottom-bg2.png);
clear:both;
height:72px;
}
#BodyLeftBorder {
float:left;
width:75px;
}
#BodyLeftBorder .Top {
background:url(/medias/communs/top-left-bg.png);
height:232px;
}
#BodyLeftBorder .Middle {
background:url(/medias/communs/inner-left-bg.png) repeat-y 0 0;
}
#BodyLeftBorder .Bottom {
background:url(/medias/communs/bottom-left-bg.png);
height:260px;
}
#BodyRightBorder {
float:left;
width:83px;
}
#BodyRightBorder .Top {
background:url(/medias/communs/top-right-bg.png);
height:232px;
}
#BodyRightBorder .Middle {
background:url(/medias/communs/inner-right-bg.png);
}
#BodyRightBorder .Bottom {
background:url(/medias/communs/bottom-right-bg.png);
height:260px;
}

#Content {
background:white;
float:left;
padding-bottom:20px;
min-height:550px;
width:814px;
}
#Content h1 {
color:#ffffff;
font:33px arial,sans-serif;
margin-top:23px;
font-family:'CaribbeanTreasureRegular';
}
#Content h2 {
color:#ffde00;
font:italic bold 18px arial,sans-serif;
margin-top:8px;
}
#Content h3 {
color:#55878e;
font:bold 15px arial,sans-serif;
margin:0 0 5px 0;
}
#Content p, #Content li, #Content td {
color:#42271f;
font:14px/19px arial,sans-serif;
}
#Content p {
margin:0 0 19px 0;
max-width:620px;
}
#Content a {
color:#42271f;
font:14px arial,sans-serif;
}
#Content a:hover {
text-decoration:none;
}
#Content .PictureWithBG {
background:url(/medias/communs/picture-bg.gif) no-repeat;
height:180px;
padding:6px 0 0 6px;
width:240px;
}
#Content .PictureWithBG173 {
background:url(/medias/communs/picture-bg-273.gif) no-repeat;
height:174px;
padding:8px 0 0 6px;
width:267px;
}

#ContentHeader {
height:106px;
margin-top:-117px;
}
#ContentHeader .Left {
float:left;
height:100%;
width:170px;
}
#ContentHeader .Right {
float:left;
width:644px;
}
#InnerContent {
padding-left:0;
margin:0;
top:0;
}
#InnerContent .Left {
float:left;
width:170px;
top:0;
}
#InnerContent .Right {
float:right;
width:644px;
padding-top:30px;
}
.RightImages {
float:right;
margin:0 20px 0 19px;
}
.RightImages div {
margin:0 0 15px 0;
}
#InnerContent .Map {
margin-top:20px;
}
#InnerContent .Map a {
font:bold 13px arial,sans-serif;
}
#InnerContent .Map a.MapLink {
display:block;
text-align:right;
width:633px;
}
#InnerContent .Map h3 {
float:left;
height:25px;
}
#InnerContent .RightLink {
float:right;
margin-right:12px;
}
#InnerContent ul.Equipage {
width:625px;
}
#InnerContent ul.Equipage li {
margin-bottom:20px;
}
#InnerContent ul.Equipage li h3 {
background:url(/medias/communs/list-title-bg.gif) repeat-x bottom;
padding-bottom:3px;
}
#InnerContent ul.Equipage li h3 span {
background:#ffffff;
padding-right:3px;
}
#InnerContent ul.Equipage .Left {
float:left;
width:274px;
}
#InnerContent ul.Equipage .Right {
float:left;
padding:0;
width:351px;
}
#InnerContent ul.Equipage .Right ul {
margin:0 0 19px 19px;
list-style:circle inside;
}
#InnerContent ul.Equipage .Right ul li {
margin:0;
}

#Content a.ImageGalleryButton {
background:url(/medias/communs/image-gallery-button.gif);
color:#5f3421;
display:block;
height:30px;
padding-top:14px;
font:bold 12px arial,sans-serif;
text-align:center;
text-decoration:none;
width:271px;
}
#Content a.ImageGalleryButton:hover {
background:url(/medias/communs/image-gallery-button-hover.gif);
text-decoration:none;
}

#Header {
height:209px;
}
#Header h6 {
color:#ffffff;
float:left;
font:italic bold 21px arial,sans-serif;
margin:23px 0 0 24px;
}
#Header #Logo {
width:610px;
height:109px;
margin:0 auto 0 auto;
}
#NavHeader {
background:url(../medias/communs/gold-fish.gif) no-repeat right;
float:right;
height:33px;
margin:12px 7px 0 0;
padding:18px 54px 0 0;
}
#NavHeader li {
background:url(../medias/communs/nav-header-sep.gif) no-repeat left;
float:left;
padding:0 6px;
}
#NavHeader li.Facebook {
background:none;
margin-top:-4px;
}
#NavHeader li.Facebook img{
border:solid 1px #86cecb;
}
#NavHeader li.Facebook img:hover,  #NavHeader li.Facebook img over{
border:solid 1px #fff;
}
#NavHeader li.First { /*background:none;*/
}
#NavHeader a, #NavHeader li {
color:#000000;
font:bold 12px arial,sans-serif;
text-decoration:none;
}
#NavHeader a:hover, #NavHeader li.Active a {
text-decoration:underline;
}

#Footer {
margin-top:20px;
margin-bottom:20px;
}
#Footer ul li {
background:url(../medias/communs/nav-footer-sep.gif) no-repeat left;
float:left;
padding:0 8px;
}
#Footer ul li.First {
background:none;
}
#Footer ul li, #Footer ul li a {
color:#ffffff;
font:bold 12px arial,sans-serif;
text-decoration:none;
}
#Footer ul li a:hover, #Footer ul li.Active a {
text-decoration:underline;
}
#NavFooterLeft {
background:url(../medias/communs/red-fish.gif) no-repeat left;
float:left;
padding-left:37px;
margin-left:14px;
}
#NavFooterRight {
float:right;
margin-right:5px;
}
#NavFooterLeft, #NavFooterRight {
height:32px;
padding-top:25px;
}

/* ---------- */
/* Page Image */
/* ---------- */
#PageImageTotal {
text-align:center;
margin:0 0 0 -80px;
color:#42271f;
font:14px/19px arial,sans-serif;
}

/* --------------------
    Menu Intérieur
-------------------- */
#InsideNav {
background:url(/medias/communs/inside-nav-bg.jpg);
margin-left:-9px;
margin-top:1px;
width:150px;
position:absolute;
}

#InsideNav ul {
background:url(/medias/communs/inside-nav-top-bg.jpg) no-repeat;
padding-top:20px;
width:150px;
}
#InsideNav li, #InsideNav a {
color:#ffffff;
font:bold 13px arial,sans-serif;
text-decoration:none;
}
#InsideNav li {
background:url(/medias/communs/inside-nav-sep.gif) repeat-x top;
padding:6px 3px 4px 3px;
}
#InsideNav li.First {
background:none;
}
#InsideNav a {
display:block;
padding:8px 7px 6px 7px;
}
#InsideNav a:hover, #InsideNav li.Active a {
background:#5f3421;
}

/* bouton planifier */

#InsideNav a.BoutonPlanifier:hover {
background:none;
}
#InsideNav li.Active a.BoutonPlanifier {
background:none;
}
#InsideNav a.BoutonPlanifier, #InsideNav li.Active a.BoutonPlanifier {
background:url(/medias/fr/bouton-planifier.gif) no-repeat 0 0;
height:53px;
margin-bottom:10px;
padding:0;
text-indent:-9000px;
width:144px;
}
#InsideNav a.BoutonPlanifier:hover, #InsideNav li.Active a.BoutonPlanifier:hover {
background:url(/medias/fr/bouton-planifier.gif) no-repeat 0 -53px;
}
body.en #InsideNav a.BoutonPlanifier, body.en #InsideNav li.Active a.BoutonPlanifier {
background:url(/medias/en/bouton-planifier.gif) no-repeat 0 0;
}
body.en #InsideNav a.BoutonPlanifier:hover, body.en #InsideNav li.Active a.BoutonPlanifier:hover {
background:url(/medias/en/bouton-planifier.gif) no-repeat 0 -53px;
}

/* bouton facebook */

#InsideNav a.BoutonFacebook:hover {
background:none;
}
#InsideNav li.Active a.BoutonFacebook {
background:none;
}
#InsideNav a.BoutonFacebook, #InsideNav li.Active a.BoutonFacebook {
background:url(/medias/communs/bouton-facebook.gif) no-repeat 0 0;
height:53px;
margin-bottom:10px;
padding:0;
text-indent:-9000px;
width:144px;
}
#InsideNav a.BoutonFacebook:hover, #InsideNav li.Active a.BoutonFacebook:hover {
background:url(/medias/communs/bouton-facebook.gif) no-repeat 0 -53px;
}

/* bouton TripAdvisor */

#InsideNav a.BoutonTripAdvisor:hover {
background:none;
}
#InsideNav li.Active a.BoutonTripAdvisor {
background:none;
}
#InsideNav a.BoutonTripAdvisor, #InsideNav li.Active a.BoutonTripAdvisor {
background:url(/medias/communs/bouton-tripadvisor.gif) no-repeat 0 0;
height:53px;
margin-bottom:10px;
padding:0;
text-indent:-9000px;
width:144px;
}
#InsideNav a.BoutonTripAdvisor:hover, #InsideNav li.Active a.BoutonTripAdvisor:hover {
background:url(/medias/communs/bouton-tripadvisor.gif) no-repeat 0 -53px;
}
.TA_rated { margin-left:-10px; }

/* ---------
    Menu
--------- */
#Nav {
left:69px;
position:absolute;
z-index:90;
top:209px;
}
#Nav li {
float:left;
height:46px;
}
#Nav li a {
display:block;
height:46px;
text-indent:-5000px; outline:none;
}

#Nav li a.Excursions {
background:url(../medias/fr/nav-excursions.gif) no-repeat;
width:159px;
}
#Nav li.Active a.Excursions {
background:url(../medias/fr/nav-excursions.gif) no-repeat left -94px;
}
#Nav li.Hover a.Excursions {
background:url(../medias/fr/nav-excursions.gif) no-repeat left -46px;
}
#Nav li a.Plongee {
background:url(../medias/fr/nav-plongee.gif) no-repeat;
width:135px;
}
#Nav li.Active a.Plongee {
background:url(../medias/fr/nav-plongee.gif) no-repeat left -94px;
}
#Nav li.Hover a.Plongee {
background:url(../medias/fr/nav-plongee.gif) no-repeat left -46px;
}
#Nav li a.Bateaux {
background:url(../medias/fr/nav-bateaux.gif) no-repeat;
width:114px;
}
#Nav li.Active a.Bateaux {
background:url(../medias/fr/nav-bateaux.gif) no-repeat left -94px;
}
#Nav li.Hover a.Bateaux {
background:url(../medias/fr/nav-bateaux.gif) no-repeat left -46px;
}
#Nav li a.Info {
background:url(../medias/fr/nav-info.gif) no-repeat;
width:138px;
}
#Nav li.Active a.Info {
background:url(../medias/fr/nav-info.gif) no-repeat left -94px;
}
#Nav li.Hover a.Info {
background:url(../medias/fr/nav-info.gif) no-repeat left -46px;
}
#Nav li a.Guides {
background:url(../medias/fr/nav-guides.gif) no-repeat;
width:99px;
}
#Nav li.Active a.Guides {
background:url(../medias/fr/nav-guides.gif) no-repeat left -94px;
}
#Nav li.Hover a.Guides {
background:url(../medias/fr/nav-guides.gif) no-repeat left -46px;
}
#Nav li a.Boutique {
background:url(../medias/fr/nav-boutique.gif) no-repeat;
width:89px;
}
#Nav li.Active a.Boutique {
background:url(../medias/fr/nav-boutique.gif) no-repeat left -94px;
}
#Nav li.Hover a.Boutique {
background:url(../medias/fr/nav-boutique.gif) no-repeat left -46px;
}
#Nav li a.Promotions {
background:url(../medias/fr/nav-promotions.gif) no-repeat;
width:99px;
}
#Nav li.Active a.Promotions {
background:url(../medias/fr/nav-promotions.gif) no-repeat left -94px;
}
#Nav li.Hover a.Promotions {
background:url(../medias/fr/nav-promotions.gif) no-repeat left -46px;
}

.en #Nav li a.Excursions {
background:url(../medias/en/nav-excursions.gif) no-repeat;
width:153px;
}
.en #Nav li.Active a.Excursions {
background:url(../medias/en/nav-excursions.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Excursions {
background:url(../medias/en/nav-excursions.gif) no-repeat left -46px;
}
.en #Nav li a.Plongee {
background:url(../medias/en/nav-plongee.gif) no-repeat;
width:128px;
}
.en #Nav li.Active a.Plongee {
background:url(../medias/en/nav-plongee.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Plongee {
background:url(../medias/en/nav-plongee.gif) no-repeat left -46px;
}
.en #Nav li a.Bateaux {
background:url(../medias/en/nav-bateaux.gif) no-repeat;
width:110px;
}
.en #Nav li.Active a.Bateaux {
background:url(../medias/en/nav-bateaux.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Bateaux {
background:url(../medias/en/nav-bateaux.gif) no-repeat left -46px;
}
.en #Nav li a.Info {
background:url(../medias/en/nav-info.gif) no-repeat;
width:140px;
}
.en #Nav li.Active a.Info {
background:url(../medias/en/nav-info.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Info {
background:url(../medias/en/nav-info.gif) no-repeat left -46px;
}
.en #Nav li a.Guides {
background:url(../medias/en/nav-guides.gif) no-repeat;
width:119px;
}
.en #Nav li.Active a.Guides {
background:url(../medias/en/nav-guides.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Guides {
background:url(../medias/en/nav-guides.gif) no-repeat left -46px;
}
.en #Nav li a.Boutique {
background:url(../medias/en/nav-boutique.gif) no-repeat;
width:99px;
}
.en #Nav li.Active a.Boutique {
background:url(../medias/en/nav-boutique.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Boutique {
background:url(../medias/en/nav-boutique.gif) no-repeat left -46px;
}
.en #Nav li a.Promotions {
background:url(../medias/en/nav-promotions.gif) no-repeat;
width:83px;
}
.en #Nav li.Active a.Promotions {
background:url(../medias/en/nav-promotions.gif) no-repeat left -94px;
}
.en #Nav li.Hover a.Promotions {
background:url(../medias/en/nav-promotions.gif) no-repeat left -46px;
}
/* Sub Menu Reset */
#Nav .Sub li {float:none;height:auto; position:relative;}
#Nav .Sub li a {height:auto;text-indent:0;background:none;width:auto;}
#Nav li.Hover .Sub li a, #Nav li.Active .Sub li a {background:none;width:auto;}

/* Sub Menu Style */
#Nav li.Hover .Sub {display:block;}

#Nav .Sub {
background:url(../medias/communs/dropdown.jpg);
border:1px solid #7a9690;
display:none;
position:absolute;
width:390px;
}

#Nav .menu1 .Sub, #Nav #ctl00_PageNavigation_liNav1 .Sub {margin:auto 30px; width:630px; left:-30px;}
#Nav .menu7 .Sub, #Nav #ctl00_PageNavigation_liNav7 .Sub { left:440px;}



#Nav .Sub ul {
margin:1px 30px -1px;
width:566px;  overflow:hidden;
}




#Nav .Sub li { width:333px; background:url(../medias/communs/dropdown_sep.gif) repeat-x left bottom;  }
#Nav .menu1 .Sub li, #Nav #ctl00_PageNavigation_liNav1 .Sub li {float:left; width:280px;  }

#Nav .Sub li, #Nav li.Hover .Sub li a {
color:#492316; 
display:block;
font:bold 12px/16px arial,sans-serif; text-decoration:none;
height:1%;

}
#Nav li.Hover .Sub li a { padding:10px 20px 10px 0;
}
#Nav li.Hover .Sub li.First a {
}
#Nav li.Hover .Sub li a:hover { color:#fff; background:url(../medias/communs/hover_dropdown.png) no-repeat right center;
}

/* Section pour placer les images correctement */
.jcarousel-skin-PageImage .Image {width:142px; height:109px; background:url(/css/jcarousel_skin/PageImage/dropShadow.gif) no-repeat right bottom;}
.jcarousel-skin-PageImage .Image span {position:absolute;width:135px;padding-top:10px; line-height:1.1em}
.jcarousel-skin-PageImage .Image1 {float:left;margin-right:5px;}
.jcarousel-skin-PageImage .Image2 {float:left;margin-right:5px;}
.jcarousel-skin-PageImage .Image3 {float:left;margin-right:5px;}
.jcarousel-skin-PageImage .Image4 {float:left;}
.jcarousel-skin-PageImage .Image5 {clear:both;float:left;margin:60px 5px 0 0;}
.jcarousel-skin-PageImage .Image6 {float:left;margin:60px 5px 0 0;}
.jcarousel-skin-PageImage .Image7 {float:left;margin:60px 5px 0 0;}
.jcarousel-skin-PageImage .Image8 {float:left;margin:60px 0 0 0;}
.jcarousel-skin-PageImage .Image9 {clear:both;float:left;margin:60px 5px 0 0;}
.jcarousel-skin-PageImage .Image10 {float:left;margin:60px 5px 0 0;}
.jcarousel-skin-PageImage .Image11 {float:left;margin:60px 5px 0 0;}
.jcarousel-skin-PageImage .Image12 {float:left;margin:60px 0px 0 0;}

/* validator callout */

.vceHighlight { background-color: #f0f1f1; border:solid 1px #7f9db9; padding:2px;}
.vcePopup2 { margin: -2px 0 0 -2px !important; }
.vcePopup { margin: 2px 0 0 -10px; z-index:2000;}
.vcePopup div, .vcePopup td { border: 1px solid #00704a; background-color: #f0f1f1; width:100px;}
.vcePopup .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0 0; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0; margin-left: auto; }
.vcePopup .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 12px !important; padding: 10px 5px; border-right: none; }
.vcePopup .ajax__validatorcallout_icon_cell { display: none; width: 20px; padding: 5px; border-right: none; }
.vcePopup .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0; border-left: none; }
.vcePopup .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 13px; padding: 2px; cursor: pointer; }


/* formulaire */

em { color: #ff6600 !important; font-style: normal; }

.ajoutxtfield1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom:4px; float:left; width: 238px;}
.formu {
	float:left;
	color:#838485;
	margin-bottom:10px;
}
.formu h3{ margin:1em 0; }

.formu li a{
	font-size:100%;
}
.formu li {
	float:left;
	font-size:75%;
	margin-bottom:0.3em;
	padding-left: 15px; 
	width:575px;
}
.formu li span {
	float:left;
	width:160px;
}
.envoyer {
	float:right;
    padding-right:206px;
    margin:0.5em 0;
}
.envoyerbtn { padding:9px; border:solid 1px #7f9db9; font-weight: bold; font-size: 11px; background-color: #626363; color:#fff!important;font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-decoration:none;}
.txtfinal {padding-top:1.2em;float:left;display:block;width:575px;}

.plansite1 {color:#55878e!important;font:bold 15px arial,sans-serif!important;line-height:1.5em!important; text-decoration:none;}
.plansite ul li ul {margin:1em 0 2em 1.5em;}

/*.tablePromo {border:solid 1px #5f3421; }*/
.tablePromo th {border:solid 1px #5f3421; background:#5f3421; color:#fff; font-family:arial; text-align:left; font-size:12px !important; padding:1em; }
.tablePromo strong {color:#fff;}
.tablePromo td {border-bottom:solid 1px #5f3421;font-size:12px !important; border-bottom:1px solid #97878E; padding:1em;}

#Content p.small {border:1px solid #18999a; padding:10px; width:300px; font-size:11px !important; color:#555 !important;}

#Content p.option {border:1px solid red; background:ccc; padding:10px; width:300px}

#Content p.prix {border:1px solid #18999a; background:#f3f3df; padding:10px; width:300px; }

p.importante {border:1px solid #18999a; background:#f3f3df; padding:15px; font-size:12px; width:92%;}
