@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Asap Condensed', sans-serif;
  font-size: clamp(14px, 0.9375vw, 18px);
  font-weight: 400;
  line-height: 1.5em;
  color: #838383;
  letter-spacing: 0.06em; }

a {
  color: inherit;
  text-decoration: none; }

img {
  width: auto\9;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

*:focus, a {
  outline: 0 !important; }

.container {
  margin: 0 11vw; }

.with-sidebar {
  margin: 6rem 0 3rem 0;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  grid-gap: 3rem; }

.sidebar {
  max-width: 28rem; }

@font-face {
  font-family: 'altiplano';
  src: url("../font/altiplano.eot?37980302");
  src: url("../font/altiplano.eot?37980302#iefix") format("embedded-opentype"), url("../font/altiplano.woff2?37980302") format("woff2"), url("../font/altiplano.woff?37980302") format("woff"), url("../font/altiplano.ttf?37980302") format("truetype"), url("../font/altiplano.svg?37980302#altiplano") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'altiplano';
    src: url('../font/altiplano.svg?45958155#altiplano') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "altiplano";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-heart:before {
  content: '\e800'; }

/* '' */
.icon-down:before {
  content: '\e801'; }

/* '' */
.icon-left:before {
  content: '\e802'; }

/* '' */
.icon-right:before {
  content: '\e803'; }

/* '' */
.icon-up:before {
  content: '\e804'; }

/* '' */
.icon-star:before {
  content: '\e805'; }

/* '' */
.icon-star-empty:before {
  content: '\e806'; }

/* '' */
.icon-mail:before {
  content: '\e807'; }

/* '' */
.icon-phone:before {
  content: '\e808'; }

/* '' */
.icon-print-1:before {
  content: '\e809'; }

/* '' */
.icon-down-open:before {
  content: '\f004'; }

/* '' */
.icon-up-open:before {
  content: '\f005'; }

/* '' */
.icon-right-open:before {
  content: '\f006'; }

/* '' */
.icon-left-open:before {
  content: '\f007'; }

/* '' */
.icon-play:before {
  content: '\f00f'; }

/* '' */
.icon-paper-plane:before {
  content: '\f01d'; }

/* '' */
.icon-star-half:before {
  content: '\f022'; }

/* '' */
.icon-star-half_empty:before {
  content: '\f024'; }

/* '' */
.icon-download:before {
  content: '\f02e'; }

/* '' */
.icon-location:before {
  content: '\f031'; }

/* '' */
.icon-facebook:before {
  content: '\f052'; }

/* '' */
.icon-info-circled:before {
  content: '\f085'; }

/* '' */
.icon-instagram:before {
  content: '\f16d'; }

/* '' */
.icon-whatsapp:before {
  content: '\f232'; }

/* '' */
.icon-youtube:before {
  content: '\f167'; }

/* '' */
.icon-pinterest:before {
  content: '\f312'; }

/* '' */
.icon-calendar:before {
  content: '\f4c5'; }

/* '' */
.icon-search:before {
  content: '\f50d'; }

/* '' */
.bold, h2, .like-h2, h3, .like-h3, h4, .like-h4, .bloc-nav .inner-content a, .bloc-nav .inner-content .like-a, .bulle, strong {
  font-weight: 700;
  letter-spacing: 0.1em; }

.semi-bold, h1, .like-h1, .small-title, .sable-tag, #fil-ariane li.current, #secondary-nav ul li.retour, #secondary-nav ul li.current, .icon-foot .container > div, #foot-nav ul {
  font-weight: 600;
  letter-spacing: 0.1em; }

.medium {
  font-weight: 500;
  letter-spacing: 0.1em; }

.uppercase, h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, .big-title, button, .btn, .tag, .green-tag, .sable-tag, #secondary-nav ul li.retour, .first-level-item > a:not(.btn), .bloc-nav .inner-content a, .bloc-nav .inner-content .like-a, .show-more {
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.dark-red, h2, .like-h2, h3, .like-h3, .first-level-item > a:not(.btn) {
  color: #331417; }

.white {
  color: #fff; }

.primary-col {
  color: #D2574B; }

.bg-dark-red, .tag {
  background: #331417;
  color: #fff; }

.bg-dark {
  background: #1A0A0C;
  color: #fff; }

.bg-primary, .btn.primary {
  background: #D2574B;
  color: #fff; }

.bg-green, .green-tag {
  background: #0C4C49;
  color: #fff; }

.bg-sable {
  background: #F6F4F0;
  color: #331417; }

.corner, .tag, .contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea, .select-wrapper, .tooltip .tooltip-content, .inspi-btn, .etape .detail-site, .signature-expli, .signature-spe, .one-by-one .one-slide-window {
  border-radius: 0.333333rem; }

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

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

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

.no-wrap {
  white-space: nowrap; }

.flex-center, .btn.arrow, #secondary-nav, .modal-overlay, .close, #big-home-img, #rea-picto .picto, .bulle, .big-slide .video-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.absolute-center, #home-search .voyagez img, .big-banner .on-banner, .big-slide .content-on-slide, .big-slide .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.clearfix::after,
.clearfix::before {
  content: '';
  display: table; }

.clearfix::after {
  clear: both; }

.flr {
  float: right; }

.fll {
  float: left; }

.half-size {
  width: 50%; }

.shadow-box {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
  border-radius: .5rem;
  padding: 2rem; }

@media (min-width: 1024px) {
  .avis-sidebar {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.13);
    background: #fff;
    border-radius: .5rem;
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .hide-desk {
    display: none !important; } }

@media (min-width: 1280px) {
  .hide-desk-head {
    display: none; } }

@media (max-width: 1279px) {
  #header .hide-phone {
    display: none; } }

h1, .like-h1 {
  font-size: 3.66667rem;
  line-height: 1em;
  margin: 0 0 2rem;
  display: block; }

h2, .like-h2 {
  font-size: 2.66667rem;
  line-height: 1em;
  margin: 0 0 2rem;
  display: block; }

h3, .like-h3 {
  font-size: 2rem;
  display: block;
  margin: 0 0 1rem;
  line-height: 1.2em; }
  h3 > a:hover, h3 > a:focus, .like-h3 > a:hover, .like-h3 > a:focus {
    color: #D2574B; }

h4, .like-h4 {
  font-size: 1.46667rem;
  margin: 0 0 .5rem; }

[class^="like-"] {
  display: block; }

.small-title {
  color: #020202; }

.sub-title {
  font-size: 1.2rem;
  margin: 0; }

.small, button, .btn, .tag, .green-tag, .sable-tag, .tooltip .tooltip-content, .desti-spe-list .spe-profil .spe-desti, em {
  font-size: 0.933333rem; }

.big-title {
  font-size: 1.46667rem;
  margin: 0 0 .5rem;
  color: #020202; }

.sub-title + p {
  margin-top: 0; }

p {
  margin: 1em 0; }
  p a, .main-content ul a, .desc-circuit ul a {
    color: #D2574B;
    font-weight: 600;
    text-decoration: underline; }
    p a:hover, .main-content ul a:hover, .desc-circuit ul a:hover {
      color: #331417; }

.aurore {
  font-family: 'Zeyada', cursive;
  font-weight: lighter; }

button {
  font-family: 'Asap Condensed', sans-serif; }

.btn {
    text-decoration:none;
  display: inline-block;
  padding: 1.2em 2.2em;
  line-height: 1;
  border: 1px solid #D2574B;
  border-radius: 2em;
  color: #D2574B;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s; }
  button [class^="icon-"]:before, button [class*=" icon-"]:before, .btn [class^="icon-"]:before, .btn [class*=" icon-"]:before {
    margin: 0 .8em;
    font-size: 0.8em;
    vertical-align: top;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  button:hover, button:focus, .btn:hover, .btn:focus {
    border-color: #331417;
    color: #331417; }
  button .icon-right:before, button .icon-left:before, .btn .icon-right:before, .btn .icon-left:before {
    font-size: 1em;
    vertical-align: middle; }

.btn.arrow {
  padding: 0;
  height: 3.5em;
  width: 3.5em;
  margin-right: 12px;
}
  .btn.arrow [class^="icon-"]:before, .btn.arrow [class*=" icon-"]:before {
    font-size: 1rem; }

.btn.shadow {
  background: #fff;
  border-color: transparent;
  box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2); }
  .btn.shadow:hover, .btn.shadow:focus {
    background: #D2574B;
    color: #fff; }

.btn.primary:hover, .btn.primary:focus {
  background: #331417;
  color: #fff; }

.btn.no-border {
  border: none;
  padding: 0;
  line-height: 3.5em; }

.btn img {
  vertical-align: bottom; }

.btn .icon-mail {
  margin-left: -2px; }

.bg-dark .btn.secondary:hover, .bg-dark .btn.secondary:focus {
  color: #fff;
  border-color: #fff; }

.bg-dark .btn.primary:hover, .bg-dark .btn.primary:focus {
  border-color: #fff; }

 .tags .tag:nth-child(n+6),
 body.home .tags .tag:nth-child(n+4) {
    display: none; }

.tag {
  display: inline-block;
  padding: .5em 1.5em; }

.green-tag {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 1.5em; }

.sable-tag {
  background: #F6F4F0;
  display: inline-block;
  padding: .4em 1.5em;
  border-radius: 1.5em;
  color: #331417; }

a.tag:hover, a.tag:focus, a.green-tag:hover, a.green-tag:focus, a.sable-tag:hover, a.sable-tag:focus {
  background: #D2574B; }

input,
textarea {
  border: 0;
  font-size: inherit;
  line-height: 2.5em;
  font-size: 1rem;
  font-family: inherit;
  color: #5B5B5B;
  padding: 0 .5rem;
  border-right: 1px solid #C4C4C4;
  width: 15rem;
  letter-spacing: 0.06em; }

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  margin: 0 1em 0 0; }

.contact-form input[type="number"],
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(210, 87, 75, 0.5);
  padding: .5em;
  height: 2em;
  line-height: 1; }
  .contact-form input[type="text"]:hover, .contact-form input[type="text"]:focus,
  .contact-form input[type="email"]:hover,
  .contact-form input[type="email"]:focus,
  .contact-form textarea:hover,
  .contact-form textarea:focus {
    border-color: #D2574B; }

.contact-form textarea {
  min-height: 10rem; }

.contact-form label {
  text-align: right; }

.contact-form button {
  margin: 1rem 0; }

.contact-form h2 {
  margin: 2rem 0; }

.form-grid {
  max-width: 800px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
  grid-gap: 1rem; }

.single-input-btn {
  border-radius: 2em;
  display: inline-block;
  margin-bottom: 1rem;
  white-space: nowrap; }
  .single-input-btn input[type="text"] {
    border: 0;
    margin: 0 2em;
    background: inherit;
    width: auto; }

.select-wrapper {
  display: inline-block;
  border: 1px solid rgba(210, 87, 75, 0.5);
  cursor: pointer;
  position: relative; }
  .select-wrapper:hover, .select-wrapper:focus {
    border-color: #D2574B;
    color: #020202; }

.select-wrapper, .select-wrapper select {
  line-height: 2.5em;
  font-size: 1rem;
  min-width: 10em;
  height: calc(2.5em + 2px); }

.select-wrapper .holder {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: -1;
  padding: 0 2.5em 0 1em;
  height: 100%; }
  .select-wrapper .holder:after {
    content: '\f004';
    font-family: "altiplano";
    color: #D2574B;
    position: absolute;
    right: 1em;
    top: 2px; }

.select-wrapper select {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%; }

.thematique .select-wrapper .holder,
.budget .select-wrapper .holder,
.destinations .select-wrapper .holder,
#home-search .select-wrapper .holder,
.periode .select-wrapper .holder {
  padding: 0 3em 0 3em; }

.thematique .select-wrapper .holder:before,
.budget .select-wrapper .holder:before,
.destinations .select-wrapper .holder:before,
#home-search .select-wrapper .holder:before,
.periode .select-wrapper .holder:before {
  content: '\e800';
  font-family: "altiplano";
  color: #D2574B;
  position: absolute;
  left: 1em;
  top: 2px; }

.filters .fll > span + span {
  margin-left: 1.33333rem; }

.budget .select-wrapper .holder:before {
  content: '€';
  font-family: Arial;
  font-weight: 600; }

#home-search .select-wrapper .holder:before,
.periode .select-wrapper .holder:before {
  content: '\f4c5'; }

.destinations .select-wrapper .holder:before {
  content: '\f031'; }

.trier-par .select-wrapper,
.no-border-select .select-wrapper {
  border: 0;
  text-transform: uppercase;
  color: #C4C4C4; }
  .trier-par .select-wrapper:hover, .trier-par .select-wrapper:focus,
  .no-border-select .select-wrapper:hover,
  .no-border-select .select-wrapper:focus {
    color: #020202; }

.tooltip {
  color: #D2574B;
  cursor: pointer;
  position: relative; }
  .tooltip .tooltip-content {
    position: absolute;
    background: #F6F4F0;
    padding: .5em 1em;
    color: #5B5B5B;
    white-space: nowrap;
    right: 0;
    display: none;
    -webkit-transform: translateY(1.5rem);
            transform: translateY(1.5rem);
    z-index: 2;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }

.tooltip:hover {
  color: #020202; }
  .tooltip:hover .tooltip-content {
    display: inline-block; }

#fil-ariane {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center; }
  #fil-ariane li {
    display: inline-block;
    margin: 0	0.8em; }
  #fil-ariane li + li:before {
    content: '•';
    position: relative;
    left: -0.9em;
    color: inherit; }
  #fil-ariane a:hover, #fil-ariane a:focus {
    text-decoration: underline; }

.big-slide + #fil-ariane,
.big-banner + #fil-ariane {
  position: absolute;
  -webkit-transform: translateY(-2.7rem);
          transform: translateY(-2.7rem);
  z-index: 3;
  width: 100%; }
  .big-slide + #fil-ariane li,
  .big-banner + #fil-ariane li {
    color: #fff; }
    .big-slide + #fil-ariane li a,
    .big-banner + #fil-ariane li a {
      text-shadow: 0 0 0.5em black; }

.simple-bloc p {
  margin: 0;
  padding: 0 20%;
  text-align: center;
  display: none; }

.simple-bloc .inner-content > a {
  height: 16.6667rem; }

@media (min-width: 1024px) {
  .simple-bloc .inner-content > a:hover, .simple-bloc .inner-content > a:focus {
    background: rgba(0, 0, 0, 0.3); }
    .simple-bloc .inner-content > a:hover p, .simple-bloc .inner-content > a:focus p {
      display: block; } }

.bloc-blog {
  font-size: 1.2rem; }
  .bloc-blog .inner-content > a {
    padding: 2rem;
    height: 20rem;
    position: relative; }
  .bloc-blog .like-h4 {
    margin-bottom: 0.8em; }
  .bloc-blog p {
    width: 100%; }
  .bloc-blog .blog-center {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 44% 56%;
    grid-template-areas: "." "cont"; }
    .bloc-blog .blog-center > div {
      grid-area: cont; }

.zoom-bg-img.bloc-blog,
.zoom-bg-img.bloc-circuit {
  text-shadow: none; }

.bloc-circuit .circuit {
  height: 18rem;
  padding: 1.33333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.bloc-circuit .tags {
  margin: 0 -1rem;
  height: 6rem;
  overflow: hidden; }

.bloc-circuit .tag {
  margin: 0 1rem 1rem; }

.bloc-circuit .infos-circuit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
.bloc-circuit .infos-circuit .like-h4 {
  margin: 0; }

.bloc-circuit strong {
  font-weight: 600;
  font-size: 1.2rem;
  margin-left: .2em; }

.list-city a:hover, .list-city a:focus {
  color: #331417; }

#secondary-nav {
  width: 100%;
  height: 4.3rem;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  #secondary-nav:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1.5em;
    left: 0;
    right: 0;
    height: 1.5em;
    background-image: -webkit-linear-gradient(bottom, rgba(196, 196, 196, 0), rgba(196, 196, 196, 0.3));
    background-image: linear-gradient(0deg, rgba(196, 196, 196, 0), rgba(196, 196, 196, 0.3)); }
  #secondary-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #secondary-nav ul li {
      display: inline-block;
      color: #331417;
      margin: 0	2em; }
    #secondary-nav ul li.retour {
      color: #C4C4C4;
      position: relative; }
      #secondary-nav ul li.retour i {
        color: #D2574B; }
      #secondary-nav ul li.retour:after {
        content: '';
        display: block;
        width: 1px;
        height: 120%;
        position: absolute;
        right: -2em;
        top: -10%;
        background: #838383; }
    #secondary-nav ul li.current {
      color: #D2574B; }
    #secondary-nav ul a:hover, #secondary-nav ul a:focus {
      color: #D2574B; }

#secondary-nav.header_ishere {
  top: 4.2rem; }

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.8); }

.modal-inner {
  position: relative;
  height: 65vh;
  width: 124vh;
  background: #5B5B5B; }

.modal-inner.video {
  background-image: var(--bg-image);
  background-position: center;
  background-size: cover; }

.close {
  position: absolute;
  top: -2.5rem;
  height: 2.5rem;
  width: 3rem;
  right: 0;
  color: #fff;
  font-size: 1.5rem;
  font-family: arial;
  background: #000;
  cursor: pointer; }

body.modal_isopen {
  overflow: hidden; }

#header {
  padding: 1.33333rem;
  position: fixed;
  z-index: 10;
  background: transparent;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  #header ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }

.inner-header {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 3.3rem;
  grid-template-areas: "logo navbis";
  grid-gap: 1.33333rem; }

@media (min-width: 1280px) {
  .inner-header {
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "logo nav navbis"; } }

#logo {
  grid-area: logo;
  position: relative;
  z-index: 2; }
  #logo img {
    height: 5rem; }

@media (min-width: 1280px) {
  #nav {
    grid-area: nav;
    -ms-flex-item-align: center;
        align-self: center; } }

#aside-nav {
  position: relative;
  grid-area: navbis;
  -ms-flex-item-align: center;
      align-self: center;
  z-index: 2; }
  #aside-nav .first-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #aside-nav .first-level .first-level-item a:not(.btn) {
      color: #838383; }
      #aside-nav .first-level .first-level-item a:not(.btn):hover, #aside-nav .first-level .first-level-item a:not(.btn):focus {
        color: #D2574B; }
    #aside-nav .first-level .first-level-item + .first-level-item {
      margin-left: 1.5em;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

@media (min-width: 1280px) {
  #nav .first-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #nav .first-level .first-level-item:hover > a, #nav .first-level .first-level-item:focus > a, #nav .first-level .first-level-item.current > a {
      background: url("../img/icon-trait-menu.svg") center 82% no-repeat; } }

.first-level-item > a:not(.btn) {
  font-weight: 600;
  padding: 1.2em;
  display: block;
  position: relative;
  z-index: 2; }

@media (min-width: 1280px) {
  .second-level {
    display: none; }
  #header .second-level {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 32px 32px -32px rgba(0, 0, 0, 0.2); }
    #header .second-level:before {
      content: '';
      display: block;
      background: #fff;
      height: 5rem;
      position: absolute;
      top: -5rem;
      left: 0;
      right: 0; }
    #header .second-level li {
      line-height: 1.8rem; }
    #header .second-level .second-level-item > a,
    #header .second-level .second-level-item > .like-a {
      text-transform: uppercase;
      color: #D2574B;
      font-weight: 600;
      letter-spacing: 0.1em;
      display: inline-block; }
    #header .second-level .second-level-item > a:hover, #header .second-level .second-level-item > a:focus {
      color: #331417; }
    #header .second-level .third-level-item > a,
    #header .second-level .third-level-item > .like-a {
      color: #331417; }
    #header .second-level .third-level-item > a:hover, #header .second-level .third-level-item > a:focus {
      color: #D2574B; } }

.bloc-nav .inner-content a, .bloc-nav .inner-content .like-a {
  padding: 1rem;
  height: 7.66667rem;
  font-size: 1.2em; }

@media (min-width: 1280px) {
  #header .desti-xxl {
    padding: 1rem 25vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    justify-content: space-evenly;
  }
}

@media (min-width: 1280px) {
  #header .ou-partir-xxl {
    padding: 1rem 20vw;
    justify-content: space-evenly;
  }
    #header .ou-partir-xxl .second-level-item:nth-child(1) {
      grid-area: nav1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1.8rem auto;
      grid-template-areas: "titre link" "link1 link"; }
      #header .ou-partir-xxl .second-level-item:nth-child(1) > a,
      #header .ou-partir-xxl .second-level-item:nth-child(1) > .like-a {
        grid-area: titre; }
      #header .ou-partir-xxl .second-level-item:nth-child(1) .list-left {
        grid-area: link1; }
      #header .ou-partir-xxl .second-level-item:nth-child(1) .list-right {
        grid-area: link;
        justify-self: center; }
    #header .ou-partir-xxl .second-level-item:nth-child(2) {
      grid-area: nav3;
      justify-self: center; }
    #header .ou-partir-xxl .second-level-item.img-item {
      grid-area: nav4;
      margin: 0 0 3.6rem 1.8rem; }
      #header .ou-partir-xxl .second-level-item.img-item .third-level.img-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-gap: 1.5rem; } }

#header.hide {
  top: -4.3rem; }
  #header.hide:after {
    display: none; }

