body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif;}
body {font-size:16px;}
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer;}
.w3-half img:hover{opacity:1;}

.nav-menu{z-index:3;width:300px;font-weight:bold;}
.burger-menu{width:100%;font-size:22px;}
.progiscript{margin-top:75px;padding-right:58px;}
.progiscript-projection{font-size: 15px;text-align: right;}

.cursor-pointer {cursor:pointer;}
.page-content {margin-left:340px;margin-right:40px;}
.hr-style {width:50px;border:5px solid blue;}

.margin-top-10 {margin-top:10px;}
.margin-top-30 {margin-top:30px;}
.margin-top-60 {margin-top:60px;}
.margin-top-75 {margin-top:75px;}
.margin-leftright-10 {margin-left:10px;margin-right:10px;}

.width-100px {width: 100px;}
.width-16pct {width: 16%;}
.width-20pct {width: 20%;}
.width-100pct {width: 100%;}

.no-border {border: 0px;}
a.no-lien {text-decoration: none !important;}

.align-end {text-align: end;}
.align-center {text-align: center;}
.align-right {text-align: right;}

.cell-right {text-align: right;}
.text-red {color : red;}

.bkg_color1 {background-color: #9bc3e2;}
.bkg_color2 {background-color: #cde1f1;}

.nom-societe {font-size: 40px; vertical-align: baseline;}
.separateur {font-size: 35px; vertical-align: baseline;}
.nom-rapport {font-size: 30px; vertical-align: baseline;}

.baleine-basdepage {position: absolute; bottom: 10px; width: 10%; height: auto; display: none;}
.vertical-align-bottom {vertical-align: bottom;}
.div-projection {position: absolute; top: 1px; left: 1px; width: 100%;} 

/* Style des popups */
#popup-container {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

/* Style général des popups */
.popup {
  padding: 15px 25px;
  border-radius: 8px;
  color: white;
  font-family: system-ui, sans-serif;
  font-size: 15px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  opacity: 0;
  transform: translateY(-10px);
  animation: fadeInOut 3.5s forwards;
  cursor: pointer; /* curseur main pour indiquer qu’on peut cliquer */
  user-select: none;
}

/* Couleurs par type */
.success { background-color: #4CAF50; }
.error   { background-color: #f44336; }
.warning { background-color: #ff9800; }
.info    { background-color: #2196F3; }

/* Animation d’apparition / disparition */
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(-10px); }
  10%, 90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}

/* Cacher les divs d’origine */
[id^="message"] {
  display: none;
}

/* Effet au clic */
.popup:active {
  transform: scale(0.97);
  opacity: 0.8;
}