/* =========================================================
   TOOLTIP ICONS
   ========================================================= */

.tooltipIcon {
    position: relative;
    opacity: 1;
    line-height: initial;
}

.tooltipIcon .tooltiptext,
.tooltipIcon .tooltiptext4 {
    display: none;

    font-size: 0.75em;
    line-height: 2.4;
    font-family: var(--FormPoliceChamp);

    width: auto;

    background-color: rgba(255, 255, 255, 0.8);
    color: #254893;

    text-align: center;
    border-radius: 6px;

    position: absolute;
    right: 140%;

    white-space: nowrap;
    text-wrap: nowrap;

    margin-left: 5px;
    margin-right: 5px;
}

.tooltipIcon:hover .tooltiptext {
    display: none;
}

.tooltipIcon:hover .tooltiptext4 {
    display: block;
}

.tooltipIcon:hover .tooltiptext3 {
    display: block;
}

.icons-menu-container .tooltip-switch:hover .tooltiptext,
.icons-menu-container .tooltip-switch:hover .tooltiptext4 {
    display: block;
}

/* Flèche des tooltips affichés sur le côté */
.tooltipIcon .tooltiptext::after,
.tooltipIcon .tooltiptext4::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 100%;

    margin-top: -5px;

    border-width: 5px;
    border-style: solid;
    border-color:
        transparent
        transparent
        transparent
        rgba(255, 255, 255, 0.8);
}

.tooltipIcon .tooltiptext3::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 100%;

    margin-top: -5px;

    border-width: 5px;
    border-style: solid;
    border-color:
        transparent
        transparent
        transparent
        rgba(255, 255, 255, 0.8);
}


/* =========================================================
   ACCORDÉON
   ========================================================= */

.obsStyle .accordion {
    overflow: unset;
}

.obsStyle .accordion .accordion-list {
    overflow: unset;
}


/* =========================================================
   GRANDS ÉCRANS
   ========================================================= */

@media screen and (min-width: 1920px) {
    .icons-menu-container .tooltipIcon .tooltiptext,
    .icons-menu-container .tooltipIcon .tooltiptext4 {
        top: 1vh;
    }

    .tooltipIcon .tooltiptext,
    .tooltipIcon .tooltiptext4 {
        top: 0.5vh;
    }
}

@media screen and (min-width: 1440px) {
    .tooltipIcon .tooltiptext,
    .tooltipIcon .tooltiptext4 {
        padding: 3px 0;
    }
}


/* =========================================================
   TABLETTES
   ========================================================= */

@media screen and (max-width: 1024px) {
    .tooltipIcon:hover .tooltiptext,
    .tooltipIcon:hover .tooltiptext4 {
        display: block !important;
    }
}


/* =========================================================
   TOOLTIP MENU / TOOLTIP MAP
   ========================================================= */

#ulMain .tooltipIcon .tooltiptext,
.menu-map .tooltipIcon .tooltiptext,
#ulMain .tooltipIcon .tooltiptext4,
.menu-map .tooltipIcon .tooltiptext4 {
    width: 100%;
    white-space: nowrap;

    padding: 0 6px;

    left: 108%;

    background-color: rgba(255, 255, 255, 0.8);

    /*
    background-color: var(--FormCouleurSpin);
    */
}

.menu-map .border-top .tooltiptext,
.menu-map .border-top .tooltiptext4 {
    left: 103%;
}

#ulMain .tooltipIcon .tooltiptext::after,
.menu-map .tooltipIcon .tooltiptext::after,
#ulMain .tooltipIcon .tooltiptext4::after,
.menu-map .tooltipIcon .tooltiptext4::after {
    left: unset;
    right: 100%;

    border-color:
        transparent
        rgba(255, 255, 255, 0.8)
        transparent
        transparent;

    /*
    border-color:
        transparent
        var(--FormCouleurSpin)
        transparent
        transparent;
    */
}

.menu-map .optionsObs1,
.menu-map .optionsObs2 {
    font-size: 18px;
}


/* =========================================================
   SOUS-MENU
   ========================================================= */

#ulMain .form-check .tooltipIcon,
#ulMain .accordion-subMenu.flex-row .tooltipIcon,
.menu-map .ac-large .tooltipIcon,
.menu-map .border-top .tooltipIcon {
    position: unset;
}


/* =========================================================
   PETITS ÉCRANS EN MODE PAYSAGE
   Comportement général existant
   ========================================================= */

@media screen
and (orientation: landscape)
and (max-height: 700px) {
    .tooltipIcon:hover .tooltiptext,
    .tooltipIcon:hover .tooltiptext4 {
        display: block !important;
    }
}


/* =========================================================
   TOOLTIPS SOUS LES ÉLÉMENTS
   Aucun impact sur les images, boutons ou switches
   ========================================================= */

