@media (max-width: 480px) {

  html {
    font-size: 14px;
  }

  #top-menu li a {
	font-size:0.8rem;
}
  
.kss-title{
	display:none;
  }

#concert{
  margin: 0 0 0 0;
}

#concert h1{
  font-size: 3.5rem;
}

#datecetteannee{
  width: 90%;
  height: auto;
  float: left;
  position: relative;
  top:70px;
  font-size: 1rem;
  margin-left: 5%;
}

#datecetteannee table, #datesanciennes table{
  width: 100%;
  align-self: left;
}

#anciennesdates{
  width: calc(100% - 10px);
  height: auto;
  float: left;
  font-size: 1rem;
	margin:0 0 0 5px;
  padding-left: 5px;
}

.margegauchetable{
  width: 0%;
}

.margedroitetable{
  width: 0%;
}

#choixdate{
  font-size: 1rem;
}




#descritionband h1 {
  font-size: 3.5rem;
}


#descritionband{
   font-size: 1rem;
}

#colonneun{
  max-width: 400px;
}

#colonnedeux{
  max-width: 400px;
}

.nommembre h1{
  font-size: 2rem;
}

.citationmembre{
  font-size: 1rem;
  margin-top: 5px;
}
  
  #stats{
  background-image: none;
}


#blocstat{
	margin: 0 0 0 0;
}
  
  #infostat{
	color:black;
}

#nombrestat{
  font-size: 2.5rem;
	color:black;
}

#choixgallerie h1{
  font-size: 3.5rem;
}

.gallery {
  width: 98%;
  margin: 100px 0 0 1%;
  user-select: none;
}

.grid-item {
  width: calc(33.333% - 5px); /* Largeur des colonnes */
  margin-bottom: 5px; /* Espacement entre les images */
  margin-left: 5px;
  cursor: pointer;
  border-radius: 10px;
}

.lightbox-img {
  max-width: 80%;
  max-height: 80vh;
  border-radius: 20px;
  transition: 0.3s;
}

  
.selctioncontact{
	font-size: 0.8rem
  }

.formulaire{
  max-width: 900px;
}

#contenucontact{
  max-width: 900px;
}

#boxcontenucontact{
  margin-top: 30px;
}

}