.color-brown,
.text-brown {
  color: #714421; }

.font-toutatis {
  font-family: 'TOUTATIS_Parc_Asterix';
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase; }

.text-shadow {
  text-shadow: 0 0 1px black, 0 0 1px #010001; }

.text-shadow-sm {
  text-shadow: 1px 1px 3px #242502; }

.text-shadow-md {
  text-shadow: 0px 1px 2px #1e1d02, 1px 2px 4px #364008; }

.text-shadow-lg {
  text-shadow: 3px 3px 6px black, 0 0 5px #0f0304; }

.text-shadow-xl {
  text-shadow: 1px 1px 3px black, 2px 4px 7px #494004; }

.text-shadow-none {
  text-shadow: none; }

.wrapper-section.attractions_toutatis {
  margin-top: -150px;
  position: relative;
  padding-top: 10px;
  padding-bottom: 100px;
  background-size: cover; }
  .wrapper-section.attractions_toutatis .wrapper-txt-top {
    margin: 100px 0 25px 0; }
    .wrapper-section.attractions_toutatis .wrapper-txt-top .wrapper-txt-inner {
      max-width: 950px; }
  @media screen and (min-width: 576px) {
    .wrapper-section.attractions_toutatis {
      padding-top: 100px; } }
  @media screen and (min-width: 769px) {
    .wrapper-section.attractions_toutatis {
      margin-top: -150px;
      padding-bottom: 200px; } }
  @media screen and (min-width: 980px) {
    .wrapper-section.attractions_toutatis {
      margin-top: -150px;
      padding-top: 100px; } }
  @media screen and (min-width: 1024px) {
    .wrapper-section.attractions_toutatis {
      margin-top: -150px; } }
  @media screen and (min-width: 1280px) {
    .wrapper-section.attractions_toutatis {
      margin-top: -200px; } }

.wrapper-section.festival {
  position: relative; }
  .wrapper-section.festival .wrapper-top {
    position: absolute;
    top: 90px; }
  .wrapper-section.festival .wrapper-paralax {
    position: absolute;
    bottom: 0;
    display: none; }
  .wrapper-section.festival .wrapper-bottom {
    margin-top: -44%; }
    .wrapper-section.festival .wrapper-bottom picture,
    .wrapper-section.festival .wrapper-bottom img {
      display: none; }
    .wrapper-section.festival .wrapper-bottom .wrapper-link .wrapper-content .font-toutatis {
      font-size: 1.3em; }
    .wrapper-section.festival .wrapper-bottom .wrapper-link .wrapper-content a {
      margin-top: 0.25em; }
  @media screen and (min-width: 576px) {
    .wrapper-section.festival .wrapper-bottom .wrapper-link .wrapper-content .font-toutatis {
      font-size: 2em; }
    .wrapper-section.festival .wrapper-bottom .wrapper-link .wrapper-content a {
      margin-top: 1.25rem; } }
  @media screen and (min-width: 768px) {
    .wrapper-section.festival .wrapper-paralax {
      display: block; }
      .wrapper-section.festival .wrapper-paralax img {
        width: 70%;
        margin: 0 auto; }
    .wrapper-section.festival .wrapper-bottom {
      margin-top: 0;
      position: absolute;
      bottom: -50px; }
      .wrapper-section.festival .wrapper-bottom picture,
      .wrapper-section.festival .wrapper-bottom img {
        display: block; }
      .wrapper-section.festival .wrapper-bottom .wrapper-link {
        position: absolute;
        bottom: -40px; }
        .wrapper-section.festival .wrapper-bottom .wrapper-link .wrapper-content {
          top: 0;
          position: absolute;
          padding: 0 40px; } }
  @media screen and (min-width: 980px) {
    .wrapper-section.festival .wrapper-paralax img {
      width: 80%; } }
  @media screen and (min-width: 1024px) {
    .wrapper-section.festival .wrapper-paralax img {
      width: 90%; } }
  @media screen and (min-width: 1280px) {
    .wrapper-section.festival .wrapper-paralax img {
      width: 100%; } }

.wrapper-section.map {
  position: relative;
  margin-top: -200px;
  z-index: 10; }
  .wrapper-section.map .wrapper-top {
    position: absolute;
    top: -50px; }
  .wrapper-section.map .wrapper-txt {
    position: absolute;
    top: 0; }
    .wrapper-section.map .wrapper-txt .wrapper-txt-inner {
      max-width: 750px; }
  .wrapper-section.map .anchors {
    color: white;
    position: absolute;
    font-size: 2em;
    text-align: center; }
    .wrapper-section.map .anchors a {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .wrapper-section.map .anchors a:hover {
        margin-top: -20px; }
        .wrapper-section.map .anchors a:hover .arrow-wrapper {
          margin-top: 20px; }
    .wrapper-section.map .anchors .arrow-wrapper {
      display: flex;
      justify-content: center; }
  .wrapper-section.map #link-toutatis, .wrapper-section.map #link-attraction {
    top: 20%;
    left: 20%;
    transform: rotate(15deg); }
  .wrapper-section.map #link-giroflix, .wrapper-section.map #link-gyrofolix {
    top: 13%;
    left: 57%;
    transform: rotate(-5deg);
    max-width: 150px; }
    .wrapper-section.map #link-giroflix .arrow-wrapper, .wrapper-section.map #link-gyrofolix .arrow-wrapper {
      transform: rotate(25deg); }
  .wrapper-section.map #link-sanglier {
    top: 55%;
    left: 80%;
    transform: rotate(5deg);
    max-width: 180px; }
  .wrapper-section.map #link-dolmen {
    top: 75%;
    left: 50%;
    transform: rotate(-5deg);
    max-width: 180px; }
  .wrapper-section.map #link-shops {
    top: 65%;
    left: 5%;
    transform: rotate(-15deg);
    max-width: 180px; }

.wrapper-section.map-mobile {
  background: linear-gradient(180deg, #F1E8D9 0%, #F1E8D9 90%, #307EB2 90%, #307EB2 100%);
  position: relative;
  overflow-x: hidden;
  margin-top: -200px;
  height: 3210px;
  z-index: 1; }
  .wrapper-section.map-mobile .wrapper-top {
    position: absolute;
    top: 65px;
    z-index: 1; }
    .wrapper-section.map-mobile .wrapper-top.fixed-top {
      position: fixed;
      top: 70px; }
  .wrapper-section.map-mobile .slide-content {
    position: relative;
    height: 800px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    transition: all 0.01s ease; }
  .wrapper-section.map-mobile picture img {
    width: unset;
    max-width: unset;
    height: 800px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s ease; }
  .wrapper-section.map-mobile[data-step="0"] .horizontal-slide {
    visibility: hidden; }
  .wrapper-section.map-mobile[data-step="1"] .step-1 {
    opacity: 100%;
    z-index: 10; }
  .wrapper-section.map-mobile[data-step="2"] .step-2 {
    opacity: 100%;
    z-index: 10; }
  .wrapper-section.map-mobile[data-step="3"] .step-3 {
    opacity: 100%;
    z-index: 10; }
  .wrapper-section.map-mobile[data-step="3"] picture img {
    transform: translate(-30%, 0); }
  .wrapper-section.map-mobile[data-step="4"] .step-4 {
    opacity: 100%;
    z-index: 10; }
  .wrapper-section.map-mobile[data-step="4"] picture img {
    transform: translate(-60%, 0); }
  .wrapper-section.map-mobile .anchors {
    color: white;
    position: absolute;
    font-size: 2em;
    text-align: center; }
    .wrapper-section.map-mobile .anchors a {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .wrapper-section.map-mobile .anchors a:hover {
        margin-top: -20px; }
        .wrapper-section.map-mobile .anchors a:hover .arrow-wrapper {
          margin-top: 20px; }
    .wrapper-section.map-mobile .anchors .arrow-wrapper {
      display: flex;
      justify-content: center; }
  .wrapper-section.map-mobile #link-toutatis, .wrapper-section.map-mobile #link-attraction {
    top: 100px;
    left: 190px;
    transform: rotate(15deg); }
    .wrapper-section.map-mobile #link-toutatis .arrow-wrapper, .wrapper-section.map-mobile #link-attraction .arrow-wrapper {
      transform: rotate(25deg); }
  .wrapper-section.map-mobile #link-giroflix, .wrapper-section.map-mobile #link-gyrofolix {
    top: 120px;
    left: 0;
    transform: rotate(-5deg);
    max-width: 150px; }
    .wrapper-section.map-mobile #link-giroflix .arrow-wrapper, .wrapper-section.map-mobile #link-gyrofolix .arrow-wrapper {
      transform: rotate(-25deg); }
  .wrapper-section.map-mobile #link-sanglier {
    top: 400px;
    left: 150px;
    max-width: 250px; }
  .wrapper-section.map-mobile #link-dolmen {
    top: 450px;
    left: 200px;
    transform: rotate(-5deg);
    max-width: 180px; }
    .wrapper-section.map-mobile #link-dolmen .arrow-wrapper {
      transform: rotate(15deg); }
  .wrapper-section.map-mobile #link-shops {
    top: 400px;
    left: 50px;
    transform: rotate(-2deg);
    max-width: 180px; }
    .wrapper-section.map-mobile #link-shops .arrow-wrapper {
      transform: rotate(-35deg); }
  .wrapper-section.map-mobile .horizontal-slide {
    position: absolute;
    transition: all 1s ease;
    opacity: 0;
    height: 800px;
    width: 100%;
    top: 0;
    left: 0; }

