/* RADIS NOIR EFFETS BLOCS JEUX */
.rn_bloc_jeu .rn_bloc_img{ 
  width: 278px;
  height: 290px;
  position: relative;
  margin: 10px auto;
  overflow: hidden;
}

.rn_bloc_jeu .rn_bloc_img .rn_image_jeu{
  display: block;
  position: absolute;
  width: 90% !important;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  transition:width linear 0.5s;
  -webkit-transition:width linear 0.5s;
}

.rn_bloc_jeu:hover .rn_bloc_img .rn_image_jeu{
  width: 100% !important;
  transition:width linear 0.5s;
  -webkit-transition:width linear 0.5s;
}

.rn_bloc_jeu{
  background: transparent;
    box-shadow: 0px 0px 0px #aaa;
    /* background-size: 520%; */
    /* background-position: 0% 0%; */
    transition:all linear 0.5s;
    -webkit-transition:all linear 0.5s;

}
.rn_bloc_jeu:hover{
  
    background: rgba(255, 255, 255, 0.3);
    
      /* background: url(/css/images/background.jpg);*/
      /* background-position: 248% 0%;*/
      /* background-size: 520%;*/
      box-shadow: 0px 0px 5px rgba(70, 24, 3, 0.3);
      transition:all linear 0.5s;
      -webkit-transition:all linear 0.5s
}
a.rn_reserver{text-decoration: none !important}

.rn_bloc_jeu a.rn_reserver img{
  width:161px;
  transition:width linear 0.5s;
  -webkit-transition:width linear 0.5s;
}
.rn_bloc_jeu:hover a.rn_reserver img{
  width:181px;
  transition:width linear 0.5s;
  -webkit-transition:width linear 0.5s;
}
/* ===== MENU PRINCIPAL =====
   Revu le 15/09/2026, apres l'ajout de l'entree Halloween (neuf entrees).
   Trois problemes traites :
   1. Le conteneur du menu etait plafonne a 1200 px avec 32 px de marge, soit
      1136 px utiles pour 1261 px demandes : Infos Pratiques et FAQ tombaient
      sur une deuxieme ligne. Le conteneur du MENU seul passe a 1440 px avec
      20 px de marge. Le reste du site garde sa largeur de 1200 px.
   2. La rosace sep_nav.png fait 13 px et se place a gauche de chaque entree.
      Avec 23 px a gauche et 10 px a droite, le texte etait colle a sa rosace.
      Desormais 20 px a gauche (13 de rosace + 7) et 7 px a droite : la rosace
      est au milieu, avec le meme espace des deux cotes. La police reste a 16 px.
   3. Entre 701 et 1279 px, la police descend a 14 px et l'entree Escape game
      2 joueurs se retire du menu : elle reste dans le pied de page. Le menu
      tient alors sur une ligne jusqu'a 1024 px.
   En dessous de 1024 px, la barre prend la hauteur qu'il lui faut au lieu de
   laisser la deuxieme ligne deborder sur le fond parchemin.
   Sous 700 px le menu passe en burger : aucune de ces regles ne s'y applique. */

@media screen and (min-width: 701px) {
  #header nav ul.row_center { max-width: 1440px }
  #header nav ul.row_padding_1 { padding: 0px 20px }
  /* Les entrees sont des inline-block : sans text-align le menu se cale a gauche
     du conteneur et laisse tout le vide a droite. Centre, il l'est vraiment. */
  #header nav ul { text-align: center }
  #header nav ul li { padding-right: 7px }
  #header nav ul li + li { padding: 0px 7px 0px 20px }
}

@media screen and (min-width: 701px) and (max-width: 1279px) {
  #header nav { font-size: 14px }
  #header nav ul li { padding-right: 5px }
  #header nav ul li + li { padding: 0px 5px 0px 18px }
  #header nav ul li:has(a[href*="escape-game-2-joueurs"]) { display: none }
  #header nav ul li:has(a[href*="escape-game-2-players"]) { display: none }
}

@media screen and (min-width: 701px) and (max-width: 1023px) {
  #header { height: 165px }
  #header nav { height: auto; min-height: 45px }
  #content { padding-top: 205px }
}