div.gallery {
  border: 1px solid #ccc;
  height:270px;
  max-width: 550px;
  text-align:center;
  border-radius: 10px; /* Rayon des coins - ajustez selon vos préférences */
}

div.gallery:hover {
  border: 1px solid #777;
}

div.img_box{
  /*border:gray 1px solid;*/
  height:200px;
  display: flex;
  align-items: center; /* Centrer verticalement */
  justify-content: center; /* Centrer horizontalement */
}

div.gallery img {
  margin-top:10px;
  max-width: 180px;
  max-height: 180px;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;

}

div.resume {
    padding: 15px;
    text-align: justify;

  }

  .jeux_titre{
    font-weight: bold;
    font-size: 32px;
    margin-bottom:  25px;
  
  }

/* Info-bulle */ 
.infobulle { 
    text-decoration:none; 
    position:relative; 
  } 
  .infobulle span { 
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:11px; 
    text-align:justify;

  } 
  .infobulle span img { 
    float:left; 
    margin:0px 8px 8px 0; 
  } 
  .infobulle:hover span 
  { 
    display:block; 
    position:absolute; 
    top:0; 
    left:-160; 
    z-index:1000; 
    width:180px; 
    /* max-width:200px; */ 
    min-height:20px; 
    border:1px solid black; 
    margin-top:12px; 
    margin-left:2px; 
    overflow:hidden; 
    padding:8px; 
  }

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 16.6666%;
}

@media only screen and (max-width:1200px) {
  .responsive {
    width: 32.999999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 600px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}