@media screen and (min-width: 480px) {
  .wrapper-section.map-mobile[data-step="4"] picture img {
    transform: translate(-50%, 0); }
  .wrapper-section.map-mobile #link-sanglier {
    left: 250px; } }

@media screen and (min-width: 576px) {
  .wrapper-section.map-mobile[data-step="3"] picture img {
    transform: translate(-15%, 0); }
  .wrapper-section.map-mobile[data-step="4"] picture img {
    transform: translate(-35%, 0); }
  .wrapper-section.map-mobile #link-giroflix, .wrapper-section.map-mobile #link-gyrofolix {
    left: 180px; }
  .wrapper-section.map-mobile #link-sanglier {
    left: 450px; }
  .wrapper-section.map-mobile #link-dolmen {
    left: 360px; } }

@media screen and (min-width: 769px) {
  .wrapper-section.map-mobile[data-step="3"] picture img {
    transform: translate(-9%, 0); }
  .wrapper-section.map-mobile[data-step="4"] picture img {
    transform: translate(-18%, 0); }
  .wrapper-section.map-mobile #link-giroflix, .wrapper-section.map-mobile #link-gyrofolix {
    left: 180px; }
  .wrapper-section.map-mobile #link-sanglier {
    left: 650px; }
  .wrapper-section.map-mobile #link-dolmen {
    left: 450px; } }

