@charset "UTF-8";
/*
Theme Name: Sundgau Loisirs
Author: JODOCK
Author URI: https://jodock.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: sundgauloisirs
*/
/* 
  sass --watch styles/styles.scss:style.css
*/
/*
  Breakpoints

  CSS rules for extra small devices
  @media (max-width: 576px) {}

  CSS rules for small devices
  @media (min-width: 576px) and (max-width: 767px) {}

  CSS rules for medium devices
  @media (min-width: 768px) and (max-width: 991px) {}

  CSS rules for large devices
  @media (min-width: 992px) and (max-width: 1199px) {}

  CSS rules for extra large devices
  @media (min-width: 1200px) {}
*/
@font-face {
  font-family: 'Coiny';
  src: url("./assets/fonts/Coiny.ttf");
  font-style: normal; }
@font-face {
  font-family: 'Comfortaa';
  src: url("./assets/fonts/Comfortaa.ttf");
  font-style: normal; }
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url("./assets/fonts/icons.woff2") format("woff2"); }
/* .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 32
} */
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.size--big {
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 40; }

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box; }

/*
  2. Remove default margin
*/
* {
  margin: 0; }

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.425;
  -webkit-font-smoothing: antialiased; }

/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block; }

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit; }

/*
  7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  margin: 0;
  padding: 0; }

/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate; }

ul {
  list-style-type: none;
  padding: 0; }

/* Margin
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mg {
  margin: 1em; }
  .mg--none {
    margin: 0; }
  .mg--l {
    margin: 2em; }
  .mg-y {
    margin-top: 1em;
    margin-bottom: 1em; }
    .mg-y--l {
      margin-top: 2em;
      margin-bottom: 2em; }
  .mg-x {
    margin-right: 1em;
    margin-left: 1em; }
    .mg-x--l {
      margin-right: 2em;
      margin-left: 2em; }
  .mg-top {
    margin-top: 1em; }
    .mg-top--l {
      margin-top: 2em; }
    .mg-top--xl {
      margin-top: 3em; }
    .mg-top--xxl {
      margin-top: 4em; }
    .mg-top--xxxl {
      margin-top: 5em; }
  .mg-bottom {
    margin-bottom: 1em; }
    .mg-bottom--l {
      margin-bottom: 2em; }
  .mg-left {
    margin-left: 1em; }
    .mg-left--l {
      margin-left: 2em; }
  .mg-right {
    margin-right: 1em; }
    .mg-right--l {
      margin-right: 2em; }

/* Padding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pd {
  padding: 1em; }
  .pd--none {
    padding: 0; }
  .pd--l {
    padding: 2em; }
  .pd-y {
    padding-top: 1em;
    padding-bottom: 1em; }
    .pd-y--l {
      padding-top: 2em;
      padding-bottom: 2em; }
  .pd-x {
    padding-right: 1em;
    padding-left: 1em; }
    .pd-x--l {
      padding-right: 2em;
      padding-left: 2em; }
  .pd-top {
    padding-top: 1em; }
    .pd-top--l {
      padding-top: 2em; }
  .pd-bottom {
    padding-bottom: 1em; }
    .pd-bottom--l {
      padding-bottom: 2em; }
  .pd-left {
    padding-left: 1em; }
    .pd-left--l {
      padding-left: 2em; }
  .pd-right {
    padding-right: 1em; }
    .pd-right--l {
      padding-right: 2em; }

/* Backgrounds
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fill__bleu {
  background-color: var(--cyan); }
.fill__jaune {
  background-color: var(--yellow); }
.fill__rose {
  background-color: var(--pink); }
.fill__vert {
  background-color: var(--green); }
.fill__violet {
  background-color: var(--purple); }

/* Images
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.img--center {
  margin-left: auto;
  margin-right: auto; }

:root {
  --pink: #E80880;
  --pink-rgb: 232, 8, 128;
  --cyan: rgb(84, 234, 224);
  --cyan-rgb: 84, 234, 224;
  --purple: #3D0076;
  --purple-rgb: rgb(61, 0, 118);
  --yellow: rgb(229, 234, 52);
  --yellow-rgb: 229, 234, 52;
  --green: #5dec72;
  --green-rgb: rgb(93, 236, 114);
  --black: #000000;
  --grey: #808080;
  --white: #ffffff;
  --swiper-navigation-color: var(--pink);
  --swiper-pagination-color: var(--pink);
  --font-comfortaa: 'Comfortaa', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --font-coiny: 'Coiny', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

h1 {
  font-size: 2.3em;
  font-family: var(--font-coiny); }

h2 {
  font-size: 2em;
  font-family: var(--font-coiny); }

h3 {
  font-size: 1em;
  font-family: var(--font-coiny); }

h1, h2, h3, h4, h5, h6,
p {
  margin-bottom: 1em; }

.font--comfortaa {
  font-family: var(--font-comfortaa); }
.font--coiny {
  font-family: var(--font-coiny); }

.text--pink, .text--rose {
  color: var(--pink); }
.text--blue, .text--bleu {
  color: var(--cyan); }
.text--purple, .text--violet {
  color: var(--purple); }
.text--green, .text--vert {
  color: var(--green); }
.text--yellow, .text--jaune {
  color: var(--yellow); }
.text--center {
  text-align: center;
  justify-content: center; }
.text--right {
  text-align: right;
  justify-content: end; }

body {
  font-size: 16px;
  font-family: 'Comfortaa', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

a {
  text-decoration: none;
  color: var(--pink);
  transition: all .2s ease-in-out; }
  a.white {
    color: var(--white); }
  a.bloc-link {
    color: inherit;
    display: block; }
  a:hover {
    opacity: .7; }

.nav {
  width: 90%;
  height: 60px;
  padding: 0 16px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 900px;
  border-radius: 30px;
  background: var(--white);
  position: fixed;
  display: flex;
  flex-direction: column;
  left: 50%;
  top: 16px;
  z-index: 100000;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  transition-property: transform, height, width, top, left, padding, border-radius;
  transform: translateX(-50%);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 29px 0px; }
  .nav__container {
    height: 60px;
    display: flex;
    align-items: center;
    flex: 0 0 60px; }
  .nav.open {
    top: 0 !important;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    padding: 16px 32px; }
    .nav.open #menu-open {
      display: none; }
    .nav.open .mobile-menu {
      opacity: 1; }
  .nav__buttons {
    display: flex;
    margin: 0 0 0 auto; }
  .nav__logo {
    margin-right: 8px; }
    .nav__logo img {
      width: 85px;
      height: auto; }
  .nav__menu--mobile {
    flex: 1;
    display: flex;
    align-items: center; }
  .nav__menu--desktop {
    display: none;
    flex: 1; }
    @media (min-width: 768px) {
      .nav__menu--desktop {
        display: block; } }
    .nav__menu--desktop .desktop-menu {
      display: flex;
      justify-content: space-evenly; }
      .nav__menu--desktop .desktop-menu li {
        position: relative; }
        .nav__menu--desktop .desktop-menu li:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 22px;
          height: 22px;
          opacity: 0;
          transform: translate(-50%, 55%) scale(0.8);
          background-image: url(assets/images/logo-balls.png);
          background-size: contain;
          background-repeat: no-repeat;
          z-index: -1;
          transition: all .2s ease-in-out; }
        .nav__menu--desktop .desktop-menu li:hover, .nav__menu--desktop .desktop-menu li.current-menu-item, .nav__menu--desktop .desktop-menu li.current-menu-parent {
          font-weight: bold; }
          .nav__menu--desktop .desktop-menu li:hover:before, .nav__menu--desktop .desktop-menu li.current-menu-item:before, .nav__menu--desktop .desktop-menu li.current-menu-parent:before {
            opacity: 1;
            transform: translate(-50%, 55%) scale(1); }
        .nav__menu--desktop .desktop-menu li:last-child a {
          padding-right: 0; }
        .nav__menu--desktop .desktop-menu li a {
          padding: 0 8px; }

#menu-toggle {
  position: relative; }
  #menu-toggle span {
    position: absolute; }
  #menu-toggle .close-icon {
    opacity: 0; }
  #menu-toggle .open-icon {
    opacity: 1; }
  #menu-toggle.open .close-icon {
    opacity: 1; }
  #menu-toggle.open .open-icon {
    opacity: 0; }
  @media (min-width: 768px) {
    #menu-toggle {
      display: none; } }

.mobile-menu {
  width: 100%;
  opacity: 0;
  transition: all .4s ease-in-out; }
  .mobile-menu li {
    font-size: 1.3em;
    text-align: center; }
  .mobile-menu a {
    color: var(--black); }

body.has-admin-bar .nav {
  top: 60px; }

.current-menu-item,
.current-menu-parent {
  font-weight: 700; }
  .current-menu-item a,
  .current-menu-parent a {
    color: var(--pink); }

.button {
  border: none;
  background: none;
  text-decoration: none;
  display: inline-block;
  padding: 1em;
  margin: 0;
  border-radius: 1em;
  cursor: pointer;
  transition: all .2s ease-in-out;
  transform-origin: center;
  width: auto;
  font-family: var(--font-coiny); }
  .button:hover {
    transform: scale(1.1); }
  .button--flex {
    display: flex;
    align-items: center;
    justify-content: center; }
  .button--round {
    width: 42px;
    height: 42px;
    border-radius: 50%; }
  .button--pink {
    background: var(--pink);
    color: var(--white); }
    .button--pink--clear {
      background: transparent;
      color: var(--pink); }

.colored-tile__image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: relative; }
  .colored-tile__image--bg {
    width: 100%;
    position: relative; }
    .colored-tile__image--bg img {
      position: relative;
      width: 80%;
      margin: 0 auto; }
  .colored-tile__image--main-img {
    width: 100%;
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .colored-tile__image--main-img img {
      position: relative;
      width: 60%;
      margin: 0 auto; }
.colored-tile__content {
  padding: 1em 4em;
  text-align: center; }

.default-tile {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  border-radius: 1em;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease-out; }
  .default-tile__image {
    border-radius: 1em;
    overflow: hidden;
    position: relative;
    padding-top: 75%;
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: background-size .2s ease-out; }
    .default-tile__image img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%; }
  .default-tile__content {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .default-tile__content .content__title {
      line-height: 1;
      margin-bottom: .4em; }
    .default-tile__content .content__link {
      margin: auto 0 0 auto; }

@media (min-width: 992px) {
  .default-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.4); }
    .default-tile:hover .default-tile__image {
      background-size: 130%; } }
.hero-banner {
  position: relative;
  height: 450px;
  margin-bottom: -5em; }
  .hero-banner.small {
    height: 300px; }
  .hero-banner img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%; }
  .hero-banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    text-align: center;
    width: 80%;
    z-index: 10;
    max-width: 700px; }
    .hero-banner__content h1 {
      margin: 0;
      color: var(--white);
      text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.2); }
    .hero-banner__content p {
      color: var(--white);
      font-size: 1.2em;
      font-weight: bold;
      text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5); }
  .hero-banner__filter {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(232, 8, 128, 0.7); }
    .hero-banner__filter--jeux, .hero-banner__filter--blue, .hero-banner__filter--bleu {
      background-color: rgba(84, 234, 224, 0.7); }
    .hero-banner__filter--accessoires, .hero-banner__filter--yellow, .hero-banner__filter--jaune {
      background-color: rgba(229, 234, 52, 0.7); }
    .hero-banner__filter--violet {
      background-color: rgba(61, 0, 118, 0.7); }
    .hero-banner__filter--vert {
      background-color: rgba(93, 236, 114, 0.7); }

#home-swiper {
  width: 100%;
  padding-bottom: 2em !important; }
  @media (min-width: 768px) {
    #home-swiper {
      margin-top: -150px; }
      #home-swiper .colored-tile__image {
        width: 60%;
        max-width: 700px; }
      #home-swiper .colored-tile h2 {
        font-size: 2.5em; }
      #home-swiper .colored-tile p {
        font-size: 1.2em; } }

/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal; }
:root {
  --swiper-theme-color:#007aff; }

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-horizontal {
  touch-action: pan-y; }

.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d; }

.swiper-3d {
  perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d; }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important; }

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center; }

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg); }

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto; }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }

.swiper-button-lock {
  display: none; }

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right; }

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit); }

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0; }

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); }

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important; }

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); }

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none; }

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-fade .swiper-slide-active {
  pointer-events: auto; }

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube {
  overflow: visible; }

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px); }

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-flip {
  overflow: visible; }

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

.grid {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 auto;
  width: 100%;
  position: relative; }
  .grid--flex {
    display: flex; }
  .grid--max-width--800 {
    max-width: 800px; }
  .grid--max-width--1200 {
    max-width: 1200px; }
  @media (min-width: 576px) {
    .grid--2-col {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 576px) {
    .grid--3-col {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 768px) {
    .grid--3-col {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 576px) {
    .grid--align-center {
      align-items: center; } }
  .grid__item {
    width: 100%;
    padding: 1em;
    position: relative; }

.flex {
  width: 100%;
  display: block;
  align-items: center; }
  @media (min-width: 992px) {
    .flex {
      display: flex; } }
  .flex--max-width {
    margin: 0 auto; }
    .flex--max-width--1200 {
      max-width: 1200px; }
  .flex__item {
    width: 50%;
    padding: 1em;
    flex: 1 0 50%; }

.bloc__image {
  position: relative;
  padding-top: 70%; }
  .bloc__image--main, .bloc__image--bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .bloc__image--bg {
    width: 80%; }
  .bloc__image--main {
    width: 60%;
    z-index: 1; }
  .bloc__image--full-width .bloc__image--main {
    width: 80%; }
  .bloc__image--full-width .bloc__image--bg {
    width: 100%; }
.bloc__verticalimagetext {
  position: relative; }
.bloc__fullimagetext {
  position: relative; }
  .bloc__fullimagetext__content {
    text-align: center; }
  @media (min-width: 576px) {
    .bloc__fullimagetext--img-right .bloc__fullimagetext__image {
      grid-row: 1;
      grid-column: 2; }
    .bloc__fullimagetext--img-right .bloc__fullimagetext__content {
      grid-row: 1;
      grid-column: 1;
      text-align: right; } }
  @media (min-width: 576px) {
    .bloc__fullimagetext--img-left .bloc__fullimagetext__image {
      grid-row: 1;
      grid-column: 1; }
    .bloc__fullimagetext--img-left .bloc__fullimagetext__content {
      grid-row: 1;
      grid-column: 2;
      text-align: left; } }

.single .content {
  padding: 1em;
  width: 100%;
  margin-right: auto;
  margin-left: auto; }
  .single .content .infos {
    width: 100%;
    margin: 0 auto;
    display: block;
    column-gap: 2em;
    /* .description {
      font-size: 1.15em;
    } */ }
    .single .content .infos__delivery {
      align-self: center; }
    .single .content .infos .price {
      font-family: var(--font-coiny);
      font-size: 3em;
      color: var(--green);
      margin-bottom: 0;
      line-height: 1; }
      .single .content .infos .price span {
        font-size: .5em;
        opacity: .8;
        font-family: var(--font-comfortaa); }
      .single .content .infos .price--day {
        opacity: .8;
        font-size: 2.5em;
        margin-bottom: .5em; }
    .single .content .infos .dimensions {
      display: flex;
      margin-bottom: 2em; }
      .single .content .infos .dimensions__item {
        padding: 0 1em;
        border-right: 1px solid rgba(0, 0, 0, 0.1); }
        .single .content .infos .dimensions__item:first-child {
          padding-left: 0; }
        .single .content .infos .dimensions__item:last-child {
          padding-right: 0;
          border-right: none; }
        .single .content .infos .dimensions__item p {
          margin: 0; }
          .single .content .infos .dimensions__item p:last-child {
            font-size: 1.25em; }
      .single .content .infos .dimensions__title {
        text-transform: uppercase;
        font-weight: 900;
        font-family: var(--font-coiny);
        margin: 0;
        font-size: .8em; }
    @media (min-width: 576px) {
      .single .content .infos {
        width: 80%; } }
    @media (min-width: 768px) {
      .single .content .infos {
        display: grid;
        grid-template-columns: 1fr 1fr; } }
