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

audio, canvas, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  background: #fff;
  color: #000;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

a:active, a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] {
  cursor: default
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

html {
  -webkit-min-device-pixel-ratio: 0;
  -webkit-font-smoothing: subpixel-antialiased
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .hr-content.cadeau-hr, .avantages-n-news .avantage-item, .avantages-news-n-blog .avantage-item {
  float: left;
  min-height: 1px;
  position: relative;
  width: 100%;
  margin: 0;
  z-index: 0
}

.col-1 {
  width: 8.333%
}

.col-2 {
  width: 16.666%
}

.col-3 {
  width: 25%
}

.col-4 {
  width: 33.333%
}

.col-5 {
  width: 41.666%
}

.col-6 {
  width: 50%
}

.col-7 {
  width: 58.333%
}

.col-8 {
  width: 66.666%
}

.col-9 {
  width: 75%
}

.col-10 {
  width: 83.333%
}

.col-11 {
  width: 91.666%
}

.col-12, .hr-content.cadeau-hr {
  width: 100%
}

form div[class^="col-"] {
  position: static
}

.link-wrapper {
  cursor: pointer
}

.skip-links {
  position: absolute
}

.skip-links a {
  position: absolute;
  left: -9999px;
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none
}

.skip-links a:focus {
  position: static
}

@font-face {
  font-family: "CabinSemiBold";
  src: url("../fonts/cabin-semibold.eot");
  src: url("../fonts/cabin-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/cabin-semibold.woff") format("woff"), url("../fonts/cabin-semibold.ttf") format("truetype"), url("../fonts/cabin-semibold.svg#CabinSemiBold") format("svg");
  font-weight: 600;
  font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "CabinSemiBold";
    src: url("../fonts/cabin-semibold.svg") format("svg")
  }
}

h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, span.response-form, .thumbnail-complex .thumb-link, .lib-newsletter-top, .mod-blocs .mod-blocs--item .mod-blocs--title, input[type="submit"], input[type="button"], button, .btn-inner, .btn-orange, .btn-orange-bordered, .news-promos-content .news-link.active, .btn-bleu, .btn-bleu-bordered, *[class^="btn"], .btn-reservez, .tabs .tab-item, .article-date, .fcb-titre, .fcb-sous-titre, .b-title, .b-title:first-child, .bloc-destination .thumb-link, .presentation-croisieres .presentation-croisieres--content .presentation-croisieres--title, .presentation-croisieres .presentation-croisieres--content h2, #actualites .txt-top-page, .news-list .news-date-vignette, .news-list .news-link, .blog-list .blog-date-vignette, .blog-list .blog-link, .lexiq-letter-item .lexiq-letter--section h3, .gamme-item .gamme-infos .gamme-nom a, #modele .link-croisieres-all .lib-link, #tarifs .choix-prix--titre, #tarifs .list-result-tarifs--gamme, label, input[type="text"], input[type="date"], input[type="password"], select, textarea, .mod-resa div.wrap-mask-select, .mod-resa div.wrap-mask-input, option, .form-error, .validation-advice, .input-datepicker+.overTxtLabel, .thumbnail-complex .thumb-title h2, .thumbnail-complex .thumb-title a, .encart-prix, #footer, .btn-mod-resa, .header-nav li a, .mask-option-item, .select-wrapper.custom2.light, .select-wrapper.custom2 span.option-selected, .map-infoWindow--txt, .map-infoWindow--link, .type-choix, .accordeon-clicker, .accordeon-content h4, .accordeon-content h5, .accordeon-content h6, .baseline, .baseline em, .bloc-destination .thumb-title h2, .bloc-destination .thumb-title a, .slideshow-gammes-home .mw-slideshow--content .txt-gamme .titre-gamme, .paginateBoxUl li, .modPrixPromos .infosPrix-prix, .modPrixPromos .infosPrix-remise, .back-home-promos, .link-all-news, .link-all-blog, .article-link-all-blog, .lexiq-sommaire .lexiq-nav-item, .lexiq-letter-item .lexiq-letter, #contact .tab-article-txt, #contact .lib-form, .gamme-item .gamme-avantages li, .gamme-pt-fort, #base #directions-panel .adp-listheader, #base #print-btn, #base #error-panel, h3.base-bateau--titre-gamme, #recherche .recherche-filtres--lib, #plandesite .bloc-niv-1 a {
  font-weight: 600;
  font-family: "CabinSemiBold"
}

h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, span.response-form, .thumbnail-complex .thumb-link, .lib-newsletter-top, .mod-blocs .mod-blocs--item .mod-blocs--title, input[type="submit"], input[type="button"], button, .btn-inner, .btn-orange, .btn-orange-bordered, .news-promos-content .news-link.active, .btn-bleu, .btn-bleu-bordered, *[class^="btn"], .btn-reservez, .tabs .tab-item, .article-date, .fcb-titre, .fcb-sous-titre, .b-title, .b-title:first-child, .bloc-destination .thumb-link, .presentation-croisieres .presentation-croisieres--content .presentation-croisieres--title, .presentation-croisieres .presentation-croisieres--content h2, #actualites .txt-top-page, .news-list .news-date-vignette, .news-list .news-link, .blog-list .blog-date-vignette, .blog-list .blog-link, .lexiq-letter-item .lexiq-letter--section h3, .gamme-item .gamme-infos .gamme-nom a, #modele .link-croisieres-all .lib-link, #tarifs .choix-prix--titre, #tarifs .list-result-tarifs--gamme {
  text-transform: uppercase
}

.s-global-sprite, .s-global-arrowButtonBlue, .s-global-arrowButtonOrange, .s-global-de, .s-global-en, .s-global-es, .s-global-flammeNicolsBig, .s-global-fr, .s-global-icnArrowDownWhite, .s-global-icnArrowLeftWhite, .s-global-icnArrowRightBlue, .s-global-icnArrowRightOrange, .s-global-icnArrowRightWhite, .s-global-icnArrowUpWhite, .s-global-icnCadeau, .s-global-icnCalendar, .s-global-icnChecked, .s-global-icnChevronLeft, .s-global-icnChevronRight, .s-global-icnClock, .s-global-icnCloseBanner, .s-global-icnEiffel, .s-global-icnFBHover, .s-global-icnFb, .s-global-icnFcbClose, .facebox .fcb-close-btn, .s-global-icnGooglePlus, .s-global-icnGooglePlusHover, .s-global-icnInstagram, .s-global-icnInstagramHover, .s-global-icnHome, .s-global-icnInfosParcours, .s-global-icnLg, .s-global-icnLoueur, .s-global-icnLoupe, .s-global-icnMap, .s-global-icnMinus, .accordeon-clicker.active .state, .s-global-icnNicols, .s-global-icnPerson, .s-global-icnPin, .s-global-icnPinHover, .s-global-icnPlus, .accordeon-clicker a .state, .s-global-icnPrint, .s-global-icnSecu, .s-global-icnTwitter, .s-global-icnTwitterHover, .s-global-icnVideo, .s-global-icnVideos, .s-global-icnYoutube, .s-global-icnYoutubeHover, .s-global-it, .s-global-logo, .s-global-nl, .s-global-ombreItemMenu, .s-global-pl, .s-global-pt, .s-global-resaRadius {
  background-image: url('../images/s-global-s37e52debb4.png');
  background-repeat: no-repeat
}

.s-global-arrowButtonBlue {
  background-position: -77px -113px;
  height: 15px;
  width: 9px
}

.s-global-arrowButtonOrange {
  background-position: -300px -113px;
  height: 22px;
  width: 13px
}

.s-global-de {
  background-position: -361px -113px;
  height: 24px;
  width: 24px
}

.s-global-en {
  background-position: -385px -113px;
  height: 24px;
  width: 24px
}

.s-global-es {
  background-position: -457px -113px;
  height: 24px;
  width: 24px
}

.s-global-flammeNicolsBig {
  background-position: -579px 0;
  height: 83px;
  width: 80px
}

.s-global-fr {
  background-position: -409px -113px;
  height: 24px;
  width: 24px
}

.s-global-icnArrowDownWhite {
  background-position: 0 -113px;
  height: 8px;
  width: 12px
}

.s-global-icnArrowLeftWhite {
  background-position: -54px -113px;
  height: 12px;
  width: 8px
}

.s-global-icnArrowRightBlue {
  background-position: -62px -113px;
  height: 12px;
  width: 8px
}

.s-global-icnArrowRightOrange {
  background-position: -70px -113px;
  height: 12px;
  width: 7px
}

.s-global-icnArrowRightWhite {
  background-position: -46px -113px;
  height: 12px;
  width: 8px
}

.s-global-icnArrowUpWhite {
  background-position: -12px -113px;
  height: 8px;
  width: 12px
}

.s-global-icnCadeau {
  background-position: -86px -113px;
  height: 16px;
  width: 16px
}

.s-global-icnCalendar {
  background-position: -156px -113px;
  height: 18px;
  width: 18px
}

.s-global-icnChecked {
  background-position: -281px -113px;
  height: 21px;
  width: 19px
}

.s-global-icnChevronLeft {
  background-position: -204px -113px;
  height: 18px;
  width: 12px
}

.s-global-icnChevronRight {
  background-position: -192px -113px;
  height: 18px;
  width: 12px
}

.s-global-icnClock {
  background-position: -216px -113px;
  height: 20px;
  width: 20px
}

.s-global-icnCloseBanner {
  background-position: -36px -113px;
  height: 12px;
  width: 10px
}

.s-global-icnEiffel {
  background-position: -440px 0;
  height: 41px;
  width: 22px
}

.s-global-icnFBHover {
  background-position: -242px 0;
  height: 35px;
  width: 35px
}

.s-global-icnFb {
  background-position: -207px 0;
  height: 35px;
  width: 35px
}

.s-global-icnFcbClose, .facebox .fcb-close-btn {
  background-position: -262px -113px;
  height: 21px;
  width: 19px
}

.s-global-icnGooglePlus {
  background-position: -102px 0;
  height: 35px;
  width: 35px
}

.s-global-icnGooglePlusHover {
  background-position: -172px 0;
  height: 35px;
  width: 35px
}

.s-global-icnInstagram {
  background-position: -102px 0;
  height: 35px;
  width: 35px
}

.s-global-icnInstagramHover {
  background-position: -172px 0;
  height: 35px;
  width: 35px
}

.s-global-icnHome {
  background-position: -24px -113px;
  height: 11px;
  width: 12px
}

.s-global-icnInfosParcours {
  background-position: 0 0;
  height: 32px;
  width: 32px
}

.s-global-icnLg {
  background-position: -496px 0;
  height: 41px;
  width: 39px
}

.s-global-icnLoueur {
  background-position: -659px 0;
  height: 62px;
  width: 141px
}

.s-global-icnLoupe {
  background-position: -174px -113px;
  height: 18px;
  width: 18px
}

.s-global-icnMap {
  background-position: -535px 0;
  height: 44px;
  width: 44px
}

.s-global-icnMinus, .accordeon-clicker.active .state {
  background-position: -119px -113px;
  height: 17px;
  width: 17px
}

.s-global-icnNicols {
  background-position: -462px 0;
  height: 41px;
  width: 34px
}

.s-global-icnPerson {
  background-position: -136px -113px;
  height: 18px;
  width: 20px
}

.s-global-icnPin {
  background-position: -137px 0;
  height: 35px;
  width: 35px
}

.s-global-icnPinHover {
  background-position: -32px 0;
  height: 35px;
  width: 35px
}

.s-global-icnPlus, .accordeon-clicker a .state {
  background-position: -102px -113px;
  height: 17px;
  width: 17px
}

.s-global-icnPrint {
  background-position: -236px -113px;
  height: 21px;
  width: 26px
}

.s-global-icnSecu {
  background-position: -414px 0;
  height: 41px;
  width: 26px
}

.s-global-icnTwitter {
  background-position: -312px 0;
  height: 35px;
  width: 35px
}

.s-global-icnTwitterHover {
  background-position: -347px 0;
  height: 35px;
  width: 35px
}

.s-global-icnVideo {
  background-position: -387px 0;
  height: 41px;
  width: 27px
}

.s-global-icnVideos {
  background-position: -505px -113px;
  height: 68px;
  width: 189px
}

.s-global-icnYoutube {
  background-position: -277px 0;
  height: 35px;
  width: 35px
}

.s-global-icnYoutubeHover {
  background-position: -67px 0;
  height: 35px;
  width: 35px
}

.s-global-it {
  background-position: -314px -113px;
  height: 24px;
  width: 24px
}

.s-global-logo {
  background-position: -694px -113px;
  height: 77px;
  width: 179px
}

.s-global-nl {
  background-position: -433px -113px;
  height: 24px;
  width: 24px
}

.s-global-ombreItemMenu {
  background-position: -382px 0;
  height: 30px;
  width: 5px;
}

.s-global-pl {
  background-position: -337px -113px;
  height: 24px;
  width: 24px
}

.s-global-pt {
  background-position: -481px -113px;
  height: 24px;
  width: 24px
}

.s-global-resaRadius {
  background-position: 0 -83px;
  height: 30px;
  width: 900px
}

span[class^="s-global"] {
  display: inline-block
}

a {
  text-decoration: none
}

.overTxtLabel {
  color: #39464d;
  margin-top: 6px
}

html {
  font-size: 62.5%
}

@media (orientation: landscape) and (max-device-width: 768px) {
  html {
    -webkit-text-size-adjust: 100%
  }
}

body {
  background: white;
  color: black;
  font-family: Arial, helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}

p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, hgroup {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: .75em 0 0
}

h1, .h1-like {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 22.5px;
  line-height: 2.25rem
}

