Changement d'images avec surbrillance des départements
.highlighted {
font-weight: normal;
color: white; /* Couleur du titre par défaut */
text-decoration: none; /* Supprimer la décoration du lien */
cursor: pointer; /* Définir le curseur en tant que pointeur */
}
.highlighted:hover {
text-decoration: underline; /* Souligner le lien au survol */
}
.department-container {
position: relative;
display: inline-block;
}
.image-container {
max-width: 100%; /* Largeur maximale des images */
}
.c-ThemesTabsPane-img {
height: 250px; /* Hauteur fixée à 250px */
width: auto; /* Pour maintenir les proportions */
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent; /* Pas de couleur pour l'overlay */
display: none;
cursor: pointer; /* Définir le curseur en tant que pointeur */
}
.overlay.active {
display: block;
}
/* Changement de couleur du titre en fonction de l'image active */
.image1-active .department1 .c-ThemesTabsPaneNavItem,
.image2-active .department2 .c-ThemesTabsPaneNavItem {
color: black; /* Couleur du titre lorsque l'image 1 est active */
}