.second-accordion .tooltipIcon,
.legend2 .tooltipIcon,
.legendco .tooltipIcon {
    position: relative;
}


/* Positionnement commun sous les éléments */
.second-accordion .tooltipIcon > p.tooltiptext3,
.legend2 .tooltipIcon > p.tooltiptext4,
.legendco .tooltipIcon > p.tooltiptext4 {
    display: none;

    position: absolute !important;

    top: calc(100% + 6px) !important;
    bottom: auto !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 4px 8px !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: min(280px, 85vw);

    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box;

    font-size: 0.75em;
    line-height: 1.4;
    font-family: var(--FormPoliceChamp);

    color: #254893;
    text-align: center;

    white-space: nowrap;

    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 6px;

    z-index: 10000;
    pointer-events: none;
}


/* Affichage au survol */
.second-accordion .tooltipIcon:hover > p.tooltiptext3,
.legend2 .tooltipIcon:hover > p.tooltiptext4,
.legendco .tooltipIcon:hover > p.tooltiptext4 {
    display: block !important;
}


/* Flèche placée au-dessus du tooltip */
.second-accordion .tooltipIcon > p.tooltiptext3::after,
.legend2 .tooltipIcon > p.tooltiptext4::after,
.legendco .tooltipIcon > p.tooltiptext4::after {
    content: "";

    position: absolute !important;

    top: auto !important;
    bottom: 100% !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;

    border-width: 5px;
    border-style: solid;

    border-color:
        transparent
        transparent
        rgba(255, 255, 255, 0.9)
        transparent !important;
}


/* Tooltips du menu legendco */
.legendco .tooltipIcon > p.tooltipIcon2 {
    margin: 0 !important;

    top: calc(100% + 6px) !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;
}


/* =========================================================
   MOBILE JUSQU’À 767PX
   ========================================================= */

@media screen and (max-width: 767px) {
    .second-accordion .tooltipIcon > p.tooltiptext3,
    .legend2 .tooltipIcon > p.tooltiptext4,
    .legendco .tooltipIcon > p.tooltiptext4 {
        max-width: 220px;

        white-space: normal;
        text-wrap: wrap;

        overflow-wrap: anywhere;
    }
}


/* =========================================================
   TRÈS PETITS ÉCRANS EN MODE PORTRAIT
   ========================================================= */

