/*	****************************************************************************
 *  Police
****************************************************************************	*/
@import url("https://3b4017.claudeassets.com/20250708183300cs_/https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://6feb93.claudeassets.com/20250708183300cs_/https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&display=swap");
@import url("https://d018ea.claudeassets.com/20250708183300cs_/https://fonts.googleapis.com/css2?family=Pragati+Narrow:wght@400;700&display=swap");
@import url("https://d2451e.claudeassets.com/20250708183300cs_/https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&display=swap");
/*	****************************************************************************
 *  Variables
****************************************************************************	*/
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}
body .container-fluid {
  padding: 0;
}
body .container {
  padding: 0;
}

.none {
  display: none;
}

.raleway {
  font-family: "Raleway";
}

.uppercase {
  text-transform: uppercase;
}

.narrow {
  font-family: "Narrow";
}

.bouton-detour a {
  font-size: 14px;
  border-radius: 6px;
  background-color: #831104;
  padding: 10px 35px 10px;
  transition-property: color, background-color;
  transition-duration: 0.3s, 0.3s;
}
.bouton-detour a:hover {
  text-decoration: none;
  border: 1px #831104;
  background-color: white;
  color: #831104;
}

.height-auto img {
  height: auto;
}

.flex-end {
  justify-content: flex-end;
}

.souligner {
  text-decoration: underline;
}

.fontw-500 {
  font-weight: 500;
}

.text-shadow {
  text-shadow: 1px 1px 2px #393939;
}

.text-shadow-blanc {
  text-shadow: 0px 0px 0px white;
}

.overflow-hidden {
  overflow: hidden;
}

.maring-left-0 {
  margin-left: 0 !important;
}

.evenement-done {
  background-image: url("https://a682a7.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/09/job-done.jpg");
}

.margin-top-20 {
  margin-top: -20px;
}

#a-manger {
  height: 113px;
  width: 139px;
  display: block;
  position: absolute;
  margin-left: 186px;
  margin-top: -471px;
}

#a-boir {
  height: 120px;
  width: 172px;
  display: block;
  position: absolute;
  margin-left: 179px;
  margin-top: -349px;
}

#a-jouer {
  height: 125px;
  width: 195px;
  display: block;
  position: absolute;
  margin-left: 167px;
  margin-top: -218px;
}

.displaynone {
  display: none !important;
}

.margin-left0 {
  margin-left: 0 !important;
}

.radius-3 img {
  border-radius: 3px;
}

/******************POUR LE FORMULAIRE JEU************************/
body {
  margin: 0;
}
@media (max-width: 565px) {
  body p {
    font-size: 1em !important;
  }
}
body #map {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body #deco {
  margin-top: 5%;
}
body #ouverture {
  color: white;
  font-size: 45px;
  background-color: rgba(131, 17, 4, 0.3);
  font-weight: bold;
  padding: 75px;
  position: absolute;
  top: 36%;
  line-height: 70px;
  left: 52%;
}
body #ouverture a {
  background-color: #831104;
  color: white;
  padding: 3px 14px;
  border-radius: 6px;
}
body .page {
  background-image: url("https://c5b6dd.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/AdobeStock_45600048.jpeg");
  background-position: center;
}
body .page .formulaire-contact .p-form {
  font-size: 22px;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 2px #393939;
}
@media (max-width: 565px) {
  body .page .formulaire-contact .p-form {
    font-size: 1.2em;
  }
}
body .page .formulaire-contact .gauche {
  width: 30%;
  float: left;
}
@media (max-width: 1024px) {
  body .page .formulaire-contact .gauche {
    float: initial;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }
}
body .page .formulaire-contact .droite {
  width: 60%;
  float: right;
}
@media (max-width: 1024px) {
  body .page .formulaire-contact .droite {
    float: initial;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }
}
body .page .formulaire-contact .droite .wpcf7-submit {
  background-color: #831104;
  border: 1px #831104;
  border-radius: 10px;
  color: white;
  width: 30%;
  height: 29px;
  transition-property: background-color, color;
  transition-duration: 1s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  body .page .formulaire-contact .droite .wpcf7-submit {
    margin-left: auto;
    display: block;
    margin-right: auto;
    width: 52%;
    height: 31px;
  }
}
body .page .formulaire-contact .droite .wpcf7-submit:hover {
  border: 1px #831104;
  background-color: white;
  color: #831104;
}
body .page .formulaire-contact .droite .your-message textarea {
  height: 80px !important;
}
@media (max-width: 576px) {
  body .page .formulaire-contact span input, body .page .formulaire-contact span textarea {
    width: 80%;
  }
}
body .page .formulaire-contact .wpcf7 form.invalid .wpcf7-response-output, body .page .formulaire-contact .wpcf7 form.unaccepted .wpcf7-response-output {
  background-color: white;
  border-color: #ffb900;
  position: absolute;
  margin-top: -2%;
  margin-left: auto;
  /* margin-right: auto; */
}
body .page .formulaire-contact .wpcf7 form.failed .wpcf7-response-output, body .page .formulaire-contact .wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
  background-color: white;
  position: absolute;
  margin-top: -2%;
  margin-left: auto;
}
body .page .formulaire-contact .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  background-color: white;
  position: absolute;
  margin-top: -2%;
  margin-left: auto;
}
body .page .formulaire-contact .wpcf7-not-valid-tip {
  color: #831104;
  font-size: 18px;
  text-shadow: 0 2px 2px white;
}
body #jeu-destination {
  color: white;
  text-decoration: none;
}
body #jeu-destination:hover {
  color: white;
}