h2, .h2-like {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24.5px;
  line-height: 2.45rem
}

h3, .h3-like {
  font-size: 22.0px;
  font-size: 2.2rem;
  line-height: 26.5px;
  line-height: 2.65rem
}

h4, .h4-like {
  font-size: 20.0px;
  font-size: 2.0rem;
  line-height: 14.5px;
  line-height: 1.45rem
}

h5, .h5-like {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 16.5px;
  line-height: 1.65rem
}

h6, .h6-like {
  font-size: 16.0px;
  font-size: 1.6rem;
  line-height: 18.5px;
  line-height: 1.85rem
}

.smaller {
  font-size: 10px;
  font-size: 1rem
}

.small {
  font-size: 12px;
  font-size: 1.2rem
}

.medium {
  font-size: 14px;
  font-size: 1.4rem
}

.big {
  font-size: 16.0px;
  font-size: 1.6rem
}

.bigger {
  font-size: 18px;
  font-size: 1.8rem
}

.biggest {
  font-size: 20.0px;
  font-size: 2.0rem
}

html, body, textarea, label figure {
  margin: 0;
  padding: 0
}

ul, ol {
  padding-left: 2em
}

code, pre, samp {
  white-space: pre-wrap;
  font-family: consolas, 'DejaVu Sans Mono', courier, monospace
}

code {
  line-height: 1em
}

table {
  margin-bottom: 1.5em
}

p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0
}

li p, li ul, li ol {
  margin-top: 0;
  margin-bottom: 0
}

img, table, td, blockquote, code, pre, textarea, input, video {
  max-width: 100%
}

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

img {
  width: auto;
  height: auto;
  vertical-align: middle
}

a img {
  border: 0
}

body>script {
  display: none !important
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.clearfix, .tabs .tab-content, .modPrixPromos .modPrixPromos-body, #contact .tab-article, .gamme-item .gamme-avantages li, .sommaire-destinations, #recherche .resultats, #tarifs .choix-prix--item {
  *zoom: 1
}

.clearfix:after, .tabs .tab-content:after, .modPrixPromos .modPrixPromos-body:after, #contact .tab-article:after, .gamme-item .gamme-avantages li:after, .sommaire-destinations:after, #recherche .resultats:after, #tarifs .choix-prix--item:after, .clearfix:before, .tabs .tab-content:before, .modPrixPromos .modPrixPromos-body:before, #contact .tab-article:before, .gamme-item .gamme-avantages li:before, .sommaire-destinations:before, #recherche .resultats:before, #tarifs .choix-prix--item:before {
  content: ' ';
  display: table
}

.clearfix:after, .tabs .tab-content:after, .modPrixPromos .modPrixPromos-body:after, #contact .tab-article:after, .gamme-item .gamme-avantages li:after, .sommaire-destinations:after, #recherche .resultats:after, #tarifs .choix-prix--item:after {
  clear: both
}

.clear {
  clear: both
}

.left {
  float: left
}

img.left {
  margin-right: 1em
}

.right {
  float: right
}

img.right {
  margin-left: 1em
}

img.left, img.right {
  margin-bottom: 5px
}

.center, .wrapper {
  margin-left: auto;
  margin-right: auto
}

.txtleft {
  text-align: left
}

.txtright {
  text-align: right
}

.txtcenter {
  text-align: center
}

.inbl {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: -.25em
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: none
}

#base #directions-panel > div > div.adp{
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: none
}


@media print {
  p, blockquote {
    orphans: 2;
    widows: 2
  }
  blockquote, ul, ol {
    page-break-inside: avoid
  }
  h1, h2, h3, caption {
    page-break-after: avoid
  }
}

form, fieldset {
  border: none
}

input, button, select, label, .btn {
  vertical-align: middle
}

textarea {
  resize: vertical
}

label {
  color: #006272;
  font-size: 14px
}

input[type="text"], input[type="date"], input[type="password"], select, textarea, .mod-resa div.wrap-mask-select, .mod-resa div.wrap-mask-input {
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  border: 2px solid #006272;
  color: #39464d;
  font-size: 14px;
  height: 35px;
  padding: 0px 4px
}

input[type="text"]:focus, input[type="date"]:focus, input[type="password"]:focus, select:focus, textarea:focus, .mod-resa div.wrap-mask-select:focus, .mod-resa div.wrap-mask-input:focus {
  border: 2px solid #f57e3a;
  outline: none
}

input[type="text"].input-noborder, input[type="date"].input-noborder, input[type="password"].input-noborder, select.input-noborder, textarea.input-noborder, .mod-resa div.input-noborder.wrap-mask-select, .mod-resa div.input-noborder.wrap-mask-input {
  border: 2px solid #d8d7d5;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2)
}

input[type="text"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .mod-resa div.wrap-mask-select::-webkit-input-placeholder, .mod-resa div.wrap-mask-input::-webkit-input-placeholder {
  color: #39464d
}

input[type="text"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="password"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, .mod-resa div.wrap-mask-select:-moz-placeholder, .mod-resa div.wrap-mask-input:-moz-placeholder {
  color: #39464d
}

input[type="text"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .mod-resa div.wrap-mask-select:-ms-input-placeholder, .mod-resa div.wrap-mask-input:-ms-input-placeholder {
  color: #39464d
}

.input-btn-inner {
  position: relative
}

textarea {
  height: 100px;
  padding: 4px
}

input.input-bordered-op {
  border: none;
  border-top: 2px solid #f3f3f3;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5)
}

form>div[class^="col-"] {
  padding: 10px
}

form.bg-white input[type="text"], form.bg-white input[type="date"], form.bg-white input[type="password"], form.bg-white select, form.bg-white textarea, div.bg-white input[type="text"], div.bg-white input[type="date"], div.bg-white input[type="password"], div.bg-white select, div.bg-white textarea {
  border: 2px solid #d8d7d5;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15)
}

form.bg-white input[type="text"]:focus, form.bg-white input[type="date"]:focus, form.bg-white input[type="password"]:focus, form.bg-white select:focus, form.bg-white textarea:focus, div.bg-white input[type="text"]:focus, div.bg-white input[type="date"]:focus, div.bg-white input[type="password"]:focus, div.bg-white select:focus, div.bg-white textarea:focus {
  border: 2px solid #f57e3a;
  outline: none
}

form.bg-white input[type="text"].form-error, form.bg-white input[type="date"].form-error, form.bg-white input[type="password"].form-error, form.bg-white select.form-error, form.bg-white textarea.form-error, div.bg-white input[type="text"].form-error, div.bg-white input[type="date"].form-error, div.bg-white input[type="password"].form-error, div.bg-white select.form-error, div.bg-white textarea.form-error {
  color: red
}

form.bg-white button[type="submit"], div.bg-white button[type="submit"] {
  padding: 11px 31px 9px 11px
}

form.bg-white button[type="submit"] span, div.bg-white button[type="submit"] span {
  position: relative;
  top: 1px;
  left: 12px
}

form.bg-white .field-error, div.bg-white .field-error {
  color: red
}

.control-radios {
  margin-bottom: 6px
}

.control-radios label {
  padding: 5px 80px 5px 0px
}

.form-error p {
  color: red
}

.validation-advice {
  color: #ff0000
}

span.response-form {
  color: #006272;
  margin: 10px 0px 0px 0px;
  display: inline-block
}

.arrow-down-selector {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #39464d transparent transparent transparent;
  border-width: 4px 4px 0px 4px;
  cursor: pointer
}

.arrow-down-selector--hover {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #b9c5cc transparent;
  border-width: 0px 4px 4px 4px
}

.arrow-up-selector {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #39464d transparent;
  border-width: 0px 4px 4px 4px;
  cursor: pointer
}

.arrow-up-selector--hover {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #b9c5cc transparent transparent transparent;
  border-width: 4px 4px 0px 4px
}

.tabs .tab-content, .article .article-txts .article-content table, .article .article-media .media img, .news-list .news-date-vignette, .blog-list .blog-date-vignette, .slideshow-gammes .mw-slideshow--content, #recherche .resultat-img {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25)
}

.wrapper {
  width: 980px;
  height: 100%;
  margin: 0 auto
}

.wrapper.relative {
  position: relative
}

.to-top {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  background-color: #00434e;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  position: relative;
  float: right
}

.to-top span {
  top: 5px;
  left: 3px;
  position: absolute
}

#header {
  box-shadow: 0px 0px 9px rgba(36, 37, 109, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000
}

.promo-banner {
  height: 35px;
  background: #f05f0c;
  box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.2)
}

.promo-banner .wrapper {
  text-align: center;
  position: relative
}

.promo-banner .txt-promo--wrapper {
  height: 35px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
  line-height: 32px
}

.promo-banner .txt-promo {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  display: inline-block;
  position: fixed;
  left: 0px;
  overflow: hidden;
  width: 100%;
  text-align: center
}

.promo-banner a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline
}

.promo-banner .close-banner {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  top: 10px;
  margin-left: 15px
}

.header-nav-container {
  height: 63px;
  background: #fff;
   /* background-image: url(http://www.nicols.com/vues/images/header-noel.jpg);
    background-repeat: no-repeat;
	background-position-y: top;*/
}

.header-nav-container .wrapper {
  width: 1000px
}

.header-nav-container .logo {
  position: absolute
}

.header-nav-container .logo>* {
  display: none
}

