/*  css du plugin
	fichier situé dans framework
	commun à toute interface
  */

/* ===============================  
	reprise CSS theme (minimum élémentaire)
   =============================== */
html, body, form, button, {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
}
* {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
/* Liens globaux */
a {
    color: #004494;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/* Marges par défaut  <<<    à confirmer ------------  */
* {
    box-sizing: border-box;
}
/* Images responsive */
img {
    max-width: 100%;
    height: auto;
}
/* Classes utilitaires */
.txt_align_centre {
    text-align: center;
}
.hidden {
    display: none !important;
}

/* autres */
:root {
    --menu-blue: #004494;	/* temporaire */
}
/* =============================== */


*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.to_the_left { text-align:left; }

/* ===============================
		ASCENSEUR ("scrollbar")
   =============================== */
/* Scrollbar SITE ENTIER - 15px + flèches NOIR */
*::-webkit-scrollbar {
    width: 18px !important;		/* ← LARGEUR POIGNEE*/
}
*::-webkit-scrollbar-track {
    background: #ffffff !important;
    margin: 2px  !important;    /*  espace blanc avant fleche  */
}
*::-webkit-scrollbar-thumb {
    background: #999999 !important;  /* ← COULEUR ASCENSEUR */
    border-radius: 8px !important;
    border: 4px solid #ffffff !important;  /* ← 2x MOINS d'espace = 2x PLUS LARGE */
    min-height: 50px !important;
	margin-right: 10px !important;  /* ← ESPACE SUPPLÉMENTAIRE droite */
}
*::-webkit-scrollbar-thumb:hover {
    background: #666666 !important;
}
/* Flèches NOIRES simples */
*::-webkit-scrollbar-button {
    height: 10px !important;  /* ← PLUS GRAND pour espace */
    background: #ffffff !important;
    border: none !important;  /* ← SUPPRIME bordures flèches fines */
    padding: 7px 0 !important;  /* ← 7px ESPACE HAUT/BAS >>>>> SANS EFFET*/
}
*::-webkit-scrollbar-button:vertical:decrement { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpolygon fill='%23777777' points='7,0 13,9 1,9'/%3E%3C/svg%3E") !important;
    background-size: 15px 8px !important;     /* ← ZOOM/Taille fixe */
    background-position: 50% 3px !important;  /* ← 4px depuis haut */
    background-repeat: no-repeat !important;   /* ← SUPPRIME répétition */
}
*::-webkit-scrollbar-button:vertical:increment { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpolygon fill='%23777777' points='7,10 13,1 1,1'/%3E%3C/svg%3E") !important;
    background-size: 15px 8px !important;     /* ← ZOOM/Taille fixe    4  8 */
    background-position: 50% -1px !important;  /* 50% calc(50% + 3px)   ← Marge personnalisée */
    background-repeat: no-repeat !important;   /* ← SUPPRIME répétition */
}