body {
  background-color: darkred;
}

.containerbody {
	
}
.containertitre{
  display: flex;
  gap: 20px; /* espace entre les div */
  
  text-align: center;
}
.container {
  display: flex;
  gap: 20px; /* espace entre les div */
  
  text-align: center;
}

.containersolo {
  display: flex;
  gap: 20px; /* espace entre les div */
  
  text-align: center;
  
  width: 66%;
  margin: auto;
}


.boxsolo {
	
  flex: 1; /* chaque div prend la même largeur */
  padding: 20px;
  background: #eaeaea;
  text-align: center;
  border: groove;
  width: 66%;
  margin: auto;
}

.boxtitre {
	
  flex: 1; /* chaque div prend la même largeur */
  padding: 20px;
  background: none;
  text-align: center;

}

.box {
  flex: 1; /* chaque div prend la même largeur */
  padding: 20px;
  background: #eaeaea;
  text-align: center;
  border: groove;
}

/* Responsive mobile */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
  
  }
  .containersolo {
    flex-direction: column;
    width: 100%;

  
  }




  
}