/* ################################# FONT ########################## */

@font-face {
    font-family: 'interstatelightregular';
    src: url('fonts/interstatelight-webfont.eot');
    src: url('fonts/interstatelight-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/interstatelight-webfont.woff') format('woff'),
         url('fonts/interstatelight-webfont.ttf') format('truetype'),
         url('fonts/interstatelight-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'interstateregular';
    src: url('fonts/interstate_light-webfont.eot');
    src: url('fonts/interstate_light-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/interstate_light-webfont.woff') format('woff'),
         url('fonts/interstate_light-webfont.ttf') format('truetype'),
         url('fonts/interstate_light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'interstatethinregular';
    src: url('fonts/interstate_thin-webfont.eot');
    src: url('fonts/interstate_thin-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/interstate_thin-webfont.woff') format('woff'),
         url('fonts/interstate_thin-webfont.ttf') format('truetype'),
         url('fonts/interstate_thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Conv_Tarzana-Narrow';
	src: url('fonts/Tarzana-Narrow.eot');
	src: url('fonts/Tarzana-Narrow.woff') format('woff'),
	url('fonts/Tarzana-Narrow.ttf') format('truetype'),
	url('fonts/Tarzana-Narrow.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
    font-family: 'tarzananarrowitalic';
    src: url('fonts/tarnaita-webfont.eot');
    src: url('fonts/tarnaita-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/tarnaita-webfont.woff') format('woff'),
         url('fonts/tarnaita-webfont.ttf') format('truetype'),
         url('fonts/tarnaita-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* ################################# GENERAL ########################## */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
html, body {padding: 0px;margin: 0px;font-family: 'DINRegular';height:100%;color:#FFFFFF}
img {border: none;}
#master {top:0px;width:100%;height:100%;left:0px;position: absolute;z-index:55;}
img {border:none;}
.clear { clear:both}
ul, li{text-decoration:none; list-style:none; margin:0; padding:0;}
a {text-decoration:none; color:#FFF;}
H1 {padding:0px;margin:0px;font-family:interstatethinregular;text-transform: uppercase;color:#FFFFFF;font-weight: normal;font-size:95px;margin-top:15px;letter-spacing:-1px; margin-left:-8px;margin-bottom:10px;}
H2 {font-family:interstatelightregular;color: #FFFFFF;font-weight: normal;text-transform: uppercase;margin-top:10px;margin-bottom: 10px;}
H4 {font-family: 'interstateregular';color: #FFFFFF;font-weight: normal;margin-top:10px;margin-bottom: 0px;}
H4 a:hover { text-decoration:underline;}
strong {font-family: "interstatelightregular";color: #FFFFFF;font-weight: normal;font-size: 18px;}

#fond_opaque { top: 0;left: 0;position: fixed;z-index: 48;background: url("../image/statique/bg_diapo.png"); background-repeat:repeat;height: 100%;width: 100%}

#header { height:30px;padding-left:40px; padding-top:26px; padding-right:40px;}

#menu-top {text-align: justify; min-width: 900px; }
#menu-top .item { letter-spacing: 1px;font-family: "interstatelightregular";color: white;font-size: 11px;text-transform: uppercase;display: inline-block;color:#FFF;padding-top: 4px;}
#menu-top .item a { color: white;}
.fb-like { position:absolute; top:2px; left:4px; width:94px; }

#menu-top:after { content: '';width: 100%;display: inline-block;}
#menu-top #liens {padding-right:0px;}
#menu-top #video {background:url("../image/statique/picto_camera.png") no-repeat 44px 1px; padding-right:24px;}
#menu-top #derniere-minute {background:url("../image/statique/picto_horloge.png") no-repeat 115px 0px; padding-right:24px; padding-bottom:5px;}
#menu-top #trip-advisor {background:url("../image/statique/picto_jumelles.png") no-repeat 92px 0px; padding-right:30px; padding-bottom:5px;}
#menu-top #suivez-nous img{vertical-align: sub;margin-left: 8px;}
#menu-top .langue { display:block; width:10px;}
#menu-top a.langue_selected { -moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50); }
#diaporama-conteneur {position: relative;height:100%;overflow:hidden; z-index:30;}
#diaporama-conteneur img {position: absolute; }
#logo-accueil {position:fixed;right:50px;bottom:40px;}
#menu-top a.soon { -moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);filter:alpha(opacity=60); }

#menu {position: absolute;left:40px; padding-bottom:15px;}
#menu li {margin-top:10px; line-height:30px;}
#menu li.staring {line-height:normal;}
#menu a {color:#FFFFFF;text-transform: uppercase;font-family:interstatethinregular;font-size:28px;}
#menu .cat_selected {display:none;}
#content { padding-left:40px; padding-top:8px;}
#content p{font-size:17px; line-height:22px;margin-bottom:5px;font-family: 'tarzananarrowitalic';}
#content p.paraph-staring {margin-top:25px; margin-bottom:15px;}
#content p.paraph-staring a {color:#FFF; text-decoration:underline; font-size:18px;}

/* ################################# CATAMARAN ########################## */
#content p.paraph-staring a.decouvrez { color:#333333; background-color:#FFF; font-size:13px; padding:6px; padding-left:7px; padding-right:9px; padding-top:8px;font-family: 'interstateregular'; background-image:url(../image/statique/pdf.png); background-repeat:no-repeat; background-position:10px 7px; padding-left:34px; text-decoration:none;}

/* ################################# ACCUEIL ########################## */

.body_accueil #header,.body_ #header{ display:none;}
.body_accueil #master,.body_ #logo-accueil{display:none;}
.body_accueil #menu,.body_ #menu{ display:none;}
#entrance {position:fixed;left:50%;top:50%;margin-top:-230px;margin-left:-130px;}


/* ################################# PORTAILS ########################## */

.body_portail #menu .staring a{font-size:100px;}
.body_portail #menu .staring {margin-top:2px;margin-left:-8px;}
.body_portail #menu .last {margin-bottom:20px;}
.body_portail #menu { position:absolute;top:80px;}

/* ################################# CROISIERES ########################## */
.vierge_body body_gmap #master_vierge { padding:0; margin:0; }
.body_video_tahiti #master_vierge { padding:0; margin:0; }
#content p.baseline { padding:0; margin-top:0; font-style:normal; padding-top:10px;font-size:12px; padding-bottom:10px; font-weight:normal;font-family: 'interstateregular'; line-height:17px; }
#content p.map {margin-top:15px; margin-bottom:3px;}
#content p.map strong {color:#333333;font-family: 'interstateregular'; font-weight:bold;font-size:12px;}
#content p.map a {color:#333333; background-color:#FFF; font-size:12px; padding:6px; padding-left:7px; padding-right:9px;font-family: 'interstateregular'; background-image:url(../image/statique/icone_gmap_dcf.png); background-repeat:no-repeat; background-position:6px 5px; padding-left:25px;}
#content p.baseline a {  color:#FFF; text-decoration:underline;}
body.body_croisieres #content { padding-bottom:5px; }
.accordeon_handle { cursor:pointer;}
.accordeon_more_content p { padding-top:10px; }
.accordeon_more_content p.last { padding-top:0px; }
.accordeon_more_content p strong { font-size:12px; margin:0; padding:0; }
H4.last { padding-bottom:10px;}


/* ################################# VIP ########################## */

body.body_evenements_vip #content { padding-bottom:10px; }
body.body_evenements_vip p.last a { text-decoration:underline; }

/* ################################# EQUIPE ########################## */

#equipe_right img, #equipe_left img { float:left; border-right:#FFF 2px solid; margin-right:20px;}
#equipe_right h2, #equipe_left h2 { padding:0; margin-top:0; margin-bottom:10px; font-size:17px;}
#equipe_right strong, #equipe_left strong { padding:0; margin-top:0; font-size:15px; font-weight:normal;font-family: 'interstateregular'; line-height:20px;}
#equipe_right p, #equipe_left p { padding:0; margin:0; padding-bottom:13px; }
#equipe_left { width:370px; float:left; margin-right:15px; margin-bottom:0px;}
#equipe_right { width:400px; float:left;}

/* ################################# RESERVER / CONTACT ########################## */
.body_reserver_contact #menu { position:absolute; }
.body_reserver_contact #content p.chapeau { font-size:18px; padding-bottom:10px; line-height:18px; }
.body_reserver_contact #content H1 { padding-bottom2:0px; margin-bottom:0px; }
.body_reserver_contact form div.label {font-family: 'tarzananarrowitalic';}
.body_reserver_contact form input {color:#000; background-color:#FFF; border:none; padding:3px;-moz-opacity: 0.54;-khtml-opacity: 0.54;opacity: 0.54;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=54);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=54);filter:alpha(opacity=54);font-family:Arial, Helvetica, sans-serif; width:200px;}
.body_reserver_contact form input#court {width:95px;}
.identite_systeme {position:absolute;left:-9000px;}


form span.form_etiquette { margin-bottom:5px;display:inline-block;font-family: 'tarzananarrowitalic'; width:99px; }
.form_ligne {margin-bottom:3px;}
form span.message_title { vertical-align:top; margin:0; padding:0; width:80px; }
form span.message_title2 { vertical-align:top; margin:0; padding:0; width:99px; }
textarea{color:#000;width:240px; margin:0; padding:0; padding:3px; -moz-opacity: 0.54;-khtml-opacity: 0.54;opacity: 0.54;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=54);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=54);filter:alpha(opacity=54);border:0;font-family:Arial, Helvetica, sans-serif; height:98px; margin-left:-3px; }
textarea.petit {height:98px; }
#form1 {padding-bottom: 10px;margin-top:10px; }
#coordonnees p { padding-bottom:10px; font-family: 'interstateregular'; font-style:normal; font-size:13px; }
#form_left { float:left; width:320px; padding-bottom:18px; }
#form_right { float:left; width:370px;  }
#form_last { float:left; width:350px;}
#form1 input.submit_bouton { color:#333333; background-color:#FFF; font-size:13px; padding:6px; padding-left:7px; padding-right:9px; padding-top:8px;font-family: 'interstateregular'; background-image:url(../image/statique/fleche.png); background-repeat:no-repeat; background-position:10px 7px; padding-left:20px; line-height:16px;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100); font-family: 'interstateregular'; cursor:pointer; width:110px; margin-bottom:15px; float:left; margin-right:40px; display:block; }
span.obligatoire { font-size:14px; }
#form1 input.cp { width:90px; }
select { margin:0; margin-left:-4px; padding:0; padding:3px; -moz-opacity: 0.54;-khtml-opacity: 0.54;opacity: 0.54;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=54);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=54);filter:alpha(opacity=54);border:0;}

#outils { font-size:11px; text-transform:uppercase;font-family: 'interstateregular'; padding:0; margin:0; width:230px; line-height:16px; margin-top:-3px; display:block; float:left;  }
#outils a { font-size:11px; text-transform:uppercase;font-family: 'interstateregular';  cursor:pointer; text-decoration:underline; }

/* ################################# POPUP ########################## */

#master_vierge table {font-family: 'interstateregular'; color:#000000; font-weight:normal; font-size:13px;}
#master_vierge table td { padding-bottom:3px; border:#CCC 1px solid; padding-top:3px; padding-right:20px;}
#master_vierge table tr.en { color:#CCC; font-size:12px; padding:0;}
#master_vierge table tr.fr td { border-bottom:none; font-size:12px; padding:0; margin-bottom:0;}

#master_vierge { background-color:#FFF; font-family: 'interstateregular'; color:#000000;padding:35px; font-weight:normal;}
#master_vierge #actu_txt{ font-size:13px;font-family: 'interstateregular'; color:#000000;}
#master_vierge #actu_txt a { font-size:13px;font-family: 'interstateregular'; color:#000000; text-decoration:underline;}
#master_vierge #actu_titre { text-transform:uppercase; padding-bottom:3px;}
#master_vierge #actu_txt { border-bottom:#CCC 1px solid; clear:both; margin-bottom:25px;}

#master_vierge H1 { color:#49413C; font-family: 'interstateregular'; font-size:26px; margin:0; padding:0; padding-bottom:25px; font-weight:normal;}
#master_vierge H2 { color:#006B8D; font-family: 'interstateregular'; font-size:18px; margin:0; padding:0; padding-bottom:5px; font-weight:normal;}
#master_vierge p { padding-bottom:20px; line-height:19px;}
#master_vierge p.last { padding-bottom:0px;}
#master_vierge span { color:#006B8D; font-family: 'interstateregular'; font-size:18px; margin:0; padding:0; font-weight:normal;}
#master_vierge img.liens { border:#CCC 1px solid; margin-bottom:15px; }
.body_parlons_perles #mbox-mainbox { position: fixed; overflow: hidden; display: block; z-index: 50001; width: 800px; height: 630px; opacity: 1; margin: 0px 0px 0px -400px; left: 50%; top: 0; }
body.body_gmap #master_vierge { padding:0; margin:0; }
body.body_video #master_vierge { padding:0; margin:0; }
body.body_guest_book #master_vierge p {font-family: 'interstateregular'; font-size:13px; color:#333; line-height:20px; }
body.body_guest_book #master_vierge p strong {font-family: 'interstateregular'; font-size:13px; color:#333; line-height:20px; font-weight:bold; }

body.body_derniere_minute #master_vierge p {font-family: 'interstateregular'; font-size:13px; color:#333; line-height:20px; }
body.body_derniere_minute #master_vierge p strong {font-family: 'interstateregular'; font-size:13px; color:#333; line-height:20px; font-weight:bold; }
body.body_derniere_minute #master_vierge a.actu { font-family: 'interstateregular'; font-size:13px; color:#333; text-decoration:underline;}

p.liens a { margin-right:20px; margin-bottom:25px; }
body.body_liens #master_vierge p { padding-bottom:0; }
body.body_liens #master_vierge H1 { padding-bottom:0; }
body.body_liens #master_vierge { margin-bottom:0; padding-bottom:0; }

#credits_popup p strong {font-family: 'interstateregular'; font-size:16px; color:#333;}
#credits_popup p, #credits_popup p a {font-family: 'interstateregular'; font-size:14px; color:#333;}