/* Minification failed. Returning unminified contents.
(3725,26): run-time error CSS1030: Expected identifier, found '.'
(3725,33): run-time error CSS1031: Expected selector, found ')'
(3725,33): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.custom-input + label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 27px;
}
.custom-input + label::before, .custom-input + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
}
.custom-input + label::before {
  border: 1px solid #b9b9b9;
  background-color: white;
  width: 14px;
  height: 14px;
}
.custom-input + label::after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #70cbf4;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 3px;
}

.btn-primary {
  background-color: #3567F6;
  border: 1px solid #3567F6;
  color: white;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .js--hover.btn-primary, .js--active.btn-primary {
  background-color: #0039DD;
  border-color: #0039DD;
  color: white;
}

.btn-primary--minor {
  background-color: white;
  border: 2px solid #3567F6;
  color: #3567F6;
}
.btn-primary--minor:hover, .btn-primary--minor:focus, .btn-primary--minor:active, .js--hover.btn-primary--minor, .js--active.btn-primary--minor {
  background-color: #E2F5FD;
}

.btn-secondary {
  background-color: white;
  border: 2px solid #3567F6;
  color: #3567F6;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .js--hover.btn-secondary, .js--active.btn-secondary {
  background-color: #E2F5FD;
}

.btn-secondary--minor {
  background-color: white;
  border: 2px solid #3567F6;
  color: #3567F6;
}
.btn-secondary--minor:hover, .btn-secondary--minor:focus, .btn-secondary--minor:active, .js--hover.btn-secondary--minor, .js--active.btn-secondary--minor {
  background-color: #E2F5FD;
}

.arrow-right {
  display: inline-block;
  border: 1px solid #092a5e;
  border-width: 1px;
  border-left: none;
  border-bottom: none;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

.arrow-right--big {
  display: inline-block;
  border: 1px solid #092a5e;
  border-width: 2px;
  border-left: none;
  border-bottom: none;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

.arrow-left {
  display: inline-block;
  border: 1px solid #092a5e;
  border-width: 1px;
  border-left: none;
  border-bottom: none;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  vertical-align: middle;
}

.arrow-left--big {
  display: inline-block;
  border: 1px solid #092a5e;
  border-width: 2px;
  border-left: none;
  border-bottom: none;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  vertical-align: middle;
}

@font-face {
  font-family: "TUI Type";
  src: url("fonts/tui-reg.woff2") format("woff2"), url("fonts/tui-reg.woff") format("woff"), url("fonts/tui-reg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TUI Type";
  src: url("fonts/tui-bold.woff2") format("woff2"), url("fonts/tui-bold.woff") format("woff"), url("fonts/tui-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Ambit-Bold";
  src: url("fonts/ambit-bold.woff2") format("woff2"), url("fonts/ambit-bold.woff") format("woff"), url("fonts/ambit-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@-webkit-keyframes rotate-right {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-left {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotate-left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes hover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hover {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes pull {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  40% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  60% {
    -webkit-transform: scaleY(0.99);
    transform: scaleY(0.99);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes pull {
  0% {
    transform: scaleY(1);
  }
  40% {
    transform: scaleY(1.01);
  }
  60% {
    transform: scaleY(0.99);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
#airplane2, #airplane1 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-right 60s linear 1s infinite;
  animation: rotate-right 60s linear 1s infinite;
}

#countryObjects {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-right 240s linear 1s infinite;
  animation: rotate-right 240s linear 1s infinite;
}

#floatingGlobe {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-left 360s linear 1s infinite;
  animation: rotate-left 360s linear 1s infinite;
}

#windmill {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 331px 201px;
  transform-origin: 331px 201px;
  -webkit-animation: rotate-right 2s linear 1s infinite;
  animation: rotate-right 2s linear 1s infinite;
}

#circle1 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-right 12s linear 1s infinite;
  animation: rotate-right 12s linear 1s infinite;
}

#circle2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-left 24s linear 1s infinite;
  animation: rotate-left 24s linear 1s infinite;
}

#circle3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-right 12s linear 1s infinite;
  animation: rotate-right 12s linear 1s infinite;
}

#circle4 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-left 24s linear 1s infinite;
  animation: rotate-left 24s linear 1s infinite;
}

#circle5 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px;
  transform-origin: 200px 200px;
  -webkit-animation: rotate-right 12s linear 1s infinite;
  animation: rotate-right 12s linear 1s infinite;
}

#divSvgLoader {
  background-image: url(https://content.tui.fr/Content/img/common/logos/logos-svg/logo-smiley.svg);
  background-position: center center;
  background-size: auto 15%;
  background-repeat: no-repeat;
}

.svg-loader .a {
  fill: #f15c27;
}
.svg-loader .b {
  fill: white;
}
.svg-loader .c {
  fill: #d40e14;
}
.svg-loader .d {
  fill: #092a5e;
}
.svg-loader .e {
  fill: #00a0a5;
}
.svg-loader .f {
  fill: #e8d320;
}
.svg-loader .g {
  fill: #69c8c3;
}
.svg-loader .h {
  fill: #a0bf3b;
}
.svg-loader .i {
  fill: #54777b;
}
.svg-loader .j {
  fill: #ee7d8f;
}

.fancy.fancy--loader .overlay {
  padding: 0;
  background: rgba(112, 203, 244, 0.9);
  background: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.9), rgba(112, 203, 244, 0.9));
  background: -moz-radial-gradient(center, circle, rgba(255, 255, 255, 0.9), rgba(112, 203, 244, 0.9));
  background: -ms-radial-gradient(center, circle, rgba(255, 255, 255, 0.9), rgba(112, 203, 244, 0.9));
  background: -o-radial-gradient(center, circle, rgba(255, 255, 255, 0.9), rgba(112, 203, 244, 0.9));
  background: radial-gradient(center, circle, rgba(255, 255, 255, 0.9), rgba(112, 203, 244, 0.9));
}
.fancy.fancy--loader .overlay img {
  color: #d40e14;
  margin: -60px 0 0 -60px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 125px;
}
.fancy.fancy--loader .overlay .loading {
  font-size: 40px;
  font-weight: 700;
  padding: 0 20px;
  position: absolute;
  text-shadow: 1px 1px 1px white;
  top: 40px;
  width: 100%;
}
.fancy.fancy--loader .overlay .loading p {
  display: inline-block;
}
.fancy.fancy--loader .overlay .loading p ~ span {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  background-color: #1B115C;
  display: inline-block;
  -webkit-animation: bounce 1.4s infinite ease;
  -moz-animation: bounce 1.4s infinite ease;
  animation: bounce 1.4s infinite ease;
  text-shadow: 1px 1px 1px white;
  -webkit-box-shadow: 1px 1px 1px 0 #fff;
  box-shadow: 1px 1px 1px 0 #fff;
}
.fancy.fancy--loader .overlay .loading p ~ span:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.fancy.fancy--loader .overlay .loading p ~ span:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.fancy.fancy--loader .overlay svg {
  width: 75%;
  max-width: 768px;
  height: 768px;
}

.spinner, .fancy[data-src] .fancy__container {
  position: relative !important;
}
.spinner.js--spinner, .fancy[data-src] .js--spinner.fancy__container {
  position: static !important;
}

.spinner:before, .fancy[data-src] .fancy__container:before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 30px !important;
  height: 30px !important;
  margin-top: -15px !important;
  margin-left: -15px !important;
  border: 4px solid #e2f3fe !important;
  border-top-color: #70cbf4 !important;
  z-index: 9 !important;
  -webkit-animation: spinner 1s linear infinite;
  -moz-animation: spinner 1s linear infinite;
  animation: spinner 1s linear infinite;
}

.spinner:after, .fancy[data-src] .fancy__container:after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 8 !important;
  background-color: rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes glitter {
  0%, 80%, 100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes glitter {
  0%, 80%, 100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-o-keyframes glitter {
  0%, 80%, 100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes glitter {
  0%, 80%, 100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@media screen and (min-width: 0\0 ) {
  svg {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    position: relative;
    left: -2px;
    top: -2px;
  }
}
.phone-number {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: "Arial", sans-serif;
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  background-color: white;
  padding: 0 10px;
  line-height: 25px;
  height: 25px;
  text-decoration: none !important;
  border: 1px solid #78b41e;
  color: #78b41e !important;
}
.phone-number span + span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: 12px;
  padding: 3px 10px 0 14px;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: -3px;
  bottom: -3px;
  background-color: #78b41e;
  color: white;
}
.phone-number span + span:before {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  content: "";
  display: inline-block;
  border-left: 6px solid white;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  left: 0;
  width: 0;
  z-index: 1;
}
.phone-number.phone-number--normal {
  border-color: #91919b;
  color: #91919b !important;
}
.phone-number.phone-number--normal span + span {
  background-color: #91919b;
}
.phone-number.phone-number--major {
  border-color: #af007d;
  color: #af007d !important;
}
.phone-number.phone-number--major span + span {
  background-color: #af007d;
}

.btn-trans {
  font-size: 14px !important;
  text-decoration: none !important;
  background-position: right -8px center;
  padding-right: 25px;
  background-repeat: no-repeat;
  background-size: 25px auto;
}
.btn-trans.btn-trans--primary {
  color: #d40e14;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-right--red.svg);
}
.btn-trans.btn-trans--secondary {
  color: #1B115C;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-right.svg);
}

.btn-primary--minor.btn-icon--right {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-right--electric.svg);
}

.btn-secondary.btn-icon--right {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-right--electric.svg);
}

.btn-secondary--minor.btn-icon--right {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-right--electric.svg);
}

.btn-default, .tag, .list-words li a, .list-words li .link {
  background-color: #e2f3fe;
  border-color: #e2f3fe;
  color: #288ad6;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.js--hover, .btn-default.js--active, .tag:hover, .list-words li a:hover, .list-words li .link:hover, .tag:focus, .list-words li a:focus, .list-words li .link:focus, .tag:active, .list-words li a:active, .list-words li .link:active, .tag.js--hover, .list-words li a.js--hover, .list-words li .js--hover.link, .tag.js--active, .list-words li a.js--active, .list-words li .js--active.link {
  color: #70cbf4;
}

.btn-ghost {
  background: none;
  color: white;
  border-color: white;
}
.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active, .btn-ghost.js--hover {
  color: white;
}

.btn-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 400;
}

[disabled], .disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.ie9 [disabled], .ie9 .disabled {
  visibility: hidden;
}

.btn.disabled {
  background-color: white;
  border-color: #dcdcdc;
  color: #737373;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.btn.btn-appear {
  position: relative;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/phone--white.svg);
  background-position: left 5px center;
}
.btn.btn-appear input, .btn.btn-appear a, .btn.btn-appear .link {
  opacity: 0;
  position: absolute;
  display: block;
}
.btn.btn-appear input {
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.btn.btn-appear a, .btn.btn-appear .link {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  color: #1B115C;
}
.btn.btn-appear a:hover, .btn.btn-appear .link:hover, .btn.btn-appear a:focus, .btn.btn-appear .link:focus {
  color: white;
}
.btn.btn-appear input:checked + span {
  opacity: 0;
}
.btn.btn-appear input:checked ~ a, .btn.btn-appear input:checked ~ .link {
  opacity: 1;
  z-index: 2;
}
.btn.btn-appear.btn-primary a:after, .btn.btn-appear.btn-primary .link:after {
  color: #d40e14;
}

.btn-icon--right, .btn-icon--left, .btn-icon--right-arrow {
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.btn.btn-icon, .btn-icon--right {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-right--white.svg);
}

.btn.btn-icon, .arrow-right-energy-blue--fill {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/arrow-right-normal-energy-blue--fill.svg);
}
.btn.btn-icon:hover, .arrow-right-energy-blue--fill:hover {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/arrow-right-normal-energy-blue--fill-hovered.svg);
}

.btn.btn-icon--right-arrow {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/arrow-right--white.svg);
}

.btn-icon--right, .btn-icon--right-arrow {
  padding-right: 50px;
  background-position: right 10px center;
  padding-left: 30px;
}

.btn-icon--left {
  padding-left: 50px;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/chevron-left--white.svg);
  background-position: left 10px center;
  padding-right: 30px;
}

.btn.btn-icon {
  width: 44px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 90%;
  padding: 0;
}

.discover-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.link-right::after {
  display: inline-block;
  border: 1px solid #288ad6;
  border-width: 1px;
  border-left: none;
  border-bottom: none;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.link-right:hover::after, .link-right:focus::after {
  border-color: #70cbf4;
}

.link-right.link--white::after {
  border-color: white;
}
.link-right.link--white:hover::after, .link-right.link--white:focus::after {
  border-color: white;
}

.link-left:before {
  display: inline-block;
  border: 1px solid #288ad6;
  border-width: 1px;
  border-left: none;
  border-bottom: none;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  content: "";
}
.link-left:hover::before, .link-left:focus::before {
  border-color: #70cbf4;
}

.link-left.link--white::after {
  border-color: white;
}
.link-left.link--white:hover::after, .link-left.link--white:focus::after {
  border-color: white;
}

.js--show-next {
  cursor: pointer;
  text-transform: none;
  position: relative;
  margin: 20px 0;
  padding-right: 25px;
}
.js--show-next:after {
  display: inline-block;
  border: 1px solid #288ad6;
  border-width: 1px;
  border-left: none;
  border-bottom: none;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 4px;
  content: "";
}
.js--show-next.btn {
  padding-right: 60px;
}
.js--show-next.btn:after {
  right: 30px;
  border-color: white;
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.js--show-next.btn:hover:after, .js--show-next.btn:focus:after {
  border-color: white;
}
.js--show-next a[href^="#"], .js--show-next [href^="#"].link {
  text-decoration: none;
}
.js--show-next a[href^="#"]:hover, .js--show-next [href^="#"].link:hover, .js--show-next a[href^="#"]:focus, .js--show-next [href^="#"].link:focus {
  text-decoration: none;
}

.js--show-next:hover:after, .js--show-next:focus:after {
  border-color: #70cbf4;
}

.js--show-next.js--active:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 0;
}

[data-readmore-toggle] {
  display: block;
  margin: 10px 0;
}

.form-validate > label:not(.form-label) {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 20px;
}
.form-validate select {
  display: inline-block;
  width: auto;
}
.form-validate select + .form-control {
  margin-left: 10px;
}
.form-validate ~ .clear {
  height: 10px;
}
.form-validate.error .form-control {
  color: #d40e14;
  border-color: #d40e14;
  padding-right: 30px !important;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-warning--red.svg);
}
.form-validate.error .form-control::-webkit-input-placeholder {
  color: #d40e14;
}
.form-validate.error .form-control::-moz-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  color: #d40e14;
}
.form-validate.error .form-control::-ms-input-placeholder {
  color: #d40e14;
}
.form-validate.success .form-control {
  border-color: #aad700;
}
.form-validate.form-validate--inline {
  display: inline-block;
  vertical-align: top;
  max-width: inherit;
}
.form-validate.form-validate--inline label, .form-validate.form-validate--inline .form-control {
  display: inline-block;
}
.form-validate.form-validate--inline label {
  margin-right: 10px;
}
.form-validate.form-validate--auto {
  width: auto !important;
  display: inline-block;
}

.form-message {
  color: #b9b9b9;
  margin-top: 5px;
}

.js--form-message.js--active .form-message {
  display: block;
}

.custom-input {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
}
.custom-input:checked + label::after {
  transform: scale(1);
  opacity: 1;
}
.custom-input[type=radio] + label::before, .custom-input[type=radio] + label::after {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.custom-input.error + label {
  color: #d40e14;
}
.custom-input.error + label::before {
  border-color: #d40e14;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.form-control:focus {
  border-color: #70cbf4;
}
.form-control.form-control--inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.form-control::-webkit-input-placeholder {
  color: #737373;
}
.form-control:-moz-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  color: #737373;
}
.form-control::-moz-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  color: #737373;
}
.form-control:-ms-input-placeholder {
  color: #737373;
}

.form-control-container {
  position: relative;
}

.form-control--svg svg {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
}

.js--placeholder.js--active .close-action, .js--placeholder.js--selected .close-action {
  display: block;
  position: absolute;
  top: 0;
  right: 23px;
  width: 35px;
  height: 40px;
  text-indent: -2000px;
  cursor: pointer;
  z-index: 1;
}

.field-validation-error {
  display: block;
  color: #d40e14;
}
.field-validation-error span {
  display: inline-block;
  margin-top: 5px;
  font-size: 13px;
}

input[type=file] {
  display: none;
}

.file-upload {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999999;
  color: #b9b9b9;
  display: block;
  padding: 10px 12px;
  cursor: pointer;
  min-width: 176px;
}

.success .file-upload {
  color: #aad700;
  border-color: #aad700;
}

.error .file-upload {
  color: #d40e14;
  border-color: #d40e14;
}

@-moz-document url-prefix() {
  select.form-control {
    color: #737373;
    text-shadow: 0 0 0 white;
  }
}
.ie9 select.form-control {
  padding-right: 0;
  background-image: none;
}

input[type=checkbox], input[type=radio] {
  margin-right: 6px;
}

textarea.form-control {
  min-height: 100px;
  padding: 10px;
}

fieldset legend {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
fieldset * + * {
  margin-top: 10px;
}

.datepicker-container.js--selected, .datepicker-container.js--selected > .form-control {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/close.svg);
}

.form-control.form-submit {
  width: auto;
}
.form-control.form-submit + [type=submit] {
  display: inline-block;
  vertical-align: top;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -10px;
  border-left: none;
}

.tooltip, .tooltip-mobile {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  max-width: 250px;
  z-index: 99;
  background-color: #092a5e;
  color: white;
  padding: 6.6666666667px 10px;
  font-size: 12px;
}

.tooltip-info {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  height: 20px;
  line-height: 17px;
  width: 20px;
  border: 2px solid #092a5e;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 5px;
  color: #1B115C;
}

.input-inline {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 2px;
}
.input-inline.error {
  border-color: #d40e14;
  background-color: #f4c2c4;
}
.input-inline.js--active {
  background-color: #eaf5bf;
}
.input-inline:hover, .input-inline:focus {
  background-color: #e2f3fe;
}
.input-inline .light-bold {
  display: block;
}
.input-inline .light-bold + * {
  margin-top: 5px;
}
.input-inline + .input-inline {
  margin-top: 10px;
}

.input-middle {
  display: block;
  border-left: 4px solid #c2e6fa;
  padding: 10px 10px 10px 35px;
}
.input-middle > input {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -7px;
}
.input-middle img {
  padding-right: 10px;
}
.input-middle > span {
  display: block;
  color: #737373;
}
.input-middle.js--active {
  border-color: #aad700;
  background-color: #f1ffbe;
}
.input-middle > i {
  vertical-align: middle;
  font-size: 30px;
  margin: 0 10px 0 5px;
}
.input-middle > i + span {
  display: inline-block;
  vertical-align: middle;
}

.input-bottom {
  padding-bottom: 30px;
  margin-bottom: 0;
  text-align: center;
}
.input-bottom > * {
  display: block;
  margin: 0 auto;
}
.input-bottom input {
  position: absolute;
  left: 50%;
  margin-left: -6.5px;
  width: 13px;
  bottom: 10px;
}

.alert-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 30px;
}

.alert {
  position: relative;
  padding: 10px 10px 10px 20px;
  margin: 10px 0;
  color: #737373;
  border-left: 4px solid;
}
.alert ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 20px;
}
.alert.max-container {
  margin: 10px auto;
}
.alert span {
  margin-top: 0;
  font-size: 16px;
}

.alert--error {
  background-color: #f4c2c4;
  border-color: #d40e14;
}

.alert--warning {
  background-color: #fff8bf;
  border-color: #ffe100;
}

.alert--success {
  background-color: #eaf5bf;
  border-color: #aad700;
}

.alert--infos {
  background-color: #c9e2f5;
  border-color: #288ad6;
}

button.icon-close {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  height: 40px;
  width: 40px;
}

.pop-in-map {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  position: absolute;
  z-index: 1;
  width: 320px;
}

.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.clearbefore:before {
  content: "";
  display: table;
  clear: both;
}

.no-underline {
  text-decoration: none;
}
.no-underline:hover, .no-underline:focus {
  text-decoration: none;
}

.padding {
  padding: 10px 20px;
}

.access-text {
  font-size: 0;
  text-indent: -9999px;
}

.outScreen {
  position: absolute;
  left: -9999px;
  top: auto;
}

.med-container {
  display: block;
  max-width: 1024px;
  margin: 0 auto;
}

.small-container {
  display: block;
  max-width: 940px;
  margin: 0 auto;
}

.xs-container {
  display: block;
  max-width: 480px;
  margin: 0 auto;
}

.light-reg {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 400;
}

.bold {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
}

.img--auto {
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.img--circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.img-cover {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fs-init {
  font-size: 1em;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs15 {
  font-size: 15px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs38 {
  font-size: 38px;
}

.fs40 {
  font-size: 40px;
}

.fs50 {
  font-size: 50px;
}

.fs60 {
  font-size: 60px;
}

.fs90 {
  font-size: 90px;
}

.itui-lg {
  font-size: 1.33333333em;
}

.itui-2x {
  font-size: 2em;
}

.itui-3x {
  font-size: 3em;
}

.itui-4x {
  font-size: 4em;
}

.itui-5x {
  font-size: 5em;
}

.itui-6x {
  font-size: 6em;
}

.itui-7x {
  font-size: 7em;
}

.small {
  font-variant: small-caps;
  font-size: 0.6em;
}

.small-md {
  font-size: 0.9em;
}

.small-italic {
  font-size: 13px;
  font-style: italic;
}

.w49 {
  width: 49%;
}

.w33 {
  width: 33%;
}

.w18 {
  width: 18.7%;
}

.w300p {
  width: 300px;
}

.minh350 {
  min-height: 350px;
}

.bg--tertiary {
  background: #70cbf4;
}

.bg--secondary {
  background: #092a5e;
  color: white;
}

.bg--quaternary {
  background: #e7e3db;
}

.bg--white {
  background: white;
}

.bg--quaternary-25 {
  background: #F2F2F2;
}

.bg--tertiary-25 {
  background: #e2f3fe;
}

.bg--quinary-25 {
  background: #dcdcdc;
}

.color--text {
  color: #1B115C;
}

.color--primary {
  color: #d40e14;
}

.color--secondary {
  color: #092a5e;
}

.color--tertiary {
  color: #70cbf4;
}

.color--tertiary-50 {
  color: #c2e6fa;
}

.color--quinary {
  color: #737373;
}

.color--success-dark {
  color: #aad700;
}

.color--white {
  color: white;
}

.bg-cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.rotate45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}

.rotate-90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}

.rotate135 {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  display: inline-block;
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.rotate225 {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  display: inline-block;
}

.glitter {
  -webkit-animation: glitter 1.4s infinite ease;
  -moz-animation: glitter 1.4s infinite ease;
  animation: glitter 1.4s infinite ease;
}

.blur {
  filter: blur(5px);
}

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

.align-top {
  display: inline-block;
  vertical-align: top;
}

.align-bottom {
  display: inline-block;
  vertical-align: bottom;
}

.v-middle {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.inline-b {
  display: inline-block;
}

.valign-bottom {
  vertical-align: bottom;
}

.valign-middle {
  vertical-align: middle;
}

.valign-top {
  vertical-align: top;
}

.table {
  display: table;
  border-collapse: collapse;
}

.table-cell {
  display: table-cell;
}

.table-row {
  display: table-row;
}

.indent {
  display: block;
  overflow: hidden;
  text-indent: 300%;
  white-space: nowrap;
}

.js--hide,
.for-mobile,
.for-tablet,
.for-980,
.mobile-only {
  display: none !important;
}

.show {
  display: block;
}

.js--show {
  display: block !important;
}

.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.overflow {
  overflow: hidden !important;
}

.inline {
  display: inline;
}

.cta-container {
  max-width: 1170px;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}
.cta-container > .btn {
  margin: 10px;
}

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

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

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

.text-strike {
  text-decoration: line-through;
}

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

.text-ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.text-legend {
  color: #737373;
  font-size: 14px;
  display: block;
  clear: both;
  padding: 20px;
}

.no-padding {
  padding: 0 !important;
}

.pad {
  padding: 20px;
}

.pad-top {
  padding-top: 20px;
}

.pad-right {
  padding-right: 20px;
}

.pad-bottom {
  padding-bottom: 20px;
}

.pad-left {
  padding-left: 20px;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pad10 {
  padding: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr40 {
  padding-right: 40px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pad5 {
  padding: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.no-margin {
  margin: 0 !important;
}

.marg {
  margin: 20px;
}

.marg-top {
  margin-top: 20px;
}

.marg-right {
  margin-right: 20px;
}

.marg-bottom {
  margin-bottom: 20px;
}

.marg-left {
  margin-left: 20px;
}

.marg-top2 {
  margin-top: 40px;
}

.marg-right2 {
  margin-right: 40px;
}

.marg-bottom2 {
  margin-bottom: 40px;
}

.marg-left2 {
  margin-left: 40px;
}

.mt0 {
  margin-top: 0;
}

.m20 {
  margin: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt60 {
  margin-top: 60px;
}

.m15 {
  margin: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.m10 {
  margin: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.m5 {
  margin: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.l50p {
  left: 50%;
}

.col-elements,
.inline-container,
.products-list {
  display: block;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 10px;
}
.col-elements:after,
.inline-container:after,
.products-list:after {
  content: "";
  display: table;
  clear: both;
}
.col-elements > [class*=-col],
.col-elements > [class*=layout-],
.inline-container > [class*=-col],
.inline-container > [class*=layout-],
.products-list > [class*=-col],
.products-list > [class*=layout-] {
  padding: 10px;
}

.inline-container {
  font-size: 0;
  text-align: center;
}
.inline-container > [class*="--inline"] {
  font-size: 16px;
  text-align: left;
  vertical-align: top;
}

[class*=-col] {
  float: left;
}

[class*="--inline"] {
  display: inline-block;
  float: none;
}

.two-col,
.two-col--inline {
  width: 50%;
}

.three-col,
.three-col--inline {
  width: 33.33%;
}

.four-col,
.four-col--inline {
  width: 25%;
}

.five-col,
.five-col--inline {
  width: 20%;
}

.six-col,
.six-col--inline {
  width: 16.66%;
}

[class*=layout-] {
  float: left;
}

.layout-1-3 {
  width: 33.33%;
}

.layout-1-3 + .layout-1-3 {
  width: 66.67%;
}

.layout-2-3 {
  width: 66.67%;
}

.layout-2-3 + .layout-2-3 {
  width: 33.33%;
}

.layout-1-4 {
  width: 25%;
}

.layout-1-4 + .layout-1-4 {
  width: 75%;
}

.layout-1-5 {
  width: 20%;
}

.layout-1-5 + .layout-1-5 {
  width: 80%;
}

.layout-1-6 {
  width: 16.66%;
}

.layout-1-6 + .layout-1-6 {
  width: 83.34%;
}

.img-container {
  position: relative;
  overflow: hidden;
}

ul.list-icons.text-infos li {
  color: #1B115C;
}
ul.list-icons li {
  padding-left: 35px;
  position: relative;
  min-height: 25px;
  color: #737373;
  font-size: 18px;
  clear: both;
  text-align: left;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-size: 25px 25px;
}
ul.list-icons li::before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  content: "";
  height: 12px;
  width: 12px;
  left: 7px;
  top: 7px;
  background: #092a5e;
  display: block;
  position: absolute;
}
ul.list-icons li.check {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/checkmark.svg);
}
ul.list-icons li.check::before {
  display: none;
}
ul.list-icons li.checkbox {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/checkbox.svg);
}
ul.list-icons li.checkbox::before {
  display: none;
}
ul.list-icons li.plus {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/plus.svg);
}
ul.list-icons li.plus::before {
  display: none;
}
ul.list-icons li.directions {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/directions.svg);
}
ul.list-icons li.directions::before {
  display: none;
}
ul.list-icons li.calendar, ul.list-icons li.date {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/calendar.svg);
}
ul.list-icons li.calendar::before, ul.list-icons li.date::before {
  display: none;
}
ul.list-icons li.group {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/user-family.svg);
}
ul.list-icons li.group::before {
  display: none;
}
ul.list-icons li.cash {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/cash.svg);
}
ul.list-icons li.cash::before {
  display: none;
}
ul.list-icons li.message {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/message.svg);
}
ul.list-icons li.message::before {
  display: none;
}
ul.list-icons li.user {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/user.svg);
}
ul.list-icons li.user::before {
  display: none;
}
ul.list-icons li.boarding-pass {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/boarding-pass.svg);
}
ul.list-icons li.boarding-pass::before {
  display: none;
}
ul.list-icons li.location {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/location.svg);
}
ul.list-icons li.location::before {
  display: none;
}
ul.list-icons li.mail {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/mail.svg);
}
ul.list-icons li.mail::before {
  display: none;
}
ul.list-icons li.phone {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/phone.svg);
}
ul.list-icons li.phone::before {
  display: none;
}
ul.list-icons li.clock {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/clock-10.svg);
}
ul.list-icons li.clock::before {
  display: none;
}
ul.list-icons li.thumb-up {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/thumb-up.svg);
}
ul.list-icons li.thumb-up::before {
  display: none;
}
ul.list-icons li.thumb-down {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/thumb-down.svg);
}
ul.list-icons li.thumb-down::before {
  display: none;
}
ul.list-icons li.departure {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/aircraft-up.svg);
}
ul.list-icons li.departure::before {
  display: none;
}
ul.list-icons li.arrival {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/aircraft-down.svg);
}
ul.list-icons li.arrival::before {
  display: none;
}
ul.list-icons li.luggage {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/luggage.svg);
}
ul.list-icons li.luggage::before {
  display: none;
}

.vertical-align {
  padding: 20px;
  width: 100%;
}
.vertical-align:after {
  content: "";
  display: table;
  clear: both;
}

.pager {
  text-align: right;
  margin: 20px;
}
.pager li {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  text-align: center;
  margin-right: 10px;
}
.pager li:last-child {
  margin-right: 0;
}
.pager a, .pager .link {
  display: block;
  position: relative;
}
.pager a span, .pager .link span {
  border-radius: 60px;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 28px;
  background-color: white;
  color: #288ad6;
}
.pager svg {
  fill: #288ad6;
}
.pager svg + svg {
  position: absolute;
  top: 0;
  left: -10px;
}
.pager .active span, .pager a:hover span, .pager .link:hover span, .pager a:focus span, .pager .link:focus span {
  background-color: #70cbf4;
  color: white;
}
.pager .active svg, .pager a:hover svg, .pager .link:hover svg, .pager a:focus svg, .pager .link:focus svg {
  fill: #70cbf4;
}

.js--to-fancy {
  cursor: pointer;
}

.fancy {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 998;
  overflow: auto;
}
.fancy .headline {
  padding-top: 0;
}
.fancy.fancy--full .fancy__container {
  max-width: 1170px;
}
.fancy.fancy--nopad .fancy__container {
  padding: 0;
}
.fancy[data-src] .fancy__container iframe {
  z-index: 10;
  position: relative;
  width: 100% !important;
}
.fancy .fancy__container {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  padding: 40px;
  background-color: white;
  position: relative;
  text-align: left;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
}
.fancy .fancy__container:after {
  content: "";
  display: table;
  clear: both;
}
.fancy .fancy__container > .icon-close {
  z-index: 9;
}
.fancy > div {
  display: table;
  height: 100%;
  width: 100%;
}
.fancy .overlay {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  background: rgba(9, 42, 94, 0.5);
}
.fancy .form-validate {
  display: block;
  max-width: 100%;
}
.fancy .form-validate::before {
  top: 11px;
}
.fancy .form-validate .form-control {
  width: 100%;
}

.fancy.js--active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  pointer-events: auto;
}

.content-payment .headline img {
  display: inline-block;
  position: relative;
  top: 9px;
  left: -3px;
}
.content-payment h3.headline {
  font-size: 24px;
}
.content-payment ul.list-icons li {
  color: #737373;
  font-size: 16px;
  padding-left: 35px;
  float: none;
  width: 100%;
}
.content-payment ul.list-icons li:before {
  height: 8px;
  width: 8px;
  top: 5px;
}
.content-payment ul li {
  padding-left: 35px;
  position: relative;
  min-height: 25px;
  font-size: 16px;
  clear: both;
  text-align: left;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  float: none;
  width: 100%;
}
.content-payment ul li::before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  content: "";
  height: 8px;
  width: 8px;
  left: 7px;
  top: 5px;
  background: #092a5e;
  display: block;
  position: absolute;
}
.content-payment .offer--red {
  background-color: #d40e14;
  color: white;
  margin: 20px auto 0;
  padding: 20px;
  text-align: center;
}
.content-payment .offer--red + .headline {
  padding-top: 40px;
}

body,
button,
.btn,
.form-control {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
}

a, .link {
  text-decoration: none;
}
a:hover, .link:hover {
  text-decoration: underline;
}
a.underline, .link.underline {
  text-decoration: none;
}
a.underline:hover, a.underline:focus, .link.underline:hover, .link.underline:focus {
  text-decoration: none;
}

.link {
  color: #3567F6;
  font-size: 18px;
  text-decoration: none;
}
.link:hover {
  color: #3567F6;
}

.link--white {
  color: white;
}
.link--white:hover, .link--white:focus {
  color: white;
}

.link-block {
  background-color: #F2F2F2;
  display: block;
  padding: 10px;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 12px;
  text-transform: uppercase;
}

hr {
  background-color: #dcdcdc;
  border: none;
  width: 90%;
  display: block;
  margin: 10px auto;
  height: 1px;
}

::selection {
  background-color: #70cbf4;
}

.logo-small {
  background-image: url(https://content.tui.fr/Content/img/common/logos/logos-svg/logo-tui.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.logo-small--test {
  background-image: url(https://content.tui.fr/Content/img/common/logos/logos-svg/logo-tui--test.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.logo-full {
  background-image: url(https://content.tui.fr/Content/img/common/logos/logos-svg/logo-tui-full--en.svg);
  background-repeat: no-repeat;
}

.logo-full--test {
  background-image: url(https://content.tui.fr/Content/img/common/logos/logos-svg/logo-tui-full--test.svg);
  background-repeat: no-repeat;
}

.devToolsInfo {
  position: absolute;
  z-index: 5000;
}
.devToolsInfo table {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  border: 1px solid #092a5e;
  overflow: hidden;
}
.devToolsInfo table td {
  padding: 10px;
}
.devToolsInfo table td:nth-child(odd) {
  font-weight: 700;
}
.devToolsInfo table td.block_title {
  background-color: #70cbf4;
  border-bottom-color: #092a5e;
  text-align: center;
}
.devToolsInfo table tr:nth-child(odd) {
  background-color: #e2f3fe;
}
.devToolsInfo table tr:nth-child(even) {
  background-color: #c2e6fa;
}

.scrolltop-button {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 20px;
  z-index: 110;
  font-size: 42px;
  opacity: 0.5;
  width: 75px;
  height: 75px;
}
.scrolltop-button svg {
  display: inline-block;
  transform: rotate(-90deg);
  width: 80px;
}
.scrolltop-button:hover {
  opacity: 1;
}

.cookies {
  background-color: rgba(115, 115, 115, 0.75);
  color: white;
  padding: 10px 20px;
  position: fixed;
  z-index: 103;
  bottom: 0;
  width: 100%;
}
.cookies .max-container {
  position: relative;
  padding-right: 25px;
}
.cookies .icon-close {
  height: 20px;
  width: 20px;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/close--white.svg);
}

.header-light {
  background: #70cbf4;
  margin-bottom: 30px;
  text-align: center;
  padding: 5px 0;
}
.header-light .logo-small {
  display: inline-block;
  background-size: auto 60px;
  width: 134px;
  height: 60px;
}

.fancy.fancy--alert .fancy__container {
  padding: 0;
}
.fancy.fancy--alert .fancy__header {
  background-color: #ffe100;
  line-height: 80px;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}
.fancy.fancy--alert .fancy__header + div {
  padding: 20px;
}

.js--prehome .fancy__container, .js--interstitiel .fancy__container {
  background-color: transparent;
  display: inline-block;
  color: white;
  overflow: visible;
}
.js--prehome .fancy__container a, .js--prehome .fancy__container .link, .js--interstitiel .fancy__container a, .js--interstitiel .fancy__container .link {
  display: block;
}
.js--prehome .fancy__container .link, .js--interstitiel .fancy__container .link {
  color: white;
  float: right;
}
.js--prehome .fancy__container img, .js--interstitiel .fancy__container img {
  margin-bottom: 10px;
}

.js--interstitiel .fancy__container img {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0;
}
.js--interstitiel .fancy__container > div {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 18px;
  text-align: center;
  color: #737373;
  background-color: white;
  margin-bottom: 10px;
}
.js--interstitiel .fancy__container > div img {
  display: inline-block;
}

.head-desc {
  font-size: 22px;
  max-width: 1150px;
  margin: 0 auto 20px;
  padding: 0 10px;
}
.head-desc .headline {
  padding-left: 0;
}

.head-details {
  text-align: left;
  padding: 20px 10px;
  font-size: 18px;
  display: table;
}
.head-details > div {
  display: table-cell;
  vertical-align: middle;
}
.head-details > div + div {
  padding-left: 20px;
}
.head-details .sticker {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #d40e14;
  color: white;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  white-space: nowrap;
  padding: 0 20px 0 35px;
  position: relative;
}
.head-details .sticker::before {
  content: "!";
  font-weight: 700;
  font-size: 24px;
  position: absolute;
  top: 1px;
  left: 20px;
}

.text-seo {
  border: 1px solid #dcdcdc;
  color: #737373;
  margin: 20px 20px 0;
  padding: 20px;
}
.text-seo p + p {
  margin: 20px 0 0;
}
.text-seo.text-seo--noborder {
  border: none;
  padding: 0;
}
.text-seo a, .text-seo .link {
  color: #3567F6;
}

.tag, .list-words li a, .list-words li .link {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 2px;
  padding: 5px 10px;
}

.list-words {
  margin-top: 10px;
}
.list-words li {
  display: inline-block;
}
.list-words li a, .list-words li .link {
  display: block;
  color: #3567F6;
}
.list-words li a:hover, .list-words li .link:hover {
  color: #3567F6;
}

.center-select {
  text-align: center;
  margin: 10px 0;
  padding: 0 20px;
}
.center-select label, .center-select h2 {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
}
.center-select select {
  display: inline-block;
  margin-left: 10px;
}

.zoom-img {
  text-align: center;
  position: relative;
  overflow: hidden;
  display: block;
}
.zoom-img img {
  -webkit-transition: all 0.6s ease-in;
  -moz-transition: all 0.6s ease-in;
  -o-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
  width: 100%;
}
.zoom-img:hover img, .zoom-img:focus img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.title-picture {
  text-transform: uppercase;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.75);
  font-weight: 700;
  font-size: 22px;
  width: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}

.content-row-article a, .content-row-article .link, .good-deals a, .good-deals .link {
  color: #3567F6;
}

.flag {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 24px;
  height: 16px;
}
.flag.flag--fr {
  background-image: url(https://content.tui.fr/Content/img/common/flags/fr.svg);
}
.flag.flag--uk {
  background-image: url(https://content.tui.fr/Content/img/common/flags/uk.svg);
}
.flag.flag--at {
  background-image: url(https://content.tui.fr/Content/img/common/flags/at.svg);
}
.flag.flag--be {
  background-image: url(https://content.tui.fr/Content/img/common/flags/be.svg);
}
.flag.flag--ch {
  background-image: url(https://content.tui.fr/Content/img/common/flags/ch.svg);
}
.flag.flag--de {
  background-image: url(https://content.tui.fr/Content/img/common/flags/de.svg);
}
.flag.flag--dk {
  background-image: url(https://content.tui.fr/Content/img/common/flags/dk.svg);
}
.flag.flag--es {
  background-image: url(https://content.tui.fr/Content/img/common/flags/es.svg);
}
.flag.flag--fi {
  background-image: url(https://content.tui.fr/Content/img/common/flags/fi.svg);
}
.flag.flag--nl {
  background-image: url(https://content.tui.fr/Content/img/common/flags/nl.svg);
}
.flag.flag--no {
  background-image: url(https://content.tui.fr/Content/img/common/flags/no.svg);
}
.flag.flag--pl {
  background-image: url(https://content.tui.fr/Content/img/common/flags/pl.svg);
}
.flag.flag--se {
  background-image: url(https://content.tui.fr/Content/img/common/flags/se.svg);
}

footer {
  background-color: #F2F2F2;
}
footer > section {
  padding: 20px;
}
footer .ads, footer .reasons, footer #mega-box-widget {
  background-color: white;
}
footer .footer__legal {
  color: #737373;
  font-size: 14px;
  text-align: center;
}
footer .footer__payments {
  font-size: 0;
}
footer .footer__payments li:not(.clear) {
  display: inline-block;
  padding: 5px;
}
footer .layer__countries {
  border-top: 10px solid #70cbf4;
  background-color: white;
  display: none;
  padding-top: 10px;
}
footer .layer__countries > div {
  position: relative;
  z-index: 1;
  text-align: center;
}
footer .layer__countries li {
  padding: 0 10px;
  text-align: left;
  line-height: 40px;
}
footer .layer__countries i {
  display: inline-block;
  margin-right: 5px;
}

.footer__newsletter div {
  text-align: left;
}
.footer__newsletter div ~ * {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.footer__newsletter i {
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 23px;
  background-color: white;
  color: #092a5e;
  position: relative;
  bottom: -15px;
  left: -20px;
  font-style: inherit;
  margin-right: -15px;
}
.footer__newsletter i:before {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  content: "@";
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.footer__newsletter svg, .footer__newsletter h3 {
  display: inline-block;
  vertical-align: middle;
}
.footer__newsletter h3 {
  position: relative;
  line-height: 30px;
}
.footer__newsletter form {
  margin-top: 12px;
}
.footer__newsletter [type=text] {
  width: 250px;
}
.footer__newsletter select.form-control {
  width: 100%;
}

.footer__social {
  padding: 20px 0 0 60px;
}
.footer__social h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.footer__social li {
  display: inline-block;
}
.footer__social li + li {
  margin-left: 10px;
}
.footer__social a {
  display: block;
  padding: 5px;
  border: 2px solid #092a5e;
  border-radius: 100%;
  height: 40px;
  width: 40px;
}
.footer__social a:hover, .footer__social a:focus {
  background-color: #092a5e;
}
.footer__social a:hover svg, .footer__social a:focus svg {
  fill: #e7e3db;
}
.footer__social.footer__social--noNL {
  padding: 0;
  text-align: center;
  margin-bottom: -15px;
}

.footer__links {
  padding: 20px 10px;
  font-size: 0;
  text-align: center;
}
.footer__links > div {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0 10px;
}
.footer__links ul {
  text-align: left;
  font-size: 16px;
  padding: 0 10px;
  width: 100%;
  display: table-cell;
  vertical-align: top;
}
.footer__links ul li ~ li {
  margin-top: 5px;
}
.footer__links a {
  font-size: 18px;
}
.footer__links a:hover {
  color: #288ad6;
}
.footer__links .main {
  color: #1B115C;
  font-weight: 700;
  font-size: 18px;
}
.footer__links .js--show-next {
  margin: 0 0 5px 0;
  cursor: pointer;
}
.footer__links .js--show-next:after {
  border-width: 2px;
  border-color: #092a5e;
  width: 10px;
  height: 10px;
}

.footer__bottom-content {
  position: relative;
  background-color: #F2F2F2;
  padding: 0;
}
.footer__bottom-content [class*=logo] {
  display: inline-block;
}
.footer__bottom-content .logo-small {
  height: 35px;
  background-size: auto 49px;
  margin: 0 4px 0 12px;
  vertical-align: bottom;
  width: 80px;
}
.footer__bottom-content .logo-full {
  height: 60px;
  background-size: auto 60px;
  width: 96px;
}
.footer__bottom-content > article {
  padding: 20px;
}
.footer__bottom-content .baseline--title {
  display: inline-block;
  font-size: 24px;
  font-style: italic;
  text-transform: inherit;
  vertical-align: 5px;
}
.footer__bottom-content .js--toggle-countries:before {
  border-top: 25px solid white;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  content: "";
  display: none;
  height: 0;
  right: 13px;
  top: -33px;
  position: absolute;
  width: 0;
}
.footer__bottom-content .js--toggle-countries > * {
  display: inline-block;
  vertical-align: middle;
}
.footer__bottom-content .js--toggle-countries i {
  margin-right: 5px;
}
.footer__bottom-content.show-countries {
  padding-top: 190px;
}
.footer__bottom-content.show-countries .layer__countries {
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 100%;
}
.footer__bottom-content.show-countries .js--toggle-countries:before {
  display: inline-block;
}

.footer__baseline {
  background-color: #70cbf4;
  width: 100%;
}
.footer__baseline > div {
  text-align: center;
  position: relative;
}
.footer__baseline .js--toggle-countries {
  position: absolute;
  right: 0;
  top: 11px;
}

.reasons {
  padding-bottom: 40px;
}
.reasons [class*="--inline"] {
  text-align: center;
}
.reasons span {
  display: block;
  font-size: 20px;
}
.reasons .link-right {
  display: inline-block;
  margin-top: 20px;
}
.reasons .banner-link {
  display: block;
  margin: 0 auto;
  max-width: 1150px;
  padding-top: 10px;
  width: 100%;
}
.reasons .banner-link img {
  height: auto;
  object-fit: contain;
}

.megabox {
  background-color: white;
}
.megabox .headline {
  padding-top: 0;
  margin: 0 auto;
}
.megabox .headline a {
  text-decoration: none;
  color: inherit;
}
.megabox .headline a:hover {
  text-decoration: none;
  color: inherit;
}
.megabox .list-link {
  padding: 20px 0;
  font-size: 18px;
}
.megabox .list-link li {
  line-height: 26px;
  display: inline;
}
.megabox .list-link span {
  margin-inline: 5px;
}
.megabox a {
  text-decoration: none;
  color: #3567F6;
  text-underline-offset: 5px;
}
.megabox a:hover {
  color: #3567F6;
  text-decoration: underline;
}

.fancy.fancy--oney .fancy__container {
  height: 500px;
  max-width: 70%;
  overflow-y: auto;
}
.fancy.fancy--oney .fancy__container > .icon-close {
  top: 10px;
  right: 10px;
}
.fancy.fancy--oney h2 {
  margin: 0 0 20px;
  text-align: center;
  font-size: 34px;
}
.fancy.fancy--oney p {
  margin: 10px 0;
}
.fancy.fancy--oney ul {
  list-style: disc;
  padding-left: 20px;
}

@media (min-width: 1024px) {
  .megabox .list-link {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .reasons .headline {
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .reasons .banner-link {
    max-width: 768px;
  }
}
@media screen and (max-width: 980px) {
  footer .footer__newsletter, footer .footer__social {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  footer .footer__social {
    margin-top: 20px;
    padding: 20px 0 0 0;
    border-left: none;
    border-top: 1px solid #092a5e;
  }
  footer .footer__social.footer__social--noNL {
    margin-top: 0;
    border: none !important;
  }
  footer .footer__bottom-content.show-countries {
    padding-top: 310px;
  }
}
@media screen and (max-width: 768px) {
  footer .footer__newsletter .form-validate {
    margin: 10px 0 0 !important;
    display: block;
  }
  footer .footer__newsletter .form-control, footer .footer__newsletter .btn {
    width: 100%;
  }
  footer .footer__newsletter .btn {
    margin: 10px 0 0 !important;
  }
  .footer__links ul {
    display: block;
  }
  .footer__links ul + ul {
    margin-top: 10px;
  }
  .footer__links li.js--show-next::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 0;
  }
  .footer__links li.js--show-next ~ li.js--next-hide {
    display: block;
  }
  .footer__links li.js--show-next.js--active::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
  }
  .footer__links li.js--show-next.js--active ~ li {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .reasons .banner-link {
    max-width: 430px;
  }
  .fancy.fancy--oney .fancy__container {
    height: inherit;
    max-width: 100%;
  }
  .fancy.fancy--oney .overlay {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  footer .layout-2-3, footer .footer__reward, footer .footer__legal {
    width: 100%;
    float: none;
  }
  footer .footer__reward {
    margin-bottom: 20px;
    padding: 0;
  }
  footer .footer__bottom-content.show-countries {
    padding-top: 0;
  }
  .footer__bottom-content.show-countries .layer__countries {
    border-top: 0;
    top: 98px;
  }
  .footer__bottom-content .js--toggle-countries {
    margin-top: 10px;
    position: relative;
  }
  .footer__bottom-content .js--toggle-countries.fr {
    float: none;
  }
  .footer__bottom-content .js--toggle-countries::before {
    border-bottom: 25px solid white;
    border-top: 0;
    right: 19px;
    top: 23px;
  }
  .footer__bottom-content .baseline--title {
    display: block;
    font-size: 18px;
  }
  .footer__bottom-content .logo-small {
    background-size: auto 40px;
    height: 28px;
    margin: 0 2px 0 6px;
    width: 67px;
  }
  .footer__bottom-content .reasons [class*="--inline"] {
    width: 50%;
  }
  .footer__baseline div.fr {
    float: none;
  }
  .fancy.fancy--oney h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 335px) {
  .footer__bottom-content.show-countries .layer__countries {
    top: 118px;
  }
  .footer__bottom-content .js--toggle-countries::before {
    top: 22px;
  }
}

.phone-number {
  padding-right: 145px;
}

.btn-icon--left.btn-toggle-text:before,
.btn-icon--right.btn-toggle-text:before {
  display: inline-block;
}

.btn-toggle-text:before {
  content: "Afficher ";
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
}

.btn-toggle-text.js--active:before {
  content: "Masquer ";
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
}

ul[data-val=Destination] > li > .btn-toggle-text:before {
  content: "Voir plus de ";
}

ul[data-val=Destination] > li > .btn-toggle-text.js--active:before {
  content: "Masquer les ";
}

.alert {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-weight: 700;
  padding: 5px 5px 5px 30px;
  margin: 10px 0;
  position: relative;
  color: #737373;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 5px 4px;
  text-align: left;
  border: 0;
}
.alert ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 20px;
}
.alert.max-container {
  margin: 10px auto;
}

.alert--warning2,
.alert--offer {
  background-color: #ffe100;
}

.alert--offer {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-offer.svg);
}

.alert--warning2 {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-warning--blue.svg);
}

.alert--error {
  background-color: #fddadb;
  color: #bc0c12;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-error.svg);
}

.alert--warning {
  background-color: #fffbdb;
  color: #ffbf00;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-warning.svg);
}

.alert--success {
  background-color: #f1ffbe;
  color: #82a400;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-success.svg);
}

.alert--infos {
  background-color: #e2f3fe;
  color: #288ad6;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-infos.svg);
}

.btn-primary--minor:hover, .btn-primary--minor:focus, .btn-primary--minor:active, .btn-primary--minor.js--hover, .btn-primary--minor.js--active {
  background-color: #E2F5FD;
  border-color: #3567F6;
  color: #3567F6;
}

.btn-secondary--minor:hover, .btn-secondary--minor:focus, .btn-secondary--minor:active, .btn-secondary--minor.js--hover, .btn-secondary--minor.js--active {
  background-color: #E2F5FD;
  border-color: #3567F6;
  color: #3567F6;
}

#pagerTop .cta-only .btn {
  background-color: #092a5e;
  border-color: #092a5e;
  color: white;
}
#pagerTop .cta-only .btn:hover, #pagerTop .cta-only .btn:focus, #pagerTop .cta-only .btn:active, #pagerTop .cta-only .btn.js--hover, #pagerTop .cta-only .btn.js--active {
  background-color: #0c397f;
  border-color: #092a5e;
}

#hdnPageIsDirty {
  visibility: hidden;
}

@media screen and (min-width: 981px) {
  #sticky--box {
    background-color: transparent;
    transition: background-color ease-in-out 0.25s;
  }
  #sticky--box svg {
    fill: white;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 13px;
    left: 13px;
  }
  #sticky--box .search__tabs button svg, #sticky--box .search__tabs button.js--active svg {
    fill: #1B115C;
  }
  #sticky--box.fixed {
    background-color: white;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  #sticky--box.fixed .search {
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }
  #sticky--box.fixed .search .search__form {
    border: none;
    box-shadow: none;
  }
  #sticky--box.fixed .search .search__tabs {
    background-color: #c2e6fa;
  }
  #sticky--box.fixed .search .search__tabs ul {
    display: none;
  }
  #sticky--box.fixed .search .search__tabs ul li:last-child button {
    text-align: left;
  }
  #sticky--box.fixed .search .search__tabs ul button {
    background-color: #c2e6fa;
    border-radius: 0;
  }
  #sticky--box.fixed .search .search__tabs ul button.js--active {
    background-color: #70cbf4;
  }
  #sticky--box.fixed .search .search-container .max-container {
    position: relative;
  }
  #sticky--box.fixed:has(.search) + section {
    padding-top: 84px;
  }
}
.dialonce {
  background-color: white;
  border-radius: 10px 0 0 10px;
  box-shadow: -4px -2px 16px 0 rgba(0, 0, 0, 0.24);
  padding: 20px 0;
  position: fixed;
  transform: translate(100%, -50%);
  top: 50%;
  right: 0;
  z-index: 10;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  opacity: 0;
  will-change: transform;
}
.dialonce.js--active {
  transform: translate(0, -50%);
  opacity: 1;
}
.dialonce svg {
  display: block;
  margin: 0 auto;
}
.dialonce img {
  margin: 0 auto;
}
.dialonce span {
  font-size: 14px;
}
.dialonce ul li {
  padding: 0px 10px;
  margin: 0 0 20px;
  text-align: center;
}
.dialonce ul li:last-child {
  margin: 0;
}

.header__desktop, .header__desktop + nav {
  background-color: #70cbf4;
}

.header__newsletter {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 0;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  text-align: center;
  z-index: 11;
}
.header__newsletter div ~ * {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  text-align: left;
}
.header__newsletter .form-control {
  background-color: transparent;
}
.header__newsletter input[type=text] {
  width: 250px;
}
.header__newsletter select.form-control {
  width: 100%;
}
.header__newsletter .privacy-link {
  display: block;
  text-decoration: underline;
  margin: 11px 0;
}

.header__nav > li:hover > ul {
  display: block;
}
.header__nav > li:hover > a {
  background-color: #092a5e;
  color: white;
  text-decoration: none;
}
.header__nav ul {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  text-align: left;
  z-index: 4;
}
.header__nav ul li {
  border-top: 3px #092a5e solid;
  background-color: white;
  position: relative;
}

.header__nav ul li > div {
  padding: 0 20px;
  margin: 20px 0;
}
.header__nav ul li > div:nth-child(2) {
  border-right: 1px solid #d7d2c3;
}
.header__nav ul li > div::before, .header__nav ul li > div::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  background-color: #F2F2F2;
}
.header__nav ul li > div::before {
  left: 0;
}
.header__nav ul li > div::after {
  right: 0;
}
.header__nav ul li > div a, .header__nav ul li > div span {
  position: relative;
  z-index: 1;
  display: block;
}
.header__nav ul li > div a:last-child img, .header__nav ul li > div span:last-child img {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.header__nav ul li > div a.link-right {
  font-weight: 700;
}
.header__nav ul li > div a.link-right::after {
  border-color: #092a5e;
  border-width: 2px;
}
.header__nav ul li > div a.link-right:focus::after, .header__nav ul li > div a.link-right:hover::after {
  border-color: #70cbf4;
}
.header__nav ul li > div span {
  color: rgba(115, 115, 115, 0.75);
}
.header__nav ul li > div a:hover, .header__nav ul li > div :focus {
  color: #70cbf4;
}

.header__nav ul li img {
  max-height: 110px;
  margin-bottom: 20px;
}

.obsolte-message {
  color: #d40e14;
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 11;
  padding: 20px;
  font-size: 18px;
  line-height: 22px;
}

.head-picture {
  height: 300px;
  margin-bottom: -52px;
  position: relative;
  top: -52px;
  overflow: hidden;
  z-index: -1;
}
.head-picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.head-picture h1 {
  font-family: "Ambit-Bold", Arial, sans-serif;
  font-size: 34px;
  margin: 0 auto;
  max-width: 1170px;
  overflow: hidden;
  padding: 0 10px;
  line-height: 45px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}
.head-picture .container {
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
}

@media only screen and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .header__devices .js--menu.js--active {
    background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/close.svg);
  }
  body {
    -webkit-transition: left ease-in 0.4s;
    -moz-transition: left ease-in 0.4s;
    -o-transition: left ease-in 0.4s;
    transition: left ease-in 0.4s;
    position: relative;
    left: 0;
  }
  body .wrapper:after {
    -webkit-transition: all ease-in 0.4s;
    -moz-transition: all ease-in 0.4s;
    -o-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
    content: "";
    position: fixed;
    z-index: 9;
    top: 40px;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  body .header__nav, body .header__topnav, body .header__devices:before {
    -webkit-transition: left ease-in 0.4s;
    -moz-transition: left ease-in 0.4s;
    -o-transition: left ease-in 0.4s;
    transition: left ease-in 0.4s;
  }
  body.js--open {
    overflow: hidden;
    left: 0;
  }
  body.js--open > .wrapper {
    z-index: 7;
  }
  body.js--open .wrapper:after {
    background-color: rgba(9, 42, 94, 0.5);
    right: 0;
  }
  body.js--open .header__devices:after {
    width: 100%;
  }
  body.js--open .header__topnav, body.js--open .header__devices:before {
    position: absolute;
    left: 0;
  }
  body.js--open .header__nav {
    position: fixed;
    left: 0;
  }
  body.js--open .header .header__nav > li.js--active > ul {
    right: 0;
  }
  .header__nav a {
    text-transform: capitalize;
  }
  .header__nav ul {
    -webkit-transition: right 0.4s ease-in;
    -moz-transition: right 0.4s ease-in;
    -o-transition: right 0.4s ease-in;
    transition: right 0.4s ease-in;
    display: block;
    position: fixed;
    left: inherit;
    right: -100%;
    top: 40px;
    bottom: 0;
    overflow: auto;
    width: calc(100% - 320px);
  }
  .header__nav ul > li {
    height: 30px;
    border-top: none;
  }
  .header__nav ul > li > div {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .header__nav ul > li > div::before, .header__nav ul > li > div::after {
    display: none;
  }
  .header__nav ul > li > div span.fs18 {
    text-transform: uppercase;
  }
  .header__nav ul > li > div span, .header__nav ul > li > div a {
    line-height: 34px;
    height: 34px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    border-top: 1px solid #dcdcdc;
    background-color: #e2f3fe;
  }
  .header__nav ul > li > div img {
    display: none !important;
  }
  .header__sublist-items {
    width: 100%;
    text-align: left;
    height: inherit;
  }
  .header__sublist-items a {
    display: block;
    padding: 5px 20px;
    background-color: #F2F2F2;
    color: #737373;
    font-size: 18px;
    line-height: 20px;
  }
  .header__sublist-items a:hover, .header__sublist-items a:active {
    color: white;
    background-color: #092a5e;
  }
  .header__sublist-items svg {
    vertical-align: text-bottom;
    margin-right: 6px;
  }
}