:root {
    /************** Design Système Ucanss ***********/
    /*--ds-primary: #250286;
    --ds-secondary: #0A7AA6;
    --ds-tercary: #13BF74;
    --ds-blanc : #FFF;
    !* couleurs *!
    --ds-focus:#0A76F6;
    --ds-succes-sombre:#137145;
    --ds-succes-clair:#D7F2E4;
    --ds-alerte-sombre:#FF8800;
    --ds-alerte-texte:#9F5600;
    --ds-alerte-clair:#FFF3E0;
    --ds-erreur-sombre:#CA3B30;
    --ds-erreur-clair:#FDEAEA;
    --ds-info-sombre:var(--ds-primary);
    --ds-info-clair:#CFE4F6;

    !* background gradient *!
    --ds-gradient-clair : linear-gradient(180deg, #F8F9FB 0%, #E8F4FD 100%);
    !*--ds-gradient-sombre : linear-gradient(135deg, #1447E6 0%, #00786F 100%);*!
    --ds-gradient-sombre: linear-gradient(90deg,  #250286 0%, #0A7AA6 50%, #038943 100%);
    
    !* bg/surface *!
    --ds-surface-color:#F7F9FC;
    --ds-bg-uni-1 : #F9FAFB;
    --ds-bg-uni-2 : #1042AB;
    --ds-bg-uni-3: #F5F5F5;
    --ds-bg-uni-4: #EEEEEE;
    !* autres couleurs bg *!
    --ds-bg-primary-600:#1A015E;
    --ds-bg-primary-700:#10013B;
    --ds-bg-secondary-600:#085E80;
    --ds-bg-secondary-700:#06455E;
    --ds-bg-tercary-600:#0F9A5D;
    --ds-bg-tercary-700:#0C794A;

    !* Thematiques *!
    --ds-thematique-design1-color: #191D3A; !*defaut *!
    --ds-thematique-design1-color-bg: #F5F5F5;
    --ds-thematique-design2-color: #250286; !* Ucanss *!
    --ds-thematique-design2-color-bg: #F5F5F5;
    --ds-thematique-design3-color: #2C7A68; !* Sécu, ESO *!
    --ds-thematique-design3-color-bg: #E9F2EF;
    --ds-thematique-design4-color: #1E7692; !* RH, Formation *!
    --ds-thematique-design4-color-bg: #E8F1F4;
    --ds-thematique-design5-color: #8F660C; !* Immo *!
    --ds-thematique-design5-color-bg: #F4EFE6;
    --ds-thematique-design6-color: #AA5609; !* Achat *!
    --ds-thematique-design6-color-bg: #F7EDE5;
    --ds-thematique-design7-color: #556E62; !* Stat *!
    --ds-thematique-design7-color-bg: #EEF0EF;
    --ds-thematique-design8-color: #4D007A; !* Lab *!
    --ds-thematique-design8-color-bg: #EDE5F1 ;


    !* overlay *!
    --ds-hover-clair :#F5F3FF;

    !* box shadow *!
    --ds-box-shadow : 0 2px 4px -1px rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.04), 0 4px 5px 0 rgba(0, 0, 0, 0.05);
    --ds-box-shadow-12: 0 4px 6px 0 rgba(37, 2, 134, 0.12);
    --ds-box-shadow-15 : 0 3px 12px 0 rgba(112, 112, 112, 0.15);
    
     !* border *!
    --ds-default-border-color:#E8E8EA;
    --ds-nav-border-color:#D3D8E3;

    !* texte *!
    --ds-default-text-color: #191d3a;
    --ds-secondary-text-color:#4A4E75;
    --ds-inactif-texte-color:#949494;
    --ds-gradient-text-color:linear-gradient(90deg, #191D3A 0%, #003D7A 48.52%, #06C 74.85%, #00B894 107.36%);
    

    !* size texte *!
    !*--ds-texte-m:1rem;
    --ds-texte-s:0.875rem;*!
    --ds-texte-l:1.25rem;
    --ds-lh--texte-l : 1.75rem;!* Line height*!
    --ds-texte-m:1.125rem;
    --ds-lh--texte-m : 1.56rem;!* Line height*!
    --ds-texte-s:1rem;
    --ds-lh--texte-s : 1.375rem;!* Line height*!
    --ds-texte-xs:0.875rem;
    --ds-lh--texte-xs : 1.25rem;!* Line height*!

    !* Taille titres *!
    --ds-titre-xxl:2.625rem;
    --ds-titre-xl:2rem;
    --ds-titre-l:1.56rem;
    --ds-titre-m:1.25rem;
    --ds-titre-s:1.25rem;
    --ds-titre-xs:1rem;
    --ds-titre-xxs:1rem;*/

    /* PORTAIL 2025 */
    --bs-primary:var(--ds-tercary); /*#00C95A*/
    --bs-secondary:var(--ds-primary); /*#23036A*/
    --bs-red : #FF4756;
    --text-color-default: var(--ds-default-text-color);/*#14233F*/;
    --th-color-bleu-medium:var(--ds-bg-uni-2);/*#1042ab*/
    --th-color-bleu:var(--ds-secondary);/*#0093ff*/
    --th-color-bleu-dark:var(--ds-default-text-color);/*#191d3a*/
    --th-color-orange-dark:#fb4f64;
    --th-color-focus : var(--ds-focus);/*#00C95A*/
    --bs-link-color-modal : #1A59C6;
    --th-color-orange : var(--ds-alerte-sombre);/*#FF9603*/
    --th-color-red : var(--ds-erreur-sombre);/*darkred*/
    --th-color-green : var(--ds-succes-sombre);/*darkgreen*/
    /* Bootstrap */
    --bs-gray-400 : #ced4da;

    
}