/****************FORMULAIRE JEU FIN********************/
@media (max-width: 565px) {
  .height-50-mobile {
    height: 50px !important;
  }

  .textcenter {
    text-align: center !important;
  }

  .margin-bottom-68 img {
    margin-bottom: -68px;
  }
}
@media (min-width: 566px) and (max-width: 1400px) {
  .height-50-mobile {
    height: 50px !important;
  }

  .textcenter {
    text-align: center !important;
  }

  .container-contact-map .wp-block-columns, .formulaire-contact .wp-block-columns, .has-background-dim-60 .wp-block-columns {
    flex-wrap: wrap !important;
    display: block !important;
  }
}
.color-inherit a {
  color: inherit !important;
}

/*	****************************************************************************
 *  Header
****************************************************************************	*/
#header {
  display: grid;
  background-image: url(https://c5b6dd.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/AdobeStock_45600048.jpeg);
  height: 225px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* background-image: url(https://812884.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/09/map2000.jpg);
   height: 225px;
   background-repeat: no-repeat;
   background-position: center;*/
}
#header a {
  display: flex;
}
#header a img {
  margin: auto;
  width: 25%;
}

@media (max-width: 565px) {
  #header {
    /*@media (max-width:565px ){
      background-image: url("https://f8535b.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/06/logo.png");
      background-repeat: no-repeat;
      background-position: center;
      background-color: #C6AE94;
    }*/
  }
  #header a img {
    width: 70%;
  }
}
@media (min-width: 566px) and (max-width: 1024px) {
  #header a img {
    width: 50%;
  }
}
/*	****************************************************************************
 *  Menu
****************************************************************************	*/
#menu-accueil #navbar {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#menu-accueil #navbar .navbar-nav li {
  margin: 0 15px;
}
#menu-accueil #navbar .navbar-nav li a {
  font-family: "Raleway";
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00515b;
  transition: font-weight 0.2s;
}
#menu-accueil #navbar .navbar-nav li a:hover {
  font-weight: 600;
}

@media (max-width: 1400px) {
  #navbar {
    margin-left: initial !important;
    margin-right: initial !important;
  }
}
/*	****************************************************************************
 *  Footer
****************************************************************************	*/
#footer {
  padding: 40px 0 60px;
  background-color: #831104;
}
#footer ul {
  list-style: none;
}
#footer a {
  color: white;
}
#footer #logo-infos {
  color: white;
}
#footer #logo-infos #logo-detour {
  width: 63%;
}
#footer #logo-infos #f-accroche {
  font-family: "Merienda";
  font-size: 19px;
  margin-top: 30px;
  margin-left: 35px;
}
#footer #logo-infos .info-footer {
  display: grid;
  grid-template-columns: 35px auto;
  font-family: "Raleway";
  font-size: 18px;
}
#footer #logo-infos .info-footer .fas {
  margin-top: 5px;
}
#footer .f-menu .menu-footer-container #menu-footer {
  margin-top: 20px;
}
#footer .f-menu .menu-footer-container #menu-footer li a {
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Raleway";
  font-size: 18px;
}
#footer #reseaux-footer {
  display: flex;
  text-align: center;
}
#footer #reseaux-footer p {
  margin: auto;
  font-size: 18px;
  color: white;
}
#footer #reseaux-footer p a {
  font-weight: bold;
}
#footer #reseaux-footer .fab {
  margin: 15px 5px 0;
  font-size: 35px;
}

