/* Mise en forme du logo */
.logo-container-fixed {
position: fixed;
top: 10px;
left: 0;
right: 0;
margin: auto;
width: 30%;
min-width: 150px;
max-width: 220px;
z-index: 1000;
cursor: pointer;
}

.logo-fixed {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 10px;
border: 3px solid rgba(9, 51, 93, 0.7);
transition: opacity 0.5s ease-in-out;
opacity: 1;
}

.logo-fixed.hover {
opacity: 0;
}

.logo-container-fixed.show-hover .hover {
opacity: 1;
}

.logo-container-fixed.show-hover .default {
  opacity: 0;
}