body {
  margin: 0 auto; /* Centre le contenu horizontalement */
  max-width: 1000px; /* Limite la largeur du contenu à 1000px */
  width:100%;
  padding: 0 20px; /* Ajoute un peu d'espace sur les côtés */
  box-sizing: border-box; /* Inclut les bordures et les marges dans la largeur totale */
  font-family: sans-serif;
}

div.kits {
  text-align: center;
  overflow: auto;
  }
  
div.kit {
  float: left; /* Flotte les éléments à gauche */
margin-bottom: 20px;
}
.kit img {

max-width: 400px;

}
@media (max-width: 900px) { 
.kits > .kit{
 margin-left: calc((100% - 400px) / 2); /* Calcule la marge à gauche */
}}

/* Les éléments impaires*/
@media (min-width: 900px) {
  .kits > .kit:nth-child(2n+1) {
    margin-left: calc((100% - 800px) / 4); /* Calcule la marge à gauche */
    margin-right: 50px;
  }
}

.retour { font-size:1.1em; }

div {
    display : block;
    float : left;
    margin-bottom : 1em;
}

.col-5 {
    
    width : 40%;

}

.col-10 {

    width : 100%;
    
}
header {
 margin-top : 1em;
 margin-bottom : 0.5em;
}

p {
 padding : 0.5em;
}

.header {
    margin-bottom : 1em;
}

.exemple {
    width : 300px;
    height : 300px;
    margin : 2px 2px;
}


.button {
  display: block;
  width: 80%;
  margin: 0 auto;
  background-color: #1d93ab;
  color: #ffffff; /* Couleur du texte */
  text-align: center;
  padding: 10px;
  border-radius: 15px;
  font-size : 1.5em;
  margin-bottom : 1em;
  margin-top : 1em;
  text-decoration : none;
}

.content-text {
    padding : 5px;
}

.img-size-10 {
    width : 100%;
}