#header.is_scroll {
  background: #fff;
  padding-top: .5rem;
  padding-bottom: .5rem; }
  #header.is_scroll:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1.5em;
    left: 0;
    right: 0;
    height: 1.5em;
    background-image: -webkit-linear-gradient(bottom, rgba(196, 196, 196, 0), rgba(196, 196, 196, 0.3));
    background-image: linear-gradient(0deg, rgba(196, 196, 196, 0), rgba(196, 196, 196, 0.3)); }
  #header.is_scroll #logo img {
    height: 3.3rem;
    width: auto; }

#header.is_scroll.hide:after {
  display: none; }

body.xxl_isopen #header:after {
  display: none; }

#nav .multi-desti {
  font-style: italic; }

@media (max-width: 1279px) {
  body.nav_show {
    overflow: hidden; }
  .contact-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    height: 3.5em;
    width: 3.5em; }
    .contact-btn .icon-mail:before {
      font-size: 1.2rem; }
  #show-mobi-nav {
    margin-left: 2rem;
    cursor: pointer; }
  #nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    z-index: 10;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 2rem;
    text-align: center; }
    #nav ul:not(.third-level) {
      margin-bottom: 2rem; }
    #nav a,
    #nav .like-a {
      padding: .5em 1.2em;
      display: block;
      line-height: 1.2; }
    #nav #close-mobile-nav {
      padding: 2rem;
      text-align: right; }
      #nav #close-mobile-nav img {
        top: 2rem;
        right: 2rem;
        position: fixed;
        height: 2rem;
        z-index: 2; }
    #nav .second-level {
      display: none; }
    #nav .first-level-item {
      display: grid;
      grid-template-columns: 100vw 100vw;
      grid-template-areas: "show hide";
      position: relative; }
    #nav .first-level-item.show_sub .second-level {
      display: block;
      grid-area: show; }
    #nav .first-level-item.is_hidden {
      display: none; }
    #nav .first-level-item.has-child > a:after {
      content: '\e803';
      font-family: "altiplano";
      display: inline-block;
      color: #D2574B;
      position: absolute;
      right: 2rem; }
    #nav .second-level-item > a,
    #nav .second-level-item > .like-a {
      color: #D2574B;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 0.1em;
      font-size: 1.5rem;
      margin-top: 1rem; }
    #nav .third-level-item > a,
    #nav .third-level-item > .like-a {
      line-height: 1;
      font-size: 1.5rem; } }