.mod-lang {
  cursor: pointer;
  padding: 0px 0px 4px 0px;
  display: inline-block;
  width: 26px;
  height:33px;
  border: 1px solid #e6e6e6;
  border-radius: 0px 0px 3px 3px;
  position: absolute;
  right:20px;
  z-index: 2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7e7), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(#e7e7e7, #ffffff);
  background-image: -webkit-linear-gradient(#e7e7e7, #ffffff);
  background-image: linear-gradient(#e7e7e7, #ffffff);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7E7E7', endColorstr='#FFFFFFFF')
}

.mod-lang .mod-lang-options {
  height: 18px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
}
.mod-lang .mod-lang-options span{
  position: relative;
  left: -1px;
}
    

.mod-lang .arrow-down-selector, .mod-lang .arrow-up-selector {
  margin: 5px 0px 0px 8px
}

.main {
  min-height: 100px;
  margin-top: 63px
}

.w-banner+.main {
  margin-top: 63px
}

.content-container, .destinations-home, .presentation-croisieres {
  background: #00b5c4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwYjVjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwYTViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwOGFhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #00b5c4 1%, #00a5b8 20%, #008aa2 90%, #00809a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #00b5c4), color-stop(20%, #00a5b8), color-stop(90%, #008aa2), color-stop(100%, #00809a));
  background: -webkit-linear-gradient(top, #00b5c4 1%, #00a5b8 20%, #008aa2 90%, #00809a 100%);
  background: -o-linear-gradient(top, #00b5c4 1%, #00a5b8 20%, #008aa2 90%, #00809a 100%);
  background: -ms-linear-gradient(top, #00b5c4 1%, #00a5b8 20%, #008aa2 90%, #00809a 100%);
  background: linear-gradient(to bottom, #00b5c4 1%, #00a5b8 20%, #008aa2 90%, #00809a 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00b5c4', endColorstr='#00809a', GradientType=0)
}

.hr-content {
  background: #008599;
  width: 100%;
  margin: 0 10px;
  height: 1px;
  border: none;
  border-bottom: 1px solid #00c3d7
}

.hr-content-0 {
  background: #008599;
  width: 100%;
  margin: 0 10px;
  height: 1px;
  border: none;
  border-bottom: 1px solid #00c3d7
}

.hr-content-1 {
  background: #007c8f;
  width: 100%;
  margin: 0 10px;
  height: 1px;
  border: none;
  border-bottom: 1px solid #00bacd
}

.hr-content-2 {
  background: #007385;
  width: 100%;
  margin: 0 10px;
  height: 1px;
  border: none;
  border-bottom: 1px solid #00b0c3
}

.hr-content-3 {
  background: #006a7a;
  width: 100%;
  margin: 0 10px;
  height: 1px;
  border: none;
  border-bottom: 1px solid #00a7b8
}

.mod-resa {
  height: 70px
}

.mod-resa .mod-resa-bas {
  height: 40px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjOTVhYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxOGI5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0c95aa), color-stop(100%, #018b9f));
  background-image: -moz-linear-gradient(#0c95aa, #018b9f);
  background-image: -webkit-linear-gradient(#0c95aa, #018b9f);
  background-image: linear-gradient(#0c95aa, #018b9f);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0C95AA', endColorstr='#FF018B9F')
}

.s-global-resaRadius {
  margin: -30px auto 0px auto;
  position: relative
}

.mod-resa-item-wrapper {
  position: relative;
  width: 170px;
  float: left;
  margin: -12px 10px 0px 0px;
  z-index: 1
}

.mod-resa-item-wrapper:first-child {
  margin-left: 65px
}

.input-mod-resa {
  width: 170px;
  text-align: center;
  padding: 0px 20px
}

.input-datepicker+.overTxtLabel {
  padding-left: 30px;
  margin-top: 8px
}

.icn-inner-left, .icn-inner-right {
  position: absolute
}

.icn-inner-left {
  top: 8px;
  left: 9px
}

.icn-inner-right {
  top: 14px;
  right: 6px
}

.mod-resa-hr {
  position: relative;
  width: 595px;
  margin: 0 auto;
  height: 1px;
  background: #008599;
  border: none;
  border-bottom: 1px solid #249fb1;
  top: -34px;
  z-index: 0;
  clear: both
}

.detail-enfants {
  font-style: italic;
  font-size: 11px;
  color: #FFF;
  display: block
}

.mod-resa .mask-select {
  font-size: 16px
}

.mod-resa div.wrap-mask-select.select--focus {
  border: 2px solid #f57e3a;
  outline: none
}

.mod-resa span.option-selected {
  margin: 6px 0px 0px 30px;
  display: inline-block
}

.mod-resa .arrow-down-selector {
  z-index: 0
}

.thumbnail-complex {
  height: 210px;
  margin: 0px 9px 0px 8.5px;
  overflow: hidden;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer
}

.thumbnail-complex .thumb-content {
  height: 160px;
  text-align: center
}

.thumbnail-complex .thumb-content img {
  width: auto;
  height: auto;
  max-width: none
}

.thumbnail-complex .thumb-txts {
  position: relative;
  z-index: 1;
  top: 0px;
  background: #80cdd7
}

.thumbnail-complex .thumb-title {
  position: relative;
  height: 50px;
  display: table;
  background: #80cdd7;
  width: 100%
}

.thumbnail-complex .thumb-title h2, .thumbnail-complex .thumb-title a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 18px
}

.thumbnail-complex .thumb-title h2:hover, .thumbnail-complex .thumb-title a:hover {
  color: #00a3b2
}

.thumbnail-complex .thumb-title .arrow-top {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #80cdd7 transparent;
  border-width: 0px 7px 7px 7px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -7px
}

.thumbnail-complex .thumb-legend {
  background: #80cdd7;
  height: 160px;
  overflow: hidden
}

.thumbnail-complex .thumb-legend>* {
  font-size: 12px
}

.thumbnail-complex .thumb-legend .thumb-legend--content {
  color: #006272;
  padding: 10px;
  max-height: 120px;
  background: #80cdd7;
  height: 160px
}

.thumbnail-complex .thumb-link {
  letter-spacing: 1px;
  font-size: 13px;
  text-align: center;
  background: #80cdd7
}

.thumbnail-complex .thumb-link span {
  top: 1px;
  position: relative
}

.facebox-thumbs .thumb-legend--content>* {
  font-size: 12px
}

.top-main--fixH {
  padding-top: 30px
}

.top-main--fixH {
  height: 285px;
  background-color: #DDD
}

.top-main--fixH .txt-top-page {
  height: 135px
}

.titre-page {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0px 0px 0px 10px
}

.top-content .txt-top-page {
  color: #fff;
  padding: 0px 0px 0px 10px;
  line-height: 22px
}

.top-content .txt-top-page a {
  color: #fff;
  border-bottom: 1px solid #fff
}

.top-content .txt-top-page a:hover {
  border-bottom: 1px dotted #fff
}

.top-content .txt-top-page p {
  margin: 0;
  font-size: 15px
}

.top-content .txt-top-page p a {
  color: #fff;
  border-bottom: 1px solid #fff
}

.top-content .txt-top-page p a:hover {
  border-bottom: 1px dotted #fff
}

.lib-newsletter-top {
  margin: 0px 0px 10px 0px
}

.content-whitespace {
  height: 14px;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  position: relative
}

.mod-blocs {
  background-color: #fff
}

.mod-blocs .mod-blocs--item {
  border-right: 1px solid #e5e5e5;
  margin: 25px 0px;
  padding: 40px 30px
}

.mod-blocs .mod-blocs--item:last-child {
  border-right: none;
  padding-right: 15px
}

.mod-blocs .mod-blocs--item:first-child {
  padding-left: 15px
}

.mod-blocs .mod-blocs--item .mod-blocs--title {
  font-size: 16px;
  color: #39464d;
  line-height: 18px;
  min-height: 36px
}

.mod-blocs .mod-blocs--content p {
  color: #006272;
  font-size: 13px;
  line-height: 16px
}

.mod-blocs--blocklist.pays {
  text-align: center;
  width: 100%;
  padding: 0
}

.mod-blocs--blocklist.pays li {
  float: left;
  list-style-type: none
}

.mod-blocs--blocklist.pays li.col-6 {
  text-align: left
}

.mod-blocs--blocklist.pays li a {
  font-size: 12px;
  font-weight: 500;
  display: block;
  color: #006272
}

.mod-blocs--blocklist.pays li a:hover {
  color: #00a3b2
}

.mod-blocs--blocklist.pays li .icnPays {
  display: block;
  width: 45px;
  margin: 0px auto 10px auto
}

.mod-blocs--blocklist i {
  font-style: normal;
  color: #39464d
}

.slideshow-gammes .prev-slide, .slideshow-gammes .next-slide, .slideshow-modele .prev-slide, .slideshow-modele .next-slide {
  cursor: pointer;
  position: absolute;
  z-index: 200000;
  bottom: 5px;
  right: 15px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.slideshow-gammes .prev-slide:hover, .slideshow-gammes .next-slide:hover, .slideshow-modele .prev-slide:hover, .slideshow-modele .next-slide:hover {
  background: #fff
}

.slideshow-gammes .prev-slide span, .slideshow-gammes .next-slide span, .slideshow-modele .prev-slide span, .slideshow-modele .next-slide span {
  position: relative;
  top: 11px;
  left: 13px
}

.slideshow-gammes .prev-slide span.s-global-icnChevronRight, .slideshow-gammes .next-slide span.s-global-icnChevronRight, .slideshow-modele .prev-slide span.s-global-icnChevronRight, .slideshow-modele .next-slide span.s-global-icnChevronRight {
  position: relative;
  top: 11px;
  left: 15px
}

.video-wrapper {
  background-color: #000
}

.video-wrapper .img-video {
  background: url(../images/play.png) no-repeat center center;
  width: 108px;
  height: 108px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -54px 0px 0px -54px;
  cursor: pointer;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.encart-prix {
  padding: 20px 30px
}

.encart-prix .lib {
  display: inline-block;
  font-size: 14px;
  color: #006272;
  margin-top: 10px
}

.encart-prix .tarif {
  display: inline-block;
  color: #fff;
  font-size: 26px;
  margin-left: 5px;
  float: right
}

.encart-prix .btn-reservez-bateau {
  width: 100%;
  margin-top: 10px;
  padding: 10px 0px 9px 0px;
  position: relative;
  height: 42px
}

.encart-prix .btn-reservez-bateau .s-global-icnArrowRightWhite {
  position: absolute;
  top: 13px;
  right: 10px
}

#footer {
  color: #fff
}

.newsletter-n-social {
  color: #fff;
  height: 68px;
  border-top: 1px solid #2ba7ba;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0OWRiMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxOGI5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #149db1), color-stop(100%, #018b9f));
  background-image: -moz-linear-gradient(#149db1, #018b9f);
  background-image: -webkit-linear-gradient(#149db1, #018b9f);
  background-image: linear-gradient(#149db1, #018b9f);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF149DB1', endColorstr='#FF018B9F')
}

.newsletter-n-social .footer-newsletter, .newsletter-n-social .footer-social {
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  height: 37px
}

.newsletter-n-social .label-newsletter, .newsletter-n-social .label-social {
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase
}

.newsletter-n-social .footer-newsletter {
  border-right: 1px solid #008599;
  padding-right: 40px
}

.newsletter-n-social .footer-social {
  border-left: 1px solid #209bad;
  padding-left: 40px
}

.newsletter-n-social .link-social {
  margin: 0px 5px
}

.newsletter-n-social .link-social span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.newsletter-n-social .link-social span:hover {
  opacity: 0.5
}

.avantages-n-news, .avantages-news-n-blog {
  color: #fff;
  background-color: #006272;
  box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.1)
}

.avantages-n-news {
  height: 334px;
}

.avantages-news-n-blog  {
  height: 393px;
}

.avantages-n-news .footer-avantages, .avantages-news-n-blog .footer-avantages {
  margin: 30px 0px 30px 0px;
}

.avantages-n-news .footer-avantages {
  height: 274px
}

.avantages-news-n-blog .footer-avantages {
  height: 340px
}

.avantages-n-news .footer-blog {
  display: none
}

.avantages-n-news .footer-news {
  margin: 30px 0px 30px 0px;
  height: 274px
}

.avantages-news-n-blog .footer-news {
  margin: 30px 0px 10px 0px;
  height: 165px
}

.avantages-news-n-blog .footer-blog {
  margin: 10px 0px 30px 0px;
  height: 165px
}

.avantages-n-news .footer-avantages, .avantages-news-n-blog .footer-avantages {
  border-right: 1px solid #004d59;
  padding: 0px 40px 0px 10px
}

.avantages-n-news .footer-news, .avantages-news-n-blog .footer-news, .avantages-n-news .footer-blog, .avantages-news-n-blog .footer-blog {
  border-left: 1px solid #1a7280;
  padding: 0px 0px 0px 40px
}

.avantages-n-news .label-avantages, .avantages-news-n-blog .label-avantages, .avantages-n-news .label-news, .avantages-news-n-blog .label-news, .avantages-n-news .label-blog, .avantages-news-n-blog .label-blog {
  font-size: 18px;
  text-transform: uppercase
}

.avantages-n-news .txt-avantages, .avantages-news-n-blog .txt-avantages {
  font: 12px Arial, Helvetica, sans-serif;
  color: #b9e4ea;
  width: 433px;
  line-height: 1.4em;
  text-align: justify
}

.avantages-n-news .txt-avantages a, .avantages-news-n-blog .txt-avantages a {
  border-bottom: 1px solid;
  color: #b9e4ea
}

.avantages-n-news .txt-avantages a:hover, .avantages-news-n-blog .txt-avantages a:hover {
  border-bottom: 1px dotted
}

.avantages-n-news .avantage-item, .avantages-news-n-blog .avantage-item {
  background-color: #005e6d;
  border: 1px solid #1d7482;
  text-align: center;
  margin: 20px 0px;
  line-height: 16px;
  width: 210px;
  height: 110px;
  padding: 5px 0px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.avantages-n-news .avantage-item:first-child, .avantages-news-n-blog .avantage-item:first-child {
  margin-right: 10px
}

.avantages-n-news .avantage-item .link-avantages, .avantages-news-n-blog .avantage-item .link-avantages {
  display: block;
  text-align: center;
  padding: 6px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
  padding-top: 75px
}

.avantages-n-news .avantage-item .link-avantages.youtube, .avantages-news-n-blog .avantage-item .link-avantages.youtube {
  padding-top: 83px
}

.avantages-n-news .avantage-item:hover, .avantages-news-n-blog .avantage-item:hover {
  background-color: #006f81
}

.avantages-n-news .news-list-wrapper .news-item-wrapper, .avantages-news-n-blog .news-list-wrapper .news-item-wrapper, .avantages-n-news .blog-list-wrapper .blog-item-wrapper, .avantages-news-n-blog .blog-list-wrapper .blog-item-wrapper {
  font-family: "Arial", Helvetica, sans-serif;
  margin: 0px 0px 10px 0px
}

.avantages-n-news .news-list-wrapper .news-item-wrapper:hover, .avantages-news-n-blog .news-list-wrapper .news-item-wrapper:hover, .avantages-n-news .blog-list-wrapper .blog-item-wrapper:hover, .avantages-news-n-blog .blog-list-wrapper .blog-item-wrapper:hover {
  text-decoration: underline
}

.avantages-n-news .news-list-wrapper .news-date, .avantages-news-n-blog .news-list-wrapper .news-date, .avantages-n-news .blog-list-wrapper .blog-date, .avantages-news-n-blog .blog-list-wrapper .blog-date {
  font-style: italic;
  font-size: 11px;
  font-weight: normal
}

.avantages-n-news .news-list-wrapper .news-title, .avantages-news-n-blog .news-list-wrapper .news-title, .avantages-n-news .blog-list-wrapper .blog-title, .avantages-news-n-blog .blog-list-wrapper .blog-title {
  margin: 2px 0px;
  font-size: 14px;
  font-weight: bold
}

.avantages-n-news .news-list-wrapper .news-title a, .avantages-news-n-blog .news-list-wrapper .news-title a, .avantages-n-news .blog-list-wrapper .blog-title a, .avantages-news-n-blog .blog-list-wrapper .blog-title a {
  color: #fff
}

.avantages-n-news .news-list-wrapper .news-begin, .avantages-news-n-blog .news-list-wrapper .news-begin, .avantages-n-news .blog-list-wrapper .blog-begin, .avantages-news-n-blog .blog-list-wrapper .blog-begin {
  font-size: 12px;
  color: #b9e4ea;
  font-weight: normal;
  margin-top: 0px
}

#base #facebox-youtube .fcb-content {
  line-height: normal
}

#facebox-youtube .fcb-content, #facebox-slideshow-video .fcb-content {
  padding: 20px;
  width: 100%;
  margin: 0 auto;
  text-align: center
}

#facebox-youtube .youtube-player, #facebox-slideshow-video .youtube-player {
  margin-bottom: 30px
}

#facebox-youtube .btn-videos-all span, #facebox-slideshow-video .btn-videos-all span {
  position: relative;
  top: 3px;
  left: 4px
}

#facebox-langue #fcb-text {
  padding-bottom: 20px
}

#facebox-langue span[class^="s-global-"] {
  position: relative;
  top: 3px;
  left: 2px
}

.choixLangNoMore {
  padding: 10px;
  float: right
}

.choixLangNoMore label {
  font-size: 18px;
  position: relative;
  top: -2px
}

input[type="submit"], input[type="button"], button, .btn-inner, .btn-orange, .btn-orange-bordered, .news-promos-content .news-link.active, .btn-bleu, .btn-bleu-bordered, *[class^="btn"] {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  *border: 0
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, .btn-inner:hover, .btn-orange:hover, .btn-orange-bordered:hover, .news-promos-content .news-link.active:hover, .btn-bleu:hover, .btn-bleu-bordered:hover, [class^="btn"]:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

input[type="submit"]:active, input[type="button"]:active, button:active, .btn-inner:active, .btn-orange:active, .btn-orange-bordered:active, .news-promos-content .news-link.active:active, .btn-bleu:active, .btn-bleu-bordered:active, [class^="btn"]:active {
  outline: 0
}

input.disabled[type="submit"], input.disabled[type="button"], button.disabled, .disabled.btn-inner, .disabled.btn-orange, .disabled.btn-orange-bordered, .news-promos-content .disabled.news-link.active, .disabled.btn-bleu, .disabled.btn-bleu-bordered, .disabled[class^="btn"], input[disabled][type="submit"], input[disabled][type="button"], button[disabled], [disabled].btn-inner, [disabled].btn-orange, [disabled].btn-orange-bordered, .news-promos-content [disabled].news-link.active, [disabled].btn-bleu, [disabled].btn-bleu-bordered, [disabled][class^="btn"] {
  cursor: default;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  box-shadow: none
}

.btn-inner {
  position: absolute;
  height: 29px;
  width: 30px;
  right: 3px;
  top: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.btn-inner:hover {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.btn-inner span {
  position: relative;
  top: 1px;
  left: -1px
}

.btn-orange, .btn-orange-bordered, .news-promos-content .news-link.active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0N2QxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmNWIwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f47d14), color-stop(100%, #ef5b0f));
  background-image: -moz-linear-gradient(#f47d14, #ef5b0f);
  background-image: -webkit-linear-gradient(#f47d14, #ef5b0f);
  background-image: linear-gradient(#f47d14, #ef5b0f);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF47D14', endColorstr='#FFEF5B0F');
  border-top: 1px solid #f69b49;
  border-bottom: 1px solid #ae450c;
  color: #fff
}

.btn-orange:hover, .btn-orange-bordered:hover, .news-promos-content .news-link.active:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1OGEyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlNTYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f58a2c), color-stop(100%, #fe5600));
  background-image: -moz-linear-gradient(#f58a2c, #fe5600);
  background-image: -webkit-linear-gradient(#f58a2c, #fe5600);
  background-image: linear-gradient(#f58a2c, #fe5600);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF58A2C', endColorstr='#FFFE5600')
}

.btn-orange:active, .btn-orange-bordered:active, .news-promos-content .news-link.active:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0N2QxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmNWIwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f47d14), color-stop(100%, #ef5b0f));
  background-image: -moz-linear-gradient(#f47d14, #ef5b0f);
  background-image: -webkit-linear-gradient(#f47d14, #ef5b0f);
  background-image: linear-gradient(#f47d14, #ef5b0f);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF47D14', endColorstr='#FFEF5B0F')
}

.btn-bleu, .btn-bleu-bordered {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0YjljYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2OTdhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34b9cc), color-stop(100%, #0697ab));
  background-image: -moz-linear-gradient(#34b9cc, #0697ab);
  background-image: -webkit-linear-gradient(#34b9cc, #0697ab);
  background-image: linear-gradient(#34b9cc, #0697ab);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF34B9CC', endColorstr='#FF0697AB');
  color: #fff
}

.btn-bleu:hover, .btn-bleu-bordered:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.btn-bleu:active, .btn-bleu-bordered:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2OTdhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2OTdhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0697ab), color-stop(100%, #0697ab));
  background-image: -moz-linear-gradient(#0697ab, #0697ab);
  background-image: -webkit-linear-gradient(#0697ab, #0697ab);
  background-image: linear-gradient(#0697ab, #0697ab);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0697AB', endColorstr='#FF0697AB');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.btn-bleu-bordered {
  border: 2px solid #006272
}

.btn-bleu-bordered:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2OTdhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2OTdhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0697ab), color-stop(100%, #0697ab));
  background-image: -moz-linear-gradient(#0697ab, #0697ab);
  background-image: -webkit-linear-gradient(#0697ab, #0697ab);
  background-image: linear-gradient(#0697ab, #0697ab);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0697AB', endColorstr='#FF0697AB');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.btn-bleu-bordered.thin {
  border: 1px solid #0095ab;
  box-shadow: inset 0px 1px 0px 0px #82cbd5, 0px 1px 1px rgba(0, 0, 0, 0.2)
}

.btn-bleu-bordered.light {
  box-shadow: inset 0px 1px 0px 0px #b7e6ea, 0px 1px 1px rgba(0, 0, 0, 0.2);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyZDhlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZlY2FkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92d8e0), color-stop(100%, #6ecad4));
  background-image: -moz-linear-gradient(#92d8e0, #6ecad4);
  background-image: -webkit-linear-gradient(#92d8e0, #6ecad4);
  background-image: linear-gradient(#92d8e0, #6ecad4);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF92D8E0', endColorstr='#FF6ECAD4');
  color: #085663
}

.btn-bleu-bordered.light:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhZTZlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1ZDhlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bae6eb), color-stop(100%, #95d8e0));
  background-image: -moz-linear-gradient(#bae6eb, #95d8e0);
  background-image: -webkit-linear-gradient(#bae6eb, #95d8e0);
  background-image: linear-gradient(#bae6eb, #95d8e0);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBAE6EB', endColorstr='#FF95D8E0')
}

.btn-orange-bordered {
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5)
}

.btn-cta-home {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  height: 53px;
  width: 360px;
  line-height: 43px;
  font-weight: bold
}

.btn-cta-home *[class^="s-global"] {
  position: relative;
  top: 5px;
  left: 25px
}

.btn-link-news {
  padding: 5px 10px 7px 10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial
}

.btn-mod-resa {
  padding: 2px 26px 5px 16px;
  font-size: 16px;
  margin-top: 0px;
  height: 35px
}

.btn-mod-resa *[class^="s-global"] {
  top: 2px;
  left: 13px;
  position: relative
}

.btn-reservez {
  padding: 14px 46px 4px 16px;
  font-size: 18px;
  text-align: left;
  position: relative;
  top: 20px;
  right: 20px
}

.btn-reservez span[class^="s-global"] {
  position: absolute;
  top: 26px;
  right: 16px
}

.btn-reservez span {
  display: block;
  margin: 0px
}

.btn-reservez strong {
  font-size: 12px;
  text-transform: none;
  position: relative;
  top: -10px
}

.top-content .txt-top-page a.lire-details {
  background: #006272;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0px 20px 0px 10px;
  border-bottom: none
}

.top-content .txt-top-page a.lire-details span {
  position: relative;
  top: 1.5px;
  left: 10px
}

.top-content .txt-top-page a.lire-details:hover {
  background: #008ea5;
  border-bottom: none
}

.header-navbar{
  margin-top: 8px;
}
.header-nav-container .wrapper {
  position: relative
}

.header-nav {
  width: auto;
  float: right;
  margin-right: 143px;
  
}

.header-nav li {
  list-style-type: none;
  float: left;
  height: 30px;
  position: relative;
  display: table
}

.header-nav li a {
  color: #1B2776;
  font-size: 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  max-width: 190px;
  height: 100%;
  padding: 0px 9px;
  line-height: 1;
}

.header-nav li a:hover {
  color: #00a3b2
}

.header-nav li a.active {
  border-bottom: 4px solid #00a3b2;
  color: #00a3b2;
  position: relative;
  top: 2px
}

.header-brochure{
  width:123px;
  position: absolute;
  right: 20px;
  margin-top: 7px;
}
.ie9 .header-brochure{
  margin-top:-22px;
}
.header-brochure a{
  display: block;
  height: 100%;
  width:100%;
  background: #09276f;
  color:#fff;
  text-align: center;
  font-weight: 600;
  font-family: "CabinSemiBold";
  line-height: 1.3;
  padding: 5px;
  border : 1px solid #fff;
}
.header-search-lang{
  text-align: right;  
  position: relative;
}
.search-link{
  margin-right: 60px;
  margin-top: 4px;
  display: inline-block;
}
.s-global-ombreItemMenu {
  top: 0px;
  right: -4px;
  position: absolute
}

.footer-nav-container {
  background-color: #005967
}

.footer-nav {
  min-height: 50px;
  padding: 10px 0px
}

.footer-nav li {
  list-style-type: none;
  float: left
}

.footer-nav li a {
  font-size: 11px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 0px 6px;
  border-right: 1px solid #004d59
}

.footer-nav li a:hover {
  text-decoration: underline
}

.footer-nav li a.dark {
  color: #000
}

.s-global-icnCadeau {
  position: relative;
  top: 2px;
  margin-right: 5px
}

div.wrap-mask-select, div.wrap-mask-input {
  margin: 0;
  width: 100%;
  min-height: 30px;
  position: relative;
  padding: 4px 0px 0px 0px
}

select.mask-select, input.mask-input {
  margin: 0;
  width: 100%;
  min-height: 34px;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: 0;
  left: -100000px;
  z-index: 1
}

span.option-selected {
  margin-left: 5px
}

select.mask-select>option {
  display: none;
  position: absolute;
  z-index: -1;
  outline: none;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.wrap-mask-options {
  background: #fff;
  border: 2px solid #f05f0c;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  position: absolute;
  z-index: 9999;
  width: 170px;
  left: -2px;
  overflow-y: auto;
  max-height: 175px
}

.mask-option-item {
  color: #39464d;
  font-size: 14px;
  margin: 5px 0px;
  cursor: pointer;
  text-align: left
}

.mask-option-item:hover {
  color: #00a3b2
}

.select-wrapper.custom2 {
  background-color: #fff;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 37px;
  border: 2px solid #80cdd7;
  position: relative;
  margin-bottom: 10px
}

.select-wrapper.custom2.dark {
  border: 2px solid #006272;
  box-shadow: none
}

.select-wrapper.custom2.light {
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #D8D7D5;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  color: #39464d;
  font-size: 14px;
  height: 35px;
  padding: 0px 4px
}

.select-wrapper.custom2.light .wrap-mask-select {
  width: 100%
}

.select-wrapper.custom2.light .wrap-mask-options {
  left: -6px
}

.select-wrapper.custom2.light .selector {
  width: 28px;
  height: 27px;
  position: absolute;
  top: 2px;
  right: 2px
}

.select-wrapper.custom2.light .selector span {
  position: absolute;
  top: 10px;
  left: 9px
}

.select-wrapper.custom2 span.option-selected {
  color: #39464d;
  font-size: 14px;
  position: absolute;
  top: 2px;
  left: 0px
}

.select-wrapper.custom2 .selector {
  width: 30px;
  height: 29px;
  position: absolute;
  top: 2px;
  right: 2px
}

.select-wrapper.custom2 .selector span {
  position: absolute;
  top: 10px;
  left: 10px
}

.custom2 label {
  color: #fff
}

.custom2 .wrap-mask-options {
  width: 100%;
  left: 0px
}

div.wrap-mask-checkbox {
  margin: 0px 2px 0px 0px;
  position: relative;
  width: 23px;
  display: inline-block;
  vertical-align: top
}

input.mask-checkbox {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 1;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.new-checkbox, .new-checkbox2 {
  display: inline-block;
  height: 20px;
  width: 23px;
  background: url(../images/icn-checkbox-1.png) no-repeat 0px 0px
}

.new-checkbox.checked, .checked.new-checkbox2 {
  background-position: 0px -21px
}

.new-checkbox2 {
  background: url(../images/icn-checkbox-2.png) no-repeat 0px 0px
}

.new-checkbox2.checked {
  background-position: 0px -33px
}

div.wrap-mask-radio {
  margin: 0px 2px 0px 0px;
  position: relative;
  width: 23px;
  display: inline-block;
  vertical-align: top
}

input.mask-radio {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.new-radio {
  display: inline-block;
  height: 20px;
  width: 23px;
  background: url(../images/icn-checkbox-2.png) no-repeat 0px 0px
}

.new-radio.checked {
  background-position: 0px -33px
}

.datepicker {
  position: absolute;
  border: 2px solid #f05f0c;
  font-size: 12px;
  width: 203px;
  padding: 3px;
  height: 221px;
  background: #fff;
  line-height: normal;
  z-index: 3003;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5)
}

.datepicker.column_2 {
  width: 407px
}

.datepicker.column_3 {
  width: 592px
}

.datepicker.column_4 {
  width: 791px
}

.datepicker.column_5 {
  width: 990px
}

.datepicker .header {
  position: relative;
  background: #f05f0c;
  height: 26px;
  padding-top: 4px;
  margin-bottom: 3px;
  overflow: hidden
}

.datepicker .header .title {
  text-align: center;
  padding-top: 1px;
  position: absolute;
  color: #fff;
  font-weight: bold;
  width: 99999px
}

.datepicker .header .next, .datepicker .header .previous, .datepicker .header .closeButton {
  position: absolute;
  width: 15px;
  height: 15px;
  background: none;
  text-align: center;
  color: #fff;
  top: 0px;
  cursor: pointer;
  font-size: 20px
}

.datepicker .header .previous {
  left: 3px
}

.datepicker .header .next {
  right: 3px
}

.datepicker .header .closeButton {
  right: 5px;
  display: none
}

.datepicker .body {
  position: relative;
  top: 0px;
  left: 0px;
  height: 193px;
  overflow: hidden
}

.datepicker .body .column {
  float: left;
  width: 194px;
  min-height: 193px;
  margin-left: 5px
}

.datepicker .body .column.column_1 {
  margin-left: 0
}

.datepicker .titleText .column {
  float: left;
  width: 194px;
  margin-left: 5px
}

.datepicker .titleText .column.column_1 {
  margin-left: 0
}

.datepicker.footer {
  height: 280px
}

.datepicker .footer {
  margin-top: 3px;
  padding: 15px 5px;
  height: 26px
}

.datepicker .time {
  width: 100%;
  height: 100%;
  background: #eee
}

.datepicker .time .hour, .datepicker .time .separator, .datepicker .time .minutes {
  border: 1px solid #ccc;
  background: #fff;
  width: 50px;
  font-size: 32px;
  position: absolute;
  top: 50px;
  text-align: center;
  padding: 2px
}

.datepicker .time .hour {
  left: 30px
}

.datepicker .time .separator {
  background: transparent;
  border: 0px;
  width: 10px;
  left: 91px
}

.datepicker .time .minutes {
  left: 110px
}

.datepicker .time .ok {
  position: absolute;
  top: 105px;
  width: 136px;
  left: 30px;
  font-size: 20px
}

.datepicker .days .day {
  float: left;
  background: #ccc;
  cursor: pointer;
  text-align: center;
  padding-top: 2px;
  width: 25px;
  overflow: hidden;
  height: 23px;
  margin: 0 3px 3px 0
}

.datepicker .days .day0 {
  margin-right: 0
}

.datepicker .days .week5 .day {
  margin-bottom: 0
}

.datepicker .days .title {
  background: #006272;
  font-weight: bold;
  color: #fff;
  cursor: default
}

.datepicker .days .otherMonth {
  background: #eee;
  color: #aaa
}

.datepicker .months .month {
  float: left;
  background: #eee;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  width: 62px;
  height: 43px;
  padding-top: 16px;
  margin: 0 3px 3px 0
}

.datepicker .months .month3, .datepicker .months .month6, .datepicker .months .month9, .datepicker .months .month12 {
  margin-right: 0;
  width: 64px
}

.datepicker .months .month10, .datepicker .months .month11, .datepicker .months .month12 {
  margin-bottom: 0
}

.datepicker .years .year {
  float: left;
  background: #eee;
  cursor: pointer;
  text-align: center;
  width: 46px;
  overflow: hidden;
  height: 35px;
  line-height: 35px;
  margin: 0 3px 3px 0
}

.datepicker .years .year3, .datepicker .years .year7, .datepicker .years .year11, .datepicker .years .year15, .datepicker .years .year19 {
  margin-right: 0;
  width: 47px
}

.datepicker .years .year16, .datepicker .years .year17, .datepicker .years .year18, .datepicker .years .year19 {
  margin-bottom: 0;
  height: 33px;
  line-height: 33px
}

.datepicker .selected {
  background: #8C929F !important;
  color: #fff !important
}

.datepicker .days .otherMonth.selected {
  background: #bbbfc8 !important
}

.datepicker .unavailable, .datepicker .body .days .week .day.unavailable:hover {
  background: #edd !important;
  color: #b88 !important;
  cursor: default !important
}

.datepicker .days .week .day:hover, .datepicker .months .month:hover, .datepicker .years .year:hover {
  background: #006272 !important;
  color: #fff !important
}

.datepicker .days.weeknumbers .day {
  width: 22px
}

.datepicker .days.weeknumbers .day.weeknumber, .datepicker .days.weeknumbers .day.weeknumber:hover {
  color: #AAA !important;
  width: 16px !important;
  background: #EEE !important
}

.datepicker table {
  border-spacing: 0
}

.datepicker th, .datepicker td {
  padding: 0
}

.datepicker-toggler {
  cursor: pointer
}

.mw-slideshow--wrapper {
  position: relative
}

.mw-slideshow--content {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto
}

.mw-slideshow--slide {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center
}

.breadcrumb {
  padding: 20px 10px
}

.breadcrumb .bc-item {
  font: 11px Arial, Helvetica, sans-serif;
  color: #fff;
  letter-spacing: 1px
}

.breadcrumb .bc-item:hover {
  filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.breadcrumb .bc-item:last-child {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.breadcrumb .bc-item:last-child:hover {
  filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.breadcrumb .bc-separator {
  font: 11px Arial, Helvetica, sans-serif;
  color: #fff
}

.mod-social {
  margin: 20px 10px 0px 0px
}

.mod-social .mod-social--lib {
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px
}

.mod-social .addthis_toolbox {
  display: inline-block;
  vertical-align: middle
}

.gmnoprint a, .gmnoprint span {
  display: none
}

.map {
  height: 495px
}

.map-canvas {
  height: 100%
}

.map-canvas img {
  max-width: none
}

.map-infoWindow--img {
  display: inline-block;
  width: 90px;
  vertical-align: top;
  float: left
}

.map-infoWindow--content {
  display: inline-block;
  width: 320px;
  vertical-align: top
}

.map-infoWindow--title {
  margin: 0px;
  color: #006272;
  font-size: 14px
}

.map-infoWindow--txt {
  font-size: 12px;
  color: #39464d
}

.map-infoWindow--link {
  color: #0095ab;
  font-size: 12px;
  text-decoration: underline
}

.customInfoWindow {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 450px;
  padding: 10px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4)
}

.map-infoWindow--arrow-down {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 10px 10px 0px 10px;
  position: relative;
  top: 20px;
  left: 25px
}

.tabs {
  margin: 30px 10px
}

.tabs .tabs-list {
  margin-right: 0px;
  margin-bottom: -1px;
  padding: 2px 5px 0px 0px
}

.tabs .tabs-content-group {
  background-color: #fff
}

.tabs .tab-item {
  list-style: none;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 1px;
  margin-right: 1.5px;
  padding: 12px 30px;
  background-color: #80d2db;
  font-size: 15px;
  cursor: pointer;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0px 0px
}

.tabs .tab-item a {
  color: #0095ab
}

.tabs .tab-item:hover {
  background-color: #c0e9ed
}

.tabs .tab-item.selected {
  background-color: #fff;
  border-top: 4px solid #fff;
  box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2)
}

.tabs .tab-item.selected a {
  color: #39464d
}

.tabs .tab-content {
  background-color: #fff;
  padding: 20px 0px 20px 0px
}

.tabs .tab-content>div[class^="col-"] {
  padding: 0px 20px 0px 20px
}

.tabs .tab-content>div[class^="col-"]:first-child {
  border-right: 1px solid #e5e5e5
}

.encart-prix, .tab-images .modele-points-forts {
  background: #80d2db;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px
}

#article .top-main--fixH {
  background: url(../images/bg-flou/article.jpg) no-repeat center bottom
}

.article {
  margin: 40px 10px
}

.article .article-txts {
  width: 585px;
  color: #fff
}

.article .article-txts.right {
  margin-left: 20px
}

.article .article-txts.left {
  margin-right: 20px
}

.article .article-txts .article-title {
  font-size: 21px
}

.article .article-txts .article-content p {
  font-size: 14px
}

.article .article-txts .article-content a {
  color: #08424d;
  text-decoration: underline
}

.article .article-txts .article-content h2 {
  font-size: 21px
}

.article .article-txts .article-content h3 {
  font-size: 16px
}

.article .article-txts .article-content li {
  font-size: 14px
}

.article .article-txts .article-content table {
  border: 2px solid #fff
}

.article .article-txts .article-content table td {
  border: 2px solid #006272;
  padding: 10px
}

.article .article-txts .article-content table thead td {
  background: #fff;
  color: #006272;
  border: 2px solid #006272;
  font-weight: bold
}

.article .article-txts .article-content table tbody tr:nth-child(odd) {
  background: #00bacb
}

.article .article-txts .article-content table tbody tr:nth-child(even) {
  background: #00d2e5
}

.article .article-media .media {
  position: relative;
  width: 350px;
  display: inline
}

.article .article-media .media .img-video {
  background: url(../images/play.png) no-repeat center center;
  width: 108px;
  height: 108px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -54px 0px 0px -54px;
  cursor: pointer;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.article .article-media .media .img-video a {
  display: block;
  height: 100%;
  width: 100%
}

.article .article-media .media .img-video:hover {
  filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.article-date {
  color: #005664;
  font-size: 18px
}

.facebox-wrapper {
  visibility: hidden;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.overlay {
  height: 100%;
  width: 100%;
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 20000000;
  top: 0px;
  left: 0px
}

.facebox {
  position: absolute;
  top: 0px;
  z-index: 20000001;
  width: 960px;
  left: 50%;
  margin-left: -480px;
  background: #009aaf
}

.facebox .fcb-close-btn {
  float: right;
  margin: 10px 10px 0px 0px;
  cursor: pointer
}

.fcb-titre, .fcb-sous-titre {
  text-align: center;
  margin: 40px 0px 20px 0px;
  color: #fff;
  font-size: 24px
}

.fcb-sous-titre {
  font-size: 16px;
  margin: 0px
}

.btn-wrapper {
  margin: 20px auto 20px auto;
  text-align: center
}

.fcb-result {
  padding: 10px;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 0px
}

.col-type-choix {
  border-right: 1px solid #008599;
  border-left: 1px solid #1aa4b7;
  margin: 30px auto 20px auto;
  padding: 0px 20px
}

.type-choix {
  color: #fff;
  font-size: 14px;
  margin: 0px 0px 15px 0px
}

.accordeon-item {
  border: 1px solid #e5e5e5;
  margin: 0px 0px 5px 0px
}

.accordeon-clicker {
  margin: 0px 0px 0px 0px;
  padding: 10px 15px;
  color: #39464d;
  font-size: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
  background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
  background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
  background-image: linear-gradient(#ffffff, #f3f3f3);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3');
  cursor: pointer
}

.accordeon-clicker.active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(#f3f3f3, #ffffff);
  background-image: -webkit-linear-gradient(#f3f3f3, #ffffff);
  background-image: linear-gradient(#f3f3f3, #ffffff);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF3F3F3', endColorstr='#FFFFFFFF')
}

.accordeon-clicker a {
  height: 29px;
  width: 31px;
  margin-right: 15px
}

.accordeon-clicker a .state {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -5px
}

.accordeon-content {
  margin: 0px 0px 0px 0px;
  padding: 0px 30px 0px 60px;
  color: #39464d;
  font-size: 12px
}

.accordeon-content ul li {
  font-size: 12px
}

.accordeon-content h4, .accordeon-content h5, .accordeon-content h6 {
  color: #006272;
  margin: 5px 0px
}

.accordeon-content h4 {
  font-size: 15px
}

.accordeon-content h5 {
  font-size: 13px
}

.accordeon-content h6 {
  font-size: 12px
}

.accordeon-content .parcours-itineraire {
  color: #006272;
  margin: 5px 0px;
  font-style: italic;
  font-size: 12px;
}

.scroller {
  display: block;
  position: absolute;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.scroll {
  background: #fff;
  position: absolute;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: none
}

.handle {
  display: block;
  position: relative;
  cursor: pointer;
  background: #005664;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.decrease {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../images//sprite-scrollbar.png) no-repeat top center
}

.increase {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../images//sprite-scrollbar.png) no-repeat bottom center
}

.scroller.horizontal {
  height: 19px;
  width: 100%;
  bottom: 0;
  left: 0
}

.horizontal .scroll {
  left: 21px;
  bottom: 3px;
  height: 15px;
  width: 270px
}

.horizontal .handle {
  bottom: -1px;
  height: 13px
}

.horizontal .decrease {
  bottom: 4px;
  left: 3px
}

.horizontal .increase {
  bottom: 4px;
  right: 3px
}

.scroller.vertical {
  height: 100%;
  width: 22px;
  top: 0;
  right: 0px
}

.vertical .scroll {
  top: 22px;
  right: 3px;
  width: 20px;
  height: 80px
}

.vertical .handle {
  right: -3px;
  width: 18px
}

.vertical .decrease {
  top: 1px;
  right: 1px
}

.vertical .increase {
  bottom: 1px;
  right: 1px
}

.photo-home {
  height: 430px
}

.destinations-home {
  height: 383px
}

.gammes-home {
  height: 404px;
  background: url(../images/ptnWood.jpg) repeat-x;
  border-top: 1px solid #d3cdc9
}

.cta-home {
  background: url(../images/opacity90.png);
  position: absolute;
  top: 130px;
  left: 290px;
  padding: 16px;
  text-align: left
}

.baseline {
  font-size: 35px;
  line-height: 38px;
  color: #00a3b2;
  margin-bottom: 16px;
  max-width: 400px;
  text-transform: uppercase
}

.baseline em {
  font-style: italic
}

.b-title, .b-title:first-child {
  color: #fff;
  font-size: 32px;
  padding: 35px 0px 35px 50px;
  margin: 0px auto;
  width: 100%;
  text-align: center;
  text-shadow: 1px 0px 5px rgba(59, 54, 48, 0.5)
}

.b-title.title-destinations, .b-title:first-child.title-destinations {
  background: url(../images/flammeNicols.png) no-repeat 90px center
}

.b-title.title-gammes, .b-title:first-child.title-gammes {
  background: url(../images/icnBoat.png) no-repeat 90px center
}

.slideshow-main-home {
  position: relative;
  height: 430px;
  overflow: hidden
}

.slideshow-main-home .mw-slideshow--content {
  width: 1440px;
  height: 430px;
  position: absolute;
  left: 50%;
  margin-left: -720px
}

.slideshow-main-home .prev-slide, .slideshow-main-home .next-slide {
  position: absolute;
  height: 50px;
  width: 50px;
  cursor: pointer;
  top: 50%;
  margin-top: -25px
}

.slideshow-main-home .prev-slide:hover, .slideshow-main-home .next-slide:hover {
  margin-top: -25px
}

.slideshow-main-home .prev-slide:active, .slideshow-main-home .next-slide:active {
  margin-top: -25px
}

.slideshow-main-home .prev-slide {
  left: 0px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8) url(../images/arrowNavLeftSlideHomeBV.png) no-repeat 10px center
}

.slideshow-main-home .prev-slide:hover {
  background: #fff url(../images/arrowNavLeftSlideHomeBV.png) no-repeat 10px center
}

.slideshow-main-home .next-slide {
  right: 0px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8) url(../images/arrowNavRightSlideHomeBV.png) no-repeat 18px center
}

.slideshow-main-home .next-slide:hover {
  background: #fff url(../images/arrowNavRightSlideHomeBV.png) no-repeat 18px center
}

.slideshow-main-home .mw-slideshow-bullet-nav {
  height: 36px;
  width: auto;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 30px;
  left: 50%
}

.slideshow-main-home .mw-slideshow-bullet-nav ul {
  margin: 0px;
  padding: 8px 10px 0px 10px
}

.slideshow-main-home .mw-slideshow-bullet-nav ul li {
  background: #c9c9c9;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3);
  height: 13px;
  width: 13px;
  border-radius: 13px;
  list-style: none;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin: 0px 5px
}

.slideshow-main-home .mw-slideshow-bullet-nav ul li.active, .slideshow-main-home .mw-slideshow-bullet-nav ul li:hover {
  background: #0094aa;
  box-shadow: none
}

.bloc-destination {
  height: 230px;
  margin: 0px 12.5px;
  overflow: hidden;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer
}

.bloc-destination .thumb-content {
  height: 168px;
  text-align: center
}

.bloc-destination .thumb-content img {
  width: auto;
  height: auto;
  max-width: none
}

.bloc-destination .thumb-txts {
  position: relative;
  z-index: 1;
  top: 0px;
  background: #fff
}

.bloc-destination .thumb-title {
  position: relative;
  height: 62px;
  display: table;
  background: #fff;
  width: 100%
}

.bloc-destination .thumb-title h2, .bloc-destination .thumb-title a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  color: #39464d;
  font-size: 18px
}

.bloc-destination .thumb-title h2:hover, .bloc-destination .thumb-title a:hover {
  color: #00a3b2
}

.bloc-destination .thumb-title .arrow-top {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0px 7px 7px 7px;
  position: absolute;
  bottom: 62px;
  left: 50%;
  margin-left: -7px
}

.bloc-destination .thumb-legend {
  background: #fff;
  height: 168px;
  overflow: hidden
}

.bloc-destination .thumb-legend>* {
  font-size: 12px
}

.bloc-destination .thumb-legend .thumb-legend--content {
  color: #39464d;
  padding: 10px;
  max-height: 120px;
  background: #fff;
  height: 168px
}

.bloc-destination .thumb-link {
  letter-spacing: 1px;
  font-size: 13px;
  text-align: center;
  background: #fff
}

.bloc-destination .thumb-link span {
  top: 1px;
  position: relative
}

.slideshow-gammes-home .mw-slideshow--content {
  width: 825px;
  height: 235px;
  float: left
}

.slideshow-gammes-home .mw-slideshow--content .img-gamme {
  width: 360px;
  float: left;
  text-align: right
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme {
  background: url(../images/opacity90.png);
  width: 465px;
  height: 100%;
  float: left;
  padding: 20px;
  text-align: left
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .titre-gamme {
  color: #006272;
  margin-bottom: 10px
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .descriptif-gamme {
  font-size: 13px;
  color: #39464d
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .descriptif-gamme p {
  font-size: 13px;
  color: #39464d
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .descriptif-gamme em {
  font-style: italic
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .descriptif-gamme strong {
  font-weight: bold
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .descriptif-gamme a {
  color: #006272
}

.slideshow-gammes-home .mw-slideshow--content .txt-gamme .lien-gamme {
  padding: 4px 12px;
  text-transform: uppercase;
  margin-top: 10px
}

.slideshow-gammes-home .prev-slide, .slideshow-gammes-home .next-slide {
  float: left;
  height: 235px;
  width: 70px;
  cursor: pointer
}

.slideshow-gammes-home .prev-slide:active, .slideshow-gammes-home .next-slide:active {
  margin-top: 1px
}

.slideshow-gammes-home .prev-slide {
  background: url(../images/arrowNavLeftSlideHome.png) no-repeat center center
}

.slideshow-gammes-home .next-slide {
  background: url(../images/arrowNavRightSlideHome.png) no-repeat center center
}

#croisieres .top-main--fixH {
  background: url(../images/bg-flou/croisieresFluviales.jpg) no-repeat center bottom
}

#croisieres .mod-blocs--item:nth-child(2) {
  padding: 40px 10px
}

#croisieres .txt-top-page {
  padding-right: 22px;
  height: 125px
}

.presentation-croisieres {
  padding: 30px 0px;
  border-top: 1px solid #5ecbd0
}

.presentation-croisieres .logo-flamme {
  text-align: center
}

.presentation-croisieres .presentation-croisieres--content {
  color: #fff
}

.presentation-croisieres .presentation-croisieres--content .presentation-croisieres--title, .presentation-croisieres .presentation-croisieres--content h2 {
  font-size: 21px;
  margin-bottom: 16px
}

.presentation-croisieres .presentation-croisieres--content .presentation-croisieres--txt {
  font: 13px Arial, Helvetica, sans-serif;
  margin: 0;
  line-height: 18px
}

.presentation-croisieres .presentation-croisieres--content .presentation-croisieres--txt p {
  font: 13px Arial, Helvetica, sans-serif
}

.presentation-croisieres .presentation-croisieres--content .presentation-croisieres--txt a {
  color: #fff;
  border-bottom: 1px solid #fff
}

.presentation-croisieres .presentation-croisieres--content .presentation-croisieres--txt a:hover {
  border-bottom: 1px dotted #fff
}

#sommaire .top-main--fixH {
  background: url(../images/bg-flou/sommaire.jpg) no-repeat center bottom
}

#sommaire-promos .top-main--fixH {
  background: url(../images/bg-flou/listeActualites.jpg) no-repeat center bottom
}

.sommaire-blocs {
  margin-bottom: 15px
}

#sommaire .thumb-title h2, #sommaire .thumb-title a, #sommaire-promos .thumb-title h2, #sommaire-promos .thumb-title a {
  width: 308px;
  text-transform: none
}

#contenu .top-main--fixH {
  background: url(../images/bg-flou/contenu.jpg) no-repeat center bottom
}

.blocs-enavant {
  background-color: #fff;
  padding: 40px 0px 30px 0px
}

#contenu .thumb-title h2, #contenu .thumb-title a {
  width: 308px;
  text-transform: none
}

#actualites .top-main--fixH {
  background: url(../images/bg-flou/listeActualites.jpg) no-repeat center bottom
}

.news-list .news-item, .blog-list .blog-item {
  padding: 0px 0px 0px 0px;
  margin: 15px 0px
}

.news-list .news-date-vignette, .blog-list .blog-date-vignette {
  width: 81px;
  height: 78px;
  background: #80cdd7;
  color: #fff;
  text-align: center;
  margin: 0px 0px 0px 0px;
  display: inline-block;
  vertical-align: top;
  margin: 10px
}

.news-list .news-date-vignette .news-date-vignette-day, .blog-list .blog-date-vignette .blog-date-vignette-day {
  font-size: 18px;
  line-height: 16px;
  margin-top: 18px
}

.news-list .news-date-vignette .news-date-vignette-month, .blog-list .blog-date-vignette .blog-date-vignette-month {
  font-size: 20px;
  line-height: 13px;
  text-transform: uppercase
}

.news-list .news-date-vignette .news-date-vignette-year, .blog-list .blog-date-vignette .blog-date-vignette-year {
  font-size: 13px;
  line-height: 13px
}

.news-list .news-content, .blog-list .blog-content {
  display: inline-block;
  vertical-align: top;
  margin: 17px 10px;
  width: 584px
}

.news-list .news-title, .blog-list .blog-title {
  margin-bottom: 14px
}

.news-list .news-title a, .blog-list .blog-title a {
  color: #006272;
  font-size: 24px;
  line-height: 21px
}

.news-list .news-link, .blog-list .blog-link {
  padding-top: 7px
}

.news-list .news-link span, .blog-list .blog-link span {
  position: relative;
  top: 1px;
  left: 5px
}

.news-list .news-begin, .blog-list .blog-begin {
  color: #fff;
  font-size: 12px;
  margin: 0px 0px 20px 0px
}

.news-list .news-begin *, .blog-list .blog-begin * {
  margin: 0;
  font-size: 12px
}

.news-promos-content {
  position: relative
}

.news-promos-content .news-link {
  position: absolute;
  right: -275px;
  top: 0px
}

.news-promos-content .news-link.active {
  box-shadow: inset 0px 1px 0px 0px #f57e3a, 0px 1px 1px rgba(0, 0, 0, 0.2)
}

.paginateBoxUl {
  padding: 10px;
  margin: 0
}

.paginateBoxUl li {
  list-style: none;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0px 7px;
  font-size: 21px
}

.paginateBoxUl li a {
  cursor: pointer;
  color: #fff
}

.paginateBoxUl li a:hover {
  color: #80cdd7
}

.paginateBoxUl li a.active {
  color: #00363f;
  text-decoration: underline
}

.pagination-next a span, .pagination-prev a span {
  position: relative;
  top: 2px
}

.modPrixPromos .modPrixPromos-title {
  color: #005664;
  margin-bottom: 5px;
  font-size: 17px;
  margin-top: 20px
}

.modPrixPromos .modPrixPromos-body {
  background-color: #c1c1c1;
  border-radius: 4px;
  padding: 10px
}

.modPrixPromos .modPrixPromos-infosPrix {
  width: 390px;
  float: left
}

.modPrixPromos .modPrixPromos-action {
  float: left
}

.modPrixPromos .modPrixPromos-action a.btn-bleu-bordered {
  color: #FFF;
  font-size: 16px;
  padding-right: 20px;
  margin-top: 20px;
  text-decoration: none
}

.modPrixPromos .modPrixPromos-action a.btn-bleu-bordered span {
  position: relative;
  left: 9px;
  top: 4px
}

.modPrixPromos .infosPrix-prix {
  color: #39464d;
  font-size: 25px
}

.modPrixPromos .infosPrix-remise {
  color: #cc0000;
  font-size: 14px
}

.list-promos .news-link span {
  top: -1px
}

.back-home-promos-wrapper {
  height: 30px;
  padding-top: 16px
}

.back-home-promos-wrapper--bas {
  position: relative;
  top: -35px
}

.back-home-promos {
  color: #fff;
  border-bottom: 1px solid #fff;
  float: right
}

.articles-lies {
  background-color: #fff
}

.articles-lies .articles-lies--lib {
  color: #0095ab;
  font-size: 16px;
  margin: 30px 10px
}

.articles-lies .news-list .news-begin, .articles-lies .blog-list .blog-begin {
  color: #0095ab;
  font-size: 12px;
  margin: 0px 0px 20px 0px
}

.articles-lies .news-list .news-begin *, .articles-lies .blog-list .blog-begin * {
  margin: 0;
  font-size: 12px
}

.articles-lies .hr-content {
  background: #e5e5e5;
  border: none;
  height: 1px;
  margin-left: 10px
}

.articles-lies .hr-content:last-child {
  display: none
}

.articles-lies--lib {
  vertical-align: middle
}

.hr-all-news {
  vertical-align: middle;
  width: 515px
}

.hr-all-blog {
  vertical-align: middle;
  width: 485px
}

.link-all-news, .link-all-blog {
  float: right;
  margin-top: 30px;
  color: #006272;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 10px
}

.article-link-all-blog {
  float: right;
  margin-top: -23px;
  color: #006272;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 10px
}

#faq .top-main--fixH {
  background: url(../images/bg-flou/faq.jpg) no-repeat center bottom
}

.faq-sommaire {
  margin: 0px 0px 0px 10px
}

.faq-question {
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  cursor: pointer
}

.faq-question span {
  margin-right: 2px;
  position: relative;
  top: 1px
}

.faq-question:hover {
  text-decoration: underline
}

#lexique .top-main--fixH {
  background: url(../images/bg-flou/lexique.jpg) no-repeat center bottom
}

.lexiq-sommaire .lexiq-nav-item, .lexiq-letter-item .lexiq-letter {
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0N2QxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmNWIwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f47d14), color-stop(100%, #ef5b0f));
  background-image: -moz-linear-gradient(#f47d14, #ef5b0f);
  background-image: -webkit-linear-gradient(#f47d14, #ef5b0f);
  background-image: linear-gradient(#f47d14, #ef5b0f);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF47D14', endColorstr='#FFEF5B0F');
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  cursor: pointer
}

.lexiq-sommaire {
  background-color: #fff;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 25px;
  padding: 0px 3px;
  display: inline-block;
  margin: 30px 0px 0px 15px
}

.lexiq-sommaire .lexiq-nav-item {
  height: 20px;
  width: 20px;
  margin: 2.5px 0px 0px 0px
}

.lexiq-sommaire .lexiq-nav-item:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1OGEyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlNTYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f58a2c), color-stop(100%, #fe5600));
  background-image: -moz-linear-gradient(#f58a2c, #fe5600);
  background-image: -webkit-linear-gradient(#f58a2c, #fe5600);
  background-image: linear-gradient(#f58a2c, #fe5600);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF58A2C', endColorstr='#FFFE5600')
}

.lexiq-sommaire .lexiq-nav-item.def-empty {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYjViOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3OWRhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adb5b9), color-stop(100%, #979da0));
  background-image: -moz-linear-gradient(#adb5b9, #979da0);
  background-image: -webkit-linear-gradient(#adb5b9, #979da0);
  background-image: linear-gradient(#adb5b9, #979da0);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFADB5B9', endColorstr='#FF979DA0');
  color: #626d73;
  cursor: auto
}

.lexiq-letter-item .lexiq-letter-top {
  padding: 20px 0px 25px 0px
}

.lexiq-letter-item .lexiq-letter {
  height: 29px;
  width: 27px;
  line-height: 30px
}

.lexiq-letter-item .lexiq-deco-hr {
  display: inline-block;
  vertical-align: middle;
  width: 922px;
  border: none;
  border-bottom: 1px solid #00bed2;
  background-color: #008599;
  height: 1px
}

.lexiq-letter-item .lexiq-letter--section {
  color: #fff;
  margin-bottom: 20px
}

.lexiq-letter-item .lexiq-letter--section h3 {
  font-size: 16px;
  margin-bottom: 0px
}

.lexiq-letter-item .lexiq-letter--section p {
  font-size: 12px;
  margin: 0px
}

#contact .top-main--fixH {
  background: url(../images/bg-flou/contact.jpg) no-repeat center bottom
}

#contact .tab-article-txt {
  color: #006272
}

#contact .tab-article-txt p {
  margin: 0
}

#contact .select-wrapper--contact {
  margin-top: 21px
}

#contact .select-wrapper--contact .option-selected {
  top: 7px
}

#contact .lib-form {
  font-size: 14px;
  color: #006272
}

#contact .tab-contact #contact-presse span {
  position: relative;
  top: 1px;
  left: 6px
}

#contact .tab-contact .tab-articles {
  text-align: center
}

#contact .tab-article {
  margin: 0px 0px 20px 0px
}

#contact .tab-article-txt {
  color: #39464d;
  font-size: 13px;
  line-height: 13px;
  margin: 0px 0px 10px 10px
}

#contact .tab-article-txt a {
  color: #39464d;
  text-decoration: underline
}

#contact .tab-title-h3 {
  color: #006272;
  font-size: 16px;
  line-height: 16px
}

#contact .tab-title-h4 {
  color: #006272;
  font-size: 13px;
  line-height: 13px;
  margin: 0px 0px 10px 10px
}

#contact .tab-title-h4 a {
  color: #006272
}

#contact .contact-presse {
  margin-left: 10px
}

.reponse-form-ok-1 {
  color: #006272;
  font-size: 16px;
  font-weight: bold;
  margin: 20px 20px 10px 20px
}

.reponse-form-ok-2 {
  color: #006272;
  font-size: 14px;
  margin: 0px 20px
}

.reponse-form-fail {
  color: #006272;
  font-size: 16px;
  font-weight: bold;
  margin: 20px
}

#bateaux .top-main--fixH {
  background: url(../images/bg-flou/bateauxSansPermis.jpg) no-repeat center bottom
}

.intro-bateaux {
  color: #fff;
  padding: 20px 10px;
  font-size: 16px;
  line-height: 22px
}

.intro-bateaux p {
  margin: 0
}

#choisir-bateau {
  margin: 0px 0px 20px 10px
}

#choisir-bateau span {
  position: relative;
  top: 1px;
  left: 3px
}

#bateaux .thumb-content {
  line-height: 159px;
  background-color: #fff
}

#bateaux .thumb-title h2, #bateaux .thumb-title a {
  width: 308px
}

#bateaux .thumb-legend--content p {
  font-size: 12px
}

.gamme-item {
  height: 220px;
  background-color: #80cdd7;
  margin: 0px 10px 20px 10px
}

.gamme-item .gamme-img {
  background-color: #fff;
  height: 100%;
  line-height: 220px
}

.gamme-item .gamme-infos {
  height: 180px;
  margin-top: 20px;
  position: relative;
  border-right: 1px solid #008599;
  padding: 0px 20px
}

.gamme-item .gamme-infos .gamme-nom a {
  color: #fff;
  font-size: 21px
}

.gamme-item .gamme-infos .gamme-desc {
  font-size: 12px;
  color: #006272
}

.gamme-item .gamme-infos .gamme-desc p {
  font-size: 12px;
  color: #006272
}

.gamme-item .gamme-infos .gamme-link {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 15px 10px 10px;
  position: absolute;
  bottom: 0px
}

.gamme-item .gamme-infos .gamme-link span {
  position: relative;
  top: 1px;
  left: 5px
}

.gamme-item .gamme-avantages ul, .gamme-item .gamme-avantages li {
  margin: 0;
  padding: 0
}

.gamme-item .gamme-avantages ul {
  margin: 20px 0px;
  padding: 0px 20px
}

.gamme-item .gamme-avantages li {
  list-style-type: none;
  margin: 10px 0px 10px 0px;
  color: #fff;
  font-size: 16px;
  line-height: 16px
}

.gamme-item .gamme-avantages li .s-global-icnChecked {
  margin-right: 10px
}

.gamme-pt-fort {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  margin: 0px 0px 0px 10px
}

#gamme .top-main--fixH {
  background: url(../images/bg-flou/gamme.jpg) no-repeat center bottom
}

#gamme .thumb-content {
  line-height: 159px;
  background-color: #fff
}

#gamme .thumb-title h2, #gamme .thumb-title a {
  width: 308px
}

#gamme .thumb-legend--content * {
  font-size: 12px;
  line-height: 15px
}

#gamme .txt-top-page {
  padding-right: 22px;
  height: 125px
}

.slideshow-gammes {
  margin-top: 20px
}

.slideshow-gammes .mw-slideshow--content {
  width: 960px;
  height: 470px;
  background-color: #fff;
  position: relative;
  margin-bottom: 15px;
  padding: 20px
}

.slideshow-gammes .mw-slideshow--content .mw-slideshow--slide {
  line-height: 430px
}

.slideshow-gammes .prev-slide, .slideshow-gammes .next-slide {
  bottom: 25px
}

.slideshow-gammes .prev-slide {
  right: 80px
}

.slideshow-gammes .next-slide {
  right: 35px
}

#modele .top-main--fixH {
  background: url(../images/bg-flou/modele.jpg) no-repeat center bottom
}

.container-tabs-modele {
  padding-bottom: 30px
}

#modele .thumb-legend--content * {
  font-size: 12px;
  line-height: 15px
}

#modele .thumb-content {
  line-height: 159px;
  background-color: #fff
}

.slideshow-modele .mw-slideshow--content {
  width: 100%;
  height: 400px;
  background-color: #fff;
  position: relative
}

.slideshow-modele .mw-slideshow--content .mw-slideshow--slide {
  line-height: 399px
}

.slideshow-modele .prev-slide {
  right: 60px
}

.tab-images h4 {
  color: #006272;
  font-size: 15px;
  margin-bottom: 10px;
  text-transform: none
}

.tab-images ul li {
  font-size: 12px
}

.tab-images .modele-points-forts {
  width: 100%;
  margin-bottom: 5px
}

.tab-images .modele-points-forts ul li {
  color: #fff
}

.tab-images .modele-confort-equipement {
  padding: 10px 0px
}

.tab-images .modele-fiche-technique {
  padding: 10px 0px
}

.tab-images .modele-fiche-technique p {
  font-size: 12px;
  color: #39464d
}

.tab-images .modele-fiche-technique a {
  color: #00a3b2;
  text-decoration: underline
}

.tab-images .modele-fiche-technique ul li {
  color: #39464d
}

.tab-details h4 {
  color: #006272;
  font-size: 15px;
  margin-bottom: 10px;
  text-transform: none
}

.tab-details ul li {
  font-size: 12px
}

.tab-details .modele-fiche-technique {
  padding: 10px 0px
}

.tab-details .modele-fiche-technique p {
  font-size: 12px;
  color: #39464d
}

.tab-details .modele-fiche-technique a {
  color: #00a3b2;
  text-decoration: underline
}

.tab-details .modele-fiche-technique ul li {
  color: #39464d
}

.tab-details .modele-desc-detail {
  color: #0095ab;
  font-size: 16px
}

.tab-details .modele-desc-detail p {
  color: #0095ab;
  font-size: 16px
}

.tab-details .modele-desc-detail a {
  color: #006272;
  border-bottom: 1px solid #006272
}

.tab-details .modele-desc-detail a:hover {
  border-bottom: 1px dotted #006272
}

.tab-details .modele-desc-detail li {
  font-size: 14px
}

.tab-details .modele-desc-detail li a {
  font-size: 14px
}

#modele .thumb-title h2, #modele .thumb-title a {
  width: 301px
}

#modele .map {
  height: 365px;
  margin: 0 20px
}

#modele .link-croisieres-all {
  margin: 20px 20px 0px 20px
}

#modele .link-croisieres-all .lib-link {
  font-size: 15px;
  color: #006272
}

#modele .link-croisieres-all .btn-croisieres-all {
  margin-top: -3px
}

#modele .tabs .tab-content>div[class^="col-"]:first-child {
  border-right: none
}

#modele .tabs .tab-content.tab-modeles-gamme>div[class^="col-"] {
  padding: 0px
}

