/* Déclarations des constantes globales CSS */
:root{
    /* colors */

    /* icon */
    --warn-icon-rounded : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTQuNDcgMjFoMTUuMDZjMS41NCAwIDIuNS0xLjY3IDEuNzMtM0wxMy43MyA0Ljk5Yy0uNzctMS4zMy0yLjY5LTEuMzMtMy40NiAwTDIuNzQgMThjLS43NyAxLjMzLjE5IDMgMS43MyAzek0xMiAxNGMtLjU1IDAtMS0uNDUtMS0xdi0yYzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXYyYzAgLjU1LS40NSAxLTEgMXptMSA0aC0ydi0yaDJ2MnoiLz48L3N2Zz4=);
    --info-icon-rounded : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMTVjLS41NSAwLTEtLjQ1LTEtMXYtNGMwLS41NS40NS0xIDEtMXMxIC40NSAxIDF2NGMwIC41NS0uNDUgMS0xIDF6bTEtOGgtMlY3aDJ2MnoiLz48L3N2Zz4=);
    --accueil-icon-rounded : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTQuNDcgMjFoMTUuMDZjMS41NCAwIDIuNS0xLjY3IDEuNzMtM0wxMy43MyA0Ljk5Yy0uNzctMS4zMy0yLjY5LTEuMzMtMy40NiAwTDIuNzQgMThjLS43NyAxLjMzLjE5IDMgMS43MyAzek0xMiAxNGMtLjU1IDAtMS0uNDUtMS0xdi0yYzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXYyYzAgLjU1LS40NSAxLTEgMXptMSA0aC0ydi0yaDJ2MnoiLz48L3N2Zz4=);
}
   


/* -------- Début - Styles des messages d'avertissement/info de la page de connexion -------- */
.info-page-connexion{
    border-radius: 10px;
    border-left: 10px solid;
    position: relative;
    width: 900px;
    padding: 1px 0;
    font-family: Aptos, Arial, sans-serif;
    font-size:15px;
}
.info-page-connexion :is(.info-titre, .info-message){
    margin-left: 50px;
    margin-right: 10px;
}
.info-page-connexion .info-titre{
    position: relative;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.info-page-connexion .info-titre::before{
    content: ' ';
    position: absolute;
    top: calc(50% - 12px);
    left: -34px;
    height: 24px;
    width: 24px;
    /*background-color: currentColor;*/
}
.info-page-connexion .info-message{
    white-space: break-spaces;
    margin-bottom: 20px;
}


/* Couleur du texte */
.info-page-connexion.warn{
    color: #DE521D;
    border-color: #DE521D;
    background-color: #FFE0CA;
}
.info-page-connexion.error{
    color: #fff;
    border-color: #D42525;
    background-color: #D42525;
}
.info-page-connexion.info{
    color: #2881d3;
    border-color: #509BE0;
    background-color: #C8E2FA;
}
.info-page-connexion.accueil{
    color: #338477;
    border-color: #338477;
    background-color: #AADDD5;
}


/* Icone */
.info-page-connexion:is(.warn, .error) .info-titre::before{
    /* background-image: var(--warn-icon-rounded);  */
    -webkit-mask-image: var(--warn-icon-rounded);
    mask-image: var(--warn-icon-rounded);
    background-repeat: no-repeat;
.info-page-connexion.info .info-titre::before{
    /* background-image: var(--warn-icon-rounded);  */
    -webkit-mask-image: var(--info-icon-rounded);
    mask-image: var(--info-icon-rounded);
    background-repeat: no-repeat;
}
.info-page-connexion.accueil .info-titre::before{
    content:hidden;
	background-color: #AADDD5;
}

/* --------  Fin  - Styles des messages d'avertissement/info de la page de connexion -------- */