.general-outro {
  padding-top: 3rem;
  background: url("../img/img-footer-home.jpg") center top no-repeat #020202;
  background-size: 100%; }
  .general-outro h4 {
    color: #5B5B5B; }
  .general-outro .outro-text {
    min-height: 20rem; }
  .general-outro .outro-visible {
    margin: 1rem auto; }

body.home .general-outro .outro-text {
  min-height: 40rem; }

.news-etc {
  background-image: -webkit-linear-gradient(bottom, black, transparent);
  background-image: linear-gradient(0deg, black, transparent);
  padding-bottom: 3rem; }
  .news-etc .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .news-etc h4 {
    color: #fff;
    margin-bottom: 2rem;
    text-shadow: 0 0 0.5em black; }
    .news-etc .like-h4 {
      color: #fff;
      margin-bottom: 2rem;
      text-shadow: 0 0 0.5em black; }
  .news-etc .open-modal {
    text-decoration: underline;
    color: #D2574B; }
    .news-etc .open-modal:hover, .news-etc .open-modal:focus {
      color: #fff; }

.social h4 {
    margin-bottom: 2rem; }
.social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
  .social-links .btn.arrow [class^="icon-"]:before {
    font-size: 1.5rem; }

#newsletter-form {
  color: #fff; }
  .newsletter .email {
    background: #fff;
    border-radius: 2em;
    display: inline-block;
    margin-bottom: 1rem; }
  .newsletter input[type="email"] {
    border: 0;
    margin: 0 2em; }
#newsletter-form-modal .email {
  border: 1px solid lightgrey;
}

.icon-foot {
  padding: 2rem 0; }
  .icon-foot .container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1rem;
    justify-items: center; }
    .icon-foot .container > div {
      text-align: center;
      text-transform: uppercase; }
  .icon-foot .picto {
    height: 4rem;
    display: block;
    margin: 0 auto 1em; }
  .icon-foot .separation {
    height: 6rem; }

.logo-foot {
  height: 5rem;
  margin: 4rem 0; }

.foot-nav-etc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem; }