@media screen
and (orientation: portrait)
and (max-width: 399px) {

    /*
     * Empêche les tooltips de dépasser horizontalement.
     */
    .tooltipIcon .tooltiptext,
    .tooltipIcon .tooltiptext3,
    .tooltipIcon .tooltiptext4,
    .second-accordion .tooltipIcon > p.tooltiptext3,
    .legend2 .tooltipIcon > p.tooltiptext4,
    .legendco .tooltipIcon > p.tooltiptext4 {
        width: max-content !important;
        max-width: calc(100vw - 20px) !important;

        white-space: normal !important;
        text-wrap: wrap !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;

        line-height: 1.4 !important;
        padding: 4px 8px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       PREMIER TOOLTIP DU MENU SECOND-ACCORDION
       ----------------------------------------------------- */

    .second-accordion > li:first-of-type
    .tooltipIcon > p.tooltiptext3 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .second-accordion > li:first-of-type
    .tooltipIcon > p.tooltiptext3::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       DERNIER TOOLTIP DU MENU SECOND-ACCORDION
       ----------------------------------------------------- */

    .second-accordion > li:last-of-type
    .tooltipIcon > p.tooltiptext3 {
        left: auto !important;
        right: 0 !important;

        transform: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .second-accordion > li:last-of-type
    .tooltipIcon > p.tooltiptext3::after {
        left: auto !important;
        right: 15px !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       PREMIER SWITCH DE LEGEND2
       ----------------------------------------------------- */

    .legend2 > .tooltipIcon:first-child
    > p.tooltiptext4 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;
    }

    .legend2 > .tooltipIcon:first-child
    > p.tooltiptext4::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       DERNIER SWITCH DE LEGEND2
       ----------------------------------------------------- */

    .legend2 > .tooltipIcon:last-child
    > p.tooltiptext4 {
        left: auto !important;
        right: 0 !important;

        transform: none !important;
    }

    .legend2 > .tooltipIcon:last-child
    > p.tooltiptext4::after {
        left: auto !important;
        right: 15px !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       PREMIER BOUTON DE LEGENDCO
       ----------------------------------------------------- */

    .legendco > li.tooltipIcon:first-of-type
    > p.tooltiptext4 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .legendco > li.tooltipIcon:first-of-type
    > p.tooltiptext4::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       DERNIER BOUTON DE LEGENDCO
       ----------------------------------------------------- */

    .legendco > li.tooltipIcon:last-of-type
    > p.tooltiptext4 {
        left: auto !important;
        right: 0 !important;

        transform: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .legendco > li.tooltipIcon:last-of-type
    > p.tooltiptext4::after {
        left: auto !important;
        right: 15px !important;

        transform: none !important;
    }
}


/* =========================================================
   TÉLÉPHONES EN MODE PAYSAGE
   La largeur dépasse souvent 399px, on utilise max-height.
   ========================================================= */

@media screen
and (orientation: landscape)
and (max-height: 500px) {

    /*
     * Empêche les tooltips de dépasser horizontalement.
     */
    .tooltipIcon .tooltiptext,
    .tooltipIcon .tooltiptext3,
    .tooltipIcon .tooltiptext4,
    .second-accordion .tooltipIcon > p.tooltiptext3,
    .legend2 .tooltipIcon > p.tooltiptext4,
    .legendco .tooltipIcon > p.tooltiptext4 {
        width: max-content !important;

        max-width:
            min(260px, calc(100vw - 20px)) !important;

        white-space: normal !important;
        text-wrap: wrap !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;

        line-height: 1.4 !important;
        padding: 4px 8px !important;

        box-sizing: border-box !important;
    }


    /* Affichage des tooltips en paysage */
    .tooltipIcon:hover .tooltiptext,
    .tooltipIcon:hover .tooltiptext3,
    .tooltipIcon:hover .tooltiptext4 {
        display: block !important;
    }


    /* -----------------------------------------------------
       PREMIER TOOLTIP DU MENU SECOND-ACCORDION
       ----------------------------------------------------- */

    .second-accordion > li:first-of-type
    .tooltipIcon > p.tooltiptext3 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;
    }

    .second-accordion > li:first-of-type
    .tooltipIcon > p.tooltiptext3::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       DERNIER TOOLTIP DU MENU SECOND-ACCORDION
       ----------------------------------------------------- */

    .second-accordion > li:last-of-type
    .tooltipIcon > p.tooltiptext3 {
        left: auto !important;
        right: 0 !important;

        transform: none !important;
    }

    .second-accordion > li:last-of-type
    .tooltipIcon > p.tooltiptext3::after {
        left: auto !important;
        right: 15px !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       PREMIER SWITCH DE LEGEND2
       ----------------------------------------------------- */

    .legend2 > .tooltipIcon:first-child
    > p.tooltiptext4 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;
    }

    .legend2 > .tooltipIcon:first-child
    > p.tooltiptext4::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       DERNIER SWITCH DE LEGEND2
       ----------------------------------------------------- */

    .legend2 > .tooltipIcon:last-child
    > p.tooltiptext4 {
        left: auto !important;
        right: 0 !important;

        transform: none !important;
    }

    .legend2 > .tooltipIcon:last-child
    > p.tooltiptext4::after {
        left: auto !important;
        right: 15px !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       PREMIER BOUTON DE LEGENDCO
       ----------------------------------------------------- */

    .legendco > li.tooltipIcon:first-of-type
    > p.tooltiptext4 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;
    }

    .legendco > li.tooltipIcon:first-of-type
    > p.tooltiptext4::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       DERNIER BOUTON DE LEGENDCO
       ----------------------------------------------------- */

    .legendco > li.tooltipIcon:last-of-type
    > p.tooltiptext4 {
        left: auto !important;
        right: 0 !important;

        transform: none !important;
    }

    .legendco > li.tooltipIcon:last-of-type
    > p.tooltiptext4::after {
        left: auto !important;
        right: 15px !important;

        transform: none !important;
    }
}

/* Correction du deuxième tooltip sur petit écran */
@media screen and (orientation: portrait) and (max-width: 399px),
       screen and (orientation: landscape) and (max-height: 500px) {

           .sun4 {
        background: url("data:image/png;base64,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") white;
        right: 0px;
        top: 1px;
        background-position: center;
        background-size: 22px 22px;
        height: 21.5px !important;
        width: 21.5px !important;
        background-repeat: no-repeat;
    }

    /* Deuxième tooltip de second-accordion */
    .second-accordion > li:nth-of-type(2)
    .tooltipIcon > p.tooltiptext3,

    /* Deuxième tooltip de legend2 */
    .legend2 > .tooltipIcon:nth-child(2)
    > p.tooltiptext4,

    /* Deuxième tooltip de legendco */
    .legendco > li.tooltipIcon:nth-of-type(2)
    > p.tooltiptext4 {
        left: 0 !important;
        right: auto !important;

        transform: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Flèche du deuxième tooltip */
    .second-accordion > li:nth-of-type(2)
    .tooltipIcon > p.tooltiptext3::after,

    .legend2 > .tooltipIcon:nth-child(2)
    > p.tooltiptext4::after,

    .legendco > li.tooltipIcon:nth-of-type(2)
    > p.tooltiptext4::after {
        left: 15px !important;
        right: auto !important;

        transform: none !important;
    }
}