@charset "UTF-8";
.txtcenter {
  text-align: center;
}

.hero {
  height: calc(100vh - 174px);
  overflow: hidden;
  margin-bottom: 100px;
}
.hero .scroll {
  position: absolute;
  z-index: 5;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  gap: 20px;
  height: 250px;
  padding-bottom: 20px;
  background: rgb(43, 48, 64);
  background: linear-gradient(0deg, rgb(43, 48, 64) 50%, rgba(43, 48, 64, 0) 100%);
}
.hero .scroll img {
  width: 50px;
}
.hero h1 {
  position: relative;
  z-index: 5;
}
.hero .imageshero {
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.hero .imageshero .enfants {
  position: absolute;
  bottom: 0;
}
.hero .imageshero .adultes {
  display: none;
}

.imgdroite, .imggauche {
  padding: 0 20px;
}
.imgdroite p, .imggauche p {
  margin: 0;
  margin-bottom: 20px;
}
.imgdroite h2, .imggauche h2 {
  margin-bottom: 10px;
}
.imgdroite img, .imggauche img {
  width: 100%;
}

.imggauche {
  margin: 70px 0;
}

.formules {
  background-color: #41485E;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

.formules_container {
  width: 100%;
  background-color: #41485E;
  padding: 20px;
  text-align: center;
}
.formules_container .blocformule {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.formules_container .anniversaire img, .formules_container .evg img {
  width: 100%;
}

.barre {
  background-color: #4E81FF;
  width: 100px;
  height: 8px;
  border-radius: 50px;
}

.blocs {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.localisation {
  padding: 0 20px;
}
.localisation h2 {
  margin: 10px 0 20px 0;
}
.localisation .blocs .blocmaps, .localisation .blocs .blocbus {
  background-color: #41485E;
  border-radius: 15px;
}
.localisation .blocs .blocmaps {
  padding: 20px 0 0 0;
  width: 100%;
}
.localisation .blocs .blocmaps .blocadresse {
  padding: 0 20px;
}
.localisation .blocs .blocmaps .blocadresse h3, .localisation .blocs .blocmaps .blocadresse p {
  margin: 5px 0;
}
.localisation .blocs .blocmaps .itineraire {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #2B3040;
  padding: 10px;
  border-radius: 8px;
}
.localisation .blocs .blocmaps .itineraire img {
  width: 20px;
}
.localisation .blocs .blocmaps .itineraire:hover {
  cursor: pointer;
}
.localisation .blocs .blocmaps iframe.map {
  margin: 30px 0 -10px 0;
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 0 0 15px 15px;
}
.localisation .blocs .blocbus {
  padding: 20px;
}
.localisation .blocs .blocbus h2 {
  margin-top: 0;
}
.localisation .blocs .blocbus p {
  margin: 0;
}
.localisation .blocs .blocbus #bus {
  background-color: darkred;
  padding: 5px;
  border-radius: 5px;
}
.localisation .blocs .blocbus a {
  color: #EDACFF;
  text-decoration: underline;
}

.horaires {
  padding: 20px;
}
.horaires h2 {
  margin: 10px 0;
}
.horaires .blochoraire {
  width: 100%;
  margin-bottom: 20px;
}
.horaires .blochoraire table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}
.horaires .blochoraire .tablepc tr:first-child td:first-child, .horaires .blochoraire .tablemobile tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.horaires .blochoraire .tablepc tr:first-child td:last-child, .horaires .blochoraire .tablemobile tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.horaires .blochoraire .tablepc tr:last-child td:first-child, .horaires .blochoraire .tablemobile tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.horaires .blochoraire .tablepc tr:last-child td:last-child, .horaires .blochoraire .tablemobile tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.horaires .blochoraire .tablepc {
  display: none;
}
.horaires .blochoraire .tablepc tr:first-child {
  background-color: #C8C8C8;
  color: #2B3040;
}
.horaires .blochoraire .tablemobile tr {
  height: 35px;
}
.horaires .blochoraire .tablemobile tr td:first-child {
  background-color: #C8C8C8;
  color: #2B3040;
  border-bottom: solid 1px #EBEBEB;
}
.horaires .blochoraire .tablemobile tr td:last-child {
  border-top: solid 1px #EBEBEB;
  border-bottom: solid 1px #C8C8C8;
  border-right: solid 1px #EBEBEB;
}
.horaires .bouton_long {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  margin-bottom: 100px;
}

.titre_invitation {
  margin: 100px 0;
}

.glow {
  display: none;
}

/*PC*/
@media screen and (min-width: 768px) {
  .imgdroite, .imggauche, .formules_container, .blocs, .localisation, .horaires {
    position: relative;
    z-index: 10;
  }
  .imgdroite, .imggauche {
    padding: 0 50px;
    display: flex;
    align-items: center;
    gap: 50px;
  }
  .imgdroite img, .imggauche img {
    width: 50%;
  }
  .imgdroite {
    flex-direction: row-reverse;
  }
  .imggauche {
    flex-direction: row;
    margin: 100px 0;
  }
  .formules_container {
    position: relative;
    padding: 20px 50px;
  }
  .formules_container .blocformule {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .formules_container .blocformule > * {
    flex: 1;
  }
  .formules_container .blocformule .titre_type {
    margin-bottom: 20px;
  }
  .formules_container a {
    white-space: nowrap;
  }
  .blocs {
    gap: 20px;
  }
  .localisation {
    padding: 0 50px;
  }
  .horaires {
    width: 100%;
    padding: 0 50px;
    margin-bottom: 50px;
  }
  .horaires .blocs {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
  }
  .horaires .blochoraire {
    width: initial;
  }
  .horaires .blochoraire .tablepc {
    font-size: 14px;
    display: block;
    text-align: center;
    border: none;
  }
  .horaires .blochoraire .tablepc tr:first-child {
    height: 40px;
  }
  .horaires .blochoraire .tablepc tr:first-child td {
    padding: 10px;
    border-right: solid 1px #C8C8C8;
    border-bottom: solid 1px #C8C8C8;
  }
  .horaires .blochoraire .tablepc tr:last-child {
    height: 70px;
  }
  .horaires .blochoraire .tablepc tr:last-child td {
    border-right: solid 1px #C8C8C8;
    border-bottom: solid 1px #C8C8C8;
    width: 80px;
    max-width: 80px;
  }
  .horaires .blochoraire .tablepc tr:last-child td:first-child {
    border-left: solid 1px #C8C8C8;
  }
  .horaires .blochoraire .tablemobile {
    display: none;
  }
  .restau {
    position: relative;
    z-index: 0;
  }
  section {
    position: relative;
  }
  section .glow {
    display: block;
  }
  section .glow.glow1 {
    display: block;
    position: absolute;
    width: 400px;
    top: -100px;
    left: -100px;
  }
  section .glow.glow2 {
    display: block;
    position: absolute;
    width: 400px;
    bottom: -300px;
    right: -100px;
  }
  section .glow.glow3 {
    display: block;
    position: absolute;
    width: 400px;
    top: -250px;
    left: -100px;
    z-index: -1;
  }
  section .glow.glow4 {
    display: block;
    position: absolute;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section .glow.glow5 {
    display: block;
    position: absolute;
    width: 400px;
    bottom: -300px;
    right: -100px;
  }
  section .enviedejouer {
    position: relative;
  }
  section .enviedejouer .titre_invitation {
    position: relative;
    z-index: 10;
  }
}
@media screen and (min-width: 1150px) {
  .hero .imageshero .enfants {
    display: none;
  }
  .hero .imageshero .adultes {
    display: block;
    position: absolute;
    bottom: 0;
    overflow: hidden;
  }
  .localisation .blocs {
    height: 100%;
    flex-direction: row;
    align-items: stretch;
  }
  .localisation .blocs .blocmaps {
    flex: 0 0 60%;
    padding-top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .localisation .blocs .blocmaps iframe.map {
    margin: 0;
    min-width: 200px;
    max-width: 250px;
    height: 100%;
    object-fit: cover;
    border-radius: 0 15px 15px 0;
  }
  .localisation .blocs .blocmaps .blocadresse {
    display: flex;
    min-width: 200px;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
  }
  .localisation .blocs .blocbus {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}
@media screen and (min-width: 1250px) {
  .horaires .blocs {
    justify-content: space-between;
  }
}
/*FIX POUR LES GRANDS ÉCRANS*/
@media screen and (min-width: 1420px) {
  .localisation, .horaires, .imggauche, .formules_container, .imgdroite {
    max-width: 1475px;
    margin-left: auto;
    margin-right: auto;
  }
  .scroll {
    margin-left: 0;
  }
  .horaires .blochoraire .tablepc {
    font-size: 16px;
    display: block;
    text-align: center;
    border: none;
  }
  .horaires .blochoraire .tablepc tr:first-child {
    height: 40px;
  }
  .horaires .blochoraire .tablepc tr:first-child td {
    padding: 10px;
    border-right: solid 1px #C8C8C8;
    border-bottom: solid 1px #C8C8C8;
  }
  .horaires .blochoraire .tablepc tr:last-child {
    height: 70px;
  }
  .horaires .blochoraire .tablepc tr:last-child td {
    border-right: solid 1px #C8C8C8;
    border-bottom: solid 1px #C8C8C8;
    padding: 10px;
    min-width: 93px;
    width: 93px;
  }
}

/*# sourceMappingURL=accueil.css-7r9rKkU.map */