@media (max-width: 1024px) {
  footer .row {
    margin: 0 !important;
  }
  footer #logo-infos a {
    display: flex;
  }
  footer #logo-infos a img {
    margin-left: auto;
    margin-right: auto;
  }
  footer #logo-infos .info-footer {
    margin-left: 5px;
  }
  footer #logo-infos #f-accroche {
    margin-left: 0 !important;
  }
  footer #reseaux-footer {
    display: initial !important;
  }
  footer .f-menu .menu-footer-container #menu-footer {
    padding-left: 5px;
  }

  .page-id-142 footer, .page-id-150 footer {
    margin-top: 460px;
  }
}
@media (min-width: 566px) and (max-width: 1024px) {
  #logo-infos #logo-detour {
    width: 38% !important;
  }

  .page-id-142 footer, .page-id-150 footer {
    margin-top: 585px;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  footer {
    margin-top: 587px;
  }
}
/*	****************************************************************************
 *  Contact
****************************************************************************	*/
.groupe-contact {
  position: relative;
  z-index: 9;
  background-color: #116065;
  height: 500px;
  margin-top: 0;
  padding: 70px 67px;
  transform: skewX(-9deg);
}
.groupe-contact p, .groupe-contact a {
  transform: skewX(9deg);
}

.groupe-contact-opa {
  position: relative;
  z-index: 9;
  background-color: rgba(17, 96, 101, 0.9);
  height: 570px;
  margin-top: 27px;
  padding: 70px 67px;
  transform: skewX(-9deg);
}
.groupe-contact-opa p, .groupe-contact-opa a {
  transform: skewX(9deg);
}

.groupe-contact-opa-rouge {
  position: relative;
  z-index: 9;
  background-color: rgba(131, 17, 4, 0.9);
  height: 570px;
  margin-top: 27px;
  padding: 70px 67px;
  transform: skewX(-9deg);
}
.groupe-contact-opa-rouge p, .groupe-contact-opa-rouge a {
  transform: skewX(9deg);
}

.groupe-contact-opa-rouge-accueil {
  position: relative;
  z-index: 9;
  background-color: rgba(131, 17, 4, 0.9);
  height: 500px;
  margin-top: 0;
  padding: 70px 67px;
  transform: skewX(-9deg);
}
.groupe-contact-opa-rouge-accueil p, .groupe-contact-opa-rouge-accueil a {
  transform: skewX(9deg);
}

.form-contact {
  margin-top: 48px;
}
.form-contact .form-contact {
  font-size: 22px;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 2px #393939;
  font-family: "Narrow";
}
.form-contact .your-message textarea {
  overflow: auto;
  resize: vertical;
  height: 100px;
  width: 322px;
}
.form-contact .wpcf7-submit {
  background-color: #831104;
  border: 1px #831104;
  border-radius: 10px;
  color: white;
  width: 30%;
  height: 29px;
  transition-property: background-color, color;
  transition-duration: 1s;
  cursor: pointer;
}
@media (max-width: 565px) {
  .form-contact .wpcf7-submit {
    margin-left: auto;
    display: block;
    margin-right: auto;
    width: 52%;
    height: 31px;
  }
}
.form-contact .wpcf7-submit:hover {
  border: 1px #831104;
  background-color: white;
  color: #831104;
}

.formulaire-contact {
  height: 500px !important;
}

