§@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
 
 @font-face {
    font-family: "Trajan Pro";
    src: url('fonts/Trajan Pro Regular.ttf');
}
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img, .content-view.columns-2 img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, .content-view.columns-2 img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* BASE */
* {
  box-sizing: border-box; }

html {
  /*    font-size: 62.5%;
        font-size: calc(1em * .625);*/
  font-family: sans-serif;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-touch-callout: none; }

ol, ul, nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

hr {
  display: block;
  height: 1px;
  border: 1px;
  border-top: 1px solid #fdea18;
  margin: 2em 20%;
  padding: 0;
  float: left;
  width: 60%; }

div, textarea, table, td, th, code, pre, samp {
  /*    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;*/ }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s; }

img, .content-view.columns-2 img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: auto;
  border: 0; }

a img, a .content-view.columns-2 img, .content-view.columns-2 a img {
  border: 0; }

body > script {
  display: none !important; }

/* ====== Print styles ======= */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img, .content-view.columns-2 img {
    page-break-inside: avoid; }
  img, .content-view.columns-2 img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

/*@import "susy"; See*/
.white {
  color: #ffffff; }

.black {
  color: #000000; }

.blue-deep {
  color: #00083f; }

.blue-light {
  color: #022287; }

.yellow-deep {
  color: #fdea18; }

.yellow-light {
  color: #fff9c6; }

.green {
  color: #fff9c6; }

.orange {
  color: #fff9c6; }

/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }

/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }

/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }

/* END Extrabold Italic */
/* ===================================
   UX
   =================================== */
::selection {
  background: #fdea18;
  color: #000000; }

::-moz-selection {
  background: #fdea18;
  color: #000000; }

::-webkit-selection {
  background: #fdea18;
  color: #000000; }


.page-itineraries #slideshow, .page-itineraries #slidetext{display:none;}


/* ===================================
   CLEARFIX (% Placeholder)
   =================================== */
.wrap:after, .triptyques:after, .content-view:after, .archive-newsletters:after, .archive-newsletters .date p:after, header:after, .travel-availibility .travel:after, .our-offer .offer:after, .agenda .offer:after, .agents .land:after, .home-staff:after {
  content: "";
  display: table;
  clear: both; }

/*.container-with-floated-children {
  @extend %clearfix;
}*/
/* ===================================
   BOX TABLE 
   =================================== */
/*Valign à besoin d'une hauteur et je peux controler le centrage vertical*/
.content-view.header-content-intro .content-text, .content-view.columns-3, header #menu:focus, header #menu:hover, header #menu:active, header .navs .main-navigation > ul > li, .waow-content .waow-content-text, .actualite-content .actualite-content-text, #slideshow .wrap .content-view, #slideshow .triptyques .content-view, .agents .agent {
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.content-view.header-content-intro .content-text::before, .content-view.columns-3::before, header #menu:focus::before, header #menu:hover::before, header #menu:active::before, header .navs .main-navigation > ul > li::before, .waow-content .waow-content-text::before, .actualite-content .actualite-content-text::before, #slideshow .wrap .content-view::before, #slideshow .triptyques .content-view::before, .agents .agent::before {
  content: "";
  display: inline-block;
  height: 100%;
  /*margin-right: -0.35em;*/
  vertical-align: middle; }

.content-view.header-content-intro .content-text > *, .content-view.columns-3 > *, header #menu:focus > *, header #menu:hover > *, header #menu:active > *, header .navs .main-navigation > ul > li > *, .waow-content .waow-content-text > *, .actualite-content .actualite-content-text > *, #slideshow .wrap .content-view > *, #slideshow .triptyques .content-view > *, .agents .agent > * {
  display: inline-block;
  vertical-align: middle; }

/* ==========================================================
   SCROLLBAR
   ========================================================== */
/*@include scrollbars(15px, $yellow-deep);*/
/* ==========================================================
   IMAGE
   ========================================================== */
/* ==========================================================================
   MATH
   ========================================================================== */
/*Core*/
/* ==========================================================================
   SUSY
   ========================================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*
$desktop: (
columns: 12,
column-width: 80px,
gutters: 1/4,
container: 1220px,
math: fluid,
global-box-sizing: border-box,
gutter-position: after,
debug: (
image: show,
color: red,
output: background,
toggle: top right,
)
);*/
/* ==========================================================================
   OPEN SANS
   ========================================================================== */
.press .content-text time, .press .content-text i, .itinerary h3 span {
  font-weight: normal;
  font-style: italic; }

body, h1, h2, h3, h3 + p, footer {
  font-weight: 300;
  font-style: normal; }

strong, b, .tableau-50-pourcent thead th, .tableau-100-pourcent thead th, .onboard-facilities .display .content blockquote, .press .content-text a, .shifted dt, .filter.years, .waow-content .waow-content-text .waow-text p:last-child a, .actualite-content .actualite-content-text .links a, .itinerary .main-dive-site .dive-site .dive-site-content .description h3, .travel-availibility .travel .travel-data table thead th, .travel-availibility .travel .travel-availibility-title h3, .our-offer .offer table thead tr th, .agenda .offer table thead tr th, .our-offer .offer table.first-column td:last-child, .our-offer .offer .content-offer .content-offer-text .title, .home-staff .staff-text a, .triptyques .triptyque .content-triptyque .content h4 {
  font-weight: normal;
  font-style: normal; }

.archive-newsletters .content-text-archive a {
  font-weight: 600;
  font-style: normal; }

.theme-teasers a, .cruise-description, .triptyques .triptyque .content-triptyque a {
  font-weight: bold;
  font-style: normal; }

/* ==========================================================================
   STYLES
   ========================================================================== */
html {
  font-size: 15px; }

body {
  background-color: #011563;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
  background-image: -webkit-linear-gradient(right, #00083f, #022287);
  background-image: -moz-linear-gradient(right, #00083f, #022287);
  background-image: -ms-linear-gradient(right, #00083f, #022287);
  background-image: -o-linear-gradient(right, #00083f, #022287);
  background-image: linear-gradient(to right, #00083f, #022287);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00083f', EndColorStr='#022287')";
  /*background:image-url('grid.gif') repeat-y center top;*/
  /*text-rendering: optimizeLegibility;*/
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  font-size: 15px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.4rem;
  margin-top: -0.23rem;
  color: #fff9c6;
  margin: 0;
  overflow-x: hidden; }

h1 {
  font-size: 47px;
  font-size: 3.1333333333rem;
  line-height: 49px;
  color: #fdea18; }
  @media (min-width: 0) and (max-width: 480px) {
    h1 {
      font-size: 41px;
      font-size: 2.7333333333rem;
      line-height: 57.4px;
      line-height: 3.8266666667rem;
      line-height: 43px;
      margin-bottom: 2px; }
      h1 br {
        display: none; } }

h2 {
  font-size: 41px;
  font-size: 2.7333333333rem;
  line-height: 42px;
  color: #fdea18;
  border-bottom: 1px solid #fdea18;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: 100%; }
  h2 span {
    color: #fff9c6; }
  h2 cite {
    font-size: 15px;
    font-size: 1rem;
    margin-left: 20px; }
  @media (min-width: 0) and (max-width: 768px) {
    h2 {
      font-size: 31px;
      font-size: 2.0666666667rem;
      line-height: 43.4px;
      line-height: 2.8933333333rem;
      line-height: 42px;
      padding-bottom: 9px; }
      h2 br {
        display: none; }
      h2 cite {
        width: 100%;
        display: block;
        margin-left: 0px; } }
  @media (min-width: 0) and (max-width: 768px) {
    h2 {
      font-size: 26px;
      font-size: 1.7333333333rem;
      line-height: 36.4px;
      line-height: 2.4266666667rem;
      line-height: 28px; } }

h3 {
  font-size: 31px;
  font-size: 2.0666666667rem;
  line-height: 1.6rem;
  color: #fff9c6;
  margin-bottom: 20px; }
  @media (min-width: 0) and (max-width: 960px) {
    h3 {
      font-size: 26px;
      font-size: 1.7333333333rem;
      line-height: 26px; } }

@media (min-width: 0) and (max-width: 768px) {
  h3 + p {
    margin-top: 1rem; } }

h4, h5 {
  font-size: 21; }

h6 {
  font-size: 16; }

strong, b {
  color: #fdea18;
  font-size: 16; }

a {
  color: #fff9c6;
  text-decoration: none; }
  a:hover, a:focus {
    color: #fdea18; }

.text-center {
  text-align: center; }

/*GESTION DES MARGES*/
p {
  font-size: 15px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.4rem;
  margin-bottom: 5px; }
  p:last-child {
    margin-bottom: 0; }

p + p, p + img, .content-view.columns-2 p + img, p + ul, ul + p {
  margin-top: 7px; }

.content-view + .content-view {
  margin-top: 20px; }

.content-view .content-text p + ul {
  margin-top: 15px; }

sup {
  font-size: 11px; }

.waow {
  color: #fff9c6;
  font-size: 39px;
  line-height: 37px;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden; }
  .waow span {
    color: #fdea18; }

.tableau-50-pourcent {
  width: 49%;
  margin-right: 1%;
  float: left;
  font-size: 13px;
  font-size: 0.8666666667rem; }
  p:last-of-type + .tableau-50-pourcent {
    margin-top: 15px; }
  p:last-of-type + .tableau-50-pourcent + .tableau-50-pourcent {
    margin-top: 15px; }
  .tableau-50-pourcent thead tr {
    background-color: #022287; }
  .tableau-50-pourcent thead th {
    color: #fdea18;
    text-transform: uppercase;
    line-height: 12px; }
    .tableau-50-pourcent thead th u {
      padding-bottom: 2px;
      color: #fdea18; }
    .tableau-50-pourcent thead th:nth-child(1) {
      width: 50%;
      text-align: left; }
  .tableau-50-pourcent tbody tr:nth-child(odd) {
    background-color: #32427b; }
  .tableau-50-pourcent tbody tr:nth-child(even) {
    background-color: #1b2f74; }
  .tableau-50-pourcent tbody td:nth-child(1) {
    text-align: left;
    width: 75%; }
  .tableau-50-pourcent th, .tableau-50-pourcent td {
    text-align: center;
    vertical-align: middle;
    height: 30px;
    padding: 0px 5px; }
  @media (min-width: 0) and (max-width: 768px) {
    .tableau-50-pourcent {
      width: 100%; } }

.tableau-100-pourcent {
  width: 100%;
  font-size: 13px;
  font-size: 0.8666666667rem; }
  p:last-of-type + .tableau-100-pourcent {
    margin-top: 15px; }
  .tableau-100-pourcent thead tr {
    background-color: #022287; }
  .tableau-100-pourcent thead th {
    color: #fdea18;
    text-transform: uppercase;
    line-height: 12px; }
  .tableau-100-pourcent tbody tr:nth-child(odd) {
    background-color: #32427b; }
  .tableau-100-pourcent tbody tr:nth-child(even) {
    background-color: #1b2f74; }
  .tableau-100-pourcent th, .tableau-100-pourcent td {
    text-align: center;
    vertical-align: middle;
    height: 30px;
    padding: 0px 5px; }
  @media (min-width: 0) and (max-width: 768px) {
    .tableau-100-pourcent {
      width: 100%; } }

.image-zoom {
  display: block;
  position: relative;
  cursor: pointer; }
  .image-zoom:after {
    position: absolute;
    background: url("img/ui/loupe.png") no-repeat center scroll;
    width: 40px;
    height: 40px;
    content: " ";
    bottom: 3px;
    right: 3px; }

/* ==========================================================================
   LAB
   ========================================================================== */
/*Intéressant je garde sous le coude
html[lang="fr"] q {
  quotes: "«" "»";
}
*/
#responsive {
  content: “XS”;
  display: none; }

@media screen and (min-width: 450px) {
  #responsive {
    content: “S”; } }

@media screen and (min-width: 600px) {
  #responsive {
    content: “M”; } }

@media screen and (min-width: 960px) {
  #responsive {
    content: “L”; } }

/*In Javascript check : responsiveValue = $(”#responsive”).css(“content”);*/
/* UTILS */
/*Margin pour tout les composants*/
.content-view.columns-2 .content-text ul li, .content-view.header-content-intro .content-text ul li, .onboard-facilities .content-text ul li {
  font-size: 15px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.4rem;
  margin: 0 0 0px 15px;
  position: relative;
  display: block; }
  @media (min-width: 0) and (max-width: 1024px) {
    .content-view.columns-2 .content-text ul li, .content-view.header-content-intro .content-text ul li, .onboard-facilities .content-text ul li {
      margin: 0px 0px 5px 15px; } }
  .content-view.columns-2 .content-text ul li:last-child, .content-view.header-content-intro .content-text ul li:last-child, .onboard-facilities .content-text ul li:last-child {
    margin-bottom: 0px; }
  .content-view.columns-2 .content-text ul li:before, .content-view.header-content-intro .content-text ul li:before, .onboard-facilities .content-text ul li:before {
    position: absolute;
    display: block;
    top: 4px;
    left: -15px;
    content: "";
    width: 16px;
    height: 6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fdea18; }

/* ==========================================================================
   CONTAINERS
   ========================================================================== */
.wrap, .triptyques {
  margin-bottom: 40px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 0) and (max-width: 960px) {
    .wrap, .triptyques {
      margin-bottom: 20px; } }
  .wrap:after, .triptyques:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 0) and (max-width: 1140px) {
    .wrap, .triptyques {
      padding: 0px 10px; } }

.no-wrap {
  width: 100%; }

body {
  /*
    Pour debugguer
    @include container;
    @include show-grid(overlay);
    */ }

header {
  width: 100%; }

/*TYPES DE CONTENUS*/
/*Image only*/
.full-image-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

/* .content-view is generated by Drupal*/
.content-view {
  position: relative;
  width: 100%;
  display: block; }
  .content-view.columns-2 {
    /*@TODO vérifier si utile*/
    /*overflow: hidden;*/
    /*> div:last-child {margin-bottom:0;}*/
    /*        
        p:first-of-type {...}
        p:last-of-type {...}
        img:only-of-type {...}
        p:nth-of-type(3n) {...}
        */
    /*Le texte est à gauche*/ }
    .content-view.columns-2 > div:last-child {
      position: absolute;
      top: 0;
      right: 0; }
    .content-view.columns-2 > div:first-child {
      position: relative; }
    .content-view.columns-2 > div:only-child {
      margin-bottom: 0; }
    .content-view.columns-2.inverse > div:last-child {
      position: relative; }
    .content-view.columns-2.inverse > div:first-child {
      position: absolute;
      top: 0;
      left: 0; }
    .content-view.columns-2 .content-text {
      height: 100%;
      color: #fff9c6;
      overflow-y: auto; }
      .content-view.columns-2 .content-text + .content-text {
        overflow-y: visible;
        height: auto; }
      .content-view.columns-2 .content-text .content-text-valign {
        padding-right: 20px; }
        @media (min-width: 0) and (max-width: 768px) {
          .content-view.columns-2 .content-text .content-text-valign {
            padding-right: 0; } }
    .content-view.columns-2 .content-image {
      margin-bottom: 20px; }
    .content-view.columns-2.i-6-t-6 > div:first-child {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.i-6-t-6 > div:last-child {
      width: 49.1525423729%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.texte > div:first-child, .content-view.columns-2.texte > div:last-child {
      position: relative; }
    .content-view.columns-2.i-4-t-8 > div:first-child {
      width: 32.2033898305%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.i-4-t-8 > div:last-child {
      width: 66.1016949153%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.c-9-c-3 > div:first-child {
      width: 74.5762711864%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.c-9-c-3 > div:last-child {
      width: 23.7288135593%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.c-9-c-3 ul li {
      margin: 0px 0px 0px 15px; }
    .content-view.columns-2.i-8-t-4 > div:first-child {
      width: 66.1016949153%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.i-8-t-4 > div:last-child {
      width: 32.2033898305%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.i-8-t-4 ul li {
      margin: 0px 0px 0px 15px; }
    .content-view.columns-2.t-2-t-9 > div:first-child {
      width: 15.2542372881%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.t-2-t-9 > div:last-child {
      width: 74.5762711864%;
      float: right;
      margin-right: 0;
      margin-right: 6.7796610169%; }
    @media (min-width: 0) and (max-width: 768px) {
      .content-view.columns-2 .content-visuel {
        margin-bottom: 20px; }
      .content-view.columns-2 > div:first-child {
        margin-bottom: 40px; } }
  @media (min-width: 0) and (max-width: 768px) and (min-width: 0) and (max-width: 960px) {
    .content-view.columns-2 > div:first-child {
      margin-bottom: 20px; } }
    @media (min-width: 0) and (max-width: 768px) {
      .content-view.columns-2 > div:last-child {
        margin-bottom: 0; }
      .content-view.columns-2 img {
        max-width: inherit;
        width: 100%; } }
  .content-view.header-content-intro {
    margin-bottom: 40px; }
    @media (min-width: 0) and (max-width: 768px) {
      .content-view.header-content-intro {
        margin-bottom: 0; } }
    .content-view.header-content-intro .content-text {
      width: 40.6779661017%;
      float: right;
      margin-right: 0;
      text-align: center;
      background: url("img/ui/wave-text.png") no-repeat left top;
      position: absolute;
      top: 0;
      right: 0; }
      .content-view.header-content-intro .content-text .content-text-valign {
        width: 75%;
        position: relative;
        text-align: left;
        left: 20px; }
        @media (min-width: 0) and (max-width: 360px) {
          .content-view.header-content-intro .content-text .content-text-valign {
            left: 0px; } }
      @media (min-width: 0) and (max-width: 768px) {
        .content-view.header-content-intro .content-text {
          background: none;
          display: block;
          position: relative;
          float: none;
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0; }
          .content-view.header-content-intro .content-text::before {
            display: block; }
          .content-view.header-content-intro .content-text .content-text-valign {
            width: auto;
            margin-top: 15px;
            margin-bottom: 10px;
            padding-bottom: 5px; } }
    .content-view.header-content-intro .header-content-image {
      position: relative;
      margin-bottom: 0; }
  .content-view.visuel {
    width: 100%;
    position: relative;
    margin-bottom: 40px; }
    @media (min-width: 0) and (max-width: 960px) {
      .content-view.visuel {
        margin-bottom: 20px; } }
  .content-view.columns-3 {
    position: relative;
    width: 100%; }
    .content-view.columns-3 .colonne {
      width: 32.2033898305%;
      float: left;
      margin-right: 1.6949152542%;
      top: 0; }
      .content-view.columns-3 .colonne:last-child {
        width: 32.2033898305%;
        float: right;
        margin-right: 0; }
      .content-view.columns-3 .colonne:first-child {
        margin-right: 1%; }
      .content-view.columns-3 .colonne:nth-child(1) {
        position: relative;
        left: 0; }
      .content-view.columns-3 .colonne:nth-child(2) {
        position: absolute;
        height: 100%;
        left: auto; }
      .content-view.columns-3 .colonne:nth-child(3) {
        position: absolute;
        height: 100%;
        right: 0; }
      @media (min-width: 0) and (max-width: 960px) {
        .content-view.columns-3 .colonne:last-child, .content-view.columns-3 .colonne:nth-child(1), .content-view.columns-3 .colonne:nth-child(2), .content-view.columns-3 .colonne:nth-child(3) {
          position: relative;
          float: none;
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          padding-bottom: 5px;
          display: inline-block; } }
    .content-view.columns-3 .content-text {
      height: 100%; }
      .content-view.columns-3 .content-text .content-text-valign {
        padding-right: 20px; }

.full-image {
  position: relative;
  margin-bottom: 40px; }
  @media (min-width: 0) and (max-width: 960px) {
    .full-image {
      margin-bottom: 20px; } }

.onboard-facilities .display .content {
  padding: 30px 15px 15px 15px;
  text-align: center;
  position: absolute; }
  .onboard-facilities .display .content blockquote {
    quotes: "«" "»" "\2018" "\2019";
    font-size: 29px;
    font-size: 1.9333333333rem;
    line-height: 30px;
    color: #fdea18;
    margin-bottom: 20px; }
    .onboard-facilities .display .content blockquote:before {
      content: "\201C";
      content: open-quote; }
    .onboard-facilities .display .content blockquote:after {
      content: "\201D";
      content: close-quote; }
  .onboard-facilities .display .content p {
    font-size: 17px;
    font-size: 1.1333333333rem;
    line-height: 23.8px;
    line-height: 1.5866666667rem;
    margin-top: -0.26rem; }
  @media (min-width: 0) and (max-width: 960px) {
    .onboard-facilities .display .content {
      position: relative;
      top: 0;
      padding: 15px;
      background-color: #00083f;
      margin-bottom: 15px; }
      .onboard-facilities .display .content blockquote {
        font-size: 19px;
        font-size: 1.2666666667rem;
        line-height: 21px;
        margin-bottom: 15px;
        text-shadow: 0px 0px 5px #000000; }
      .onboard-facilities .display .content p {
        font-style: normal;
        line-height: 17px;
        text-shadow: 0px 0px 5px #000000; } }

.onboard-facilities .display img {
  position: relative;
  top: 0;
  left: 0;
  z-index: -1; }
  @media (min-width: 0) and (max-width: 960px) {
    .onboard-facilities .display img {
      display: none; } }

.onboard-facilities .content-text {
  position: absolute;
  height: 100%;
  padding-bottom: 5px;
  color: #fff9c6;
  overflow-y: auto; }
  @media (min-width: 0) and (max-width: 960px) {
    .onboard-facilities .content-text {
      position: relative; } }

.press {
  margin-bottom: 40px;
  line-height: 1em; }
  @media (min-width: 0) and (max-width: 960px) {
    .press {
      margin-bottom: 20px; } }
  .press .content-visuel-press {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .press .content-visuel-press img {
      width: 39.6551724138%;
      float: left;
      margin-right: 3.4482758621%;
      margin-left: 8.6206896552%; }
      .press .content-visuel-press img:last-child {
        width: 39.6551724138%;
        float: left;
        margin-right: 3.4482758621%;
        margin-left: 0%; }
    @media (min-width: 0) and (max-width: 480px) {
      .press .content-visuel-press img {
        width: 48.275862069%;
        float: left;
        margin-right: 3.4482758621%;
        margin-left: 0; }
        .press .content-visuel-press img:last-child {
          width: 48.275862069%;
          float: right;
          margin-right: 0;
          margin-left: 0; } }
  .press .content-text h3 {
    font-size: 40px;
    font-size: 2.6666666667rem;
    margin-top: 0.63rem; }
  .press .content-text time, .press .content-text i {
    font-size: 18px;
    font-size: 1.2rem;
    line-height: 25.2px;
    line-height: 1.68rem;
    margin-top: -0.28rem; }
  .press .content-text a {
    margin-top: 10px;
    display: inline-block;
    color: #fff9c6;
    padding-bottom: 3px;
    line-height: 21px;
    border-bottom: 1px solid #fdea18; }

.shifted {
  position: relative;
  line-height: 14px; }
  .shifted dt {
    color: #fdea18;
    width: 23%;
    margin-right: 2%;
    text-align: right;
    margin-bottom: 15px;
    float: left;
    clear: left; }
  .shifted dd {
    color: #fff9c6;
    width: 75%;
    float: left;
    margin-bottom: 15px; }

.archive-newsletters {
  margin-bottom: 40px; }
  @media (min-width: 0) and (max-width: 960px) {
    .archive-newsletters {
      margin-bottom: 20px; } }
  .archive-newsletters .date {
    width: 100%;
    position: relative;
    text-align: center; }
    .archive-newsletters .date p {
      text-align: center;
      font-size: 33px;
      font-size: 2.2rem;
      margin-top: 20px;
      line-height: 45px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      width: auto;
      display: inline-block; }
      .archive-newsletters .date p span:nth-child(1) {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        color: #fdea18; }
      .archive-newsletters .date p span:nth-child(2) {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        color: #fff9c6;
        font-size: 31px;
        font-size: 2.0666666667rem; }
      @media (min-width: 0) and (max-width: 768px) {
        .archive-newsletters .date p {
          border-top: 1px solid #fdea18;
          border-bottom: 1px solid #fdea18; } }
  .archive-newsletters .content-text-archive {
    text-align: center;
    position: relative !important; }
    .archive-newsletters .content-text-archive p {
      text-align: left; }
    .archive-newsletters .content-text-archive img {
      margin-bottom: 15px; }
    .archive-newsletters .content-text-archive a {
      float: right;
      border-bottom: 2px solid #fdea18; }
      @media (min-width: 0) and (max-width: 768px) {
        .archive-newsletters .content-text-archive a {
          float: none; } }

#contact {
  background: url("img/contact/background.jpg") no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover; }

@media (min-width: 0) and (max-width: 768px) {
  .content-view.columns-2.i-6-t-6 > div:first-child, .content-view.columns-2.i-6-t-6 > div:last-child, .content-view.columns-2.i-4-t-8 > div:first-child, .content-view.columns-2.i-4-t-8 > div:last-child, .content-view.columns-2.c-9-c-3 > div:first-child, .content-view.columns-2.c-9-c-3 > div:last-child, .content-view.columns-2.i-8-t-4 > div:first-child, .content-view.columns-2.i-8-t-4 > div:last-child, .content-view.columns-2.t-2-t-9 > div:first-child, .content-view.columns-2.t-2-t-9 > div:last-child, .content-view.columns-3 .content-text {
    position: relative;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 5px;
    display: inline-block; } }

/*WAVE*/
.wave-ltr:before {
  background-image: url("img/ui/wave-ltr.png");
  left: -50%; }

.wave-rtl:before {
  background-image: url("img/ui/wave-rtl.png");
  left: 10%; }

.wave-ltr:before, .wave-rtl:before {
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  @media (min-width: 0) and (max-width: 1024px) {
    .wave-ltr:before, .wave-rtl:before {
      left: 0%; } }

/*@import "sassy-buttons";*/
.header-tools a, .header-tools button {
  float: right;
  text-transform: uppercase;
  display: block;
  line-height: 15px;
  transition: all 0.3s ease 0s; }

.header-tools .btn-print {
  height: 15px; }
  .header-tools .btn-print:focus, .header-tools .btn-print:hover, .header-tools .btn-print:active {
    color: #fdea18; }
  .header-tools .btn-print::before {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 1px 0px 1px #fff, 0px 2px 0px 1px transparent, 0px 7px 0px 3px #fff, 0px 12px 0px 1px transparent, 0px 13px 0px 2px #fff;
    content: "";
    height: 0;
    width: 15px;
    border: none;
    margin-right: 10px; }

@media (min-width: 0) and (max-width: 768px) {
  .header-tools {
    display: none; } }

.subscribe-newsletter {
  float: right;
  transition: all 0.3s ease 0s;
  margin-top: 10px;
  color: #fdea18; }
  @media (min-width: 0) and (max-width: 768px) {
    .subscribe-newsletter {
      margin-top: 0px; } }
  @media (min-width: 0) and (max-width: 560px) {
    .subscribe-newsletter {
      width: 100%;
      margin: 10px 0; } }

button {
  border: 0;
  background: none; }

.subscribe-newsletter, .filter.years .year li a, .travel-availibility .travel .travel-data table a, .travel-availibility .travel .travel-data .nav-infos button, .travel-availibility .travel .travel-data .nav-infos a, .our-offer .offer table.first-column tbody tr td a, .our-offer .offer table.third-column tbody tr td a, .agenda .offer table.first-column tbody tr td a, .agenda .offer table.third-column tbody tr td a {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  font-size: 13px;
  font-size: 0.8666666667rem;
  text-transform: uppercase;
  border-radius: 5px;
  background-color: #022287;
  box-shadow: 1px 1px 4px 0px #fff;
  line-height: 15px; }
  .subscribe-newsletter:hover, .filter.years .year li a:hover, .travel-availibility .travel .travel-data table a:hover, .travel-availibility .travel .travel-data .nav-infos button:hover, .travel-availibility .travel .travel-data .nav-infos a:hover, .our-offer .offer table.first-column tbody tr td a:hover, .our-offer .offer table.third-column tbody tr td a:hover, .agenda .offer table.first-column tbody tr td a:hover, .agenda .offer table.third-column tbody tr td a:hover {
    color: #fdea18;
    background-color: #00083f; }

.btn-detail {
  width: 46%; }
  @media (min-width: 0) and (max-width: 768px) {
    .btn-detail {
      width: 100%; } }

.travel-availibility .travel .travel-data .nav-infos button.btn-promotion, .travel-availibility .travel .travel-data .nav-infos a.btn-promotion, .agenda .offer .third-column .btn-promotion {
  background-color: #fa8c01;
  box-shadow: 1px 1px 4px 0px #fff; }
  .travel-availibility .travel .travel-data .nav-infos button.btn-promotion:hover, .travel-availibility .travel .travel-data .nav-infos a.btn-promotion:hover, .agenda .offer .third-column .btn-promotion:hover {
    background-color: #f76c00; }

.travel-availibility .travel .travel-data .nav-infos button.btn-theme, .travel-availibility .travel .travel-data .nav-infos a.btn-theme, .agenda .offer .third-column .btn-theme, .our-offer .offer table.third-column .btn-theme {
  background-color: #0ca50c;
  box-shadow: 1px 1px 4px 0px #fff; }
  .travel-availibility .travel .travel-data .nav-infos button.btn-theme:hover, .travel-availibility .travel .travel-data .nav-infos a.btn-theme:hover, .agenda .offer .third-column .btn-theme:hover, .our-offer .offer table.third-column .btn-theme:hover {
    background-color: #068806; }

.our-offer .offer table.third-column .btn-ask-offer {
  color: #00083f;
  background-color: #fdea18;
  margin-right: 7px;
  box-shadow: 1px 1px 4px 0px #fff; }
  .our-offer .offer table.third-column .btn-ask-offer:hover {
    color: #00083f;
    background-color: #fff9c6; }

.tour-360-center {
  position: absolute;
  bottom: 10px;
  left: calc(50% - 58px); }

.tour-360-right {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.tour-360-left {
  position: absolute;
  bottom: 10px;
  left: 10px; }

.video-player {
  position: absolute;
  display: block;
  width: 75px;
  height: 75px;
  margin: 0 calc(50% - 37px);
  top: calc(50% - 37px);
  background: url("img/ui/video-player.png") no-repeat center 0; }
  .video-player:hover {
    background: url("img/ui/video-player.png") no-repeat center -74px; }
  .video-player span {
    display: none; }

/* ==========================================================================
   LAB
   ========================================================================== */
/*Intéressant je garde sous le coude
html[lang="fr"] q {
  quotes: "«" "»";
}
*/
#responsive {
  content: “XS”;
  display: none; }

@media screen and (min-width: 450px) {
  #responsive {
    content: “S”; } }

@media screen and (min-width: 600px) {
  #responsive {
    content: “M”; } }

@media screen and (min-width: 960px) {
  #responsive {
    content: “L”; } }

/*In Javascript check : responsiveValue = $(”#responsive”).css(“content”);*/
/* UTILS */
/*Margin pour tout les composants*/
.content-view.columns-2 .content-text ul li, .content-view.header-content-intro .content-text ul li, .onboard-facilities .content-text ul li {
  font-size: 15px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.4rem;
  margin: 0 0 0px 15px;
  position: relative;
  display: block; }
  @media (min-width: 0) and (max-width: 1024px) {
    .content-view.columns-2 .content-text ul li, .content-view.header-content-intro .content-text ul li, .onboard-facilities .content-text ul li {
      margin: 0px 0px 5px 15px; } }
  .content-view.columns-2 .content-text ul li:last-child, .content-view.header-content-intro .content-text ul li:last-child, .onboard-facilities .content-text ul li:last-child {
    margin-bottom: 0px; }
  .content-view.columns-2 .content-text ul li:before, .content-view.header-content-intro .content-text ul li:before, .onboard-facilities .content-text ul li:before {
    position: absolute;
    display: block;
    top: 4px;
    left: -15px;
    content: "";
    width: 16px;
    height: 6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fdea18; }

/* ==========================================================================
   CONTAINERS
   ========================================================================== */
.wrap, .triptyques {
  margin-bottom: 40px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 0) and (max-width: 960px) {
    .wrap, .triptyques {
      margin-bottom: 20px; } }
  .wrap:after, .triptyques:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 0) and (max-width: 1140px) {
    .wrap, .triptyques {
      padding: 0px 10px; } }

.no-wrap {
  width: 100%; }

body {
  /*
    Pour debugguer
    @include container;
    @include show-grid(overlay);
    */ }

header {
  width: 100%; }

/*TYPES DE CONTENUS*/
/*Image only*/
.full-image-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

/* .content-view is generated by Drupal*/
.content-view {
  position: relative;
  width: 100%;
  display: block; }
  .content-view.columns-2 {
    /*@TODO vérifier si utile*/
    /*overflow: hidden;*/
    /*> div:last-child {margin-bottom:0;}*/
    /*        
        p:first-of-type {...}
        p:last-of-type {...}
        img:only-of-type {...}
        p:nth-of-type(3n) {...}
        */
    /*Le texte est à gauche*/ }
    .content-view.columns-2 > div:last-child {
      position: absolute;
      top: 0;
      right: 0; }
    .content-view.columns-2 > div:first-child {
      position: relative; }
    .content-view.columns-2 > div:only-child {
      margin-bottom: 0; }
    .content-view.columns-2.inverse > div:last-child {
      position: relative; }
    .content-view.columns-2.inverse > div:first-child {
      position: absolute;
      top: 0;
      left: 0; }
    .content-view.columns-2 .content-text {
      height: 100%;
      color: #fff9c6;
      overflow-y: auto; }
      .content-view.columns-2 .content-text + .content-text {
        overflow-y: visible;
        height: auto; }
      .content-view.columns-2 .content-text .content-text-valign {
        padding-right: 20px; }
        @media (min-width: 0) and (max-width: 768px) {
          .content-view.columns-2 .content-text .content-text-valign {
            padding-right: 0; } }
    .content-view.columns-2 .content-image {
      margin-bottom: 20px; }
    .content-view.columns-2.i-6-t-6 > div:first-child {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.i-6-t-6 > div:last-child {
      width: 49.1525423729%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.texte > div:first-child, .content-view.columns-2.texte > div:last-child {
      position: relative; }
    .content-view.columns-2.i-4-t-8 > div:first-child {
      width: 32.2033898305%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.i-4-t-8 > div:last-child {
      width: 66.1016949153%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.c-9-c-3 > div:first-child {
      width: 74.5762711864%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.c-9-c-3 > div:last-child {
      width: 23.7288135593%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.c-9-c-3 ul li {
      margin: 0px 0px 0px 15px; }
    .content-view.columns-2.i-8-t-4 > div:first-child {
      width: 66.1016949153%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.i-8-t-4 > div:last-child {
      width: 32.2033898305%;
      float: right;
      margin-right: 0; }
    .content-view.columns-2.i-8-t-4 ul li {
      margin: 0px 0px 0px 15px; }
    .content-view.columns-2.t-2-t-9 > div:first-child {
      width: 15.2542372881%;
      float: left;
      margin-right: 1.6949152542%; }
    .content-view.columns-2.t-2-t-9 > div:last-child {
      width: 74.5762711864%;
      float: right;
      margin-right: 0;
      margin-right: 6.7796610169%; }
    @media (min-width: 0) and (max-width: 768px) {
      .content-view.columns-2 .content-visuel {
        margin-bottom: 20px; }
      .content-view.columns-2 > div:first-child {
        margin-bottom: 40px; } }
  @media (min-width: 0) and (max-width: 768px) and (min-width: 0) and (max-width: 960px) {
    .content-view.columns-2 > div:first-child {
      margin-bottom: 20px; } }
    @media (min-width: 0) and (max-width: 768px) {
      .content-view.columns-2 > div:last-child {
        margin-bottom: 0; }
      .content-view.columns-2 img {
        max-width: inherit;
        width: 100%; } }
  .content-view.header-content-intro {
    margin-bottom: 40px; }
    @media (min-width: 0) and (max-width: 768px) {
      .content-view.header-content-intro {
        margin-bottom: 0; } }
    .content-view.header-content-intro .content-text {
      width: 40.6779661017%;
      float: right;
      margin-right: 0;
      text-align: center;
      background: url("img/ui/wave-text.png") no-repeat left top;
      position: absolute;
      top: 0;
      right: 0; }
      .content-view.header-content-intro .content-text .content-text-valign {
        width: 75%;
        position: relative;
        text-align: left;
        left: 20px; }
        @media (min-width: 0) and (max-width: 360px) {
          .content-view.header-content-intro .content-text .content-text-valign {
            left: 0px; } }
      @media (min-width: 0) and (max-width: 768px) {
        .content-view.header-content-intro .content-text {
          background: none;
          display: block;
          position: relative;
          float: none;
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0; }
          .content-view.header-content-intro .content-text::before {
            display: block; }
          .content-view.header-content-intro .content-text .content-text-valign {
            width: auto;
            margin-top: 15px;
            margin-bottom: 10px;
            padding-bottom: 5px; } }
    .content-view.header-content-intro .header-content-image {
      position: relative;
      margin-bottom: 0; }
  .content-view.visuel {
    width: 100%;
    position: relative;
    margin-bottom: 40px; }
    @media (min-width: 0) and (max-width: 960px) {
      .content-view.visuel {
        margin-bottom: 20px; } }
  .content-view.columns-3 {
    position: relative;
    width: 100%; }
    .content-view.columns-3 .colonne {
      width: 32.2033898305%;
      float: left;
      margin-right: 1.6949152542%;
      top: 0; }
      .content-view.columns-3 .colonne:last-child {
        width: 32.2033898305%;
        float: right;
        margin-right: 0; }
      .content-view.columns-3 .colonne:first-child {
        margin-right: 1%; }
      .content-view.columns-3 .colonne:nth-child(1) {
        position: relative;
        left: 0; }
      .content-view.columns-3 .colonne:nth-child(2) {
        position: absolute;
        height: 100%;
        left: auto; }
      .content-view.columns-3 .colonne:nth-child(3) {
        position: absolute;
        height: 100%;
        right: 0; }
      @media (min-width: 0) and (max-width: 960px) {
        .content-view.columns-3 .colonne:last-child, .content-view.columns-3 .colonne:nth-child(1), .content-view.columns-3 .colonne:nth-child(2), .content-view.columns-3 .colonne:nth-child(3) {
          position: relative;
          float: none;
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          padding-bottom: 5px;
          display: inline-block; } }
    .content-view.columns-3 .content-text {
      height: 100%; }
      .content-view.columns-3 .content-text .content-text-valign {
        padding-right: 20px; }

.full-image {
  position: relative;
  margin-bottom: 40px; }
  @media (min-width: 0) and (max-width: 960px) {
    .full-image {
      margin-bottom: 20px; } }

.onboard-facilities .display .content {
  padding: 30px 15px 15px 15px;
  text-align: center;
  position: absolute; }
  .onboard-facilities .display .content blockquote {
    quotes: "«" "»" "\2018" "\2019";
    font-size: 29px;
    font-size: 1.9333333333rem;
    line-height: 30px;
    color: #fdea18;
    margin-bottom: 20px; }
    .onboard-facilities .display .content blockquote:before {
      content: "\201C";
      content: open-quote; }
    .onboard-facilities .display .content blockquote:after {
      content: "\201D";
      content: close-quote; }
  .onboard-facilities .display .content p {
    font-size: 17px;
    font-size: 1.1333333333rem;
    line-height: 23.8px;
    line-height: 1.5866666667rem;
    margin-top: -0.26rem; }
  @media (min-width: 0) and (max-width: 960px) {
    .onboard-facilities .display .content {
      position: relative;
      top: 0;
      padding: 15px;
      background-color: #00083f;
      margin-bottom: 15px; }
      .onboard-facilities .display .content blockquote {
        font-size: 19px;
        font-size: 1.2666666667rem;
        line-height: 21px;
        margin-bottom: 15px;
        text-shadow: 0px 0px 5px #000000; }
      .onboard-facilities .display .content p {
        font-style: normal;
        line-height: 17px;
        text-shadow: 0px 0px 5px #000000; } }

.onboard-facilities .display img {
  position: relative;
  top: 0;
  left: 0;
  z-index: -1; }
  @media (min-width: 0) and (max-width: 960px) {
    .onboard-facilities .display img {
      display: none; } }

.onboard-facilities .content-text {
  position: absolute;
  height: 100%;
  padding-bottom: 5px;
  color: #fff9c6;
  overflow-y: auto; }
  @media (min-width: 0) and (max-width: 960px) {
    .onboard-facilities .content-text {
      position: relative; } }

.press {
  margin-bottom: 40px;
  line-height: 1em; }
  @media (min-width: 0) and (max-width: 960px) {
    .press {
      margin-bottom: 20px; } }
  .press .content-visuel-press {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .press .content-visuel-press img {
      width: 39.6551724138%;
      float: left;
      margin-right: 3.4482758621%;
      margin-left: 8.6206896552%; }
      .press .content-visuel-press img:last-child {
        width: 39.6551724138%;
        float: left;
        margin-right: 3.4482758621%;
        margin-left: 0%; }
    @media (min-width: 0) and (max-width: 480px) {
      .press .content-visuel-press img {
        width: 48.275862069%;
        float: left;
        margin-right: 3.4482758621%;
        margin-left: 0; }
        .press .content-visuel-press img:last-child {
          width: 48.275862069%;
          float: right;
          margin-right: 0;
          margin-left: 0; } }
  .press .content-text h3 {
    font-size: 40px;
    font-size: 2.6666666667rem;
    margin-top: 0.63rem; }
  .press .content-text time, .press .content-text i {
    font-size: 18px;
    font-size: 1.2rem;
    line-height: 25.2px;
    line-height: 1.68rem;
    margin-top: -0.28rem; }
  .press .content-text a {
    margin-top: 10px;
    display: inline-block;
    color: #fff9c6;
    padding-bottom: 3px;
    line-height: 21px;
    border-bottom: 1px solid #fdea18; }

.shifted {
  position: relative;
  line-height: 14px; }
  .shifted dt {
    color: #fdea18;
    width: 23%;
    margin-right: 2%;
    text-align: right;
    margin-bottom: 15px;
    float: left;
    clear: left; }
  .shifted dd {
    color: #fff9c6;
    width: 75%;
    float: left;
    margin-bottom: 15px; }

.archive-newsletters {
  margin-bottom: 40px; }
  @media (min-width: 0) and (max-width: 960px) {
    .archive-newsletters {
      margin-bottom: 20px; } }
  .archive-newsletters .date {
    width: 100%;
    position: relative;
    text-align: center; }
    .archive-newsletters .date p {
      text-align: center;
      font-size: 33px;
      font-size: 2.2rem;
      margin-top: 20px;
      line-height: 45px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      width: auto;
      display: inline-block; }
      .archive-newsletters .date p span:nth-child(1) {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        color: #fdea18; }
      .archive-newsletters .date p span:nth-child(2) {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        color: #fff9c6;
        font-size: 31px;
        font-size: 2.0666666667rem; }
      @media (min-width: 0) and (max-width: 768px) {
        .archive-newsletters .date p {
          border-top: 1px solid #fdea18;
          border-bottom: 1px solid #fdea18; } }
  .archive-newsletters .content-text-archive {
    text-align: center;
    position: relative !important; }
    .archive-newsletters .content-text-archive p {
      text-align: left; }
    .archive-newsletters .content-text-archive img {
      margin-bottom: 15px; }
    .archive-newsletters .content-text-archive a {
      float: right;
      border-bottom: 2px solid #fdea18; }
      @media (min-width: 0) and (max-width: 768px) {
        .archive-newsletters .content-text-archive a {
          float: none; } }

#contact {
  background: url("img/contact/background.jpg") no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover; }

@media (min-width: 0) and (max-width: 768px) {
  .content-view.columns-2.i-6-t-6 > div:first-child, .content-view.columns-2.i-6-t-6 > div:last-child, .content-view.columns-2.i-4-t-8 > div:first-child, .content-view.columns-2.i-4-t-8 > div:last-child, .content-view.columns-2.c-9-c-3 > div:first-child, .content-view.columns-2.c-9-c-3 > div:last-child, .content-view.columns-2.i-8-t-4 > div:first-child, .content-view.columns-2.i-8-t-4 > div:last-child, .content-view.columns-2.t-2-t-9 > div:first-child, .content-view.columns-2.t-2-t-9 > div:last-child, .content-view.columns-3 .content-text {
    position: relative;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 5px;
    display: inline-block; } }

/*WAVE*/
.wave-ltr:before {
  background-image: url("img/ui/wave-ltr.png");
  left: -50%; }

.wave-rtl:before {
  background-image: url("img/ui/wave-rtl.png");
  left: 10%; }

.wave-ltr:before, .wave-rtl:before {
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  @media (min-width: 0) and (max-width: 1024px) {
    .wave-ltr:before, .wave-rtl:before {
      left: 0%; } }

/* perfect-scrollbar v0.6.2 */
.ps-container {
  overflow: hidden !important; }

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block; }

.ps-container.ps-in-scrolling {
  pointer-events: none; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #fff9c6;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #fdea18; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #fff9c6;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #fdea18; }

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #fff9c6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px; }

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #fff9c6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px; }

.ps-container:hover.ps-in-scrolling {
  pointer-events: none; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #fff9c6;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #fdea18; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #fff9c6;
  opacity: 0.6; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #fdea18; }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #fff9c6;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #fdea18; }

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #fff9c6;
  opacity: 1; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #fdea18; }

/* to make scrollbars always visible */
.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.8;
  z-index: 1; }

/*Layout*/
header {
  position: fixed;
  width: 100%;
  z-index: 9000;
  top: 0;
  padding-top: 5px;
  height: auto;
  background: #00083f;
  padding-bottom: 10px;
  display: block;
  -webkit-overflow-scrolling: touch;
  background-color: #011563;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
  background-image: -webkit-linear-gradient(right, #00083f, #022287);
  background-image: -moz-linear-gradient(right, #00083f, #022287);
  background-image: -ms-linear-gradient(right, #00083f, #022287);
  background-image: -o-linear-gradient(right, #00083f, #022287);
  background-image: linear-gradient(to right, #00083f, #022287);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00083f', EndColorStr='#022287')"; }
  header + * {
    margin-top: 85px; }
  @media (min-width: 0) and (max-width: 960px) {
    header {
      height: 65px; }
      header + * + #map {
        margin-top: 65px; }
      header + * {
        margin-top: 65px; } }
  header a span {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 0; }
  header .wrap, header .triptyques {
    margin-bottom: 0; }
  header .waow {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%;
    margin-top: 5px; }
    @media (min-width: 0) and (max-width: 960px) {
      header .waow {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: center; }
        header .waow img, header .waow .content-view.columns-2 img, .content-view.columns-2 header .waow img {
          max-height: 35px;
          max-width: 170px; } }
  header #menu {
    display: none;
    z-index: -1; }
    @media (min-width: 0) and (max-width: 960px) {
      header #menu {
        display: block;
        position: absolute;
        height: 22px;
        width: 22px;
        z-index: 0;
        right: 22px;
        top: 22px; }
        header #menu span {
          position: relative;
          display: block;
          float: right;
          box-shadow: 0 1px 0 3px #fff9c6, 0 5px 0 3px transparent, 0 9px 0 3px #fff9c6, 0 12px 0 3px transparent, 0 17px 0 3px #fff9c6;
          content: "";
          height: 0;
          width: 20px;
          border: none;
          margin-right: 0; } }
  header .navs {
    width: 74.5762711864%;
    float: right;
    margin-right: 0;
    /*height: 85px;*/ }
    @media (min-width: 680px) and (max-width: 960px) {
      header .navs {
        text-align: center; } }
    @media (min-width: 960px) and (max-width: 1080px) {
      header .navs .tools .lang {
        float: right; } }
    header .navs .tools ul {
      margin: 0;
      padding: 0;
      display: inline-block;
      vertical-align: top;
      z-index: 1;
      line-height: 16px; }
      header .navs .tools ul li {
        height: 16px;
        display: inline-block;
        vertical-align: middle; }
    header .navs .tools .language-switcher-locale-url {
      float: left; }
      header .navs .tools .language-switcher-locale-url li {
        border: none; }
      header .navs .tools .language-switcher-locale-url a {
        display: block;
        width: 24px;
        height: 12px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        padding: 0;
        margin: 0 5px; }
      header .navs .tools .language-switcher-locale-url .de {
        background: url("img/ui/lang.gif") no-repeat center 0px; }
      header .navs .tools .language-switcher-locale-url .fr {
        background: url("img/ui/lang.gif") no-repeat center -12px; }
      header .navs .tools .language-switcher-locale-url .uk {
        background: url("img/ui/lang.gif") no-repeat center -24px; }
    header .navs .tools .links {
      float: right; }
      @media (min-width: 0) and (max-width: 960px) {
        header .navs .tools .links {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          text-align: center;
          float: none;
          clear: left;
          margin-top: 5px; }
          header .navs .tools .links ul {
            margin-top: 15px; }
            header .navs .tools .links ul li {
              margin: 0px 10px 15px 0px; } }
      @media (min-width: 0) and (max-width: 960px) {
        header .navs .tools .links {
          text-align: left; } }
      header .navs .tools .links li {
        padding: 0 8px;
        border-left: 1px solid #fff9c6;
        display: inline-block;
        vertical-align: middle;
        float: left; }
        header .navs .tools .links li:first-child {
          border: none medium; }
        header .navs .tools .links li:last-child {
          padding-right: 0px; }
        @media (min-width: 0) and (max-width: 960px) {
          header .navs .tools .links li:first-child {
            border-left: 1px solid #fdea18; } }
        header .navs .tools .links li a {
          height: auto;
          font-size: 12px;
          font-size: 0.8rem;
          text-transform: uppercase;
          height: 16px;
          display: inline-block;
          vertical-align: top; }
      header .navs .tools .links a.facebook, header .navs .tools .links a.youtube {
        text-align: center;
        display: inline-block;
        vertical-align: middle; }
      header .navs .tools .links .facebook {
        height: 22px;
        width: 9px;
        background: url("img/ui/facebook.png") no-repeat center top; }
      header .navs .tools .links .youtube {
        width: 22px;
        height: 16px;
        background: url("img/ui/youtube.png") no-repeat center top; }
    header .navs .main-navigation {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: inline-block;
      float: left;
      margin-top: 10px;
      text-align: right;
      font-size: 17px;
      font-size: 1.1333333333rem; }
      @media (min-width: 0) and (max-width: 1170px) {
        header .navs .main-navigation {
          font-size: 15px;
          font-size: 1rem; } }
      @media (min-width: 0) and (max-width: 960px) {
        header .navs .main-navigation {
          text-align: center; } }
      header .navs .main-navigation > ul {
        display: block;
        height: 45px;
        width: 100%; }
        @media (min-width: 0) and (max-width: 960px) {
          header .navs .main-navigation > ul {
            height: 100%; } }
        header .navs .main-navigation > ul > li {
          position: relative;
          border-left: 1px solid #fdea18;
          padding: 0 10px 5px; }
          header .navs .main-navigation > ul > li:first-child {
            border: none medium; }
          @media (min-width: 0) and (max-width: 960px) {
            header .navs .main-navigation > ul > li {
              margin-bottom: 0;
              padding-bottom: 10px; }
              header .navs .main-navigation > ul > li::before {
                content: inherit; }
              header .navs .main-navigation > ul > li:first-child {
                border-left: 1px solid #fdea18; } }
          header .navs .main-navigation > ul > li a {
            font-size: 17px;
            font-size: 1.1333333333rem;
            display: inline-block;
            position: relative;
            text-align: center;
            white-space: nowrap; }
            header .navs .main-navigation > ul > li a.drop-down {
              padding-right: 28px; }
            header .navs .main-navigation > ul > li a.drop-down::after {
              position: absolute;
              content: " ";
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-top: 6px solid #fdea18;
              width: 6px;
              height: 6px;
              top: 8px;
              right: 10px;
              display: block; }
        header .navs .main-navigation > ul > :last-child a {
          padding-right: 0px; }
        header .navs .main-navigation > ul > :last-child > a.drop-down {
          margin-right: 0px;
          padding-right: 18px; }
          header .navs .main-navigation > ul > :last-child > a.drop-down::after {
            right: 0px;
            display: block; }
      header .navs .main-navigation a.drop-down + ul {
        display: none;
        position: absolute;
        padding: 10px 0;
        z-index: 1;
        right: 0;
        top: 40px;
        width: 190px;
        text-align: right;
        background-color: #011563;
        background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
        background-image: -webkit-linear-gradient(right, #00083f, #022287);
        background-image: -moz-linear-gradient(right, #00083f, #022287);
        background-image: -ms-linear-gradient(right, #00083f, #022287);
        background-image: -o-linear-gradient(right, #00083f, #022287);
        background-image: linear-gradient(to right, #00083f, #022287);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00083f', EndColorStr='#022287')"; }
        header .navs .main-navigation a.drop-down + ul li {
          padding: 3px 0; }
          header .navs .main-navigation a.drop-down + ul li a {
            font-size: 15px;
            font-size: 1rem;
            padding: 0 10px; }
        @media (min-width: 0) and (max-width: 960px) {
          header .navs .main-navigation a.drop-down + ul {
            left: 0;
            top: 0;
            background: none;
            position: relative; } }
      header .navs .main-navigation ul li a.drop-down.active + ul {
        display: block; }
      @media (min-width: 960px) and (max-width: 4000px) {
        header .navs .main-navigation ul li:focus a.drop-down + ul, header .navs .main-navigation ul li:hover a.drop-down + ul, header .navs .main-navigation ul li:active a.drop-down + ul, header .navs .main-navigation ul li a.drop-down.active + ul {
          display: block; } }
      @media (min-width: 0) and (max-width: 960px) {
        header .navs .main-navigation ul li {
          display: block;
          text-align: left;
          width: 100%;
          position: relative;
          padding-left: 10px; }
          header .navs .main-navigation ul li a br {
            display: none; } }
    @media (min-width: 0) and (max-width: 960px) {
      header .navs {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        display: none;
        opacity: 0;
        margin-top: 10px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        height: 0px;
        -webkit-transition: height .25s ease-in-out;
        -moz-transition: height .25s ease-in-out;
        -o-transition: height .25s ease-in-out;
        transition: height .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in;
        -moz-transition: opacity .25s ease-in;
        -o-transition: opacity .25s ease-in;
        transition: opacity .25s ease-in; }
        header .navs:focus, header .navs:hover, header .navs:active, header .navs.active {
          display: inherit;
          position: relative;
          z-index: 1;
          top: 0;
          height: auto;
          padding-bottom: 15px;
          padding-left: 10px;
          opacity: 1;
          background-color: #011563;
          background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
          background-image: -webkit-linear-gradient(right, #00083f, #022287);
          background-image: -moz-linear-gradient(right, #00083f, #022287);
          background-image: -ms-linear-gradient(right, #00083f, #022287);
          background-image: -o-linear-gradient(right, #00083f, #022287);
          background-image: linear-gradient(to right, #00083f, #022287);
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00083f', EndColorStr='#022287')";
          width: 100%;
          /*left:-10px;*/ } }

.header-tools, .footer-tools {
  text-align: right;
  margin-top: -15px;
  margin-bottom: 0; }
  .header-tools .btn-print, .footer-tools .btn-print {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: right; }
    @media (min-width: 0) and (max-width: 720px) {
      .header-tools .btn-print, .footer-tools .btn-print {
        display: none; } }
  .header-tools .fil, .footer-tools .fil {
    text-align: right;
    margin-bottom: 15px; }
    .header-tools .fil .ariane, .footer-tools .fil .ariane {
      display: block;
      position: relative; }
      .header-tools .fil .ariane li, .footer-tools .fil .ariane li {
        display: inline-block; }
        .header-tools .fil .ariane li:before, .footer-tools .fil .ariane li:before {
          content: "/";
          margin: 0 5px; }
        .header-tools .fil .ariane li:first-child:before, .footer-tools .fil .ariane li:first-child:before {
          content: ""; }
        .header-tools .fil .ariane li a, .footer-tools .fil .ariane li a {
          text-transform: uppercase;
          color: #fdea18;
          text-decoration: underline; }
          @media (min-width: 0) and (max-width: 920px) {
            .header-tools .fil .ariane li a, .footer-tools .fil .ariane li a {
              font-size: 12px;
              font-size: 0.8rem; } }
        .header-tools .fil .ariane li.active a, .footer-tools .fil .ariane li.active a {
          color: #fff9c6;
          text-decoration: none; }

.filter.years {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  min-height: 38px;
  margin-top: 4px;
  margin-bottom: 16px;
  border-bottom: 1px solid #fdea18; }
  .filter.years.footer {
    margin-top: 16px;
    border-bottom: none;
    padding-top: 20px;
    border-top: 1px solid #fdea18; }
  .filter.years p {
    font-size: 15px;
    font-size: 1rem;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding: 0; }
  .filter.years .year {
    float: right;
    text-align: right;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase; }
    @media (min-width: 0) and (max-width: 720px) {
      .filter.years .year {
        float: left;
        margin-bottom: 16px;
        text-align: left; } }
    .filter.years .year li {
      display: inline-block;
      margin-left: 15px; }
      .filter.years .year li a {
        font-size: 13px;
        font-size: 0.8666666667rem;
        padding: 5px 25px;
        color: #fff9c6; }
      .filter.years .year li.active a {
        color: #fdea18;
        background-color: #00083f; }
      @media (min-width: 0) and (max-width: 560px) {
        .filter.years .year li {
          margin: 5px; }
          .filter.years .year li a {
            font-size: 12px;
            font-size: 0.8rem;
            padding: 5px 10px; } }

.itinerary .filter.years {
  border: none medium;
  margin-bottom: 0; }

.footer-tools {
  margin-top: 0;
  margin-bottom: 0; }
  .footer-tools .fil .ariane {
    position: relative;
    margin: 10px 0 10px 0; }

/*FOOTER*/
footer {
  margin-top: 20px;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.0666666667rem; }
  @media (min-width: 0) and (max-width: 768px) {
    footer .wrap, footer .triptyques {
      margin-bottom: 30px; } }
  footer nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    text-align: center; }
    footer nav ul li {
      display: inline-block;
      border-left: 1px solid #fff9c6;
      padding: 0px 10px; }
      footer nav ul li:first-child {
        border: none medium; }
    @media (min-width: 0) and (max-width: 768px) {
      footer nav ul {
        font-size: 12px;
        font-size: 0.8rem;
        line-height: 16px; }
        footer nav ul li {
          margin: 4px 0; } }
  footer .footer-credits {
    display: block;
    padding: 15px 0;
    font-size: 14px;
    font-size: 0.9333333333rem;
    background-color: #00083f;
    line-height: 50px;
    text-align: center; }
    @media (min-width: 0) and (max-width: 768px) {
      footer .footer-credits {
        font-size: 12px;
        font-size: 0.8rem;
        line-height: 16px;
        padding: 10px 0; } }
    footer .footer-credits .wrap, footer .footer-credits .triptyques {
      margin-bottom: 0;
      position: relative; }
      @media (min-width: 0) and (max-width: 768px) {
        footer .footer-credits .wrap, footer .footer-credits .triptyques {
          position: relative; } }
    footer .footer-credits .waow-footer {
      display: inline-block;
      float: right;
      width: 170px;
      height: 35px;
      position: absolute;
      top: 0px;
      right: 0px; }
      @media (min-width: 0) and (max-width: 920px) {
        footer .footer-credits .waow-footer {
          position: relative;
          float: none;
          text-align: center; } }

#spyscroll {
  position: fixed;
  bottom: 30px;
  right: 0px;
  text-align: right;
  display: none;
  z-index: 200;
  font-size: 13px;
  font-size: 0.8666666667rem;
  background-color: #80849f;
  background-color: rgba(0, 8, 63, 0.5);
  border-radius: 20px 0px 0px 20px;
  padding: 5px 0 5px 15px; }
  #spyscroll li {
    line-height: 13px;
    margin: 10px 0;
    margin-right: 10px;
    max-width: 120px;
    padding-right: 20px;
    position: relative; }
    #spyscroll li::after {
      border-radius: 50%;
      content: "";
      height: 8px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      margin: auto 0;
      background: #fff9c6 none repeat scroll center center; }
    #spyscroll li:last-child::after {
      position: absolute;
      content: "";
      border-radius: 0%;
      height: 8px;
      width: 6px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 8px solid #fdea18;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto 0;
      background: none; }
    #spyscroll li.active::after {
      background-color: #fdea18; }
    #spyscroll li.active a {
      color: #fdea18; }
    #spyscroll li a {
      font-size: 0.875rem; }

.top-scroll {
  border: 1px solid #000;
  border-radius: 10px;
  bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 10px 10px rgba(255, 255, 255, 0.1) inset;
  background-color: #000d4d;
  background-color: rgba(0, 8, 63, 0.8);
  color: #fff;
  cursor: pointer;
  left: auto;
  overflow: hidden;
  padding: 7px 12px 10px;
  position: fixed;
  right: 20px;
  text-decoration: none;
  top: auto;
  width: auto;
  z-index: 900000; }
  @media (min-width: 1390px) {
    .top-scroll {
      display: none; } }

.shortcuts .shortcut {
  position: relative;
  margin-bottom: 3px; }
  @media (min-width: 0) and (max-width: 768px) {
    .shortcuts .shortcut {
      width: 49.5%;
      margin-right: 1%;
      margin-bottom: 1%;
      float: left; }
      .shortcuts .shortcut:nth-child(even) {
        margin-right: 0%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .shortcuts .shortcut {
      width: 100%;
      margin: 0 0 5px 0; } }
  .shortcuts .shortcut:last-child {
    margin-bottom: 0px; }
  .shortcuts .shortcut h3 {
    position: absolute;
    margin-bottom: 5px;
    bottom: 0;
    left: 5px;
    font-size: 26px;
    font-size: 1.7333333333rem; }

.waow-content {
  position: relative;
  width: 100%;
  display: block; }
  .waow-content .waow-content-text {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 35%;
    background-color: #4d5279;
    background-color: rgba(0, 8, 63, 0.7); }
    .waow-content .waow-content-text .waow-text {
      width: 75%;
      text-align: left; }
      .waow-content .waow-content-text .waow-text p:last-child {
        text-align: center;
        margin-top: 20px; }
        .waow-content .waow-content-text .waow-text p:last-child a {
          color: #fff9c6;
          padding-bottom: 3px;
          border-bottom: 1px solid #fdea18; }
    @media (min-width: 0) and (max-width: 1024px) {
      .waow-content .waow-content-text {
        position: relative;
        width: 100%;
        display: block;
        padding-bottom: 25px; }
        .waow-content .waow-content-text .waow-text {
          width: 100%; } }
  .waow-content .waow-image {
    position: relative; }

.actualite-content {
  position: relative;
  width: 100%;
  display: block; }
  .actualite-content .actualite-content-text {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 100%;
    background-color: #b3b5c5;
    background-color: rgba(0, 8, 63, 0.3); }
    @media (min-width: 0) and (max-width: 1024px) {
      .actualite-content .actualite-content-text {
        position: relative;
        width: 100%;
        display: block;
        padding-bottom: 30px;
        padding-top: 15px; }
        .actualite-content .actualite-content-text .actualite-text {
          width: 100%; } }
    .actualite-content .actualite-content-text .actualite-text {
      width: 95%;
      text-align: left; }
      .actualite-content .actualite-content-text .actualite-text.bottom {
        vertical-align: bottom;
        padding-bottom: 40px; }
      .actualite-content .actualite-content-text .actualite-text.top {
        vertical-align: top; }
      .actualite-content .actualite-content-text .actualite-text.center {
        vertical-align: center; }
      @media (min-width: 0) and (max-width: 1024px) {
        .actualite-content .actualite-content-text .actualite-text {
          padding-bottom: 20px; }
          .actualite-content .actualite-content-text .actualite-text.bottom, .actualite-content .actualite-content-text .actualite-text.top, .actualite-content .actualite-content-text .actualite-text.center {
            padding-bottom: 20px;
            vertical-align: inherit; } }
    .actualite-content .actualite-content-text .links {
      position: absolute;
      bottom: 10px;
      text-align: center;
      left: 0;
      right: 0; }
      @media (min-width: 0) and (max-width: 768px) {
        .actualite-content .actualite-content-text .links {
          position: static; } }
      .actualite-content .actualite-content-text .links a {
        color: #fff9c6;
        padding-bottom: 3px;
        border-bottom: 1px solid #fdea18;
        margin-right: 20px; }
        .actualite-content .actualite-content-text .links a:last-child {
          margin-right: 0px; }
  .actualite-content .actualite-image {
    position: relative; }

#slideshow {
  /*border-bottom: 1px solid #fdea18;*/
  height: auto;
  margin-bottom: 30px;
  padding: 0;
  position: relative;
  width: 100%;
  border-bottom: 3px solid #fdea18;
  text-align: left;
  padding-bottom: 3px; }
  #slideshow .dummy {
    border-bottom: 3px solid #fdea18; }
  #slideshow::after {
    position: absolute;
    content: " ";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdea18;
    width: 15px;
    height: 15px;
    bottom: -18px;
    left: calc(50% - 15px);
    right: 0;
    display: block; }
  #slideshow .wrap, #slideshow .triptyques {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: left; }
    #slideshow .wrap::before, #slideshow .triptyques::before {
      background: transparent url("img/ui/slideshow-wave.png") no-repeat scroll center center;
      /*background-size:1000px 454px;*/
      background-size: 100% 100%;
      content: "";
      display: block;
      height: calc(100% - 6px);
      position: absolute;
      left: -540px;
      width: 1000px;
      top: 0;
      z-index: 20; }
      @media (min-width: 0) and (max-width: 768px) {
        #slideshow .wrap::before, #slideshow .triptyques::before {
          left: 0px;
          background-image: none;
          background-color: rgba(1, 22, 100, 0.5);
          width: 100%;
          height: calc(100% - 6px); } }
    #slideshow .wrap .content-view, #slideshow .triptyques .content-view {
      margin: 0;
      max-width: 450px;
      min-width: 300px;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 100; }
      @media (min-width: 0) and (max-width: 768px) {
        #slideshow .wrap .content-view, #slideshow .triptyques .content-view {
          max-width: 100%;
          width: 100%; } }
      #slideshow .wrap .content-view .content-slide-text, #slideshow .triptyques .content-view .content-slide-text {
        height: auto;
        margin-bottom: 25px;
        position: static;
        text-align: left;
        width: 75%; }
        @media (min-width: 0) and (max-width: 768px) {
          #slideshow .wrap .content-view .content-slide-text, #slideshow .triptyques .content-view .content-slide-text {
            margin-bottom: 0; } }
        @media (min-width: 0) and (max-width: 480px) {
          #slideshow .wrap .content-view .content-slide-text h1, #slideshow .triptyques .content-view .content-slide-text h1 {
            font-size: 19px;
            font-size: 1.2666666667rem;
            line-height: 23px; }
          #slideshow .wrap .content-view .content-slide-text p, #slideshow .triptyques .content-view .content-slide-text p {
            font-size: 11px;
            font-size: 0.7333333333rem;
            line-height: 14px; } }
      #slideshow .wrap .content-view #slideshow-nav, #slideshow .triptyques .content-view #slideshow-nav {
        left: 0;
        position: absolute !important;
        text-align: center;
        top: calc(100% - 30px);
        vertical-align: bottom;
        width: 100%; }
        #slideshow .wrap .content-view #slideshow-nav a, #slideshow .triptyques .content-view #slideshow-nav a {
          border-radius: 50%;
          display: inline-block;
          height: 10px;
          margin: 0 10px 0 10px;
          width: 10px;
          z-index: 99;
          text-indent: 100%;
          overflow: hidden;
          background: #fff9c6 none repeat scroll center center; }
          #slideshow .wrap .content-view #slideshow-nav a.active, #slideshow .triptyques .content-view #slideshow-nav a.active {
            background: #fdea18 none repeat scroll center center; }
        @media (min-width: 0) and (max-width: 640px) {
          #slideshow .wrap .content-view #slideshow-nav, #slideshow .triptyques .content-view #slideshow-nav {
            display: none; } }
    #slideshow .wrap #slideshow-arrow, #slideshow .triptyques #slideshow-arrow {
      display: block;
      height: 68px;
      position: relative;
      top: calc(50% - 34px);
      width: 100%;
      z-index: 100; }
      #slideshow .wrap #slideshow-arrow .prev, #slideshow .triptyques #slideshow-arrow .prev, #slideshow .wrap #slideshow-arrow .next, #slideshow .triptyques #slideshow-arrow .next {
        height: 68px;
        overflow: hidden;
        position: absolute;
        text-indent: 100%;
        top: 0;
        width: 38px; }
      #slideshow .wrap #slideshow-arrow .prev, #slideshow .triptyques #slideshow-arrow .prev {
        left: 10px;
        background: url("img/ui/nav.png") no-repeat scroll left center; }
      #slideshow .wrap #slideshow-arrow .next, #slideshow .triptyques #slideshow-arrow .next {
        right: 10px;
        background: url("img/ui/nav.png") no-repeat scroll right center; }

#slides {
  z-index: 1;
  width: 100%; }
  #slides ul {
    position: relative; }
  #slides li {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 0;
    -moz-transition: all 1500ms ease-in-out;
    -webkit-transition: all 1500ms ease-in-out;
    -o-transition: all 1500ms ease-in-out;
    -ms-transition: all 1500ms ease-in-out;
    transition: all 1500ms ease-in-out;
    z-index: 1; }
  #slides li:first-child {
    opacity: 1;
    z-index: 2; }

.page-intro-image {
  width: 100%;
  overflow: hidden;
  max-height: 455px; }

/* ==========================================================================
HOME
========================================================================== */
.itineraries-module {
  margin: 0 10px;
  margin-bottom: 40px; }
  .itineraries-module h2 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto; }
    .itineraries-module h2:after {
      content: " ";
      display: block;
      clear: both; }
  @media (min-width: 0) and (max-width: 768px) {
    .itineraries-module {
      margin-bottom: 0; } }

.all-itineraries-html {
    /* display: none; */
    float: left;
}
@media (min-width: 0) and (max-width: 640px) {
  .itineraries-module {
    margin: 0 10px; }
  .map-home {
    display: none; }
  #map {
    display: none !important; }
  .map {
    display: none !important; }
  .all-itineraries-html {
    display: block; } }

/* ==========================================================================
SIDEBAR
========================================================================== */
.sidebar-all-itineraries {
  width: 21.186440678%;
  float: left;
  margin-right: 1.6949152542%; }
  .sidebar-all-itineraries h3 {
    font-size: 26px;
    font-size: 1.7333333333rem;
    line-height: 36.4px;
    line-height: 2.4266666667rem;
    color: #fff9c6;
    padding-bottom: 4px;
    border-bottom: 1px solid #fdea18; }
    .sidebar-all-itineraries h3 span {
      font-size: 28px;
      font-size: 1.8666666667rem;
      color: #fdea18; }
      @media (min-width: 0) and (max-width: 768px) {
        .sidebar-all-itineraries h3 span {
          font-size: 23px;
          font-size: 1.5333333333rem; } }
  @media (min-width: 0) and (max-width: 1140px) {
    .sidebar-all-itineraries {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 0) and (max-width: 640px) {
    .sidebar-all-itineraries {
      display: none; } }

/*ALL ITINERARIES*/
.all-itineraries ul {
  margin-bottom: 10px; }
  .all-itineraries ul li {
    margin-left: 10px; }
  .all-itineraries ul li:first-child {
    margin-left: 0px; }
    .all-itineraries ul li:first-child a {
      color: #fdea18;
      text-transform: uppercase; }

@media (min-width: 0) and (max-width: 1140px) {
  .all-itineraries ul {
    width: 15.2542372881%;
    float: left; }
    .all-itineraries ul:nth-child(6n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .all-itineraries ul:nth-child(6n + 2) {
      margin-left: 16.9491525424%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(6n + 3) {
      margin-left: 33.8983050847%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(6n + 4) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(6n + 5) {
      margin-left: 67.7966101695%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(6n + 6) {
      margin-left: 84.7457627119%;
      margin-right: -100%;
      clear: none; } }

@media (min-width: 0) and (max-width: 768px) {
  .all-itineraries ul {
    width: 23.7288135593%;
    float: left; }
    .all-itineraries ul:nth-child(4n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .all-itineraries ul:nth-child(4n + 2) {
      margin-left: 25.4237288136%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(4n + 3) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(4n + 4) {
      margin-left: 76.2711864407%;
      margin-right: -100%;
      clear: none; } }

@media (min-width: 0) and (max-width: 640px) {
  .all-itineraries ul {
    width: 32.2033898305%;
    float: left; }
    .all-itineraries ul:nth-child(3n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .all-itineraries ul:nth-child(3n + 2) {
      margin-left: 33.8983050847%;
      margin-right: -100%;
      clear: none; }
    .all-itineraries ul:nth-child(3n + 3) {
      margin-left: 67.7966101695%;
      margin-right: -100%;
      clear: none; } }

@media (min-width: 0) and (max-width: 360px) {
  .all-itineraries ul {
    width: 49.1525423729%;
    float: left; }
    .all-itineraries ul:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .all-itineraries ul:nth-child(2n + 2) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; } }

.itinerary {
  width: 77.1186440678%;
  float: right;
  margin-right: 0;
  /*Conditions atmosphériques*/ }
  @media (min-width: 0) and (max-width: 1140px) {
    .itinerary {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 0) and (max-width: 960px) {
    .itinerary {
      margin-top: 55px; } }
  .itinerary h3 {
    font-size: 28px;
    font-size: 1.8666666667rem;
    color: #fdea18;
    padding-bottom: 5px;
    border-bottom: 1px solid #fdea18; }
    .itinerary h3 span {
      color: #fff9c6; }
  .itinerary hr {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .itinerary .depart-arrival {
    margin-top: 15px; }
    .itinerary .depart-arrival dt {
      text-transform: uppercase; }
    .itinerary .depart-arrival dl {
      clear: left;
      display: block; }
    .itinerary .depart-arrival dt {
      color: #fff9c6;
      float: left;
      clear: left; }
    .itinerary .depart-arrival dd {
      color: #fdea18;
      float: left;
      margin-left: 5px; }
    .itinerary .depart-arrival p {
      clear: left;
      font-size: 12px;
      font-size: 0.8rem; }
  .itinerary .tabs-switcher {
    text-align: right;
    height: 68px;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 0) and (max-width: 1140px) {
      .itinerary .tabs-switcher {
        margin-top: 15px; } }
    .itinerary .tabs-switcher .tabs {
      height: 42px;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      box-shadow: 0px 16px 10px 0px #00083f; }
    .itinerary .tabs-switcher button {
      width: 309px;
      height: 42px;
      background: #999;
      cursor: pointer;
      background: url("img/ui/tabs.png") no-repeat center 3px;
      text-transform: uppercase;
      position: relative;
      font-size: 12px;
      font-size: 0.8rem; }
      .itinerary .tabs-switcher button span {
        position: absolute;
        bottom: -2px; }
        .itinerary .tabs-switcher button span.desc {
          left: 100px; }
        .itinerary .tabs-switcher button span.tab-availibility {
          left: 54px; }
      .itinerary .tabs-switcher button.off {
        background-position: center -42px; }
      .itinerary .tabs-switcher button.on, .itinerary .tabs-switcher button:hover, .itinerary .tabs-switcher button:focus, .itinerary .tabs-switcher button:active {
        background-position: center 3px; }
      .itinerary .tabs-switcher button:first-child {
        right: -70px;
        z-index: 1; }
      @media (min-width: 0) and (max-width: 1140px) {
        .itinerary .tabs-switcher button {
          float: left;
          width: 50%;
          background: none;
          line-height: 14px; }
          .itinerary .tabs-switcher button:first-child {
            right: inherit;
            z-index: 1; }
          .itinerary .tabs-switcher button.off {
            background-color: #022287; }
          .itinerary .tabs-switcher button.on, .itinerary .tabs-switcher button:hover, .itinerary .tabs-switcher button:focus, .itinerary .tabs-switcher button:active {
            background-color: #00083f; }
          .itinerary .tabs-switcher button span {
            position: relative;
            bottom: 1px; }
            .itinerary .tabs-switcher button span.desc {
              left: auto; }
            .itinerary .tabs-switcher button span.tab-availibility {
              left: auto; } }
  .itinerary .dive-conditions {
    color: #fff9c6;
    margin: 30px 0;
    position: relative; }
  .itinerary .module-gallery {
    margin-bottom: 20px; }
  .itinerary .caution {
    position: relative; }
    .itinerary .caution .advertisement {
      position: absolute;
      padding: 10px;
      border: 5px solid #ffffff;
      background-color: #00083f;
      text-align: center;
      text-transform: uppercase;
      top: 60px;
      left: -270px;
      max-width: 230px;
      width: 100%; }
      .itinerary .caution .advertisement p {
        margin: 0; }
      .itinerary .caution .advertisement::before {
        position: absolute;
        content: " ";
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #fdea18;
        width: 15px;
        height: 15px;
        top: -23px;
        left: calc(50% - 15px);
        right: 0;
        display: block; }
  .itinerary .boarding-landing {
    color: #fff9c6;
    margin: 30px 0;
    position: relative; }
  .itinerary .itinerary-video {
    position: absolute;
    left: -270px;
    width: 230px;
    height: 165px; }
    @media (min-width: 0) and (max-width: 1140px) {
      .itinerary .itinerary-video {
        position: relative;
        float: left;
        left: 0;
        margin-right: 15px; } }
  .itinerary .downbeat-description {
    margin-top: 15px; }
    @media (min-width: 0) and (max-width: 768px) {
      .itinerary .downbeat-description {
        margin-left: 250px;
        position: relative; } }
    @media (min-width: 0) and (max-width: 720px) {
      .itinerary .downbeat-description {
        float: left;
        margin-left: 0px;
        margin-bottom: 15px; } }
  .itinerary .main-dive-site {
    margin-top: 30px;
    clear: left; }
    .itinerary .main-dive-site h2 {
      margin-top: 40px;
      margin-bottom: 30px;
      color: #fff9c6;
      font-size: 34px;
      font-size: 2.2666666667rem;
      padding-bottom: 16px; }
    .itinerary .main-dive-site .dive-site {
      position: relative;
      right: 20px; }
      @media (min-width: 0) and (max-width: 1140px) {
        .itinerary .main-dive-site .dive-site {
          margin-left: 260px;
          position: relative; } }
      @media (min-width: 0) and (max-width: 768px) {
        .itinerary .main-dive-site .dive-site {
          position: static;
          clear: both;
          margin-bottom: 20px;
          margin-left: 0px; } }
      .itinerary .main-dive-site .dive-site .dive-site-content {
        margin-bottom: 30px; }
        @media (min-width: 0) and (max-width: 768px) {
          .itinerary .main-dive-site .dive-site .dive-site-content {
            margin-bottom: 15px; } }
        .itinerary .main-dive-site .dive-site .dive-site-content .dive-point {
          position: relative;
          top: 0px;
          left: -10px;
          width: 20px;
          height: 20px;
          display: block;
          background-color: #fdea18;
          border-radius: 25px; }
          @media (min-width: 0) and (max-width: 768px) {
            .itinerary .main-dive-site .dive-site .dive-site-content .dive-point {
              display: none; } }
        .itinerary .main-dive-site .dive-site .dive-site-content .itinerary-picture {
          position: relative;
          left: -250px;
          max-width: 230px;
          max-height: 230px; }
          .itinerary .main-dive-site .dive-site .dive-site-content .itinerary-picture img {
            position: relative; }
          @media (min-width: 0) and (max-width: 768px) {
            .itinerary .main-dive-site .dive-site .dive-site-content .itinerary-picture {
              position: relative;
              left: 0px;
              float: left;
              margin-right: 15px; } }
          @media (min-width: 0) and (max-width: 560px) {
            .itinerary .main-dive-site .dive-site .dive-site-content .itinerary-picture {
              float: none; } }
        .itinerary .main-dive-site .dive-site .dive-site-content .description {
          position: absolute;
          top: 0;
          left: 20px; }
          .itinerary .main-dive-site .dive-site .dive-site-content .description h3 {
            font-size: 19px;
            font-size: 1.2666666667rem;
            border: medium none; }
          @media (min-width: 0) and (max-width: 768px) {
            .itinerary .main-dive-site .dive-site .dive-site-content .description {
              position: static;
              padding-left: 0px; }
              .itinerary .main-dive-site .dive-site .dive-site-content .description h3 {
                margin-bottom: 12px; }
              .itinerary .main-dive-site .dive-site .dive-site-content .description h3 + p {
                margin-top: 10px; } }
          @media (min-width: 0) and (max-width: 560px) {
            .itinerary .main-dive-site .dive-site .dive-site-content .description h3 {
              margin-top: 12px; } }
      .itinerary .main-dive-site .dive-site:last-child .dive-site-content {
        margin-bottom: 0; }
      .itinerary .main-dive-site .dive-site:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #fdea18; }
        @media (min-width: 0) and (max-width: 768px) {
          .itinerary .main-dive-site .dive-site:before {
            display: none;
            height: 0; } }
      .itinerary .main-dive-site .dive-site:after {
        content: " ";
        display: table;
        width: 100%; }
  .itinerary .table .table-head {
    display: block;
    width: 100%;
    background-color: #011563;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
    background-image: -webkit-linear-gradient(right, #022287, #00083f);
    background-image: -moz-linear-gradient(right, #022287, #00083f);
    background-image: -ms-linear-gradient(right, #022287, #00083f);
    background-image: -o-linear-gradient(right, #022287, #00083f);
    background-image: linear-gradient(to right, #022287, #00083f);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#022287', EndColorStr='#00083f')";
    padding: 10px;
    margin-bottom: 10px; }
  .itinerary .table .table-row {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden; }
    @media (min-width: 0) and (max-width: 768px) {
      .itinerary .table .table-row {
        margin-bottom: 0px; } }
    .itinerary .table .table-row .table-cell {
      background-color: #011563;
      background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
      background-image: -webkit-linear-gradient(right, #022287, #00083f);
      background-image: -moz-linear-gradient(right, #022287, #00083f);
      background-image: -ms-linear-gradient(right, #022287, #00083f);
      background-image: -o-linear-gradient(right, #022287, #00083f);
      background-image: linear-gradient(to right, #022287, #00083f);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#022287', EndColorStr='#00083f')";
      display: table-cell;
      position: relative;
      padding: 5px;
      width: 49%;
      left: 0;
      right: 10px; }
      .itinerary .table .table-row .table-cell:last-child {
        width: 49%;
        right: 0;
        left: 10px; }
      @media (min-width: 0) and (max-width: 768px) {
        .itinerary .table .table-row .table-cell {
          display: block;
          width: 100%;
          position: static;
          margin-bottom: 5px; }
          .itinerary .table .table-row .table-cell:last-child {
            margin-bottom: 5px;
            position: static;
            display: block;
            width: 100%; } }
  .itinerary .table dt {
    font-size: 23px;
    font-size: 1.5333333333rem;
    text-transform: uppercase;
    padding: 10px 10px 0px 10px; }
    .itinerary .table dt span {
      font-size: 15px;
      font-size: 1rem; }
  .itinerary .table dd {
    color: #fdea18;
    padding: 5px 15px 10px 10px; }

.module-gallery {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .module-gallery:after {
    content: " ";
    display: block;
    clear: both; }

.gallery-contextual {
  position: relative;
  /*display:inline-block;*/ }
  .gallery-contextual button {
    background: none;
    border: 0; }
  .gallery-contextual .viewer {
    width: 74.358974359%;
    float: left;
    margin-right: 2.5641025641%;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .gallery-contextual .viewer > img, .gallery-contextual .content-view.columns-2 .viewer > img {
      position: relative;
      top: 0; }
    .gallery-contextual .viewer img {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none; }
    .gallery-contextual .viewer .viewer-360 {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .gallery-contextual .viewer .viewer-360 .tour-360-left {
        left: 40px; }
        @media (min-width: 560px) and (max-width: 768px) {
          .gallery-contextual .viewer .viewer-360 .tour-360-left {
            left: 30px; } }
        @media (min-width: 0) and (max-width: 560px) {
          .gallery-contextual .viewer .viewer-360 .tour-360-left {
            left: inherit;
            right: 10px; } }
      .gallery-contextual .viewer .viewer-360 ul.preview-360 {
        display: block;
        position: absolute;
        bottom: 80px;
        left: 40px; }
        @media (min-width: 0) and (max-width: 768px) {
          .gallery-contextual .viewer .viewer-360 ul.preview-360 {
            left: 40px;
            bottom: 70px;
            margin-bottom: 10px; } }
        @media (min-width: 0) and (max-width: 560px) {
          .gallery-contextual .viewer .viewer-360 ul.preview-360 {
            bottom: 0px; } }
        .gallery-contextual .viewer .viewer-360 ul.preview-360 li {
          border: 1px solid #fff9c6;
          margin-bottom: 15px;
          margin-left: 0px;
          position: relative;
          border: 1px solid #fff9c6;
          display: block; }
          .gallery-contextual .viewer .viewer-360 ul.preview-360 li span {
            position: absolute;
            display: inline-block;
            bottom: 0px;
            left: 0px;
            padding: 3px;
            background-color: #4d5279;
            background-color: rgba(0, 8, 63, 0.7);
            width: 100%;
            color: #fdea18; }
          .gallery-contextual .viewer .viewer-360 ul.preview-360 li:hover {
            cursor: pointer;
            border: 1px solid #fdea18; }
          @media (min-width: 560px) and (max-width: 1024px) {
            .gallery-contextual .viewer .viewer-360 ul.preview-360 li {
              width: 80%;
              margin-bottom: 10px; } }
          @media (min-width: 0) and (max-width: 560px) {
            .gallery-contextual .viewer .viewer-360 ul.preview-360 li {
              width: 80%;
              margin-bottom: 5px; } }
        .gallery-contextual .viewer .viewer-360 ul.preview-360 .active {
          border: 1px solid #fdea18; }
      .gallery-contextual .viewer .viewer-360 .viewer-360-image {
        position: relative; }
        .gallery-contextual .viewer .viewer-360 .viewer-360-image img {
          position: relative; }
        .gallery-contextual .viewer .viewer-360 .viewer-360-image img + img, .gallery-contextual .viewer .viewer-360 .viewer-360-image .content-view.columns-2 img + img {
          position: absolute;
          top: 0;
          left: 0; }
    .gallery-contextual .viewer .viewer-image {
      position: relative;
      top: 0;
      width: 100%;
    /* height: 100%;*/ 
    }
      .gallery-contextual .viewer .viewer-image .image {
        position: relative; }
      .gallery-contextual .viewer .viewer-image img {
        /*max-height:320px;*/
        display: block;
        position: relative;
        top: 0; }
    .gallery-contextual .viewer .previousNav, .gallery-contextual .viewer .nextNav {
      position: absolute;
      content: " ";
      width: 25px;
      height: 45px;
      top: calc(50% - 20px);
      z-index: 2; }
      .gallery-contextual .viewer .previousNav:hover, .gallery-contextual .viewer .nextNav:hover {
        cursor: pointer; }
    .gallery-contextual .viewer .previousNav {
      background: url("img/ui/nav.png") no-repeat scroll left center;
      left: 10px; }
    .gallery-contextual .viewer .nextNav {
      background: url("img/ui/nav.png") no-repeat scroll right center;
      right: 10px; }
  .gallery-contextual .preview {
    max-height: 90px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding: 14px 0;
    text-align: center;
    z-index: 3; }
    .gallery-contextual .preview .previous, .gallery-contextual .preview .next {
      position: absolute;
      content: " ";
      width: 15px;
      height: 20px;
      top: calc(50% - 15px);
      display: block;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent; }
      .gallery-contextual .preview .previous:hover, .gallery-contextual .preview .next:hover {
        cursor: pointer; }
    .gallery-contextual .preview .previous {
      border-right: 15px solid #fdea18;
      left: 0; }
    .gallery-contextual .preview .next {
      border-left: 15px solid #fdea18;
      right: 0; }
    .gallery-contextual .preview .preview-content {
      position: static;
      height: 90px;
      overflow: hidden;
      width: auto;
      width: calc(100% - 50px);
      display: inline-block; }
      @media (min-width: 360px) and (max-width: 1140px) {
        .gallery-contextual .preview .preview-content {
          max-height: 95px; } }
      @media (min-width: 0) and (max-width: 360px) {
        .gallery-contextual .preview .preview-content {
          width: calc(100% - 44px);
          margin-left: 0px; } }
      .gallery-contextual .preview .preview-content ul.preview-images {
        position: relative;
        overflow: hidden;
        transform: translateZ(1px);
        top: 0;
        display: inline-block;
        /*width:JS*/
        height: 72px;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .gallery-contextual .preview .preview-content ul.preview-images li {
          display: block;
          float: left;
          position: relative;
          margin: 0px 7px 0px 0px;
          width: 125px;
          height: 71px;
          border: 1px solid #fff9c6; }
          .gallery-contextual .preview .preview-content ul.preview-images li:hover {
            cursor: pointer;
            border: 1px solid #fdea18; }
          .gallery-contextual .preview .preview-content ul.preview-images li.active {
            border: 1px solid #fdea18; }
          .gallery-contextual .preview .preview-content ul.preview-images li:last-child {
            margin-right: 0; }
          .gallery-contextual .preview .preview-content ul.preview-images li:first-child {
            border: 1px solid #fdea18; }

.gallery {
  width: 100%;
  float: left;
  margin-bottom: 30px; }

.gallery img, .gallery .content-view.columns-2 img, .content-view.columns-2 .gallery img {
  width: 100%;
  height: auto; }

.gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 190px; }
  @media (min-width: 0) and (max-width: 360px) {
    .gallery figure {
      width: 150px;
      margin: 0 10px 10px 0; }
      .gallery figure:nth-child(even) {
        margin: 0 0px 5px 0; } }

.gallery figcaption {
  display: none; }

.availibilities {
  width: 77.1186440678%;
  float: right;
  margin-right: 0; }
  @media (min-width: 0) and (max-width: 1170px) {
    .availibilities {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

/*Total Komodo & Price date availibility*/
.travel-availibility .travel h3 {
  margin-top: 30px;
  color: #fdea18;
  text-transform: uppercase; }
  .travel-availibility .travel h3 span {
    text-transform: none;
    color: #fff9c6; }

.travel-availibility .travel .travel-data {
  width: 65.9090909091%;
  float: left;
  margin-right: 2.2727272727%; }
  @media (min-width: 0) and (max-width: 960px) {
    .travel-availibility .travel .travel-data {
      width: 54.5454545455%;
      float: left;
      margin-right: 2.2727272727%; } }
  @media (min-width: 0) and (max-width: 720px) {
    .travel-availibility .travel .travel-data {
      width: 43.1818181818%;
      float: left;
      margin-right: 2.2727272727%; } }
  @media (min-width: 0) and (max-width: 640px) {
    .travel-availibility .travel .travel-data {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  .travel-availibility .travel .travel-data table a {
    width: 40px;
    margin-right: 10px; }
    .travel-availibility .travel .travel-data table a:hover {
      background-color: #00083f; }
  .travel-availibility .travel .travel-data table {
    width: 100%;
    margin-bottom: 20px; }
    .travel-availibility .travel .travel-data table thead th {
      color: #fdea18;
      text-transform: uppercase;
      background-color: #1b2e72;
      font-size: 11px;
      font-size: 0.7333333333rem; }
      .travel-availibility .travel .travel-data table thead th span {
        border-bottom: 1px solid #fdea18; }
      @media (min-width: 0) and (max-width: 360px) {
        .travel-availibility .travel .travel-data table thead th {
          font-size: 12px;
          font-size: 0.8rem; } }
    .travel-availibility .travel .travel-data table tbody tr {
      border-bottom: 1px solid #fff9c6; }
    @media (min-width: 0) and (max-width: 360px) {
      .travel-availibility .travel .travel-data table tbody {
        font-size: 12px;
        font-size: 0.8rem; } }
    .travel-availibility .travel .travel-data table th, .travel-availibility .travel .travel-data table td {
      padding: 7px 0;
      text-align: center; }
  .travel-availibility .travel .travel-data .nav-infos {
    text-align: center;
    width: 100%; }
    .travel-availibility .travel .travel-data .nav-infos .btn-details {
      width: 56.8965517241%;
      float: left;
      margin-right: 3.4482758621%; }
    .travel-availibility .travel .travel-data .nav-infos .btn-promos-themes {
      width: 39.6551724138%;
      float: right;
      margin-right: 0; }
    .travel-availibility .travel .travel-data .nav-infos button, .travel-availibility .travel .travel-data .nav-infos a {
      margin: 0px 10px 10px 0px;
      width: 100%; }
      .travel-availibility .travel .travel-data .nav-infos button.btn-detail, .travel-availibility .travel .travel-data .nav-infos a.btn-detail {
        width: 46%; }
        @media (min-width: 0) and (max-width: 768px) {
          .travel-availibility .travel .travel-data .nav-infos button.btn-detail, .travel-availibility .travel .travel-data .nav-infos a.btn-detail {
            width: 100%; } }
      @media (min-width: 0) and (max-width: 360px) {
        .travel-availibility .travel .travel-data .nav-infos button, .travel-availibility .travel .travel-data .nav-infos a {
          font-size: 11px;
          font-size: 0.7333333333rem; } }

.travel-availibility .travel .travel-availibility-title {
  text-align: center;
  width: 31.8181818182%;
  float: right;
  margin-right: 0; }
  @media (min-width: 0) and (max-width: 960px) {
    .travel-availibility .travel .travel-availibility-title {
      width: 43.1818181818%;
      float: right;
      margin-right: 0; } }
  @media (min-width: 0) and (max-width: 720px) {
    .travel-availibility .travel .travel-availibility-title {
      margin-top: 10px;
      width: 54.5454545455%;
      float: right;
      margin-right: 0; } }
  @media (min-width: 0) and (max-width: 640px) {
    .travel-availibility .travel .travel-availibility-title {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  .travel-availibility .travel .travel-availibility-title h3 {
    padding: 7px 0;
    color: #fdea18;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.0666666667rem;
    background-color: #1b2e72;
    text-align: center;
    margin: 0 0 30px 0;
    border: 0; }
  .travel-availibility .travel .travel-availibility-title img {
    width: 280px;
    height: 300px; }

.agenda {
  width: 77.1186440678%;
  float: right;
  margin-right: 0; }
  @media (min-width: 0) and (max-width: 1170px) {
    .agenda {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

.our-offer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.our-offer, .agenda {
  position: relative;
  font-size: 14px;
  font-size: 0.9333333333rem; }
  .our-offer .content-view > .offer:nth-child(1) thead, .agenda .content-view > .offer:nth-child(1) thead {
    display: table-header-group; }
    .our-offer .content-view > .offer:nth-child(1) thead tr, .agenda .content-view > .offer:nth-child(1) thead tr {
      height: 25px; }
  .our-offer .offer, .agenda .offer {
    width: 100%; }
    @media (min-width: 0) and (max-width: 1170px) {
      .our-offer .offer, .agenda .offer {
        border-bottom: 1px solid #fdea18;
        /*@extend %valign;*/
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
        display: block; }
        .our-offer .offer:last-child, .agenda .offer:last-child {
          border: none;
          margin: 0;
          padding: 0; } }
    .our-offer .offer table, .agenda .offer table {
      display: table;
      vertical-align: middle;
      min-height: 70px;
      border-collapse: separate;
      width: 100%;
      height: 100%;
      font-size: 12px;
      font-size: 0.8rem;
      line-height: 16.8px;
      line-height: 1.12rem; }
      .our-offer .offer table thead, .agenda .offer table thead {
        display: none; }
        .our-offer .offer table thead tr, .agenda .offer table thead tr {
          height: 0px; }
        @media (min-width: 0) and (max-width: 1170px) {
          .our-offer .offer table thead, .agenda .offer table thead {
            display: table-header-group; }
            .our-offer .offer table thead tr, .agenda .offer table thead tr {
              height: 25px; } }
        .our-offer .offer table thead tr, .agenda .offer table thead tr {
          height: 25px;
          background: none; }
          .our-offer .offer table thead tr th, .agenda .offer table thead tr th {
            color: #fdea18;
            text-transform: uppercase;
            vertical-align: middle;
            text-align: center;
            font-size: 11px;
            font-size: 0.7333333333rem; }
            .our-offer .offer table thead tr th span, .agenda .offer table thead tr th span {
              border-bottom: 1px solid #fdea18; }
      .our-offer .offer table tbody tr, .agenda .offer table tbody tr {
        background: none;
        height: 70px;
        border-spacing: 0 10px; }
      .our-offer .offer table tbody td, .agenda .offer table tbody td {
        text-align: center;
        vertical-align: middle; }
        .our-offer .offer table tbody td span, .agenda .offer table tbody td span {
          display: block;
          width: 100%;
          height: 25px;
          padding: 5px 0; }
        .our-offer .offer table tbody td span:nth-child(1), .agenda .offer table tbody td span:nth-child(1) {
          background-color: #32427b; }
        .our-offer .offer table tbody td span:nth-child(2), .agenda .offer table tbody td span:nth-child(2) {
          background-color: #1b2f74; }
      .our-offer .offer table.first-column tbody tr, .our-offer .offer table.third-column tbody tr, .agenda .offer table.first-column tbody tr, .agenda .offer table.third-column tbody tr {
        background: none; }
        .our-offer .offer table.first-column tbody tr td, .our-offer .offer table.third-column tbody tr td, .agenda .offer table.first-column tbody tr td, .agenda .offer table.third-column tbody tr td {
          padding: 0px 3px; }
          .our-offer .offer table.first-column tbody tr td a, .our-offer .offer table.third-column tbody tr td a, .agenda .offer table.first-column tbody tr td a, .agenda .offer table.third-column tbody tr td a {
            display: table-cell;
            height: 50px;
            width: 1%;
            vertical-align: middle;
            font-size: 11px;
            font-size: 0.7333333333rem;
            /*box-shadow:none;*/ }

.agenda .offer {
  width: 100%; }
  .agenda .offer .first-column {
    padding-right: 10px;
    width: 34.9090909091%;
    float: left;
    /*a{width:110px;}*/ }
    .agenda .offer .first-column td:nth-child(1) {
      width: 17%; }
    .agenda .offer .first-column td:nth-child(2) {
      text-transform: uppercase; }
    @media (min-width: 0) and (max-width: 840px) {
      .agenda .offer .first-column {
        width: 43.1818181818%;
        float: left; } }
    @media (min-width: 0) and (max-width: 720px) {
      .agenda .offer .first-column {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 0) and (max-width: 360px) {
      .agenda .offer .first-column tbody tr td {
        font-size: 11px;
        font-size: 0.7333333333rem;
        line-height: 15.4px;
        line-height: 1.0266666667rem; }
        .agenda .offer .first-column tbody tr td a {
          font-size: 10px;
          font-size: 0.6666666667rem; }
      .agenda .offer .first-column th:nth-child(4), .agenda .offer .first-column td:nth-child(4) {
        display: none; } }
  .agenda .offer .second-column {
    width: 33.0909090909%;
    float: left; }
    .agenda .offer .second-column td:nth-child(1) {
      width: 18%; }
    @media (min-width: 0) and (max-width: 840px) {
      .agenda .offer .second-column {
        width: 54.5454545455%;
        float: left; } }
    @media (min-width: 840px) and (max-width: 960px) {
      .agenda .offer .second-column td:nth-child(1) {
        width: 25%; }
      .agenda .offer .second-column td:last-child {
        width: 20%; }
      .agenda .offer .second-column th:nth-child(4), .agenda .offer .second-column td:nth-child(4) {
        display: none; } }
    @media (min-width: 0) and (max-width: 720px) {
      .agenda .offer .second-column {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 0) and (max-width: 360px) {
      .agenda .offer .second-column td {
        width: 33%; }
      .agenda .offer .second-column th:nth-child(4), .agenda .offer .second-column td:nth-child(4) {
        display: none; } }
  .agenda .offer .third-column {
    width: 31.4545454545%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 720px) {
      .agenda .offer .third-column thead {
        display: none !important; } }
    .agenda .offer .third-column .btn-promotion {
      min-width: 85px; }
    .agenda .offer .third-column .btn-theme {
      min-width: 85px; }
    @media (min-width: 0) and (max-width: 840px) {
      .agenda .offer .third-column {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }

@media (min-width: 1080px) {
  .our-offer .offer .btn-xs {
    display: none; } }

@media (min-width: 0) and (max-width: 1080px) {
  .our-offer .offer .btn-xs {
    display: table;
    color: #fff9c6;
    background-color: #FA8C01;
    font-size: 0.733333rem;
    text-transform: uppercase;
    padding: 0px 5px; } }

.our-offer .offer table.first-column {
  width: 32.2033898305%;
  float: left; }
  .our-offer .offer table.first-column a {
    width: 110px; }
  .our-offer .offer table.first-column td:nth-child(1) {
    width: 15%; }
  .our-offer .offer table.first-column td:nth-child(2) {
    width: 25%; }
  .our-offer .offer table.first-column td:nth-child(3) {
    width: 31%; }
  .our-offer .offer table.first-column td:last-child {
    color: #fa8c01;
    font-size: 11px;
    font-size: 0.7333333333rem;
    text-transform: uppercase;
    padding: 0 5px; }
  @media (min-width: 0) and (max-width: 1080px) {
    .our-offer .offer table.first-column {
      width: 32.2033898305%;
      float: left;
      /*background:#0f0;*/ }
      .our-offer .offer table.first-column th:nth-child(4), .our-offer .offer table.first-column td:nth-child(4) {
        display: none; } }
  @media (min-width: 0) and (max-width: 920px) {
    .our-offer .offer table.first-column {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .our-offer .offer table.first-column a {
        width: 100%; }
      .our-offer .offer table.first-column td {
        width: 33%; } }
  @media (min-width: 0) and (max-width: 360px) {
    .our-offer .offer table.first-column th:nth-child(4), .our-offer .offer table.first-column td:nth-child(4) {
      display: none; } }

.our-offer .offer table.second-column {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-right: 1px; }
  .our-offer .offer table.second-column td:nth-child(1) {
    width: 10%; }
  .our-offer .offer table.second-column td:last-child {
    width: 30%; }
  @media (min-width: 1080px) and (max-width: 1170px) {
    .our-offer .offer table.second-column th:nth-child(4), .our-offer .offer table.second-column td:nth-child(4) {
      display: none;
      width: 0%; } }
  @media (min-width: 0) and (max-width: 1080px) {
    .our-offer .offer table.second-column {
      width: 66.1016949153%;
      float: right;
      margin-right: 0; } }
  @media (min-width: 0) and (max-width: 920px) {
    .our-offer .offer table.second-column {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 0) and (max-width: 560px) {
    .our-offer .offer table.second-column td:nth-child(1) {
      min-width: 60px; }
    .our-offer .offer table.second-column td:nth-child(2), .our-offer .offer table.second-column td:nth-child(3) {
      width: 22%; }
    .our-offer .offer table.second-column th:nth-child(4), .our-offer .offer table.second-column td:nth-child(4) {
      display: none; }
    .our-offer .offer table.second-column td:nth-child(5) {
      width: 35%; }
    .our-offer .offer table.second-column th {
      height: 35px; }
    .our-offer .offer table.second-column tbody tr {
      height: 80px;
      vertical-align: middle; }
      .our-offer .offer table.second-column tbody tr td {
        height: 40px; }
        .our-offer .offer table.second-column tbody tr td span {
          height: 40px; } }
  @media (min-width: 0) and (max-width: 360px) {
    .our-offer .offer table.second-column {
      font-size: 12px;
      font-size: 0.8rem; } }

.our-offer .offer table.third-column {
  width: 16.9491525424%;
  float: left;
  text-align: right; }
  .our-offer .offer table.third-column .btn-ask-offer {
    min-width: 95px;
    width: 155px; }
  .our-offer .offer table.third-column .btn-theme {
    min-width: 95px;
    width: 155px; }
  @media (min-width: 0) and (max-width: 1080px) {
    .our-offer .offer table.third-column {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      clear: both;
      display: block; }
      .our-offer .offer table.third-column th, .our-offer .offer table.third-column td {
        width: auto; }
      .our-offer .offer table.third-column thead tr {
        display: none; } }

.our-offer .offer .content-offer {
  clear: both;
  width: calc(100% - 88px);
  margin-left: 88px;
  margin-bottom: 10px;
  position: relative;
  margin-top: -5px;
  padding-right: 15px; }
  .our-offer .offer .content-offer::before {
    position: absolute;
    content: " ";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fdea18;
    width: 10px;
    height: 10px;
    top: 15%;
    left: -20px;
    right: 0;
    display: block; }
    @media (min-width: 0) and (max-width: 640px) {
      .our-offer .offer .content-offer::before {
        display: none; } }
  @media (min-width: 0) and (max-width: 1080px) {
    .our-offer .offer .content-offer {
      width: 100%;
      margin-left: 0px;
      padding-right: 0; } }
  .our-offer .offer .content-offer .content-offer-image {
    width: 220px;
    display: inline-block;
    vertical-align: middle; }
    @media (min-width: 0) and (max-width: 768px) {
      .our-offer .offer .content-offer .content-offer-image {
        float: none;
        width: 100%; } }
  .our-offer .offer .content-offer .content-offer-text {
    min-height: 115px;
    background-color: #022287;
    margin-left: 5px;
    width: calc(100% - 239px);
    padding: 10px 0px 10px 10px;
    display: inline-block;
    vertical-align: middle; }
    .our-offer .offer .content-offer .content-offer-text .title {
      text-transform: uppercase;
      font-size: 17px;
      font-size: 1.1333333333rem;
      margin-bottom: 7px; }
    .our-offer .offer .content-offer .content-offer-text p {
      font-size: 14px;
      font-size: 0.9333333333rem; }
    @media (min-width: 0) and (max-width: 768px) {
      .our-offer .offer .content-offer .content-offer-text {
        float: none;
        margin-left: 0;
        width: 100%; } }

.theme-teasers .theme-teaser {
  position: relative;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  .theme-teasers .theme-teaser:last-child {
    width: 32.2033898305%;
    float: right;
    margin-right: 0; }
  @media (min-width: 0) and (max-width: 640px) {
    .theme-teasers .theme-teaser {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .theme-teasers .theme-teaser:last-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }

.theme-teasers h4 {
  margin: 10px 0;
  font-size: 15px;
  font-size: 1rem; }
  @media (min-width: 640px) and (max-width: 920px) {
    .theme-teasers h4 {
      font-size: 13px;
      font-size: 0.8666666667rem;
      background: #000;
      margin: 0;
      position: absolute;
      top: 5px;
      left: 5px; } }
  @media (min-width: 0) and (max-width: 640px) {
    .theme-teasers h4 {
      background: none;
      position: static;
      margin: 10px 0; } }

.theme-teasers a {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-bottom: 2px solid #FDEA18; }

.agents {
  width: 66.1016949153%;
  float: left;
  margin-right: 1.6949152542%;
  margin: 0 auto;
  float: none; }
  .agents h3 {
    color: #00083f;
    text-transform: uppercase;
    line-height: 32px;
    font-size: 26px;
    font-size: 1.7333333333rem;
    margin-bottom: 0;
    position: relative;
    padding-left: 10px; }
  .agents a {
    text-decoration: underline; }
  .agents .land {
    clear: both;
    margin-bottom: 50px; }
  .agents .country {
    width: 100%;
    background-color: #fff48a;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, left, right);
    background-image: -webkit-linear-gradient(right, #feef4d, #fff9c6);
    background-image: -moz-linear-gradient(right, #feef4d, #fff9c6);
    background-image: -ms-linear-gradient(right, #feef4d, #fff9c6);
    background-image: -o-linear-gradient(right, #feef4d, #fff9c6);
    background-image: linear-gradient(to right, #feef4d, #fff9c6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#feef4d', EndColorStr='#fff9c6')";
    margin-bottom: 15px; }
  .agents .agent {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .agents .agent .logo {
      margin-bottom: 10px;
      width: 48.7179487179%;
      float: left;
      margin-right: 2.5641025641%;
      text-align: right;
      float: none; }
      .agents .agent .logo img {
        width: auto; }
    .agents .agent .website {
      width: 35.8974358974%;
      float: right;
      margin-right: 0;
      float: none;
      text-align: center; }
  @media (min-width: 0) and (max-width: 768px) {
    .agents .country {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center; }
    .agents .agent {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin: 15px 0; }
      .agents .agent .logo {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: center; }
      .agents .agent .website {
        text-align: center;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }

.home-staff {
  width: 32.2033898305%;
  float: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff9c6;
  min-height: 170px; }
  .home-staff:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0; }
  .home-staff:nth-child(3n + 2) {
    margin-left: 33.8983050847%;
    margin-right: -100%;
    clear: none; }
  .home-staff:nth-child(3n + 3) {
    margin-left: 67.7966101695%;
    margin-right: -100%;
    clear: none; }
  .home-staff .staff-picture {
    position: static;
    width: 28.9473684211%;
    float: left;
    margin-right: 5.2631578947%; }
  .home-staff .staff-text {
    display: block;
    width: 65.7894736842%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
    .home-staff .staff-text h3 {
      font-size: 16px;
      font-size: 1.0666666667rem;
      line-height: 13px;
      margin-bottom: 9px; }
    .home-staff .staff-text p {
      font-size: 14px;
      line-height: 16px; }
    .home-staff .staff-text a {
      display: inline-block;
      color: #fff9c6;
      padding-bottom: 3px;
      line-height: 21px;
      border-bottom: 1px solid #fdea18; }
  @media (min-width: 1024px) {
    .home-staff:nth-last-child(1), .home-staff:nth-last-child(2), .home-staff:nth-last-child(3) {
      margin-bottom: 0px; } }
  @media (min-width: 0) and (max-width: 1024px) {
    .home-staff {
      width: 49.1525423729%;
      float: left; }
      .home-staff:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .home-staff:nth-child(2n + 2) {
        margin-left: 50.8474576271%;
        margin-right: -100%;
        clear: none; } }
  @media (min-width: 0) and (max-width: 768px) {
    .home-staff {
      position: relative;
      width: 100%;
      display: block;
      float: none;
      clear: both;
      margin: 0px 0px 15px !important;
      min-height: inherit; }
      .home-staff .staff-picture {
        max-height: 161px;
        width: auto;
        margin-right: 10px; }
      .home-staff .staff-text {
        width: calc(100% - 130px); } }

.staff {
  font-size: 14px;
  font-size: 0.9333333333rem; }
  .staff h3 {
    font-size: 31px;
    font-size: 2.0666666667rem;
    color: #fff9c6;
    margin-bottom: 20px;
    border: none;
    div-position: relative; }
    @media (min-width: 0) and (max-width: 960px) {
      .staff h3 {
        font-size: 26px;
        font-size: 1.7333333333rem; } }
  .staff .staff-picture {
    width: 9.3220338983%;
    float: left;
    margin-right: 1.6949152542%; }
  .staff .staff-text {
    width: 55.0847457627%;
    float: left;
    margin-right: 1.6949152542%;
    border-left: 1px solid #ccc;
    padding-left: 15px; }
  .staff .staff-visuel {
    width: 32.2033898305%;
    float: right;
    margin-right: 0;
    position: relative; }
  @media (min-width: 0) and (max-width: 768px) {
    .staff .staff-picture {
      width: 9.3220338983%;
      float: left;
      margin-right: 1.6949152542%; }
    .staff .staff-text {
      width: 88.9830508475%;
      float: right;
      margin-right: 0;
      margin-bottom: 20px; }
    .staff .staff-visuel {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }

#map {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 105px;
  /*height: calc(100% - 105px);*/
  width: 100%;
  background-color: #00083f;
  background-image: linear-gradient(to right, #022287, #1e57ba); }
  @media (min-width: 0) and (max-width: 960px) {
    #map {
      top: 0px;
      height: 100%; } }

#map + footer, #map + * + footer {
  display: none; }

/*Leaflet*/
.leaflet-container img, .leaflet-container .content-view.columns-2 img, .content-view.columns-2 .leaflet-container img {
  width: inherit;
  height: inherit; }

.leaflet-control-layers-separator {
  display: block; }

.leaflet-right .leaflet-control, .leaflet-left .leaflet-control, .leaflet-control-layers-expanded {
  /*background-image:linear-gradient(to right, #022287, #1e57ba);*/
  background-color: #01125c;
  background-color: rgba(0, 8, 63, 0.6); }

.leaflet-control-layers-toggle:after {
  content: "Choose an Itinerary";
  color: #fff; }

html[lang="fr"] .leaflet-control-layers-toggle:after {
  content: "Choisir un itinéraire";
  color: #fff; }

html[lang="en"] .leaflet-control-layers-toggle:after {
  content: "Choose an Itinerary";
  color: #fff; }

html[lang="de"] .leaflet-control-layers-toggle:after {
  content: "Wählen Sie eine Route";
  color: #fff; }

.leaflet-control-layers-toggle {
  min-width: 170px;
  background-position: 3px 50%;
  padding: 3px 10px 3px 36px;
  text-decoration: none;
  line-height: 30px; }

.leaflet-control-layers-base {
  min-width: 200px;
  line-height: 18px; }
  .leaflet-control-layers-base input[type=radio] {
    display: none; }
  .leaflet-control-layers-base label {
    margin-bottom: 0;
    position: relative;
    padding-left: 25px;
    color: #fff9c6; }
    .leaflet-control-layers-base label:hover {
      color: #fdea18; }
    .leaflet-control-layers-base label:before {
      content: "";
      display: inline-block;
      height: 12px;
      left: 0;
      position: absolute;
      top: 4px;
      width: 14px; }

.leaflet-close-control {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  right: 0; }
  .leaflet-close-control:after {
    color: #fff9c6;
    content: "+";
    cursor: pointer;
    display: block;
    font-size: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 25px;
    z-index: 1; }
  .leaflet-close-control:focus::after, .leaflet-close-control:hover::after, .leaflet-close-control:active::after {
    color: #fdea18; }

.leaflet-control-layers-base label:nth-child(1):before {
  background: #0095D3; }

.leaflet-control-layers-base label:nth-child(2):before {
  background: #168C3D; }

.leaflet-control-layers-base label:nth-child(3):before {
  background: #73FA79; }

.leaflet-control-layers-base label:nth-child(4):before {
  background: #F29529; }

.leaflet-control-layers-base label:nth-child(5):before {
  background: #009FE1; }

.leaflet-control-layers-base label:nth-child(6):before {
  background: #9ABE34; }

.leaflet-control-layers-base label:nth-child(7):before {
  background: #FF5494; }

.leaflet-control-layers-base label:nth-child(8):before {
  background: #FFFB00; }

.leaflet-control-layers-base label:nth-child(9):before {
  background: #009FE1; }
.leaflet-control-layers-base label:nth-child(10):before {
  background: #9900FF; }
.leaflet-control-layers-base label:nth-child(11):before {
  background: #00FFFF; }  /*#00FFFF*/

.leaflet-control-layers-base label:nth-child(12):before {
  background: #ff99cc; }  /*ff99cc*/

.leaflet-control-layers-base label:nth-child(13):before {
  background: #6666cc; }

.leaflet-control-layers-base label:nth-child(14):before {
  background: #3A3A3A; } /*3A3A3A*/

.leaflet-control-layers-base label:nth-child(15):before {
  background: #A58C7B; }

.leaflet-control-layers-base label:nth-child(16):before {
  background: #FFEA00; }

.leaflet-control-layers-base label:nth-child(17):before {
  background: #FFF59C; }

.leaflet-control-layers-base label:nth-child(18):before {
  background: #E21E72; }

.leaflet-control-layers-base label:nth-child(19):before {
  background: #03FF00; }

.leaflet-control-layers-base label:nth-child(20):before {
  background: #FCC545; }
.leaflet-control-layers-base label:nth-child(21):before {
  background: #3FADDB; }
.leaflet-control-layers-base label:nth-child(22):before {
  background: #EB579A; }
.leaflet-control-layers-base label:nth-child(23):before {
  background: #168C3D; }


.leaflet-control-layers-overlays {
  display: block; }
  .leaflet-control-layers-overlays label {
    display: inline-block;
    margin-right: 7px; }

.leaflet-control-layers-selector {
  margin-top: 0;
  top: 0; }

/*FullScreen*/
.fullscreen-icon {
  background-image: url("img/ui/icon-fullscreen.png"); }

.leaflet-retina .fullscreen-icon {
  background-image: url("img/ui/icon-fullscreen-2x.png");
  background-size: 26px 26px; }

.leaflet-container:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
  z-index: 9500; }

.leaflet-pseudo-fullscreen {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  left: 0px !important;
  z-index: 9500; }

/*Cruise Description*/
.cruise-description {
  display: none;
  position: absolute;
  text-transform: uppercase;
  border-radius: 5px;
  top: 10px;
  right: 60px;
  padding: 10px 12px 10px 25px;
  z-index: 5500;
  background-color: #01125c;
  background-color: rgba(0, 8, 63, 0.6);
  box-shadow: 1px 1px 4px 0px #fff; }
  .cruise-description a {
    color: #fdea18;
    text-transform: uppercase; }
    .cruise-description a:before {
      position: absolute;
      display: block;
      top: 14px;
      left: 10px;
      content: "";
      width: 16px;
      height: 5px;
      border-top: 5px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 10px solid #fdea18; }

.map-home {
  /*border-bottom: 1px solid #fdea18;*/
  height: 530px;
  margin-bottom: 30px;
  padding: 0;
  position: relative;
  width: 100%;
  border-bottom: 3px solid #fdea18;
  padding-bottom: 3px;
  margin-top: 0; }
  .map-home #map {
    top: 0;
    height: 100%; }
  @media (min-width: 1380px) {
    .map-home .cruise-description {
      right: 170px; } }

.map {
  /*border-bottom: 1px solid #fdea18;*/
  height: 480px;
  margin-bottom: 30px;
  padding: 0;
  position: relative;
  width: 100%;
  border-bottom: 3px solid #fdea18;
  padding-bottom: 3px;
  margin-top: 0; }
  .map .dummy {
    border-bottom: 3px solid #fdea18; }
  .map::after {
    position: absolute;
    content: " ";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdea18;
    width: 15px;
    height: 15px;
    bottom: -18px;
    left: calc(50% - 15px);
    right: 0;
    display: block; }

/* ==========================================================================
Triptyque 3 colonnes
========================================================================== */
.triptyques {
  border-top: 1px solid #fdea18;
  text-align: left;
  width: 100%;
  /*height: 100%;*/
  padding-top: 30px; }
  .triptyques .triptyque {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%;
    position: relative;
    /*height: 100%;*/
  }
    .triptyques .triptyque .content-triptyque {
      display: block;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%; }
      .triptyques .triptyque .content-triptyque .content {
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 20px 20px;
        height: 100%;
        width: 100%;
        background: url("img/ui/triptyque-gradient.png") repeat-x center top;
        background-size: contain; }
        .triptyques .triptyque .content-triptyque .content h4 {
          font-size: 33px;
          font-size: 2.2rem;
          line-height: 46.2px;
          line-height: 3.08rem;
          color: #fdea18; }
          @media (min-width: 0) and (max-width: 960px) {
            .triptyques .triptyque .content-triptyque .content h4 {
              font-size: 25px;
              font-size: 1.6666666667rem;
              margin-bottom: 10px; } }
          @media (min-width: 0) and (max-width: 720px) {
            .triptyques .triptyque .content-triptyque .content h4 {
              font-size: 33px;
              font-size: 2.2rem;
              margin-bottom: 10px; } }
        .triptyques .triptyque .content-triptyque .content p {
          font-style: italic;
          margin-top: 7px; }
      .triptyques .triptyque .content-triptyque a {
        position: absolute;
        bottom: 15px;
        right: 18px;
        padding-bottom: 3px;
        border-bottom: 2px solid #fdea18; }
      @media (min-width: 360px) and (max-width: 720px) {
        .triptyques .triptyque .content-triptyque {
          height: 140px;
          position: relative; } }
    .triptyques .triptyque img {
      position: relative;
      width: 100%;
      height: auto; }
      @media (min-width: 360px) and (max-width: 720px) {
        .triptyques .triptyque img {
          display: none; } }
    .triptyques .triptyque:last-child {
      width: 32.2033898305%;
      float: right;
      margin-right: 0; }
    @media (min-width: 0) and (max-width: 720px) {
      .triptyques .triptyque {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; }
        .triptyques .triptyque:last-child {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }

.home-triptyques {
  border-top: none medium;
  padding-top: 15px; }

#overlay {
  display: none;
  /*display: inline-block;*/
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  height: 100%; }
  #overlay .wrap, #overlay .triptyques {
    height: 100%; }
  #overlay .content-object {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center; }
    #overlay .content-object .content-align {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      opacity: 0;
      -moz-transition: all 1500ms ease-in-out;
      -webkit-transition: all 1500ms ease-in-out;
      -o-transition: all 1500ms ease-in-out;
      -ms-transition: all 1500ms ease-in-out;
      transition: all 1500ms ease-in-out;
      z-index: 1; }
      #overlay .content-object .content-align .object {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        padding-top: 25px;
        height: 0;
        display: block; }
        #overlay .content-object .content-align .object iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      #overlay .content-object .content-align .html {
        background: #000;
        padding: 25px 0; }
    #overlay .content-object #close {
      position: absolute;
      top: 5px;
      right: 10px;
      height: 25px;
      width: 70px;
      z-index: 1;
      padding-left: 25px;
      text-transform: uppercase; }
      #overlay .content-object #close:before {
        content: "+";
        font-size: 48px;
        text-shadow: -1px -1px 2px #fdea18;
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }

/*Utils*/
form {
  /* ==========================================================================
       LABEL
       ========================================================================== */
  /* ==========================================================================
       INPUT
       ========================================================================== */
  /* ==========================================================================
       SELCT
       ========================================================================== */
  /*BO Select*/
  /*EO Select*/
  /* ==========================================================================
       TEXTAREA
       ========================================================================== */
  /* ==========================================================================
       CHECKBOX RADIOBOX
       ========================================================================== */
  /*RadioBox*/
  /*CheckBox*/
  /*Button*/
  /*sting like a bee*/
  /* ==========================================================================
       MISE EN FORME FONCTIONNELLE LOADER
       ========================================================================== */ }
  form label {
    color: #fff9c6;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px; }
  form input[type="text"],
  form input[type="password"],
  form input[type="date"],
  form input[type="datetime"],
  form input[type="datetime-local"],
  form input[type="month"],
  form input[type="week"],
  form input[type="email"],
  form input[type="number"],
  form input[type="search"],
  form input[type="tel"],
  form input[type="time"],
  form input[type="url"], form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 12px;
    height: 26px;
    margin: 0 0 15px;
    padding: 3px 3px 3px 5px;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 100%; }
  form .select-style {
    border: 1px solid #CACACA;
    font-size: 12px;
    -moz-appearance: none;
    padding: 0.3rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb(0, 8, 63)'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    width: 100%;
    color: rgba(0, 0, 0, 0.75) !important; }
    form .select-style option {
      color: rgba(0, 0, 0, 0.75); }
    form .select-style:focus, form .select-style:hover {
      outline: none;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb(253, 234, 24)'></polygon></svg>"); }
  form textarea[rows] {
    height: auto; }
  form .checkbox, form .radiobox {
    border: medium none;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    height: 18px;
    padding: 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 18px;
    background-image: url("img/ui/form.png");
    /*background:#fff url("data:image/gif;base64,R0lGODlhEQAoAPEAAPzqGP/5xgAIPwAAACwAAAAAEQAoAEECL5SPqcvtz4CUsKKAsd28+52F2hN85nlMKvUA6AvHhkgzdEmO8s733QqMBFssn6wAADs=") no-repeat center 0px;*/ }
  form .input {
    display: none; }
  form .radiobox {
    background-position: -100px 0; }
  form label:hover input[type=radio]:not(:checked) + .radiobox {
    background-position: -120px 0; }
  form input[type=radio]:checked + .radiobox {
    background-position: -140px 0; }
  form .checkbox {
    background-position: -60px 0; }
  form label:hover input[type=checkbox]:not(:checked) + .checkbox {
    background-position: -80px 0; }
  form input[type=checkbox]:checked + .checkbox {
    background-position: -40px 0; }
  form button, form html input[type="button"], form input[type="reset"], form input[type="submit"] {
    background-color: #00083f;
    border: medium none;
    color: #fdea18;
    cursor: pointer;
    margin: 10px 0;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 3px; }
    form button:hover, form html input[type="button"]:hover, form input[type="reset"]:hover, form input[type="submit"]:hover {
      background-color: #000000; }
  form #contact_telephone2 {
    display: none; }
  form #contact .preloader {
    z-index: 1;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: rotate;
    animation-timing-function: linear;
    border-color: #555 #fff;
    border-image: none;
    border-radius: 1000px;
    border-style: solid;
    border-width: 3px;
    height: 40px;
    left: 100px;
    margin-left: -20px;
    margin-top: -20px;
    position: relative;
    top: 10px;
    width: 40px;
    display: block;
    display: none; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* ==========================================================================
   DESIGN
   ========================================================================== */
form {
  width: 100%; }
  form div {
    display: inline-block; }
  form p {
    margin: 7px 0; }
  form .gender label {
    margin-right: 5px; }
  form .name label, form .email label, form .adress label {
    width: 48%; }
    form .name label:nth-child(odd), form .email label:nth-child(odd), form .adress label:nth-child(odd) {
      float: left; }
    form .name label:nth-child(even), form .email label:nth-child(even), form .adress label:nth-child(even) {
      float: right; }
  form .message {
    width: 100%; }
    form .message input, form .message textarea {
      width: 100%; }
  form .action {
    width: 100%; }
    form .action input[type="submit"] {
      float: right; }

/*Branding*/
/*@import "core/branding";*/

/*# sourceMappingURL=style.css.map */