.frame360Flash {
  position: relative;
  left: 50%;
  margin-left: -284px
}

#region .top-main--fixH {
  background: url(../images/bg-flou/region.jpg) no-repeat center bottom
}

.sommaire-destinations {
  padding: 50px 0px
}

#region .txt-top-page {
  padding-right: 22px;
  height: 135px
}

#region .thumb-title h2, #region .thumb-title a {
  width: 471px
}

#region .mod-blocs--item:nth-child(2) {
  padding: 40px 10px
}

#region .thumb-legend--content {
  font-size: 12px
}

#region .thumb-legend--content p {
  font-size: 12px
}

#region .thumb-legend--content .prix-croisiere {
  color: #006272;
  font-size: 16px;
  text-align: center;
  font-weight: bold
}

#base .top-main--fixH {
  background: url(../images/bg-flou/base.jpg) no-repeat center bottom
}

.container-tabs-base {
  padding-bottom: 30px
}

.tab-bateaux .base-bateau-item {
  border: 1px solid #E5E5E5;
  margin-bottom: 10px;
  padding: 10px;
  min-height: 120px;
  overflow: hidden
}

.titre-tab-content {
  color: #39464d;
  font-size: 16px;
  margin-bottom: 20px
}

#base .parcours-img {
  cursor: pointer
}