@media (max-width: 1400px) {
  .groupe-contact, .groupe-contact-opa-rouge-accueil, .groupe-contact-opa, .groupe-contact-opa-rouge {
    height: auto;
    transform: initial;
  }
  .groupe-contact p, .groupe-contact-opa-rouge-accueil p, .groupe-contact-opa p, .groupe-contact-opa-rouge p {
    transform: initial;
  }

  .groupe-contact-opa-rouge, .groupe-contact-opa {
    margin-top: 0;
  }

  .formulaire-contact {
    height: auto !important;
    padding: 0 !important;
  }
  .formulaire-contact img {
    height: 43% !important;
  }
  .formulaire-contact .form-contact {
    padding: 1em 1em 0 !important;
  }
  .formulaire-contact .colonnes-mobile {
    margin-bottom: 0 !important;
  }
}
/*	****************************************************************************
 *  Home
****************************************************************************	*/
.titre-accueil {
  position: relative;
  background: url("https://e7b652.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/07/fond.png");
  background-size: 137%;
  background-position: 0% 135%;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: bold;
  z-index: 3;
}
.titre-accueil .bistro {
  margin-left: 90px;
  text-shadow: 1px 1px 2px #393939;
  font-family: "Merienda";
}
.titre-accueil .evasion {
  margin-left: 170px;
  margin-top: -25px;
  text-shadow: 1px 1px 2px #393939;
  font-family: "Merienda";
}
.titre-accueil .ludique {
  margin-left: 205px;
  margin-top: -35px;
  text-shadow: 1px 1px 2px #393939;
  font-family: "Merienda";
}
.titre-accueil .bouton-detour {
  margin-left: 355px !important;
  font-size: 14px;
  font-weight: normal;
  text-transform: initial;
  color: white;
}

.banniere-accueil {
  height: 50vh;
  position: absolute;
  width: 100%;
  margin-top: -588px;
}
.banniere-accueil .wp-block-column:first-child figure img {
  position: absolute;
  margin-top: 258px;
  height: auto;
  width: 26%;
  z-index: 2;
}
.banniere-accueil .wp-block-column:nth-child(2) figure img {
  height: auto;
  position: absolute;
  width: 17%;
  margin-top: 27px;
  margin-left: -36px;
  z-index: 2;
}
.banniere-accueil .wp-block-column:nth-child(3) figure img {
  position: absolute;
  height: auto;
  width: 21%;
  margin-left: -85px;
  z-index: 2;
}
.banniere-accueil .wp-block-column:nth-child(4) figure img {
  position: absolute;
  height: auto;
  width: 16%;
  margin-left: -63px;
  margin-top: 179px;
  z-index: 2;
}
.banniere-accueil .wp-block-column:nth-child(5) figure img {
  position: absolute;
  height: auto;
  width: 16%;
  margin-top: 86px;
  margin-left: -145px;
  z-index: 2;
}
.banniere-accueil .wp-block-column:nth-child(6) figure img {
  position: absolute;
  height: auto;
  width: 28%;
  margin-left: -225px;
  margin-top: 8px;
}

.manger-boire-jouer .mbj-titre {
  margin-bottom: 0;
}
.manger-boire-jouer .mbj-p {
  font-weight: 600;
}
.manger-boire-jouer .grp-manger {
  position: absolute;
  margin-left: 220px;
  margin-top: 50px;
  line-height: 20px;
  padding: 20px;
  border-radius: 11px;
}
.manger-boire-jouer .grp-jeux {
  position: absolute;
  margin-left: 220px;
  margin-top: 309px;
  line-height: 20px;
  padding: 20px 33px;
  border-radius: 11px;
}
.manger-boire-jouer .grp-bar {
  position: absolute;
  margin-left: -80px;
  margin-top: 169px;
  padding: 14px 30px;
  border-radius: 11px;
}

.evenement-detour li {
  overflow: hidden;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 30px !important;
  width: calc(26.33333% - .83333em) !important;
  /* width: 310px; */
  height: 400px;
  background-color: white;
}
.evenement-detour li img {
  width: 125%;
}
.evenement-detour li a {
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  width: 100%;
}
.evenement-detour li a:nth-child(2) {
  margin-left: 15px;
}
.evenement-detour li .wp-block-latest-posts__post-excerpt {
  margin-left: 15px;
  font-size: 13px;
  color: black;
}
.evenement-detour .wp-block-latest-posts__featured-image {
  margin-bottom: 10px;
}

