/* complément pour popup images, le pendant HTML est dans le q_footer */

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-content {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    box-shadow: 0px 0px 10px white;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    color
}

/* https://imagecolorpicker.com/color-code/08a0d9 */


.bg-paoe-,a.bg-paoe-:focus
{background-color:rgb(240,240,240)!important;color:#000!important;}


.bg-paoe-p,a.bg-paoe-p:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(210,210,210)!important;color:#000!important;}


.bg-paoe-a,a.bg-paoe-a:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(0,255,255)!important;color:#000 !important}


.bg-paoe-o,a.bg-paoe-o:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(108,167,255)!important;color:#fff!important}


.bg-paoe-e,a.bg-paoe-e:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(13,110,253)!important;color:#fff!important}



.bg-titre1,a.bg-titre1:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(23,162,184)!important;color:#fff !important}


.bg-titre2,a.bg-titre2:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(81,185,201)!important;color:#fff !important}

.bg-titre3,a.bg-titre3:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(141,213,239)!important;color:#fff !important}


.bg2-titre1,a.bg2-titre1:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(13,152,174)!important;color:#fff !important}


.bg2-titre2,a.bg2-titre2:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(71,175,191)!important;color:#fff !important}

.bg2-titre3,a.bg2-titre3:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(131,203,229)!important;color:#fff !important}


.bg-question,a.bg-question:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{background-color:rgb(255,255,255)!important;color:#000!important}

.bg-observation,a.bg-observation:focus
{background-color:rgb(230,230,230)!important;color:#000!important}




.bg-masque {background-color:rgb(255,204,153)!important;color:#fff !important}
.bg-nouveau {background-color:rgb(0,255,127)!important;color:#000 !important}

/* https://www.rapidtables.com/web/color/green-color.html */



.ml-10 {margin-left:6rem!important}


.modal select {
  max-width: 100%;   /* empêche de dépasser la modale */
  width: 100%;       /* occupe toute la largeur dispo */
  box-sizing: border-box; /* inclut padding/border dans la largeur */
}

.modal select option {
  white-space: nowrap;     /* empêche le retour à la ligne */
  overflow: hidden;        /* cache ce qui dépasse */
  text-overflow: ellipsis; /* ajoute "…" si trop long */
}

.choices__list--dropdown {
  position: relative; /* ou absolute/fixed si besoin */
  z-index: 2000 !important }      /* plus haut que sticky-top */

.dropdown-menu {
  position: relative; /* ou absolute/fixed si besoin */
  z-index: 2000 !important }      /* plus haut que sticky-top */
  

/* --- Volet latéral --- */
#sidebar {
position: fixed;
top: 0;
left: 0;
width: 350px;
height: 100vh;
background: rgba(255, 255, 255, 0.90); /* fond blanc opaque */
border-right: 1px solid #ccc;
overflow-y: auto;
padding: 10px;
transform: translateX(-330px);
transition: transform 0.3s;
transform-origin: left top;
zoom: 1;
z-index: 5000; /* au-dessus de tout */
}

/* Apparition au survol */
#sidebar:hover, #hover-zone:hover + #sidebar {
transform: translateX(0);
}


/* Zone sensible pour le survol même volet fermé */
#hover-zone {
position: fixed;
top: 0;
left: 0;
width: 50px; /* un peu plus large pour faciliter le survol */
height: 130vh;
z-index: 2000; /* plus haut que le volet */
background: transparent; /* invisible mais cliquable */
pointer-events: auto;
}


#content {
margin-left: 20px;
padding: 20px;
}


/* Indentations hiérarchiques du sommaire */
.li-titre1 { padding-left: 0; }
.li-titre2 { padding-left: 15px; }
.li-titre3 { padding-left: 30px; }

/* Masquer le dépassement de texte dans le sommaire */
#sidebar li {
white-space: nowrap;
overflow: hidden;
text-overflow: clip; /* ou ellipsis si tu veux les "..." */
}

/* Force l'ouverture initiale (sans casser le hover) */
#sidebar.sidebar-force-open {
transform: translateX(0) !important;
}

.somm-li-Constat,.somm-li-Constat * {
    color: red !important;
}

.somm-li-Observation.somm-li-Observation * {
    /* color: #c7a600; /* jaune foncé */
    color: #d4af37 !important; /* or / jaune foncé */
}	
/* complément pour popup de boite de dialogue */
  .dialog-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .dialog {
    background: white;
    padding: 20px;
    border-radius: 8px;
    min-width: 300px;
    text-align: center;
  }

  .dialog button {
    margin: 8px;
    padding: 8px 14px;
    cursor: pointer;
  }
  
/*---*/