#base .fcb-content {
  line-height: 649px;
  text-align: center
}

#base .txt-top-page p {
  height: 85px;
  overflow: hidden
}

#base .map {
  height: 390px;
  margin: 10 20px
}

#base .itineraire-form {
  position: relative;
  margin-bottom: 10px
}

#base .itineraire-form .btn-voir-itineraire {
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 7px 11px 5px 11px
}

#base #directions-panel .adp-fullwidth tr {
  border-bottom: 1px solid #E5E5E5
}

#base #directions-panel .adp-fullwidth td {
  padding: 10px
}

#base #directions-panel .adp-list {
  border: none
}

#base #directions-panel .adp-listheader {
  color: #006272;
  font-size: 15px;
  padding-left: 0px
}

#base #directions-panel .adp-listinfo, #base #directions-panel .adp-listsel {
  color: #39464d;
  font-size: 12px
}

#base #directions-panel td.adp-listsel {
  background-color: #ebf2fc;
  font-weight: bold
}

#base #print_frame {
  position: absolute;
  left: -999999px
}

#base #print-btn {
  cursor: pointer;
  margin-left: 6px;
  color: #006272
}

#base #print-btn span {
  position: relative;
  top: 5px
}

#base #error-panel {
  display: none;
  color: #006272;
  font-size: 15px;
  margin-top: 10px
}