.container-contact-map {
  max-height: 500px;
}
.container-contact-map .container-map {
  height: 500px;
  margin-top: 1px;
  overflow: hidden;
  margin-left: -220px;
  width: 80vw;
}
.container-contact-map .container-map iframe {
  height: 727px;
  width: 100%;
  margin-top: -112px;
  margin-left: -85px;
  margin-bottom: -590px;
}
.container-contact-map .container-map iframe:not([src$=".png"]) {
  filter: grayscale(50%);
}

@media (min-width: 1620px) {
  .colonne-flex-30 {
    flex-basis: 30% !important;
  }
}
@media (max-width: 576px) {
  .titre-accueil {
    background-size: 575%;
    background-position: initial;
  }
  .titre-accueil .bistro {
    margin-left: 2%;
  }
  .titre-accueil .evasion {
    margin-left: 13%;
  }
  .titre-accueil .ludique {
    margin-left: 28%;
  }
  .titre-accueil .bouton-detour {
    margin-left: 36% !important;
  }
  .titre-accueil .bouton-detour a {
    font-size: 18px;
  }

  .banniere-accueil .wp-block-column:first-child figure img {
    margin-top: 119%;
    width: 49%;
  }
  .banniere-accueil .wp-block-column:nth-child(2) figure img {
    width: 37%;
    margin-top: 53%;
    margin-left: 21%;
  }
  .banniere-accueil .wp-block-column:nth-child(3) figure img {
    width: 38%;
    margin-top: -16%;
    margin-left: 0px;
  }
  .banniere-accueil .wp-block-column:nth-child(4) figure img {
    width: 41%;
    margin-left: 59%;
    margin-top: -43%;
  }
  .banniere-accueil .wp-block-column:nth-child(5) figure img {
    width: 43%;
    margin-top: -68%;
    margin-left: 29%;
  }
  .banniere-accueil .wp-block-column:nth-child(6) figure img {
    width: 71%;
    margin-left: 29%;
    margin-top: 19%;
  }

  .banniere-description {
    min-height: initial !important;
    height: 666px !important;
    padding-top: 33% !important;
  }
  .banniere-description img {
    width: 160% !important;
    height: auto !important;
    margin-left: -80px !important;
  }
  .banniere-description .wp-block-cover__inner-container {
    margin-top: -50px;
  }
  .banniere-description p {
    font-size: 0.7em !important;
  }
  .banniere-description p br {
    display: none;
  }
  .banniere-description .bar-titre {
    font-size: 1em !important;
  }

  .manger-boire-jouer p {
    font-size: 0.8rem !important;
  }
  .manger-boire-jouer p br {
    display: none;
  }
  .manger-boire-jouer .grp-manger {
    display: none;
    margin-left: 1%;
    margin-top: -5%;
    width: 34%;
  }
  .manger-boire-jouer .grp-jeux {
    display: none;
    margin-left: 1%;
    margin-top: 83%;
    width: 34%;
  }
  .manger-boire-jouer .grp-bar {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 1400px) {
  .titre-accueil {
    background-size: 575%;
    background-position: initial;
  }
  .titre-accueil .bistro {
    margin-left: 2%;
  }
  .titre-accueil .evasion {
    margin-left: 13%;
  }
  .titre-accueil .ludique {
    margin-left: 28%;
  }
  .titre-accueil .bouton-detour {
    margin-left: 36% !important;
  }
  .titre-accueil .bouton-detour a {
    font-size: 18px;
  }

  .banniere-accueil {
    flex-wrap: nowrap !important;
  }
  .banniere-accueil .wp-block-column {
    flex-basis: 0 !important;
    flex-grow: 1;
  }
  .banniere-accueil .wp-block-column:first-child figure img {
    width: 38%;
  }
  .banniere-accueil .wp-block-column:nth-child(2) figure img {
    width: 23%;
  }
  .banniere-accueil .wp-block-column:nth-child(3) figure img {
    width: 24%;
    margin-left: 6px;
    z-index: 2;
    margin-top: 305px;
  }
  .banniere-accueil .wp-block-column:nth-child(4) figure img {
    width: 24%;
    margin-left: -63px;
    margin-top: 88px;
  }
  .banniere-accueil .wp-block-column:nth-child(5) figure img {
    width: 23%;
    margin-top: 278px;
    margin-left: -23px;
  }
  .banniere-accueil .wp-block-column:nth-child(6) figure img {
    width: 39%;
    margin-left: -194px;
    margin-top: 144px;
  }

  .page #bar-ludique .flexbasi0, .page .manger-boire-jouer .flexbasi0, .page .colonnes-mobile .flexbasi0 {
    flex-basis: 0% !important;
  }
  .page #bar-ludique .flexbasi8, .page .manger-boire-jouer .flexbasi8, .page .colonnes-mobile .flexbasi8 {
    flex-basis: 8% !important;
  }
  .page #bar-ludique .flexbasi79, .page .manger-boire-jouer .flexbasi79, .page .colonnes-mobile .flexbasi79 {
    flex-basis: 79% !important;
  }
  .page #bar-ludique .flexbasi100, .page .manger-boire-jouer .flexbasi100, .page .colonnes-mobile .flexbasi100 {
    flex-basis: 100% !important;
    margin-left: 0 !important;
  }

  .manger-boire-jouer img {
    width: 60%;
    margin-left: auto;
    display: flex;
    margin-right: auto;
  }
  .manger-boire-jouer .mbj-titre {
    font-size: 1rem;
  }
  .manger-boire-jouer .mbj-p {
    font-size: 0.8rem;
  }
  .manger-boire-jouer .grp-manger {
    margin-left: 15px;
    margin-top: 40px;
    line-height: 20px;
    padding: 9px 20px;
  }
  .manger-boire-jouer .grp-jeux {
    margin-left: 18px;
    margin-top: 258px;
    padding: 8px 33px;
  }
  .manger-boire-jouer .grp-bar {
    margin-left: -218px;
    margin-top: 151px;
    padding: 9px 30px;
  }
}
.categorie-carte img {
  position: absolute;
  right: 0;
  width: 84vw;
}
.categorie-carte figcaption {
  position: absolute;
  margin-left: 340px;
  margin-top: -3px !important;
  font-family: "Stencil";
  font-size: 43px;
  text-transform: uppercase;
  color: white;
}