@media (min-width: 768px) {
  .single--jeux .content .infos {
    display: block; } }
.single .gallery {
  position: relative;
  padding: 5em 1em; }
  .single .gallery ul {
    display: grid;
    column-gap: 1em;
    row-gap: 1em;
    grid-template-columns: 1fr 1fr;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    width: 100%; }
    .single .gallery ul li a {
      position: relative;
      display: block;
      width: 100%;
      padding-top: 75%;
      overflow: hidden;
      border-radius: .5em;
      box-shadow: 5px 5px 1em rgba(0, 0, 0, 0.2); }
      .single .gallery ul li a.fill__bleu::before {
        background-color: rgba(84, 234, 224, 0.4); }
      .single .gallery ul li a.fill__jaune::before {
        background-color: rgba(229, 234, 52, 0.4); }
      .single .gallery ul li a::before {
        opacity: 0;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        transition: opacity 0.2s ease-out; }
      .single .gallery ul li a img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 120%;
        transition: transform 0.2s ease-out; }
    @media (min-width: 576px) {
      .single .gallery ul {
        width: 80%; } }
    @media (min-width: 768px) {
      .single .gallery ul {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 1200px) {
      .single .gallery ul {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }

@media (min-width: 992px) {
  .gallery ul li a:hover::before {
    opacity: 1 !important; }
  .gallery ul li a:hover img {
    transform: translate(-45%, -50%) scale(1.1) !important; } }
footer {
  position: relative;
  margin-top: 3em;
  padding-top: 6em;
  padding-bottom: 2em;
  color: var(--white);
  background-color: var(--pink); }
  footer p {
    margin: 0; }
  footer a {
    color: var(--white) !important; }
  footer .grid {
    margin-bottom: 16px !important; }
    @media (min-width: 576px) {
      footer .grid {
        grid-template-columns: 1fr;
        text-align: center; } }
    @media (min-width: 768px) {
      footer .grid {
        grid-template-columns: 1fr 1fr 1fr; } }
  footer span {
    opacity: .7;
    font-size: 12px; }

.custom-shape-divider-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 0; }
  .custom-shape-divider-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px; }
  .custom-shape-divider-top .shape-fill {
    fill: #FFFFFF; }

.custom-shape-divider-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  z-index: 0; }
  .custom-shape-divider-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px; }
  .custom-shape-divider-bottom .shape-fill {
    fill: #FFFFFF; }

.contact-links .link-tile {
  overflow: hidden;
  border-radius: 1rem;
  padding: 1rem;
  padding-top: 50%;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 16px;
  display: block;
  margin: 0 0 1rem 0;
  position: relative;
  transition: all 0.2s ease-in-out; }
  .contact-links .link-tile .colored-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(var(--cyan-rgb), 0.8); }
  .contact-links .link-tile__rent {
    background-image: url(assets/images/game-background.jpeg);
    background-repeat: no-repeat;
    background-size: cover; }
  .contact-links .link-tile__info {
    background-image: url(assets/images/loc-background.jpeg);
    background-repeat: no-repeat;
    background-size: cover; }
    .contact-links .link-tile__info .colored-background {
      background-color: rgba(var(--yellow-rgb), 0.8); }
  .contact-links .link-tile span {
    width: 80%;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-coiny);
    font-size: 1.5em;
    padding: 1rem;
    color: var(--white);
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); }
  .contact-links .link-tile:hover {
    transform: scale(1.025);
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 16px; }
@media (min-width: 768px) {
  .contact-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1em;
    /* .link-tile {
      flex: 1
    } */ } }