#foot-nav {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  #foot-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }
  #foot-nav li {
    margin-bottom: 1em; }
  #foot-nav a:hover, #foot-nav a:focus {
    color: #D2574B; }

.adresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: end; }
  .adresses a {
    text-decoration: none; }
    .adresses a:hover, .adresses a:focus {
      color: #fff; }

.credits {
  padding: 1rem 0; }

#big-home-img {
  height: calc(100vh + 15rem);
  min-height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #b97632;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: auto;
  margin-bottom: 12rem; }

#home-search {
  position: relative;
  z-index: 2;
  color: #fff;
  top: -6vh; }
  #home-search .like-h1 {
    margin: 0; }
  #home-search .sub-title {
    margin: 1.5rem 0;
    font-size: 1.46667rem;
    display: block; }
  #home-search .voyagez {
    height: 3rem;
    display: block;
    position: relative; }
    #home-search .voyagez img {
      height: 7rem;
      z-index: -1;
      margin-left: 1rem; }

#main-search {
  display: inline-block; }
  #main-search .desk-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
    color: #5B5B5B;
    height: 5rem;
    padding: 0 .5rem 0 2rem;
    border-radius: 5rem; }
    #main-search .desk-search .mobile-search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #main-search .desk-search .select-wrapper {
      text-transform: none; }
    #main-search .desk-search .select-wrapper .holder {
      z-index: 1; }
    #main-search .desk-search .input-desti {
      white-space: nowrap; }
    #main-search .desk-search .btn.arrow {
      height: 4.5em;
      width: 4.5em;
      border-radius: 100%;
      margin-left: 1rem; }
      #main-search .desk-search .btn.arrow img {
        width: 1.2rem; }

.ou-partir-link {
  margin-top: 1.5rem;
  text-decoration: underline; }

#rea-picto {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #331417;
  background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  background-image: linear-gradient(0deg, white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); }
  #rea-picto .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 2;
    bottom: -5rem; }
  #rea-picto .container > a {
    width: 30%;
    height: 100%;
    display: grid;
    grid-template-columns: auto 2fr;
    grid-template-rows: auto;
    grid-gap: 1.5rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end; }
  #rea-picto .like-h4 {
    color: #020202; }
  #rea-picto p {
    margin: 0; }
  #rea-picto #clouds {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-image: url("../img/cloud-full2.png"); }
  #rea-picto .picto {
    height: 5rem;
    width: 5rem; }

.special {
  font-weight: normal;
  font-size: 1.46667rem;
  color: #331417; }

.general-intro {
  margin: 5rem 0;
  color: #331417; }
  .general-intro .is-hidden .special {
    display: inline-block;
    margin: 0;
    font-size: 1.2rem; }

.slide-selection {
  margin: 3rem 0; }

.slide-inspiration {
  margin: 3rem 0; }
  .slide-inspiration .zoom-bg-img {
    margin-bottom: 1rem; }

.cross-section.bg-dark,
.cross-section.bg-sable {
  padding: 6rem 0; }
.cross-section.bg-primary {
  padding: 3rem 0; }

@media (min-width: 1024px) {
  .title-box {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
    .title-box a {
      justify-self: end; } }

.slide-specialistes {
  margin-top: 3rem; }

@media (min-width: 1024px) {
  .spe-slide-bloc {
    display: grid;
    grid-template-columns: 1fr 2fr; }
    .spe-slide-bloc .bloc-right {
      padding-right: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      grid-template-areas: "head head" "blog1 blog2";
      grid-gap: 2rem; }
      .spe-slide-bloc .bloc-right .title-box {
        grid-area: head; }
        .spe-slide-bloc .bloc-right .title-box .like-h4 {
          display: inline-block; }
        .spe-slide-bloc .bloc-right .title-box .aurore {
          font-size: 3.5rem;
          line-height: 4rem;
          margin-left: .2em; }
        .spe-slide-bloc .bloc-right .title-box .sub-title {
          position: relative;
          top: -0.5rem; }
      .spe-slide-bloc .bloc-right .selection1 {
        grid-area: blog1; }
      .spe-slide-bloc .bloc-right .selection2 {
        grid-area: blog2; } }

.spe-desti {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .spe-desti li {
    display: inline-block; }
    .spe-desti li:after {
      content: '•';
      margin: 0 .3em 0 .6em; }
    .spe-desti li a:hover, .spe-desti li a:focus {
      color: #D2574B; }
  .spe-desti li:last-child:after {
    display: none; }

.aurore.name {
  font-size: 6rem;
  margin: .8em 0 .2em; }

.spe-profil .picture {
  height: 14rem;
  width: 14rem;
  border-radius: 100%; }
  .spe-profil .picture .bg-img {
    background-image: var(--bg-image);
    background-position: top;
    background-size: cover; }

.profil .spe-profil {
  margin-bottom: 2rem; }

.profil {
  padding-left: 1rem; }

  #avis-home {
    margin-top: 4rem;
  }
  #avis-home > .container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
  }
  #avis-home-photo {
    margin-right: 2rem;
    border-radius: 0.5rem;
    overflow:hidden;
    height: 100%;
    position: relative;
  }
  #avis-home .title-box {
    position: relative;
    margin-top: 1rem; }
    #avis-home .title-box h2 {
      margin-bottom: .5rem; }
  #avis-home .quote {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-140%);
            transform: translateY(-140%); }
  #avis-home .satisfaction {
    font-size: 1.46667rem;
    color: #5B5B5B;
    line-height: 1.2em; }
  #avis-home .desti-name a:hover, #avis-home .desti-name a:focus {
    color: #331417; }

.slide-avis .one-by-one {
  margin-top: 3rem; }
  .slide-avis .one-by-one .next, .slide-avis .one-by-one .prev {
    position: static;
    -webkit-transform: none;
            transform: none;
    left: initial;
    right: initial;
    float: left;
    margin-right: 1rem; }

.avis-slide-item .client-name {
  color: #020202; }

.avis-slide-item .client-avis {
  width: 70%;
  margin-bottom: 2rem; }

@media (min-width: 1024px) {
  .blog-section,
  .profil-blog-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 2rem; }
    .blog-section p + .btn,
    .profil-blog-section p + .btn {
      margin-top: 1.5rem; }
  .profil-blog-section {
    grid-template-columns: 25% 75%; }
  .profil-blog-slide {
    padding: 0 2rem; } }

.desti-header {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows: auto; }

.intro-icons > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 3rem; }

.intro-icons img {
  height: 3rem;
  justify-self: end;
  margin-right: 1.5rem; }

.filters-select,
.list-avis {
  margin-top: 2rem; }

.filters {
  margin-top: .5rem; }

.list-circuit .bloc-circuit {
  margin: 2rem 0; }

.plus-circuit {
  padding: 6rem 0; }
  .plus-circuit .tags .tag:nth-child(n+2) {
    display: none; }

.grid-9 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1.33333rem;
  margin: 2rem 0; }

.cross-section {
  margin-top: 6rem; }

.grid-2, .resultat-recherche .list-circuit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2rem;
  margin: 2rem 0; }

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2rem;
  margin: 2rem 0; }

.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2rem;
  margin: 2rem 0; }

.grid-5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
  margin: 25px 0; }

.sidebar .btn:not(.arrow) {
  display: block; }

.desti-spe-list {
  margin: 2rem 0; }
  .desti-spe-list .spe-profil {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem; }
    .desti-spe-list .spe-profil .picture {
      width: 8rem;
      height: 8rem; }
    .desti-spe-list .spe-profil .aurore.name {
      font-size: 2.5rem;
      color: #331417;
      margin: .5em 0 0; }
    .desti-spe-list .spe-profil .sub-title {
      color: #331417;
      font-size: 1rem; }
  .desti-spe-list .spe-profil + .spe-profil {
    margin-top: 2rem; }