.carte-menu {
  margin-left: 470px;
  padding-left: 100px;
}
.carte-menu em {
  font-size: 16px;
}

iframe .jQhVs-haAclf {
  position: absolute;
  width: 308px;
  right: 631px !important;
  top: 109px !important;
}

.container-map2 {
  height: 500px;
  margin-top: 1px;
  overflow: hidden;
  width: 56vw;
}
.container-map2 iframe {
  height: 727px;
  width: 100%;
  margin-top: -112px;
  margin-bottom: -590px;
}

/**********************RESPONSIVE*************************/
@media (max-width: 1024px) {
  .container-map2 {
    width: 100%;
  }

  .groupe-contact {
    height: auto;
    transform: initial;
  }
  .groupe-contact p {
    transform: initial;
  }

  .groupe-contact-opa-rouge-accueil {
    height: auto;
    transform: initial;
  }

  .categorie-carte img {
    width: 98vw;
  }
  .categorie-carte figcaption {
    margin-left: 35px;
    margin-top: 0 !important;
    font-size: 35px;
  }

  .carte-menu {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.qui-sommes-nous .photo {
  position: relative;
  z-index: 2;
}
.qui-sommes-nous .text {
  z-index: 1;
  margin-left: -32px !important;
  margin-top: 52px;
}
.qui-sommes-nous .text .description-animajoueur {
  padding-left: 30px;
  padding-right: 15px;
}
.qui-sommes-nous .text-2 {
  margin-right: -80px;
  margin-top: 43px;
}
.qui-sommes-nous .text-2 .description-animajoueur {
  padding-right: 70px;
  padding-left: 15px;
}
.qui-sommes-nous .text-3 {
  margin-left: -32px !important;
  margin-top: -15px;
}
.qui-sommes-nous .text-3 .description-animajoueur {
  padding-left: 30px;
  padding-right: 15px;
}

.vieux-livre-presentation img {
  position: absolute !important;
  right: 0 !important;
  margin-top: 472px !important;
  transform: rotate(-31deg) !important;
  width: 22% !important;
  height: auto !important;
  opacity: 0.8 !important;
  margin-right: 40px;
}

.horloge-presentation img {
  margin-top: 232px !important;
  width: 18% !important;
  margin-right: -100px;
}

.coffre-presentation img {
  margin-top: 95px !important;
  width: 17% !important;
  transform: rotate(19deg) !important;
  opacity: 0.56 !important;
  margin-right: 180px;
}

.tableau-presentation img {
  left: 0 !important;
  margin-top: -163px !important;
  transform: rotate(0deg) !important;
  width: 48% !important;
  opacity: 0.9 !important;
}

.banniere-description {
  padding-right: 45px !important;
}

@media (max-width: 576px) {
  .qui-sommes-nous {
    display: grid !important;
  }
  .qui-sommes-nous .photo {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .qui-sommes-nous .text {
    margin-left: 0 !important;
  }
  .qui-sommes-nous .text-2 {
    margin-right: 0 !important;
  }
  .qui-sommes-nous .text-3 {
    margin-left: 0 !important;
  }
}
@media (min-width: 566px) and (max-width: 1024px) {
  .qui-sommes-nous:nth-child(1n) {
    margin-bottom: 0 !important;
  }
  .qui-sommes-nous:nth-child(2n) {
    margin-bottom: 55px !important;
  }
  .qui-sommes-nous .text, .qui-sommes-nous .text-3 {
    margin-left: 0 !important;
  }
  .qui-sommes-nous .photo1 {
    margin-top: 50px;
  }
  .qui-sommes-nous .photo2 {
    margin-top: 40px;
    margin-left: 6em !important;
  }
  .qui-sommes-nous .photo3 {
    margin-top: -15px !important;
  }
}
.evenement-article-detour {
  background-image: url("https://c5b6dd.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/AdobeStock_45600048.jpeg");
}
.evenement-article-detour h2 {
  padding: 100px 0 65px;
  font-family: "Raleway";
  font-size: 2.25em;
  font-style: italic;
  font-weight: bold;
  color: #333333;
  text-transform: uppercase;
}

.evenement-oval li:nth-child(3n+1) {
  width: 294px !important;
  height: 385px;
  border-radius: 190px;
  transform: rotate(-8deg);
  margin-top: 98px !important;
  margin-left: 57px !important;
  position: absolute;
  z-index: 2;
  border-style: inset;
  border-color: black;
}
.evenement-oval li:nth-child(3n+1) img {
  width: 125%;
  margin-top: -50px;
}
.evenement-oval li:nth-child(3n+1) .wp-block-latest-posts__post-excerpt {
  padding-left: 55px;
  padding-right: 55px;
}
.evenement-oval li:nth-child(3n+2) {
  position: absolute;
  transform: rotate(20deg);
  margin-bottom: -25px;
  margin-top: -97px;
  width: 286px !important;
  margin-left: 385px !important;
  border-radius: 45px;
  z-index: 1;
  border-color: black;
  border-style: double;
}
.evenement-oval li:nth-child(3n+3) {
  margin-right: 180px !important;
  margin-top: 97px !important;
  transform: rotate(-2deg);
  width: 294px !important;
  height: 385px;
  border-radius: 190px;
  z-index: 0;
  border-style: inset;
  border-color: black;
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .evenement-oval li:nth-child(3n+3) {
    margin-right: 20px !important;
  }
}
.evenement-oval li:nth-child(3n+3) img {
  width: 125%;
  margin-top: -50px;
}
.evenement-oval li:nth-child(3n+3) .wp-block-latest-posts__post-excerpt {
  padding-left: 55px;
  padding-right: 55px;
}

.nos-evenement-oval li:nth-child(3n+1) {
  margin-top: 0 !important;
  margin-left: 0 !important;
  position: initial;
}
.nos-evenement-oval li:nth-child(3n+2) {
  position: initial;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.nos-evenement-oval li:nth-child(3n+3) {
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.nos-evenement-oval li:nth-child(6n+4) {
  transform: rotate(8deg);
}
.nos-evenement-oval li:nth-child(6n+5) {
  transform: rotate(-20deg);
}
.nos-evenement-oval li:nth-child(6n+6) {
  transform: rotate(2deg);
}

@media (max-width: 1024px) {
  .evenement-oval {
    display: block !important;
  }
  .evenement-oval li:nth-child(1) {
    position: initial;
    margin-left: auto !important;
    width: 277px !important;
    height: 368px !important;
  }
  .evenement-oval li:nth-child(2) {
    position: initial;
    transform: rotate(7deg);
    width: 273px !important;
    margin-left: auto !important;
    margin-bottom: 35px !important;
    margin-top: 0 !important;
  }
  .evenement-oval li:nth-child(3) {
    margin-top: 0 !important;
    margin-right: auto !important;
    width: 277px !important;
    height: 368px !important;
    margin-left: auto !important;
  }
}
@media (min-width: 577px) and (max-width: 1400px) {
  .evenement-oval li:nth-child(3n+1) {
    margin-top: -18px !important;
  }

  .page .container-contact-map .wp-block-column {
    flex-basis: 100% !important;
  }
  .page .container-contact-map .wp-block-column .container-map2 {
    width: 100vw;
  }
}
#breadcrumbs {
  position: absolute;
  margin-top: 17px;
  z-index: 1;
}
#breadcrumbs a {
  color: white;
  font-weight: bold;
}
#breadcrumbs span {
  color: white;
}

/*.conteneur-animation {
  position:relative;
  height: 100%;
  width: 100%;
  margin:0 auto;
  img {
    position:absolute;
    left:0;
    width: 100%;
    height: auto;
    animation-name: fondu-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 6s;
  }
  .image-de-dessus {
    img{
      animation-delay: 4s;
    }
  }
  .image-de-dessus2 {
    img{
      animation-delay: 2.5s;
    }
  }
  .image-de-dessus3 {
    img{
      animation-delay: 2s;
    }
  }
  .image-de-dessus4 {
    img{
      animation-delay: 1.5s;
    }
  }
  .image-de-dessus5 {
    img{
      animation-delay: 1s;
    }
  }
  .image-de-dessus6 {
    img{
      animation-delay: 0.5s;
    }
  }
  .image-de-dessus7 {
    img{
      animation-delay: 0s;
    }
  }
}*/
#conteneur-animation2 {
  position: relative;
  height: calc(100vh - 33vh);
  width: 100%;
  margin: 0 auto;
}
#conteneur-animation2 .img {
  position: absolute;
  width: 100%;
  animation-name: fondu-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 4.5s;
}
#conteneur-animation2 #img1 {
  background-image: url("https://90af73.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/8.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 3.5s;
}
#conteneur-animation2 #img2 {
  background-image: url("https://180528.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/6.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 2.5s;
}
#conteneur-animation2 #img3 {
  background-image: url("https://d79367.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/5.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 2s;
}
#conteneur-animation2 #img4 {
  background-image: url("https://0139d3.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/4.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 1.5s;
}
#conteneur-animation2 #img5 {
  background-image: url("https://335c06.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/3.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 1s;
}
#conteneur-animation2 #img6 {
  background-image: url("https://b1b574.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/2.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 0.5s;
}
#conteneur-animation2 #img7 {
  background-image: url("https://f8c014.claudeassets.com/20250708183300im_/https://detour-bistroludique.com/wp-content/uploads/2021/10/1.jpeg");
  height: 67vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-delay: 0s;
}

@keyframes fondu-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

/*
     FILE ARCHIVED ON 14:04:33 Feb 20, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:34:46 Jul 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.68
  exclusion.robots: 0.075
  exclusion.robots.policy: 0.062
  esindex: 0.009
  cdx.remote: 52.57
  LoadShardBlock: 276.038 (3)
  PetaboxLoader3.datanode: 169.212 (5)
  PetaboxLoader3.resolve: 1586.135 (3)
  load_resource: 3765.395
  loaddict: 2288.31
*/