/*STYLES POUR LES PAGES 2 ET 3 */
/* adaptation de la colonne*/
.colonne-droite {
  display: flex; 
  flex-direction: column;
}
/* Class de div */
.energie2 {
  display: flex; 
  gap: 22px; 
  margin-top: 22px;
  align-items: flex-start; 
}
/* Titre 2 */
.titre2 {
  width: 120px;
  font-weight: bold;
}
/* Adaptation des images (mise en page spécial) */
.image2 {
  width: 240px; 
}
/*Adaptation pour mobile*/
@media (max-width: 850px) {
  .energie2 {
    flex-direction: column; 
    gap: 12px;
  }

  .titre2 {
    width: 100%; 
  }
  /* cacher logo */
  .logo {
    display: none; 
  }
}