body.page-destination .desti-spe-list,
body.page-ou-partir .desti-spe-list,
body.page-agence .desti-spe-list {
  padding-top: 2rem;
  border-top: 1px solid #C4C4C4; }

.sidebar .desti-map {
  margin: 2rem 0;
}
.sidebar .desti-map.circuit-map {
  position: sticky;
  top: 5rem;
}

.inspi-btn {
  margin-top: 2rem;
  display: block;
  padding: 2rem;
  border: 2px solid rgba(210, 87, 75, 0.4); }
  .inspi-btn:hover, .inspi-btn:focus {
    border-color: #D2574B; }
  .inspi-btn .like-h4 {
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 1rem; }
  .inspi-btn img {
    vertical-align: baseline; }

.voyage-responsable {
  margin-top: 2rem; }
  .voyage-responsable .like-h4 {
    line-height: 1.5; }
  .voyage-responsable .simple-bloc .inner-content > a {
    height: 12rem; }

.voyage-responsable-leaves {
  white-space: nowrap;
  margin-bottom: .5rem;
  display: flex;
  gap: 0.25rem;
  align-items: start;
}

.map img {
  width: 100%; }

.list-etapes {
  margin: 6rem 0; }

.etape {
  color: #331417; }
  .etape .like-h4 {
    text-transform: none; }
  .etape .site {
    color: #D2574B;
    cursor: pointer; }
    .etape .site:after {
      content: '\f085';
      font-family: "altiplano";
      color: inherit;
      margin-left: .2em; }
    .etape .site:hover {
      color: #020202; }
  .etape .detail-site {
    display: none;
    background: #F6F4F0;
    padding: 1rem 2rem; }
    .etape .detail-site .sub-title {
      display: block;
      margin-bottom: 1rem; }
    .etape .detail-site .close-detail {
      text-align: right; }

.bulle {
  text-transform: uppercase;
  background: #D2574B;
  border: .5rem solid #fff;
  box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2);
  height: 3rem;
  width: 3rem;
  border-radius: 100%;
  font-size: 1.46667rem;
  color: #fff; }

.close-detail {
  cursor: pointer;
  font-family: arial;
  font-size: 2rem; }
  .close-detail:hover, .close-detail:focus {
    color: #D2574B; }

.bulle.green {
  background: #0C4C49; }

@media (min-width: 1024px) {
  .etape {
    display: grid;
    grid-template-columns: 1fr 3rem 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "un space deux" "detail detail detail";
    margin: 3rem 0 6rem; }
    .etape .etape-picture {
      position: relative;
      top: -3rem;
      z-index: +1; }
    .etape .etape-desc {
      border-radius: 0.333333rem;
      position: relative;
      border: 2px solid #EEEEEE;
      padding: 3rem 5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      grid-area: 1 / 1 / 2 / 4; }
    .etape .detail-site {
      grid-area: detail;
      position: relative;
      margin: -2rem 2rem 0 2rem;
      z-index: +1; }
  div.etape:nth-of-type(even) .etape-picture + .etape-desc {
    grid-area: 1 / 1 / 2 / 3; }
  div.etape:nth-of-type(even) .etape-picture {
    grid-area: 1 / 2 / 2 / 4; }
  div.etape:nth-of-type(even) .bulle {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
  div.etape:nth-of-type(odd) .etape-picture + .etape-desc {
    grid-area: 1 / 2 / 2 / 4; }
  div.etape:nth-of-type(odd) .etape-picture {
    grid-area: 1 / 1 / 2 / 3; }
  div.etape:nth-of-type(odd) .bulle {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%); }
  .etape.bloc-agence {
    grid-template-columns: auto 2rem auto;
    margin: 3rem 0; }
    .etape.bloc-agence .etape-picture {
      top: 2rem;
      max-width: 400px; }
    .etape.bloc-agence ul a {
      color: #D2574B;
      text-decoration: underline; }
      .etape.bloc-agence ul a:hover, .etape.bloc-agence ul a:focus {
        color: darkRed; } }

.infos-circuit .like-h3 {
  margin: 2rem 0 .5rem;
  line-height: 1; }

.infos-circuit .price-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.infos-circuit .villes {
    overflow: hidden;
    height: 1.5rem;
}
.infos-circuit .ville-tag {
    display:inline-block;
    white-space: nowrap;
}
.infos-circuit .price-btn {
  white-space: nowrap;
  margin-left: 1rem;
}

hr {
  border: none;
  border-bottom: 1px solid #DFDAD0;
  margin: 2rem 0;
}

.month-tags {
  margin: 0 -0.5rem 1rem; }

.sable-tag {
  margin: .5rem; }
  .sable-tag:hover, .sable-tag:focus {
    color: #fff; }

.partager {
  margin: 2rem 0;
display: flex;
align-items:center;
justify-content: center; }
  .partager [class^="icon-"]:before {
    font-size: 1.5rem; }
  .partager .icon-mail:before {
    font-size: 1.2rem; }
  .partager a:hover, .partager a:focus {
    color: #D2574B; }
.partager a { width: 3rem; }
.partager .icon-facebook { margin-left:0.5rem; }
.partager .icon-mail { margin-left:-0.3rem; }


body.page-circuit {
  margin-bottom: 5rem; }

#sticky-bottom-cta {
  box-shadow: 0 32px 32px 32px rgba(0, 0, 0, 0.2);
  height: 5rem;
  padding: 0 5rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9; }
  #sticky-bottom-cta .like-h3 {
    margin: 0; }
  #sticky-bottom-cta .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #sticky-bottom-cta .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 1rem; }
    #sticky-bottom-cta .tel .btn {
      border: 1px dashed #D2574B;
      margin-right: 1rem;
      cursor: initial; }
      #sticky-bottom-cta .tel .btn .icon-phone {
        border: 1px solid #D2574B;
        border-radius: 100%; }
        #sticky-bottom-cta .tel .btn .icon-phone:before {
          font-size: 1.5rem;
          margin: .5em; }

.big-banner {
  background-image: var(--bg-image);
  background-position: center;
  background-size: cover;
  position: relative;
  height: 30rem; }
  .big-banner .on-banner {
    color: #fff;
    text-shadow: 0 0 0.5em black; }
.big-banner.offcenter {
    background-position-x:65%; }

body.page-cms {
  margin-top: 7rem; }

.container-cms {
  width: 60vw;
  margin: 0 auto; }

.signature-expli {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F6F4F0;
  padding: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem; }
  .signature-expli .aurore {
    font-size: 2.4rem; }
  .signature-expli p {
    margin-bottom: 0; }
  .signature-expli .dark-red, .signature-expli h2, .signature-expli .like-h2, .signature-expli h3, .signature-expli .like-h3, .signature-expli .first-level-item > a:not(.btn) {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 2px solid #DFDFDF; }

.signature-content h1 {
  color: #331417;
  margin: 2rem 0; }

.ariane-cms {
  position: relative;
  margin: 1rem 0; }
  .ariane-cms .retour {
    color: #C4C4C4;
    position: absolute;
    left: 0; }
    .ariane-cms .retour:hover, .ariane-cms .retour:focus {
      color: #D2574B; }

.big-img {
  width: 100%; }

.signature-text {
  max-width: 45rem;
  margin: 2rem auto; }
  .signature-text .chap-title {
    color: #5B5B5B;
    font-size: 1.46667rem; }

.signature-spe-grid {
  margin: 2rem -1rem; }

.signature-spe {
  box-sizing: border-box;
  float: left;
  display: inline-block;
  text-align: left;
  width: calc(50% - 2rem);
  margin: 1rem;
  padding: 0 2rem .5rem;
  border: 2px solid #DFDFDF; }
  .signature-spe .desti-spe-list .spe-profil {
    grid-template-columns: 1fr 3fr; }
  .signature-spe .desti-spe-list .spe-profil .picture {
    height: 6rem;
    width: 6rem; }

.bloc-site .inner-content {
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(255,255,255,0) 50%); }

.bloc-site .sub-title {
  font-size: .7rem;
  font-weight: normal; }

.bloc-site .inner-content a,
.bloc-site .inner-content .like-a {
  height: 12rem; }

.detail-site-img {
  margin: 2rem 0; }
  .detail-site-img img {
    width: 100%; }

.infos-item {
  position: relative;
  display: block;
  color: #331417;
  border: 2px solid #EEEEEE;
  padding: 2rem 2rem 2rem 3rem; }
  .infos-item .bulle {
    position: absolute;
    border: .4rem solid #fff;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
    height: 2rem;
    width: 2rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
  .infos-item:hover, .infos-item:focus {
    background: #D2574B;
    color: #fff;
    border-color: #D2574B; }
    .infos-item:hover h3, .infos-item:hover i, .infos-item:focus h3, .infos-item:focus i {
      color: #fff; }
    .infos-item:hover .bulle, .infos-item:focus .bulle {
      background: #fff;
      border-color: #D2574B; }

.infos-item.special-item {
  background: #D2574B;
  color: #fff;
  border-color: #D2574B;
  order: 1; }
  .infos-item.special-item h3, .infos-item.special-item i {
    color: #fff; }
  .infos-item.special-item .bulle {
    background: #fff;
    border-color: #D2574B; }
  .infos-item.special-item:hover, .infos-item.special-item:focus {
    background: #fff;
    color: #331417;
    border-color: #EEEEEE; }
    .infos-item.special-item:hover h3, .infos-item.special-item:hover i, .infos-item.special-item:focus h3, .infos-item.special-item:focus i {
      color: inherit; }
    .infos-item.special-item:hover .bulle, .infos-item.special-item:focus .bulle {
      background: #D2574B;
      border-color: #fff; }

@media (min-width: 1024px) {
  .infos-item.special-item {
    grid-column: 1 / span 2; } }

.infos-content {
  margin: 2rem 0;
  color: #331417; }

.avis-moyenne {
  color: #331417;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem; }
  .avis-moyenne > div {
    margin-right: 1rem; }
  .avis-moyenne img {
    width: 1.5rem;
    vertical-align: text-top; }

.star-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem; }
  .star-title .stars {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 1rem; }
  .star-title .stars img {
    vertical-align: top; }

.avis-item {
  margin: 4rem 0; }
  .avis-item .desti-name a:hover, .avis-item .desti-name a:focus {
    color: #331417; }

a.retour:hover, a.retour:focus {
  color: #331417; }

.cross-section.bg-sable + .cross-section.bg-dark {
  margin-top: 0; }

.no-sidebar {
  margin-top: 4rem; }

@media (min-width: 1024px) {
  .desc-center {
    grid-column-end: 1 span2;
    grid-column-start: 2;
    -ms-flex-item-align: center;
        align-self: center; } }

.bloc-equipe {
  margin: 0 !important; }
  .bloc-equipe .show-more {
    text-decoration: none; }

body.page-agence .bloc-equipe.desti-spe-list {
  border-top: none; }

.partenaire-slide-item a {
  min-height: 10em; }

#avis-request > .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../img/img-temoignage-home.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left; }

#avis-request .shadow-box {
  margin: 6rem 0; }

#avis-request .shadow-box > div {
  position: relative;
  margin-top: 1rem; }
  #avis-request .shadow-box > div h2 {
    margin-bottom: .5rem; }

#avis-request .quote {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-140%);
          transform: translateY(-140%); }

.reponse-altiplano {
  padding: 2rem;
  margin-left: 2rem;
  position: relative; }
  .reponse-altiplano:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -10px;
    left: 100px;
    background: inherit; }

.open-modal {
  text-decoration: underline;
  color: #D2574B; }
  .open-modal:hover, .open-modal:focus {
    color: #331417; }

.desti-bloc .simple-bloc .inner-content > a {
  height: 10rem; }
.zoom-bg-img.simple-bloc + a {
  margin-top:0.2rem;
}

@media (min-width: 1024px) {
  .resultat-recherche .filters-select {
    margin-top: 0; } }

.resultat-recherche .list-circuit .bloc-circuit {
  margin: 0; }
.resultat-recherche .tags {
    height:5rem;
}
.resultat-recherche .tags .tag{
    padding: .4em 1.2em;
    margin: 0 .5rem .5rem;
    font-size: 0.933333rem;
}
.resultat-recherche .tags .tag:nth-child(n+4) {
  display: none; }

.slide-avis-sidebar {
  margin-top: 3rem; }
  .slide-avis-sidebar .one-by-one {
    margin-top: 1rem; }
  .slide-avis-sidebar .avis-btn {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .slide-avis-sidebar .avis-slide-item .client-avis {
    width: 100%; }

.btn .icon-paper-plane:before {
  font-size: 1rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-right: 0; }

.required {
  color: red; }

.shadow-box + .shadow-box {
  margin-top: 2rem; }

#itineraire .single-input-btn {
  background: #F6F4F0; }

#itineraire #map-agence {
  min-height: 20rem; }

.main-content .social {
  display: inline-block; }

.page-voyage-responsable .cross-section h4 {
  margin: 2rem 0 1.5rem;
  color: #331417; }

.zoom-bg-img {
  display: block;
  color: #fff;
  text-shadow: 0 0 0.5em black;
  position: relative;
  overflow: hidden; }
  .zoom-bg-img .inner-content {
    position: relative; }
    .zoom-bg-img .inner-content:before {
      content: '';
      border-radius: 0.333333rem;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }
    .zoom-bg-img .inner-content > * {
      position: relative;
      z-index: 1; }

.bg-img {
  height: 100%;
  width: 100%;
  background-image: var(--bg-image);
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0.333333rem; }

.zoom-bg-img:hover .bg-img {
  width: 105%;
  height: 105%; }

button.roll-down:hover [class^="icon-"]:before, button.roll-down:hover [class*=" icon-"]:before, button.roll-down:focus [class^="icon-"]:before, button.roll-down:focus [class*=" icon-"]:before, .btn.roll-down:hover [class^="icon-"]:before, .btn.roll-down:hover [class*=" icon-"]:before, .btn.roll-down:focus [class^="icon-"]:before, .btn.roll-down:focus [class*=" icon-"]:before {
  -webkit-transform: translateY(0.5em);
          transform: translateY(0.5em); }

button.roll-up:hover [class^="icon-"]:before, button.roll-up:hover [class*=" icon-"]:before, button.roll-up:focus [class^="icon-"]:before, button.roll-up:focus [class*=" icon-"]:before, .btn.roll-up:hover [class^="icon-"]:before, .btn.roll-up:hover [class*=" icon-"]:before, .btn.roll-up:focus [class^="icon-"]:before, .btn.roll-up:focus [class*=" icon-"]:before {
  -webkit-transform: translateY(-0.5em);
          transform: translateY(-0.5em); }

button.roll-right:hover [class^="icon-"]:before, button.roll-right:hover [class*=" icon-"]:before, button.roll-right:focus [class^="icon-"]:before, button.roll-right:focus [class*=" icon-"]:before, .btn.roll-right:hover [class^="icon-"]:before, .btn.roll-right:hover [class*=" icon-"]:before, .btn.roll-right:focus [class^="icon-"]:before, .btn.roll-right:focus [class*=" icon-"]:before {
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em); }

button.roll-left:hover [class^="icon-"]:before, button.roll-left:hover [class*=" icon-"]:before, button.roll-left:focus [class^="icon-"]:before, button.roll-left:focus [class*=" icon-"]:before, .btn.roll-left:hover [class^="icon-"]:before, .btn.roll-left:hover [class*=" icon-"]:before, .btn.roll-left:focus [class^="icon-"]:before, .btn.roll-left:focus [class*=" icon-"]:before {
  -webkit-transform: translateX(-0.5em);
          transform: translateX(-0.5em); }

.big-slide {
  height: max(75vh, 410px);
  position: relative; }
  .big-slide .content-on-slide {
    width: 100%;
    margin-top: 5rem;
    z-index: 3;
    text-align: center; }
  .big-slide .like-h1.on-slide {
    color: #fff;
    text-shadow: 0 0 0.5em black;
    margin: 1rem; }
  .big-slide .tag-on-slide {
    display: inline-block;
    max-width: 40rem; }
  .big-slide .tag {
    margin: .5rem; }
  .big-slide .video-btn {
    height: 3.5rem;
    width: 3.5rem;
    z-index: 3;
    margin-top: -1rem; }
  .big-slide ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .big-slide .slider-img li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--bg-image);
    background-position: center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
  .big-slide .slider-img li.active {
    opacity: 1;
    z-index: +1; }
  .big-slide .slider-img a {
    display: block;
    height: 100%;
    width: 100%; }
  .big-slide .slider-links {
    position: absolute;
    z-index: +1;
    width: 100%;
    text-align: center;
    bottom: 9%; }
    .big-slide .slider-links li {
      display: inline-block;
      margin: 0 0.4rem; }
    .big-slide .slider-links .puce {
      display: block;
      height: 0.9rem;
      width: 0.9rem;
      border-radius: 100%;
      background: rgba(255, 255, 255, 0.8); }
    .big-slide .slider-links .active .puce {
      background: #D2574B; }

.is-hidden {
  display: none; }

.show-more {
  color: #D2574B;
  cursor: pointer; }
  .show-more:hover {
    color: #020202; }

.show-more.is_show i:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center; }

.one-by-one {
  position: relative; }
  .one-by-one .next, .one-by-one .prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .one-by-one .next {
    right: -6rem; }
  .one-by-one .prev {
    left: -6rem; }
  .one-by-one .one-slide-window {
    overflow: hidden; }
  .one-by-one .one-slide-content {
    display: grid;
    grid-auto-flow: column; }
  .one-by-one .one-slide-content.by1 {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    grid-gap: 0;
    grid-template-columns: 100%;
    grid-auto-columns: 100%; }
  .one-by-one .one-slide-content.by2 {
    -webkit-column-gap: 35px;
       -moz-column-gap: 35px;
            column-gap: 35px;
    grid-gap: 35px;
    grid-template-columns: calc((100% - (1*35px))/2);
    grid-auto-columns: calc((100% - (1*35px))/2); }
  .one-by-one .one-slide-content.by3 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    grid-gap: 30px;
    grid-template-columns: calc((100% - (2*30px))/3);
    grid-auto-columns: calc((100% - (2*30px))/3); }
  .one-by-one .one-slide-content.by4 {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    grid-gap: 25px;
    grid-template-columns: calc((100% - (3*25px))/4);
    grid-auto-columns: calc((100% - (3*25px))/4); }
  .one-by-one .one-slide-content.by5 {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    grid-gap: 25px;
    grid-template-columns: calc((100% - (4*25px))/5);
    grid-auto-columns: calc((100% - (4*25px))/5); }

@-webkit-keyframes e {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes e {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  opacity: 0;
  -webkit-transform: translateY(-100vh);
          transform: translateY(-100vh); }
  .modal .modal-box {
    position: relative;
    max-width: 800px;
    width: 100%; }
  .modal .modal-content {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 100px 100px rgba(0, 0, 0, 0.5); }
  .modal .fermer-modal {
    display: block;
    font-size: 1.5rem;
    text-align: right;
    color: #fff;
    font-family: arial;
    cursor: pointer;
    margin-bottom: 1rem; }
    .modal .fermer-modal span {
      background: #000;
      padding: .6rem 1rem; }
  .modal .fermer-modal:hover {
    color: #D2574B; }

.modal-content {
  max-height: 40vh;
  overflow: auto; }

.modal.is_open {
  -webkit-animation-name: e;
          animation-name: e; }

#mailform button {
  margin: 10px; }

@media (max-width: 1023px) {
  .hide-phone {
    display: none !important; }
  .container,
  .container-cms {
    width: auto;
    margin: 0 5vw; }
  .btn:not(.contact-btn):not(.arrow):not(.no-border) {
    padding: 1.2em; }
  .btn.no-border {
    line-height: 2em; }
  #big-home-img {
    background-size: 100%;
    margin-bottom: 0;
    height: auto; }
  h1, .like-h1 {
    font-size: 2.5rem; }
  #home-search {
    top: 0;
    padding-top: 10rem; }
  .slogan {
    margin: 0 5vw; }
  #main-search .desk-search {
    background: none;
    display: block;
    height: auto;
    padding: 0; }
  #main-search .mobile-search {
    background: #fff;
    height: 5rem;
    padding: 0 .5rem 0 2rem;
    border-radius: 5rem; }
  #main-search .select-wrapper .holder {
    font-size: 0; }
  #main-search .select-wrapper, #main-search .select-wrapper select {
    min-width: 7rem; }
  #main-search .select-wrapper .holder:before,
  #main-search .select-wrapper .holder:after,
  #main-search .icon-location {
    font-size: 1.5rem; }
  #main-search input {
    width: auto; }
  #main-search .desk-search .btn.arrow {
    height: 5rem;
    width: 100%;
    border-radius: 5rem;
    margin: 1rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: initial;
            flex-direction: initial;
    position: relative; }
    #main-search .desk-search .btn.arrow img {
      position: absolute;
      right: 2rem; }
  button, .btn,
  .ou-partir-link {
    font-size: 1.2rem; }
  .contact-btn {
    font-size: inherit; }
  #rea-picto {
    position: relative;
    width: 100%;
    background-image: -webkit-linear-gradient(bottom, white, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(0deg, white, white, rgba(255, 255, 255, 0)); }
  #rea-picto #clouds {
    position: relative;
    background-size: 100%;
    height: 10rem; }
    #rea-picto #clouds:after {
      content: '';
      display: block;
      background: #fff;
      height: 50vh;
      width: 100%;
      position: absolute;
      top: 100%; }
  #rea-picto .container {
    display: block;
    bottom: 0;
    padding-top: 2rem; }
  #rea-picto .container > a {
    width: 100%;
    max-width: 400px;
    grid-template-columns: 1fr 2fr;
    margin: 0 auto 3rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #rea-picto .picto {
    width: auto; }
    #rea-picto .picto img {
      height: 6rem; }
  h2, .like-h2 {
    font-size: 1.7rem; }
  .one-by-one .one-slide-content.by2,
  .one-by-one .one-slide-content.by3,
  .one-by-one .one-slide-content.by4 {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    grid-gap: 20px;
    grid-template-columns: 100%;
    grid-auto-columns: 100%; }
  .one-by-one .one-slide-content.by5 {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    grid-gap: 20px;
    grid-template-columns: 70%;
    grid-auto-columns: 70%; }
  .one-by-one .prev {
    display: none; }
  .one-by-one .next {
    right: -5vw; }
  #avis-home > .container {
    display: block; }
    #avis-home > .container .one-by-one .prev {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: calc(50% - 4em); }
  .news-etc .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .icon-foot .container {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem 2.5%; }
  .foot-nav-etc {
    display: block; }
  .adresses,
  #foot-nav {
    justify-items: start;
    grid-gap: 2rem;
    margin-bottom: 3rem; }
  .newsletter .email input {
    width: auto;
    margin-right: 0; }
  .newsletter .email .btn {
    padding: 0 !important;
    height: 3.5em;
    width: 3.5em;
    position: relative;
    right: -2px; }
  .newsletter, .social {
    margin-bottom: 3rem; }
  .newsletter .icon-paper-plane::before {
    font-size: 1.2rem;
    margin: 0 .8em; }
  .general-outro {
    background-size: auto;
    background-position: center bottom;
    background-color: #fff;
    padding-top: 6rem; }
  .cross-section {
    margin-top: 3rem; }
  .general-intro {
    margin: 3rem 0;
    position: relative;
    z-index: 2; }
  .half-size {
    width: 100%; }
  .one-by-one .btn.arrow {
    box-sizing: border-box;
    border: .5em solid white; }
    .one-by-one .btn.arrow i:before {
      font-size: 1.1rem; }
  #avis-home .one-by-one .btn.arrow {
    border: none; }
  .cross-section.bg-dark,
  .cross-section.bg-sable {
    padding: 3rem 0; }
  .section-spe {
    text-align: center; }
  .profil .spe-profil {
    margin-bottom: 0; }
  .spe-profil .picture {
    display: inline-block; }
  .inline {
    display: inline-block; }
  .spe-slide-bloc .title-box .aurore {
    font-size: 2rem; }
  .spe-slide-bloc .title-box {
    margin: 3rem 0 2rem; }
  .aurore.name {
    font-size: 3rem; }
  .slide-specialistes .one-by-one .next {
    top: 80%;
    border-color: #1A0A0C; }
  .sidebar .desti-spe-list .spe-profil:nth-child(n+6) {
    display:none; }
  .bg-dark .one-by-one .next {
    border-color: #1A0A0C; }
  .full-w-phone {
    display: block;
    text-align: center; }
  #avis-home-photo {
    margin-right: 0;
  }
  #avis-home-photo-cont {
    display: flex;
    flex-direction: column-reverse;
  }
  #avis-home .shadow-box {
    text-align: center; }
  .avis-slide-item .client-avis {
    width: 100%; }
  #avis-home .quote {
    left: 50%;
    -webkit-transform: translateY(-100%) translateX(-50%);
            transform: translateY(-100%) translateX(-50%); }
  #avis-home .title-box h2 {
    padding-top: 3rem; }
  .slide-avis {
    margin-bottom: 3rem; }
  #avis-home > .container {
    min-height: auto; }
  .blog-section .bloc-blog {
    margin-bottom: 2rem; }
  #logo img {
    height: 3.3rem; }
  .with-sidebar {
    margin: 0;
    display: block; }
  body.page-circuit .big-slide {
    height: 100vh; }
  body.page-destination .big-slide {
    height: 70vh; }
  .big-slide .video-btn {
    margin-top: -5rem; }
  .big-slide + #fil-ariane, .big-banner + #fil-ariane,
  #secondary-nav ul li.retour::after,
  body.page-cms #fil-ariane {
    display: none; }
  #secondary-nav ul {
    white-space: nowrap; }
  #secondary-nav ul li {
    margin: 0 1rem; }
  #secondary-nav {
    overflow-x: scroll;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: initial;
            flex-direction: initial;
    box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2); }
    #secondary-nav:after {
      display: none; }
  .page-circuit .map,
  .desti-map {
    margin: 0 -5vw; }
  .etape {
    position: relative;
    margin-bottom: 3rem; }
    .etape .detail-site {
      margin-top: -1rem;
      border-radius: 0 0 0.5rem 0.5rem; }
  .etape-picture {
    text-align:center; }
  .bulle {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }
  .etape-desc {
    border: 2px solid #EEEEEE;
    padding: 2rem;
    border-radius: 0 0 0.5rem 0.5rem; }
  .list-etapes {
    margin-bottom: 3rem; }
  .center-phone {
    text-align: center; }
    .center-phone a + a {
      margin-top: 1em; }
  .center-phone.hide-desk {
    margin-top: 2rem; }
  .slide-propositions {
    margin-bottom: 2rem; }
  #secondary-nav .btn.arrow {
    height: 3rem;
    width: 3rem; }
  body.page-circuit {
    margin: 0; }
  .desti-header,
  .intro-icons > div {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto; }
  .intro-icons {
    margin-top: 3rem;
    grid-row-start: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center; }
  .intro-icons img {
    justify-self: center;
    margin: 0 0 1rem; }
  .desti-side-mob {
    margin-top: 3rem; }
    .desti-side-mob .desti-map {
      margin-top: 2rem; }
  .plus-circuit {
    margin-top: 3rem; }
  .grid-9,
  .grid-2,
  .resultat-recherche .list-circuit,
  .grid-3,
  .grid-4,
  .grid-5,
  .form-grid {
    grid-template-columns: 1fr; }
  .contact-form label {
    text-align: left; }
  .filters .fll, .filters .flr {
    float: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    justify-items: center; }
  .filters .flr {
    margin-top: 1rem; }
  .filters .fll > span + span {
    margin: 0; }
  .intro {
    margin-top: 3rem; }
  h3, .like-h3 {
    line-height: 1em; }
  .signature-expli {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .signature-expli .dark-red, .signature-expli h2, .signature-expli .like-h2, .signature-expli h3, .signature-expli .like-h3, .signature-expli .first-level-item > a:not(.btn) {
      margin: 0 0 1rem 0;
      padding: 0 0 1rem 0;
      border-right: none;
      border-bottom: 2px solid #DFDFDF; }
  .ariane-cms {
    text-align: left; }
  .ariane-cms .retour {
    position: relative; }
  .signature-spe {
    float: none;
    width: auto; }
  #sticky-bottom-cta .right {
    display: block;
    width: 100%;
    text-align: center; }
    #sticky-bottom-cta .right .btn {
      min-width: 80%;
      white-space: nowrap; }
  #avis-request > .container {
    display: block; }
  #avis-request .quote {
    height: 4rem; }
  .bloc-agence {
    margin-top: 3rem; }
  section.sidebar {
    margin-top: 3rem; }
  .avis-moyenne {
    display: block; }
    .avis-moyenne > div {
      float: left; }
    .avis-moyenne > div:first-child {
      margin-bottom: .5em; }
  .star-title {
    display: block; }
  .avis-title {
    margin: .5em 0; }
  .profil-blog-slide {
    margin-bottom: 2rem; }
  .single-input-btn input[type="text"] {
    width: auto; }
  .cross-section .btn + .btn {
    margin-top: 1rem; } }