/*!* Boutons *!
!* doublon boutonLien.css design systeme *!
a.btn-unt:not(.btn-terciary,.btn-terciary-blanc):hover{
    text-decoration: none;
}
.btn.btn-unt{
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: .35rem;
    --bs-btn-border-radius: .5rem;
     --bs-btn-border-width: 2px;
    display: inline-block;
    font-weight: 600;
}
!* Style primary *!
.btn-unt.btn-primary {
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-blanc);
    --bs-btn-bg: var(--ds-primary);
    --bs-btn-border-color: var(--ds-primary);
    --bs-btn-hover-color: var(--ds-blanc);
    --bs-btn-hover-bg:var(--ds-bg-primary-600);
    --bs-btn-hover-border-color: var(--ds-bg-primary-600);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color:var(--ds-blanc);
    --bs-btn-active-bg: var(--ds-primary);
    --bs-btn-active-border-color: var(--ds-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-surface-color);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}

!* style secondary *!
.btn-unt.btn-secondary{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-primary);
    --bs-btn-bg: var(--ds-blanc);
    --bs-btn-border-color: var(--ds-primary);
    --bs-btn-hover-color: var(--ds-primary);
    --bs-btn-hover-bg:rgba(10, 0, 130, 0.08);
    --bs-btn-hover-border-color: var(--ds-bg-primary-600);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-primary);
    --bs-btn-active-bg: var(--ds-blanc);
    --bs-btn-active-border-color: rgba(10, 0, 130, 0.08);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-bg-uni-3);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}
!* style terciary*!
.btn-unt.btn-terciary{
    font-size:var( --ds-texte-xs);
     --bs-btn-padding-x:0;
    --bs-btn-padding-y: 0;
    --bs-btn-border-width:0;
    --bs-btn-color: var(--ds-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    
}

        !* ajustement si button ou a *!
        button.btn-unt.btn-terciary{
            --bs-btn-hover-color: var(--ds-primary);
            --bs-btn-hover-bg:rgba(10, 0, 130, 0.08);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-disabled-color: var(--ds-inactif-texte-color);
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: transparent;
        }
        a.btn-unt.btn-terciary,
        a.btn-unt.btn-terciary-blanc{
            padding:0;
        }
        a.btn-unt.btn-terciary:hover .text-lien,
        a.btn-unt.btn-terciary-blanc:hover .text-lien{
            text-decoration: underline;
        }
!* style terciary blanc *!
!* style terciary*!
.btn-unt.btn-terciary-blanc{
    font-size:var( --ds-texte-s);
    --bs-btn-color: var(--ds-blanc);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-blanc);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    
}
        !* ajustement si button ou a *!
       .btn-unt.btn-terciary-blanc{
            --bs-btn-hover-color:  var(--ds-blanc);
            --bs-btn-hover-bg:transparent;
            --bs-btn-hover-border-color: transparent;
            --bs-btn-disabled-color: var(--ds-inactif-texte-color);
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: transparent;
        }
!* style danger *!
.btn-unt.btn-danger{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-blanc);
    --bs-btn-bg: var(--ds-erreur-sombre);
    --bs-btn-border-color:  var(--ds-erreur-sombre);
    --bs-btn-hover-color: var(--ds-blanc);
    --bs-btn-hover-bg:#B02A37;
    --bs-btn-hover-border-color: #B02A37;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color:var(--ds-blanc);
    --bs-btn-active-bg: var(--ds-erreur-sombre);
    --bs-btn-active-border-color:var(--ds-erreur-sombre);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-bg-uni-3);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}
!* style danger secondaire*!
.btn-unt.btn-danger-secondaire{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-erreur-sombre);
    --bs-btn-bg: var(--ds-blanc);
    --bs-btn-border-color:var(--ds-erreur-sombre);
    --bs-btn-hover-color: var(--ds-erreur-sombre);
    --bs-btn-hover-bg:var(--ds-erreur-clair);
    --bs-btn-hover-border-color: var(--ds-erreur-sombre);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-erreur-sombre);
    --bs-btn-active-bg: var(--ds-blanc);
    --bs-btn-active-border-color:var(--ds-erreur-sombre);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-bg-uni-3);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}*/

/* Custom tooltip */
.custom-tooltip {
    --bs-tooltip-bg: #FFF;
    --bs-tooltip-color: var(--ds-default-text-color);
    --bs-tooltip-max-width:25rem;
    --bs-tooltip-border-radius: 5rem;
    --bs-tooltip-font-size:.75rem;
    --bs-tooltip-opacity:1;
    font-weight:300;
    --bs-tooltip-arrow-width:0;
    --bs-tooltip-arrow-height:0;
    --bs-tooltip-zindex: 1039;
    
}
.custom-tooltip .tooltip-inner{
    border:1px solid var(--ds-focus);
    box-shadow:var(--ds-box-shadow-15);
}