#base .btn-reservez-bateau {
  position: relative;
  height: 42px
}

#base .btn-reservez-bateau span {
  position: absolute;
  top: 13px;
  right: 10px
}

h3.base-bateau--titre-gamme {
  font-size: 15px;
  color: #39464d;
  margin-bottom: 0px
}

ul.base-bateau--liste-bateaux {
  margin-top: 0px
}

ul.base-bateau--liste-bateaux li {
  font-size: 12px;
  margin-top: 0px
}

ul.base-bateau--liste-bateaux li a {
  color: #39464d
}

ul.base-bateau--liste-bateaux li a:hover {
  color: #006272
}

.parcours-infos {
  padding: 15px 0px
}

.parcours-infos p.parcours-infos--txt {
  color: #39464d;
  font-size: 12px;
  display: inline-block;
  width: 224px
}

.parcours-infos .s-global-icnInfosParcours {
  margin-right: 10px;
  vertical-align: top;
  margin-top: 5px
}

.info-parcours-suppl {
  font-size: 11px;
  font-style: italic
}

#recherche .top-main--fixH {
  background: url(../images/bg-flou/recherche.jpg) no-repeat center bottom
}

#recherche .btn-recherche {
  width: auto
}

#recherche .n-resultats {
  color: #fff;
  margin: 20px 0px;
  padding: 0px 10px 0px 10px
}

