.popup {
position: fixed;
top: 0; 
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.85);
padding: 2rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
z-index: 9999;
}

.popup.visible {
opacity: 1;
visibility: visible;
}

.popup-content {
background: #FBF9EE; /* fond de la pop-up */
padding: 2rem;
max-width: 600px;
width: 100%;
border-radius: 10px;
text-align: center;
position: relative;
animation: zoomIn 0.4s ease;
color : #063159;
}

    @keyframes zoomIn {
      from {
        transform: scale(0.8);
        opacity: 0;
      }
      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    .popup-content img {
      max-width: 100%;
      height: auto;
      border-radius: 5px;
      margin-bottom: 1rem;
	  cursor: pointer;
    }

    .popup-content img:hover {
	transform: scale(2.0);
	transition: 0.3s ease;
    }

    .close-btn-info {
      position: absolute;
      top: -0.3rem;
      right: 0.8rem;
      font-size: 40px;
      color: #09345C;
      cursor: pointer;
	  font-weight: bold;
    }
	.close-btn-info:hover {
	transform: scale(1.4);
	}

    .touslesliens-btn {
      position: relative;
      top: 0.5rem;
      margin-left: auto;
	margin-right: auto;
      cursor: pointer;
      margin-top: 0.1rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      background: #063159;
      color: white;
      padding: 0.5rem 0.8rem;
      border-radius: 5px;
      text-decoration: none;
      font-weight: bold;
      font-size: 0.9rem;
      transition: background 0.2s ease;
	  width: 110px;
	  overflow: hidden;
    }

.touslesliens-btn:hover {
      background: #005fa3;
}	  
	
	.popup-content .touslesliens-btn img:hover {
	transform: scale(1.25);
	transition: 0.3s ease;
	}

    .popup-links {
      margin-top: 0rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
    }

    .popup-links a {
      background: #063159;
      color: white;
      padding: 0.5rem 0.8rem;
      border-radius: 5px;
      text-decoration: none;
      font-weight: bold;
      font-size: 0.9rem;
      transition: background 0.2s ease;
	  width: 110px;
	  overflow: hidden;
    }

    .popup-links a:hover {
      background: #005fa3;
    }
	
	#popup-title {
	margin-top: 0.5rem;
	font-size: 22pt; 
	color : #063159;
	}