/* Minification failed. Returning unminified contents.
(3205,26): run-time error CSS1030: Expected identifier, found '.'
(3205,33): run-time error CSS1031: Expected selector, found ')'
(3205,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;
}

.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 .header__container > *:first-child, .steps-nav a {
  text-decoration: none;
}
header .header__container > :hover:first-child, .steps-nav a:hover, header .header__container > :focus:first-child, .steps-nav a:focus {
  text-decoration: none;
}

footer, section > .max-container, header .header__container, header + .max-container {
  padding: 10px 20px;
}

@media screen and (max-width: 640px) {
  footer, section > .max-container, header .header__container, header + .max-container {
    padding: 10px;
  }
}
.footer-sticky {
  position: fixed;
  z-index: 102;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #E2F5FD;
}
.footer-sticky .max-container {
  display: table;
  width: 100%;
  padding: 10px 20px;
}
.footer-sticky .max-container > * {
  display: table-cell;
}
.footer-sticky .max-container > *:last-child {
  text-align: right;
}
.footer-sticky .max-container > div {
  vertical-align: middle;
}
.footer-sticky .max-container > div > *:first-child {
  margin-right: 10px;
}
.footer-sticky .max-container > div > * {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.footer-sticky p > span:nth-child(3) {
  display: inline-block;
  margin-left: 5px;
}
.footer-sticky p > span:nth-child(1) {
  margin-right: 5px;
}
.footer-sticky .alert {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-image: none;
  border: none;
}
.footer-sticky .alert .max-container {
  padding: 5px 20px 5px 50px;
}
.footer-sticky .alert.alert--infos .max-container {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 20px 4px;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/alert-infos.svg);
}

.cookies {
  bottom: 60px;
}

@media screen and (max-width: 980px) {
  .footer-sticky p span:first-child {
    display: none;
  }
  .footer-sticky .btn-icon--left {
    margin-right: 0;
  }
  .cookies {
    z-index: 113;
  }
}
@media screen and (max-width: 640px) {
  .footer-sticky .align-middle .fs34 {
    font-size: 32px;
  }
  .footer-sticky .max-container {
    padding: 10px;
  }
  .footer-sticky .alert.alert--infos .max-container {
    background-position: 10px 4px;
    padding: 5px 10px 5px 40px;
  }
  .footer-sticky .btn-primary:after {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    right: 15px;
  }
  .footer-sticky .btn-primary.btn-calendar {
    padding-right: 50px !important;
  }
  .footer-sticky .btn-primary.btn-calendar:before {
    display: none !important;
  }
  .footer-sticky .btn:first-child.btn-secondary--minor {
    width: 40px !important;
    font-size: 0;
    padding: 0;
    background-color: white;
    margin-top: 0 !important;
    background-position: center center;
    background-size: 75% auto;
    background-repeat: no-repeat;
    background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/document.svg);
  }
}
@media screen and (max-width: 480px) {
  .footer-sticky .max-container .btn-primary {
    width: auto;
  }
  .footer-sticky .max-container .btn-primary.btn-calendar {
    padding-right: 50px !important;
    width: auto;
  }
  .footer-sticky .btn-icon--left {
    width: 40px !important;
    padding: 10px;
  }
  .footer-sticky .btn-icon--left:after {
    position: relative;
    left: auto;
    top: -1px;
    right: auto;
    margin: 0;
  }
  .footer-sticky .btn-icon--left:before {
    display: none !important;
  }
  .footer-sticky .btn-icon--left span {
    display: none;
  }
  .footer-sticky .alert .max-container {
    text-align: left;
  }
  .footer-sticky .alert .max-container::before {
    position: absolute;
    top: 6px;
    left: 6px;
  }
}
@media print {
  .footer-sticky {
    display: none;
  }
}
.steps-nav {
  padding: 0 20px;
  margin: 20px 0 40px;
}
.steps-nav:after {
  content: "";
  display: table;
  clear: both;
}
.steps-nav > ul {
  width: 100%;
  display: flex;
  align-items: center;
}
.steps-nav > ul > li.step:nth-child(1) span:first-child:before,
.steps-nav > ul > li.step:nth-child(1) a:hover span:first-child:before {
  content: "1";
  background-image: none;
}
.steps-nav > ul > li.step:nth-child(3) span:first-child:before, .steps-nav > ul > li.step:nth-child(3) a:hover span:first-child:before {
  background-image: none;
  content: "2";
}
.steps-nav > ul > li.step:nth-child(5) span:first-child:before, .steps-nav > ul > li.step:nth-child(5) a:hover span:first-child:before {
  background-image: none;
  content: "3";
}
.steps-nav > ul > li.step:nth-child(7) span:first-child:before, .steps-nav > ul > li.step:nth-child(7) a:hover span:first-child:before {
  background-image: none;
  content: "4";
}
.steps-nav > ul > li.step .checked span:first-child:before {
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/checkmark--white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 35px;
  left: 0px;
  top: 0px;
  vertical-align: middle;
  width: 35px;
}
.steps-nav li.step {
  text-align: center;
  display: block;
  position: relative;
  flex-grow: 1;
  height: 60px;
  min-width: 200px;
}
.steps-nav li.step:first-child {
  min-width: 170px;
}
.steps-nav li.step.active a:hover {
  color: #1B115C;
  cursor: default;
}
.steps-nav li.step.active a:hover span:first-child {
  background-color: #1B115C;
}
.steps-nav li.step.active span:first-child {
  background-color: #1B115C;
}
.steps-nav li.step.active span + span {
  color: #1B115C;
}
.steps-nav li.step + li.bar, .steps-nav li.step.active + li.bar {
  filter: grayscale(100%);
  opacity: 0.5;
}
.steps-nav li.step.checked + li.bar {
  filter: none;
  opacity: 1;
}
.steps-nav li.bar {
  flex-grow: 1;
  height: 9px;
  background-color: #82a400;
  border-radius: 5px;
  margin: -25px -50px 0;
  width: 100%;
}
.steps-nav li.bar:last-child {
  display: none;
}
.steps-nav a {
  text-align: center;
  display: inline-block;
  font-size: 20px;
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
}
.steps-nav a:hover, .steps-nav a:focus {
  color: #70cbf4;
}
.steps-nav a:hover span:first-child, .steps-nav a:focus span:first-child {
  background-color: #70cbf4;
}
.steps-nav a:hover span + span, .steps-nav a:focus span + span {
  color: #70cbf4;
}
.steps-nav span {
  display: inline-block;
  vertical-align: middle;
}
.steps-nav span:first-child {
  border-radius: 70px;
  display: inline-block;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 33px;
  background-color: #82a400;
  color: white;
  font-size: 24px;
}
.steps-nav span + span {
  display: block;
  min-width: max-content;
  color: #82a400;
}
.steps-nav .checked {
  color: #82a400;
}
.steps-nav .checked span:first-child {
  background-color: #82a400;
}
.steps-nav.disabled-step4 {
  filter: none;
  opacity: 1;
  pointer-events: none;
  cursor: not-allowed;
}

@media screen and (max-width: 980px) {
  .steps-nav a > span {
    margin: 0 auto;
    display: block;
  }
  .steps-nav a > span:last-child {
    font-size: 17px;
  }
  .steps-nav li.step {
    min-width: 170px;
  }
  .steps-nav li.step:first-child {
    min-width: 140px;
  }
  .steps-nav li.bar {
    margin: -25px -30px 0;
  }
}
@media screen and (max-width: 820px) {
  .steps-nav li.step {
    min-width: 145px;
  }
  .steps-nav li.step:first-child {
    min-width: 120px;
  }
  .steps-nav a > span:last-child {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .steps-nav {
    margin: 20px auto 0;
    padding: 0 10px;
  }
  .steps-nav .clearfix:after {
    display: none;
  }
  .steps-nav > ul {
    justify-content: space-between;
  }
  .steps-nav li.step {
    min-width: inherit;
    max-width: min-content;
  }
  .steps-nav li.step:first-child {
    min-width: inherit;
  }
  .steps-nav li.bar {
    display: none;
  }
  .steps-nav li a:hover span:first-child:before {
    line-height: 30px;
  }
  .steps-nav span:first-child {
    width: 45px;
    height: 45px;
    line-height: 43px;
  }
  .steps-nav span:last-child {
    display: none;
  }
}
@page {
  size: A4;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
    -webkit-print-color-adjust: exact !important;
  }
  header,
  footer,
  .wrapper__sections--main,
  .blue-bottom {
    display: none;
  }
  .aside--quotation {
    float: none;
    min-width: 100%;
    margin: 0;
    padding: 0;
  }
  .aside--quotation > div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
  }
  .aside--quotation h2 + ul,
  .aside--quotation .icon-close,
  .aside--quotation h2 + ul + div > .quotation__total {
    display: none;
  }
}
.col-elements {
  padding: 0 20px;
}
.col-elements > [class*=-col] {
  padding: 10px;
}

.pad {
  padding: 10px;
}

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

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

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

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

.marg {
  margin: 10px;
}

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

.marg-top2,
.mt20 {
  margin-top: 20px;
}

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

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

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

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

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

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

body {
  padding-bottom: 110px;
}

.legend__register .alert {
  margin: 20px 0 10px;
}

section > h2,
section.trip h2 {
  border-bottom: 2px solid #c2e6fa;
  padding-bottom: 10px;
}
section > h2 .btn,
section.trip h2 .btn {
  line-height: normal;
  margin: 0;
}
section > h2 > span,
section.trip h2 > span {
  padding: 0 30px;
}
section > h2 svg,
section.trip h2 svg {
  position: relative;
  top: 8px;
}

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

.price-toright {
  float: right;
  text-align: right;
  font-size: 20px;
}

.price-included {
  font-size: 20px;
  color: #aad700;
  position: relative;
  padding-right: 10px;
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
  line-height: normal;
}

.price-included:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  content: "";
  position: relative;
  left: -10px;
  top: -3px;
  width: 24px;
  height: 24px;
  color: white;
  background-color: #aad700;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/checkmark--white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 75%;
}

.price-extra {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
  color: #1B115C;
  padding-right: 10px;
  line-height: normal;
}

.price-extra:before, .price-extra:after {
  display: none;
}

.content-right {
  position: relative;
  padding-right: 105px;
}
.content-right .v-center {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  height: 1em;
  right: 10px;
}
.content-right [class*=price-] {
  padding-right: 0;
}

.table {
  margin-top: 10px;
}
.table.table--two-col .raw > div {
  width: 50%;
}
.table .raw {
  font-size: 0;
}
.table .raw:after {
  content: "";
  display: table;
  clear: both;
}
.table .raw > div {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  padding: 5px;
}
.table .raw > div + div {
  text-align: center;
}
.table .raw.thead {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
}
.table .raw.thead > div {
  padding: 10px;
}

header + .max-container {
  padding-top: 0;
  padding-bottom: 0;
}
header > div {
  background-color: #c2e6fa;
  position: relative;
  text-align: center;
  overflow: hidden;
}
header > div:after {
  content: "";
  display: table;
  clear: both;
}
header .header__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header__container > *:first-child > * {
  display: inline-block;
  vertical-align: middle;
}
header .header__container > *:first-child svg {
  position: relative;
  top: -2px;
}
header .header__container > a:first-child svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
header .header__container [class*=logo-small] {
  display: inline-block;
  vertical-align: middle;
  background-size: auto 35px;
  width: 79px;
  height: 35px;
}
header .header__container .phone-number {
  text-align: left;
  float: right;
  margin-top: 7px;
}
header .header__container .phone-number svg {
  display: none;
}
header .header__container .phone-number.phone-confirm {
  border: 2px solid #70cbf4;
  color: #092a5e !important;
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-size: 14px;
  height: 42px;
  line-height: 14px;
  margin-top: -3px;
  padding: 5px 20px;
  text-align: center;
}
header .header__container .second-logo {
  margin-right: 20px;
}
header .header__container .collectivity-name {
  display: block;
  font-weight: 700;
  font-size: 24px;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-60%);
}
header .header__container .collectivity-name + .inline-b {
  margin: 0 0 40px 40px;
}
header .header__container .collectivity-text {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  height: 20px;
  line-height: 27px;
  margin: 0 3px;
}
header .header__container .collectivity-text + .second-logo {
  margin-top: 3px;
  margin-right: 0;
}
header .header__container .collectivity-text + .collectivity-name {
  position: inherit;
  display: inline-block;
  top: inherit;
  left: inherit;
  font-size: 20px;
  transform: inherit;
  height: 20px;
  vertical-align: middle;
}

section {
  margin-bottom: 20px;
}
.wrapper__sections {
  overflow: hidden;
  position: relative;
}

.wrapper__sections--main {
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 100%;
  height: 100%;
  float: left;
}

.timeline__right .flight-details div {
  color: #4c4c4c;
}
.timeline__right button + button {
  display: block;
}

.visibled-quotation.actived-quotation .wrapper__sections--main {
  width: 70%;
}
.visibled-quotation.actived-quotation .aside--quotation {
  margin-left: 0;
  height: 100%;
}

.aside--quotation img {
  width: 100%;
}
.aside--quotation article:not(.quotation__total) > div {
  padding: 10px;
}
.aside--quotation .js--show-next {
  margin: 0;
  font-size: 14px;
}
.aside--quotation li[class*=-col], .aside--quotation .quotation__table {
  margin-bottom: 0;
  text-align: center;
  padding: 10px 5px;
}
.aside--quotation li[class*=-col] > div, .aside--quotation .quotation__table > div {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  border: 1px solid #c2e6fa;
}
.aside--quotation h3 {
  background-color: #e2f3fe;
  line-height: 40px;
  padding: 0 10px;
}
.aside--quotation h3 svg {
  position: relative;
  top: 7px;
}
.aside--quotation article li {
  line-height: normal;
  margin-bottom: 5px;
}

.quotation__details {
  margin-bottom: 10px;
}
.quotation__details > div {
  padding: 0 10px;
}
.quotation__details h4 {
  font-size: 24px;
  margin-top: 10px;
}
.quotation__details h4.alert--warning {
  font-size: 16px;
}
.quotation__details h4:not(.alert) {
  text-align: center;
  border: 1px solid #c2e6fa;
  padding: 5px 0;
}
.quotation__details h4 ~ h4 {
  margin-top: 20px;
}
.quotation__details .inline-container {
  padding: 5px;
}
.quotation__details .inline-container.main {
  padding: 10px 5px;
}
.quotation__details .inline-container.main li {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
.quotation__details .inline-container li {
  padding: 0;
  font-size: 14px;
  text-align: center;
  word-break: break-word;
  vertical-align: middle;
}
.quotation__details .inline-container li.three-col--inline {
  text-align: left;
  width: 33.33%;
}
.quotation__details .inline-container li.three-col--inline:nth-child(2) {
  text-align: center;
}
.quotation__details .inline-container li.three-col--inline:last-child {
  text-align: right;
}
.quotation__details .inline-container + .inline-container {
  border-top: 1px solid #c2e6fa;
}
.quotation__details .tab-container {
  padding: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.quotation__details .tab-container > * {
  display: table-cell;
  font-size: 14px;
  word-break: break-word;
  vertical-align: middle;
  text-align: center;
}
.quotation__details .tab-container > *:first-child {
  text-align: left;
}
.quotation__details .tab-container > *:last-child {
  text-align: right;
}

.quotation__flight > .clearfix {
  padding-top: 0;
}
.quotation__flight .flight-details-more > div {
  padding: 10px 0 0 0;
}
.quotation__flight .flight-details-more > div.flight-details__stop {
  padding: 0;
  background-color: white;
}

.quotation__total {
  text-align: right;
  margin-top: -1px;
  padding: 10px;
  background-color: #092a5e;
  color: white;
}
.quotation__total > div {
  padding: 0;
}
.quotation__total .product-price__oney img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.quotation__total .product-price__oney svg {
  cursor: pointer;
  fill: white;
  vertical-align: middle;
}

.quotation__passengers > ul {
  padding: 0 5px;
}

.quotation__table {
  border-spacing: 10px;
  display: table;
  table-layout: fixed;
  padding: 0 !important;
  width: 100%;
}
.quotation__table > div {
  display: table-cell;
}

.aside--quotation {
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: white;
  margin-right: -100%;
  float: left;
  width: 30%;
  height: 0;
  padding: 0 20px;
}
.aside--quotation > div {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #092a5e;
  position: relative;
  background-color: white;
}
.aside--quotation h2 {
  padding: 0 10px;
  font-size: 20px;
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
  background-color: #c2e6fa;
  position: relative;
  line-height: 45px;
}
.aside--quotation h2 img {
  width: 41px;
}
.aside--quotation .small-logo {
  display: inline-block;
  background: no-repeat left top;
  background-image: url(https://content.tui.fr/Content/img/common/logos/logos-svg/logo-tui.svg);
  height: 22px;
  width: 41px;
  float: left;
  margin: 10px 10px 0 0;
}

.js--send .form-validate--inline {
  width: 100%;
}

.promo-code .promo-code__title span:after {
  border: 3px solid #092a5e;
  border-width: 3px;
  border-left: none;
  border-bottom: none;
  content: "";
  display: inline-block;
  height: 14px;
  left: 10px;
  top: -6px;
  position: relative;
  transform: rotate(135deg);
  width: 14px;
}
.promo-code .promo-code__title.js--active span:after {
  transform: rotate(-45deg);
  top: 3px;
}
.promo-code .promo-code__title.js--show-next {
  padding-right: 0;
}
.promo-code .promo-code__title.js--show-next:after {
  display: none;
}
.promo-code .promo-code__container label + span {
  display: block;
}
.promo-code .promo-code__container > * {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.promo-code .promo-code__container .form-control {
  margin: 0 10px;
  width: 250px;
}
.promo-code .promo-code__container .btn {
  margin: 0 0 0 20px;
}
.promo-code .promo-code__container .color--quinary {
  color: #737373;
}
.promo-code.error #promoCodeLabel {
  color: #d40e14;
  display: block;
}
.promo-code.error #PromoCode {
  border-color: #d40e14;
}
.promo-code.error .form-control {
  margin: 0 10px 0 0;
}
.promo-code.error .promo-code__text {
  display: block;
  margin-top: 20px;
}
.promo-code.success #promoCodeLabel {
  color: #aad700;
}
.promo-code.success #PromoCode {
  border-color: #aad700;
}

.scrolltop-button {
  background: white;
  border-radius: 100%;
  opacity: 0.7;
  bottom: 73px;
  right: 60px;
}

footer {
  color: #737373;
  width: 100%;
  max-width: 1170px;
  margin: 20px auto 0;
}
footer .footer-content {
  display: table;
  width: 100%;
}
footer h2 {
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 400;
  color: #737373;
  font-size: 22px;
  margin-bottom: 10px;
}
footer li {
  font-size: 14px;
  padding-left: 40px;
  position: relative;
}
footer li + li {
  margin-top: 10px;
}
footer li h3 {
  font-size: 16px;
  font-family: "TUI Type", "Calibri", "Arial", sans-serif;
  font-weight: 700;
}
footer li svg, footer li img {
  position: absolute;
  left: 0;
  top: 5px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 30px;
  text-align: center;
}
footer li svg {
  fill: #737373;
}
footer article {
  display: table-cell;
  vertical-align: top;
}
footer article + article {
  text-align: right;
}
footer article + article img {
  display: inline-block;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-bottom: 5px;
}
footer .partner-custom {
  display: none;
}

.js--show-next:after {
  display: none;
}

.footer-sticky .btn:first-child.btn-secondary--minor {
  padding-left: 40px;
  background-image: url(https://content.tui.fr/Content/img/common/icon/icons-svg/document--energy-blue.svg);
  background-position: left 5px center;
  background-repeat: no-repeat;
  background-size: 30px;
}
.footer-sticky .max-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-sticky .product-price__oney img {
  display: inline-block;
  vertical-align: middle;
}
.footer-sticky .product-price__oney svg {
  cursor: pointer;
  vertical-align: middle;
}

@media screen and (max-width: 820px) {
  .scrolltop-button {
    bottom: 80px;
    right: 55px;
  }
}
@media screen and (max-width: 640px) {
  header .header__container > *:first-child {
    left: 10px;
  }
  header .header__container > *:first-child span {
    display: none;
  }
  header .header__container .collectivity-text + .collectivity-name {
    font-size: 14px;
    height: inherit;
    padding-top: 5px;
  }
  header .header__container .collectivity-text + .second-logo {
    margin-top: 3px;
    margin-right: 0;
  }
  .scrolltop-button {
    bottom: 82px;
  }
}
@media screen and (max-width: 480px) {
  .btn-primary--minor:focus, .btn-primary--minor:active, .btn-primary--minor.js--hover {
    background-color: #fddadb;
    border-color: #d40e14;
    color: #d40e14;
  }
  .promo-code .promo-code__container .btn-primary--minor {
    margin: 10px 0 0;
  }
  .footer-sticky .btn:first-child.btn-secondary--minor {
    width: 40px;
    padding: 10px;
  }
  .footer-sticky .btn:first-child.btn-secondary--minor span {
    display: none;
  }
  .footer-sticky.footer--oney .max-container {
    flex-wrap: wrap;
  }
  .footer-sticky .max-container {
    align-items: end;
  }
  .footer-sticky .max-container > div:first-child {
    order: 1;
  }
  .footer-sticky .max-container > div:nth-child(2) {
    margin-top: 10px;
    order: 3;
    text-align: right;
    width: 100%;
  }
  .footer-sticky .max-container > div:nth-child(2) p {
    margin-right: 0;
  }
  .footer-sticky .max-container > div:nth-child(2) p br {
    display: none;
  }
  .footer-sticky .max-container > div:nth-child(2) img:nth-child(2) {
    margin-right: 5px;
  }
  .footer-sticky .max-container > div:nth-child(2) svg {
    vertical-align: middle;
  }
  .footer-sticky .max-container > div:last-child {
    order: 2;
  }
}