#recherche .resultats {
  color: #fff;
  padding: 0px 10px 20px 10px
}

#recherche .resultat-item {
  padding: 20px 0px 0px 0px
}

#recherche .resultat-titre {
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px
}

#recherche .resultat-titre a {
  color: #fff
}

#recherche .resultat-desc {
  font-size: 12px
}

#recherche .recherche-filtres {
  clear: both;
  margin-top: 61px
}

#recherche .recherche-filtres label {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-right: 10px;
  position: relative;
  top: -3px
}

#recherche .recherche-filtres--lib {
  font-size: 14px;
  margin-right: 10px;
  position: relative;
  top: -3px
}

#cadeau .top-main--fixH {
  background: url(../images/bg-flou/carteCadeau.jpg) no-repeat center bottom;
  height: 330px
}

.encart-infos-compl {
  background-color: #00869a;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 10px;
  width: 419px;
  margin-left: 5px
}

.encart-infos-compl .form-control:first-child {
  margin-top: 0px
}

.cadeau-form-title {
  color: #fff;
  font-size: 16px;
  margin-left: 5px
}

#form-cadeau a {
  color: #fff;
  border-bottom: 1px solid #fff
}

#form-cadeau a:hover {
  border-bottom: 1px dotted #fff
}

#form-cadeau label {
  color: #fff
}

