#popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99999;
cursor: pointer;
display: none;
}
#popup-fermeture-mardi {
align-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #F6B5C1;
padding: 20px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 8px;
width: 500px;
height: 400px;
max-width: 90%;
text-align: center;
font-family: "Josefin Sans Bold", sans-serif;
font-weight: bold;
}
#close-popup {
position: absolute;
top: 10px;
right: 10px;
font-size: 40px;
color: #333;
cursor: pointer;
font-weight: bold;
background: none;
border: none;
}
#close-popup:hover {
color: #555;
}
.popup-logo {
margin-top: 20px;
height: 100px;
width: 100px;
}
#popup-fermeture-mardi p {
font-size: 24px;
color: #333;
margin-bottom: 15px;
}
#popup-fermeture-mardi button {
margin-top: 20px;
margin-bottom: 20px;
width: 350px;
height: 60px;
padding: 10px 20px;
background-color: #013028;
color: white;
border: none;
cursor: pointer;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
}
#popup-fermeture-mardi button:hover {
background-color: white;
color: #F6B5C1;
border-color: #F6B5C1;
}
@media (max-width: 500px) {
.popup-logo {
margin-bottom: 15px;
} 
#popup-fermeture-mardi  {
height: 350px;
} 
#popup-fermeture-mardi button {
width: 100%;
} 
}