.wrapper-section.shops {
  background-size: cover;
  padding-bottom: 100px;
  position: relative; }
  .wrapper-section.shops .wrapper-paralax {
    position: relative;
    z-index: 1; }
    .wrapper-section.shops .wrapper-paralax .img-paralax {
      position: absolute;
      top: 0;
      right: 0;
      width: 34%; }
  .wrapper-section.shops .wrapper-offres-bot {
    width: 100%;
    height: 100px;
    background: url("../img/white_top.png");
    background-size: cover;
    position: absolute;
    bottom: -2px; }
  @media screen and (min-width: 769px) {
    .wrapper-section.shops {
      overflow: inherit; }
      .wrapper-section.shops .wrapper-paralax .img-paralax {
        top: -150px;
        right: 0; } }
  @media screen and (min-width: 980px) {
    .wrapper-section.shops .wrapper-paralax .img-paralax {
      top: -250px; } }

#block-toutatislesoffresdumoment .hidden.justify-end {
  display: none; }

.wrapper-section.offres {
  background: white;
  margin: 25px 0;
  position: relative; }
  .wrapper-section.offres .wrapper-offres-top {
    width: 100%;
    height: 100px;
    background: url("../img/white_top.png");
    background-size: cover;
    position: absolute;
    top: -125px; }
  .wrapper-section.offres .wrapper-offres-bot {
    display: none; }
  .wrapper-section.offres .wrapper-offres-content {
    text-align: center; }
    .wrapper-section.offres .wrapper-offres-content h2 {
      width: 100%; }
  @media screen and (min-width: 769px) {
    .wrapper-section.offres {
      margin: 50px 0; }
      .wrapper-section.offres .wrapper-offres-top {
        top: -148px; }
      .wrapper-section.offres .wrapper-offres-content {
        text-align: inherit; }
      .wrapper-section.offres .wrapper-offres-bot {
        display: block;
        width: 100%;
        height: 100px;
        background: url("../img/white_bot.png");
        background-size: cover;
        position: absolute;
        bottom: -348px;
        z-index: 1; } }