#form-cadeau>div[class^="col-"] {
  padding: 0
}

.form-part {
  padding: 0px 0px 0px 60px;
  margin: 30px 0px;
  border-left: 1px solid #00b1cc
}

.form-part.left-part {
  border-right: 1px solid #008599;
  border-left: none;
  padding: 0px 60px 0px 0px
}

.form-part img {
  margin-left: 5px
}

.form-control {
  padding: 0px 5px 0px 5px;
  margin: 15px 0px 0px 0px
}

.form-control .type-choix {
  margin: 0
}

.hr-content.cadeau-hr {
  position: relative;
  top: 30px
}

.input-inner {
  position: absolute;
  right: 7px;
  top: 23px;
  background: #006272;
  box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.15);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGVhNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzg4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008ea5), color-stop(100%, #00788c));
  background-image: -moz-linear-gradient(#008ea5, #00788c);
  background-image: -webkit-linear-gradient(#008ea5, #00788c);
  background-image: linear-gradient(#008ea5, #00788c);
  *zoom: 1;
  filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF008EA5', endColorstr='#FF00788C');
  width: 30px;
  border-radius: 0px 2px 2px 0px;
  height: 31px;
  text-align: center;
  color: #fff;
  font-size: 23px
}

.cadeau-type-2 {
  display: none
}

#btn-form-cadeau {
  font-size: 18px;
  padding: 5px 30px 9px 20px
}

#btn-form-cadeau span {
  position: relative;
  top: 5px;
  left: 16px
}

#plandesite .top-main--fixH {
  background: url(../images/bg-flou/plandesite.jpg) no-repeat center bottom
}

#plandesite .bloc-niv-1 {
  border-bottom: 1px solid rgba(0, 98, 114, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.3)
}

#plandesite .bloc-niv-1 li {
  color: #fff
}

#plandesite .bloc-niv-1 a {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  margin: 10px 0px;
  display: inline-block
}

#plandesite .bloc-niv-1 [class*='ul-niveau'] {
  margin: 0px 0px
}

#plandesite .bloc-niv-1 [class*='ul-niveau'] li a {
  text-transform: none;
  font-size: 14px;
  margin: 0px 0px
}

#plandesite .bloc-niv-1:last-child {
  border-bottom: none
}

#tarifs .top-main--fixH {
  background: url(../images/bg-flou/tarifs.jpg) no-repeat center bottom
}

#tarifs .choix-prix {
  padding: 0px 10px
}

#tarifs .choix-prix--titre {
  font-size: 13px;
  color: #006272;
  text-align: center;
  margin: 15px auto 35px auto
}

#tarifs .choix-prix--item {
  padding: 10px 0px;
  cursor: pointer;
  height: 56px
}

#tarifs .choix-prix--item:hover {
  background-color: #ebeced
}

#tarifs .choix-prix--item:hover>div>div {
  color: #39464d
}

#tarifs .choix-prix--item.selected {
  background-color: #39464d
}

#tarifs .choix-prix--item.selected>div>div {
  color: #fff
}

#tarifs .choix-prix--item.selected:after {
  content: "";
  display: inline-block;
  background: transparent;
  position: absolute;
  right: 3px;
  margin-top: 11px;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent transparent #39464d;
  border-width: 7px 0px 7px 7px
}

#tarifs .choix-prix--item.selected .valises {
  background-image: url(../images/s-DureesTarifsHover.png);
  background-repeat: no-repeat
}

#tarifs .choix-prix--item.selected .valises.v-1 {
  background-position: center -10px
}

#tarifs .choix-prix--item.selected .valises.v-2 {
  background-position: center -64px
}

#tarifs .choix-prix--item.selected .valises.v-3 {
  background-position: center -118px
}

#tarifs .choix-prix--item.selected .valises.v-4 {
  background-position: center -175px
}

#tarifs .choix-prix--item.selected .valises.v-5 {
  background-position: center -234px
}

#tarifs .choix-prix--icon {
  height: 35px
}

#tarifs .choix-prix--icon.flammes {
  background-image: url(../images/s-FlammesTarifs.png);
  background-repeat: no-repeat
}

#tarifs .choix-prix--icon.flammes.f-1 {
  background-position: center 2px
}

#tarifs .choix-prix--icon.flammes.f-2 {
  background-position: center -54px
}

#tarifs .choix-prix--icon.flammes.f-3 {
  background-position: center -106px
}

#tarifs .choix-prix--icon.flammes.f-4 {
  background-position: center -162px
}

#tarifs .choix-prix--icon.flammes.f-5 {
  background-position: center -216px
}

#tarifs .choix-prix--icon.flammes.f-9 {
  background-position: center 2px
}

#tarifs .choix-prix--icon.flammes.f-8 {
  background-position: center -54px
}

#tarifs .choix-prix--icon.flammes.f-7 {
  background-position: center -106px
}

#tarifs .choix-prix--icon.flammes.f-6 {
  background-position: center -162px
}

#tarifs .choix-prix--icon.valises {
  background-image: url(../images/s-DureesTarifs.png);
  background-repeat: no-repeat
}

#tarifs .choix-prix--icon.valises.v-1 {
  background-position: center -10px
}

#tarifs .choix-prix--icon.valises.v-2 {
  background-position: center -64px
}

#tarifs .choix-prix--icon.valises.v-3 {
  background-position: center -118px
}

#tarifs .choix-prix--icon.valises.v-4 {
  background-position: center -175px
}

#tarifs .choix-prix--icon.valises.v-5 {
  background-position: center -234px
}

#tarifs .choix-prix--period {
  color: #00a3b2;
  font-size: 12px;
  display: inline-block
}

#tarifs .choix-prix--period .choix-prix--period_lib.one {
  line-height: 35px
}

#tarifs .choix-prix--period .choix-prix--period_lib--detail {
  color: #39464d;
  font-size: 11px;
  font-style: italic
}

#tarifs .choix-duree {
  padding: 0px 10px
}

#tarifs .txt-tab {
  color: #00a3b2;
  font-size: 14px;
  margin: 10px
}

#tarifs .tabs .tab-content>div[class^="col-"]:nth-child(2) {
  border-right: 1px solid #e6e6e6
}

#tarifs .list-result-tarifs--gamme {
  color: #39464d;
  font-size: 15px;
  margin-bottom: 0px;
  padding-bottom: 0px
}

#tarifs .list-result-tarifs--wrapper {
  display: none;
  margin-bottom: 10px
}

#tarifs .list-result-tarifs--bateaux {
  margin-top: 0px;
  padding-left: 0px
}

#tarifs .list-result-tarifs--bateaux li {
  list-style-type: none
}

#tarifs .list-result-tarifs--bateaux li a {
  color: #00a3b2;
  font-size: 12px
}

.ie9 * {
  filter: none
}

.ie67 .clearfix, .ie67 .tabs .tab-content, .tabs .ie67 .tab-content, .ie67 .modPrixPromos .modPrixPromos-body, .modPrixPromos .ie67 .modPrixPromos-body, .ie67 #contact .tab-article, #contact .ie67 .tab-article, .ie67 .gamme-item .gamme-avantages li, .gamme-item .gamme-avantages .ie67 li, .ie67 .sommaire-destinations, .ie67 #recherche .resultats, #recherche .ie67 .resultats, .ie67 #tarifs .choix-prix--item, #tarifs .ie67 .choix-prix--item, .ie67 .line, .ie67 .mod, .ie67 .row, .ie67 .col {
  zoom: 1
}

.ie67 .btn, .ie67 .col {
  display: inline;
  zoom: 1
}

.ie8 img {
  width: auto
}

.ie9 .btn-orange, .ie9 .btn-orange-bordered, .ie9 .news-promos-content .news-link.active, .news-promos-content .ie9 .news-link.active {
  filter: none
}

.ie9 .btn-bleu:hover, .ie9 .btn-bleu-bordered:hover {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.ie9 .btn-inner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.ie9 .btn-inner:hover {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.ie9 .btn-inner .s-global-icnArrowRightWhite {
  margin-top: 2px
}

.ie8 .btn-orange-bordered {
  border: 5px solid #fff
}

.ie8 .thumb-legend {
  background: #006272
}

.ie8 .thumb-link {
  height: 60px
}

.ie8 .thumb-content img {
  margin-top: -1px
}

.ie8 .form-error p {
  width: 100%
}

.ie789 .tab-content {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25)
}

.ie78 .prev-slide, .ie78 .next-slide {
  background: #f3f3f3
}

.ie78 .slideshow-gammes-home .prev-slide {
  background: url(../images/arrowNavLeftSlideHome.png) no-repeat center center
}

.ie78 .slideshow-gammes-home .next-slide {
  background: url(../images/arrowNavRightSlideHome.png) no-repeat center center
}

.ie78 .slideshow-main-home .prev-slide {
  background: #fff url(../images/arrowNavLeftSlideHomeBV.png) no-repeat center center
}

.ie78 .slideshow-main-home .next-slide {
  background: #fff url(../images/arrowNavRightSlideHomeBV.png) no-repeat center center
}

.infos-gestion-cookies {
  position: fixed;
  z-index: 1000;
  background: url(../images/opacity90.png);
  width: 300px;
  padding: 20px 30px 20px 20px;
  text-align: left;
  bottom: 20px;
  right: 20px;
}

.close-infos-gestion-cookies {
  background-image: url('../images/s-global-s37e52debb4.png');
  background-repeat: no-repeat;
  background-position: -262px -113px;
  height: 21px;
  width: 19px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
}

.infos-gestion-cookies p {
  font-size: 13px;
  margin: 0px;
}

.infos-gestion-cookies a {
  color: #00a3b2;
  text-decoration: underline;
}

.slideshow__legende {
  position: absolute;
  bottom: 5px;
  width: 485px;
  height: 40px;
  border-radius: 5px;
  left: 5px;
  color: rgb(0, 98, 114);
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;
  line-height: 40px;
  font-weight: bold;
  font-weight: 600;
  font-family: "CabinSemiBold";
}
.slideshow__legende.big-slideshow{
  bottom: 45px;
  width: 820px;
  height: 40px;
  left: 25px;
}

/* modele de page sommaire 2 */
.accordeonSommaire-wrapper{
  width:310px;
  padding-top : 40px;
  margin-bottom: 40px;
}

.accordeonSommaire-titre{
  
}
.accordeonSommaire-titre a{
  background: #fff;
  color: #0d6072;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  font-family: "CabinSemiBold";
  display: block;
  height: 100%;
  width: 100%;
  padding: 20px 20px 20px 20px;
}
.accordeonSommaire-titre a:hover{
  color: #0B94A8;
}
.accordeonSommaire-titre a:before{
    content: "";
    height: 0;
    width: 0;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;    
    position: relative;
}
.accordeonSommaire-contenu{
  background: #80cdd7;
}
.accordeonSommaire-contenu ul{
  margin:0px;
  padding:0px;
}
.accordeonSommaire-contenu li{
  list-style: none; 
  padding: 0px 20px; 
}
.accordeonSommaire-contenu li a{
  color: #fff;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #fff;
  padding: 15px;
  font-size: 14px;
  line-height: 1.2;
}
.accordeonSommaire-contenu li a:hover{
  color: #0d6072; 
}
.accordeonSommaire-contenu ul > li:last-child a{
  border-bottom: none
}
.accordeonSommaire-item{
  border: 1px solid #80cdd7;
  border-bottom: none;
}
.accordeonSommaire-item.is-open .accordeonSommaire-titre a:before{
  border-top: 10px solid #0d6072;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top:7px;
  left:-6px;
    
}
.accordeonSommaire-item.is-close .accordeonSommaire-titre a:before{
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #0d6072;
  top:4px;
}
.accordeonSommaire-item.is-close .accordeonSommaire-contenu{
  display: none;
}
.icon-card{
  height: 190px;
  width: 190px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right:10px;
  background:  #0d6072;
  display: inline-block;
  text-align: center;
  padding: 10px;
  vertical-align: top;
}
.icon-card__picto{
  height : 104px;
  line-height:104px;
  text-align:center;
  width: 170px;
}
.icon-card__texte{
  line-height: 1.1;
  font-weight: 600;
  font-family: "CabinSemiBold";
  padding-top: 10px;
  height: 55px;
  display: table-cell;
  width: 170px;
  text-align: center;
  vertical-align: middle;
}
.article .article-txts .article-content .icon-card__texte a{
  color: #fff;
  /*text-decoration: underline;*/
  
}
.article.is-somaire2, .article.is-somaire2 .article-txts{
  width:610px;
  margin-right: 0px;
  margin-left: 0px;
}


.icon-card.is-small{
  height: auto;
  width: auto;
  background: none;
  display: block;
  padding: 0;
  margin : 10px 0px;
}
.icon-card.is-small .icon-card__picto{
  height : 75px;
  width:  75px;
  line-height: 75px;
  text-align:center;
  background:  #0d6072;
  display: inline-block;
  vertical-align: middle;
}
.icon-card.is-small .icon-card__texte{
  height : auto;
  width: 530px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-left: 20px;
  padding-top:0px;
}