@media (max-width: 600px) {
  #home-search {
    top: 0;
    padding-top: 20rem; }
  .slide-inspiration .one-by-one .next {
    right: 17vw; }
  #avis-home .title-box h2 {
    padding-top: 2rem; }
.bloc-circuit .tags {
  height: 5rem; }
  .tags .tag:nth-child(n+4) {
    display: none; }
    .tags .tag{
        padding: .4em 1.2em;
        margin: 0 .5rem .5rem;
    }
 }

@media (min-width: 600px) and (max-width: 1023px) {
  .grid-4, .grid-5 {
    grid-template-columns: 1fr 1fr; }
  .one-by-one .one-slide-content.by5 {
    -webkit-column-gap: 35px;
       -moz-column-gap: 35px;
            column-gap: 35px;
    grid-gap: 35px;
    grid-template-columns: calc((100% - (1*35px))/2);
    grid-auto-columns: calc((100% - (1*35px))/2); } }

@media (min-width: 1024px) and (max-width: 1280px) {
  .grid-5 {
    grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 1280px) {
  .resultat-recherche .list-circuit {
    grid-template-columns: 1fr; } }


.slide-partenaires {
    height:19rem; }

.roll-list .simple-bloc:nth-child(n+7),
.extensions-grid .bloc-circuit:nth-child(n+10) {
    display:none; }
@media (max-width: 1023px) {
    .roll-list .simple-bloc:nth-child(n+5),
    .extensions-grid .bloc-circuit:nth-child(n+7) {
        display:none; }
}
.roll-list.show-all .simple-bloc,
.extensions-grid.show-all .bloc-circuit {
    display:block; }

[v-cloak] { display:none; }

.cc-revoke, .cc-window {
    font-family: 'Asap Condensed', sans-serif !important;
    font-size: clamp(14px, 0.9375vw, 18px) !important;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.06em;
}

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

.mapboxgl-popup
{
    font: 1rem 'Asap Condensed', sans-serif;
}
.bloc-agence
{
    position:relative;
}
.bloc-agence .bulle
{
    display:none;
}
.bloc-agence::after
{
    content:'';
    background-color:#D2574B;
    border-radius:100%;
    border: .5rem solid white;
    width:3rem;
    height:3rem;
    position:absolute;
    top:50%;
    right:0;
    transform:translate(50%, -50%);
    box-shadow: 5px 5px 15px 1px rgba(0,0,0,.2);
    z-index:+2;
}
.bloc-agence:nth-of-type(even)::after
{
    right:unset;
    left:0;
    transform:translate(-50%, -50%);
}

.page-voyage-responsable .bloc-agence::after,
.pays-voyage-resp .bloc-agence::after,
.bloc-agence.green::after
{
    background-color:#0C4C49;
}

@media (max-width: 1024px) {
    .bloc-agence::after
    {
        top:0 !important;
        left:50%  !important;
        transform:translate(-50%, -50%) !important;
    }
}

.circuit-experience .icon-info-circled.site
{
    color: #0C4C49;
}
.circuit-experience .icon-info-circled.site:hover
{
    color: #020202;
}
@media (min-width: 1024px) {
    .detail-site .signature-expli .dark-red
    {
        display:flex;
        flex-flow:column;
        justify-content:center;
        height:6rem;
    }
}

.container .container
{ margin:inherit; }

.obf {cursor:pointer}

.obf:hover {
    color: #D2574B;
}

.first-level-item > .obf:not(.btn) {
    font-weight: 600;
    padding: 1.2em;
    display: block;
    position: relative;
    z-index: 2;
    color: #331417;
}
#nav .obf {
    padding: 0.5em 1.2em;
    display: block;
    line-height: 1.2;
}

.first-level-item > .obf:not(.btn), .bloc-nav .inner-content .obf {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.center-phone .obf {
    margin-top: 1em;
}

/* chatbot et axeptio */
#axeptio_overlay {
  z-index: 10 !important;
}

/* affichage circuit mobile */
.unfold-button
{
  margin:1rem;
  margin-left: auto;
  color: #D2574B;
  display:flex;
  align-items: center;
  cursor: pointer;
  width:fit-content;
}
.unfold-button img
{
  border: 1px solid #D2574B;
  width: 16px;
  margin-left: .5rem;
}

.list-etapes .etape-title
{
  margin-top: -1px;
  border: 1px solid #D2574B;
  display: flex;
  align-items: center;
  padding: 1rem;
}

.list-etapes .etape-title .bulle
{
  position: initial !important;
  transform: initial !important;
  margin-right: 1rem;
}
.list-etapes .etape-content
{
  padding: 1rem;
}
.list-etapes .etape-content .etape-picture
{
  top: 0;
}
.list-etapes .etape-content .detail-site
{
  margin: 0;
}

.hide-desk .desc-circuit p {
  margin: 0;
  padding-bottom: 1em;
}

.etape-picture img.bloc-background {
  height: initial;
}