.wrapper-section.toutatis {
  position: relative;
  background: #156ca7;
  background: linear-gradient(180deg, #156ca7 0%, #a2cae1 100%);
  margin-top: -250px;
  padding-top: 250px;
  padding-bottom: 220px; }
  .wrapper-section.toutatis .img-paralax,
  .wrapper-section.toutatis .img-bg {
    display: none; }
  .wrapper-section.toutatis .wrapper-txt {
    align-items: center; }
    .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner {
      max-width: 650px; }
      .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .title {
        font-size: 50px; }
      .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .btn--lg {
        width: 350px;
        max-width: 80%; }
      .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .wrapper-block-paralax {
        position: relative;
        width: 100%;
        height: 300px; }
        .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .wrapper-block-paralax .img-paralax-mobile {
          position: absolute;
          top: 0;
          right: 0; }
  @media screen and (min-width: 769px) {
    .wrapper-section.toutatis {
      background: none;
      margin-top: -50px;
      padding-top: 0;
      padding-bottom: 0;
      z-index: inherit; }
      .wrapper-section.toutatis .img-paralax {
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 25%; }
      .wrapper-section.toutatis .img-bg {
        display: block; }
      .wrapper-section.toutatis .wrapper-txt {
        position: absolute;
        top: 0;
        align-items: center; }
        .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner {
          max-width: 650px; }
          .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .img-paralax-mobile {
            display: none; }
          .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .wrapper-block-paralax {
            display: none; } }
  @media screen and (min-width: 980px) {
    .wrapper-section.toutatis {
      margin-top: -50px; }
      .wrapper-section.toutatis .wrapper-txt {
        align-items: center; }
        .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner .title {
          font-size: 80px; } }
  @media screen and (min-width: 1024px) {
    .wrapper-section.toutatis {
      margin-top: -70px; }
      .wrapper-section.toutatis .wrapper-txt {
        align-items: flex-end; }
        .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner {
          margin-bottom: 100px; } }
  @media screen and (min-width: 1280px) {
    .wrapper-section.toutatis {
      margin-top: -100px; }
      .wrapper-section.toutatis .wrapper-txt {
        align-items: flex-end; }
        .wrapper-section.toutatis .wrapper-txt .wrapper-txt-inner {
          margin-bottom: 200px; } }

.wrapper-section.video {
  margin-top: -150px;
  padding-top: 300px;
  padding-bottom: 250px;
  background-size: cover; }
  .wrapper-section.video .wrapper-video {
    position: relative; }
    .wrapper-section.video .wrapper-video .img-video img {
      border-radius: 30px; }
    .wrapper-section.video .wrapper-video .play {
      position: absolute;
      width: 50px; }
  .wrapper-section.video .wrapper-txt {
    max-width: 900px; }
  @media screen and (min-width: 576px) {
    .wrapper-section.video {
      padding-top: 350px;
      padding-bottom: 350px; }
      .wrapper-section.video .wrapper-video .play {
        width: 100px; } }

.paragraph--type--mea {
  position: relative;
  margin: 25px 0; }
  .paragraph--type--mea .btn--full {
    max-width: 250px; }
  .paragraph--type--mea .wrapper-txt {
    text-align: center; }
  .paragraph--type--mea.paragraph--view-mode--wrapper-giroflix .wrapper-img {
    position: relative; }
    .paragraph--type--mea.paragraph--view-mode--wrapper-giroflix .wrapper-img .img-paralax {
      display: none; }
  @media screen and (min-width: 769px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-giroflix .wrapper-img .img-paralax {
      display: block;
      position: absolute;
      top: 35%;
      left: 5%; } }
  @media screen and (min-width: 980px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-giroflix .wrapper-img .img {
      margin-right: -50px; } }
  .paragraph--type--mea.paragraph--view-mode--wrapper-sanglier .wrapper-img {
    position: relative; }
    .paragraph--type--mea.paragraph--view-mode--wrapper-sanglier .wrapper-img .img-paralax {
      display: none; }
  @media screen and (min-width: 769px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-sanglier .wrapper-img .img {
      margin-left: -150px; }
    .paragraph--type--mea.paragraph--view-mode--wrapper-sanglier .wrapper-img .img-paralax {
      display: block;
      position: absolute;
      top: 15%;
      right: 5%;
      width: 60%; } }
  @media screen and (min-width: 1280px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-sanglier {
      margin-top: -150px; }
      .paragraph--type--mea.paragraph--view-mode--wrapper-sanglier .wrapper-img .img-paralax {
        width: inherit; } }
  @media screen and (min-width: 769px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-festival {
      margin-top: 250px; }
      .paragraph--type--mea.paragraph--view-mode--wrapper-festival .wrapper-img {
        position: relative;
        z-index: 1; }
        .paragraph--type--mea.paragraph--view-mode--wrapper-festival .wrapper-img .img {
          margin-top: -150px; } }
  @media screen and (min-width: 980px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-festival .wrapper-txt {
      padding-top: 100px; } }
  .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-img .img-paralax {
    display: none; }
  @media screen and (min-width: 769px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-img .img-paralax {
      display: block;
      position: absolute;
      bottom: inherit;
      left: 5%;
      width: 33%;
      top: 32%; } }
  @media screen and (min-width: 980px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-txt .app-container {
      width: 1180px;
      position: absolute;
      right: 50%;
      top: 0; }
    .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-img .img-paralax {
      position: absolute;
      bottom: 20px;
      left: 45%;
      width: 20%;
      top: inherit; } }
  @media screen and (min-width: 1280px) {
    .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-txt .app-container {
      width: 1180px;
      position: absolute;
      right: 50%;
      top: 25%; }
    .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-txt .wrapper-txt-inner {
      padding-right: 100px; }
    .paragraph--type--mea.paragraph--view-mode--wrapper-souvenir .wrapper-img .img-paralax {
      position: absolute;
      bottom: 20px;
      left: 45%; } }
  @media screen and (min-width: 980px) {
    .paragraph--type--mea.wrapper-left .wrapper-main {
      flex-direction: row-reverse; }
    .paragraph--type--mea .wrapper-txt {
      text-align: inherit; } }

#metatoutatis {
  margin-top: -50px;
  position: relative;
  margin-bottom: 100px; }
  #metatoutatis .concours {
    position: relative;
    z-index: 1; }
    #metatoutatis .concours .wrapper-txt {
      position: absolute;
      top: 57%; }
  #metatoutatis .roblox {
    position: relative;
    margin-top: -150px;
    padding: 200px 0 200px 0; }
    #metatoutatis .roblox .logo {
      max-width: 200px; }
    #metatoutatis .roblox .attraction {
      position: absolute;
      bottom: 0;
      right: 0; }
    #metatoutatis .roblox .wrapper-txt {
      margin: 0 2rem;
      display: flex;
      flex-direction: column;
      align-items: start;
      width: 33%; }
  #metatoutatis .wrapper-top {
    display: block;
    width: 100%;
    height: 100px;
    background: url("../img/white_top.png");
    background-size: cover;
    position: absolute;
    bottom: -0;
    z-index: 1; }
  @media screen and (max-width: 769px) {
    #metatoutatis .roblox .wrapper-txt {
      margin: 0;
      width: 100%;
      align-items: center; }
      #metatoutatis .roblox .wrapper-txt .description {
        text-align: center; }
    #metatoutatis .roblox .attraction {
      display: none; } }