.contact {
  margin-top: 1rem;
  padding: 6rem 2rem; }
  .contact .form-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
    .contact .form-container h3 {
      font-size: 2em;
      color: var(--purple);
      text-align: center; }
  .contact input,
  .contact select,
  .contact textarea,
  .contact select {
    width: 100%;
    outline: none;
    border: none;
    padding: 0;
    margin: 0; }
  .contact input,
  .contact select {
    font-size: 1rem;
    padding: 1em 1em .3em 0;
    border-bottom: 1px solid rgba(var(--pink-rgb), 0.4); }
  .contact textarea {
    border: 1px solid rgba(var(--pink-rgb), 0.4);
    padding: 1em; }
  .contact label {
    color: var(--pink);
    font-family: var(--font-coiny);
    font-size: 1rem; }
  .contact .checkbox-field label {
    font-family: var(--font-comfortaa);
    color: var(--black); }
  .contact .checkbox-field .wpcf7-list-item {
    display: block;
    margin: .5rem 0; }
    .contact .checkbox-field .wpcf7-list-item label {
      display: flex; }
      .contact .checkbox-field .wpcf7-list-item label input {
        flex: 1;
        margin-right: 1rem; }
      .contact .checkbox-field .wpcf7-list-item label span {
        flex: 1 1 100%; }

.form-field__dropdown {
  margin: 2rem 0; }

.selection-container {
  margin: 2rem 0; }

.wpcf7-submit {
  color: var(--white);
  background: var(--purple);
  border-radius: 8px;
  padding: 1rem !important; }

body {
  min-height: 100vh; }

.info-clean-transport img {
  max-width: 250px;
  max-height: 250px; }

/*# sourceMappingURL=style.css.map */