/* Thème Light */
    /* Background */
        body,
        .fond-page,
        .section-Num-Urgence,
        .section-cartes>iframe,
        .derniereSlide,
        .secondeSlide,
        .premiereSlide,
        .ImgGdeDiv,
        .section-Num,
        .modal{
            background-color: #F2F2F2FF;
        }

        .carte, 
        .carte-conseiller{
            background-color: #00000046;
        }

        header,
        .num-Urgence>tbody>tr:nth-child(2n),
        .nav-tablette,
        .fiche-livre-or,
        .input,
        .input-text-area,
        .input-recherche,
        option,
        .button-classification{
            background-color: #FFFFFF;
        }

        .sous-menu,
        .message-important-accueil,
        .svg-fond-message-important,
        .message-important,
        #menu_label:before,
        #menu_label:after,
        #menu_text_bar, 
        .footer-copyright,
        .buttonactif,
        .banniere-cookie{
            background-color: #0F2D93;
        }

        footer{
            background-color: #6174B8;
        }

        .button-carte{
            background-color: #FFFFFF00;
            border: #FFFFFF solid 4px;
        }

        .button-carte:hover{
            background-color: #FFFFFF;
            border: #FFFFFF solid 4px;
        }


        

            
            
    /* Police */
        h1,
        h2,
        h3,
        h4,
        #menu_text_bar:before,
        .auteur,
        .fiche-livre-or h5,
        form button>span{
            color: #0F2D93;
        }

        h5,
        span,
        .lien-encadre,
        .titre-section-encadre,
        .text-encadre,
        table *,
        .header-tablette *,
        .sous-sous-menu>li>a,
        .buttonactif>h4{
            color: #FFFFFF;
        }

        h6,
        b,
        .num-Urgence *{
            color: #000000;
        }

        p,
        a,
        i,
        strong,
        input, 
        textarea,
        select,
        option{
            color: #666666;
        }

        .button-carte>span,
        footer *,
        .contenu-carte i,
        .contenu-carte>p{
            color: #FFFFFF;
        }

        .button-carte:hover>span,
        .Tableau-Fiche *,
        .fiche-livre-or span,
        .fiche-livre-or i,
        .mentions-legales p,
        .mentions-legales i,
        .mentions-legales h5,
        .FicheHoraire *{
            color: #333333;
        }


/* Tous les thèmes */
    .backgroundBleu{
        background-color: #0F2D93;
    }

    form button{
        border: 5px solid #0F2D93;
    }

    /* SVG */
        /* Logo */
        .dessin-vert-logo{
            fill: #66CC66;
        }

        .type-logo-contact.fill{
            fill: #000000;
        }

        .type-logo-contact.stroke{
            stroke: #000000;
        }

        .Q-logo,
        .uenne-logo>path,
        .Menu-hamburger,
        .croix-fermeture,
        .InfoImage{
            fill: #0F2D93;
        }

    /* Info-Importante*/
        .SVG-Info-Important{
            fill: #FFFFFF;
        }

        .fill,
        .Blue-fill{
            fill: #0F2D93;
        }

        svg.stroke{
            stroke: #0F2D93;
        }

        .buttonactif>svg.fill{
            fill: #FFFFFF;
        }

        .buttonactif>svg.stroke{
            stroke: #FFFFFF;
        }

/* Box-Shadow */
    header,
    .encadre,
    img,
    .message-important:hover,
    .logo,
    .section-Num-Urgence,
    .Menu-tablette,
    .contenu-droit-page,
    .carte-conseiller,
    .input,
    .input-text-area,
    .images-qei,
    .pochette-Album>div,
    .CalendarAccueil{
        box-shadow: #33333366 0 0 60px;
    }

    .svg-fond-message-important{
        box-shadow: #333333 0 0 60px;
    }
    

    .carte{
        box-shadow: none;
    }

    .carte>div>img,
    .encadre>div>img, 
    .logo,
    .logo-FS{
        box-shadow: none;
        border-radius: 0;
    }

    .Menu-tablette{
        background-color: #FFFFFF;
    }

/* Numéro Urgences */
    .section-Num-Urgence>h6{
        color: #E1000F;
    }

    hr.blanc{
        color: #FFFFFF;
        border: none;
        height: 2px;
        margin: 3px;
    }

@media (max-width: 1300px){
    .nav-tablette h4,
    .nav-tablette h5,
    .sous-sous-menu>li>a,
    .message-important>marquee{
        color: #0F2D93;
    }

    .h4-actif{
        border-bottom: hidden;
    }

    .sous-menu{
        background-color: #FFFFFF;
    }
}

@media (hover:hover){
    .button:hover{
        background-color: #0F2D93;
        border: #0F2D93 4px solid;
    }

    .button:hover *{
        color: #F2F2F2FF;
    }
}

@media (hover: none){
    .nav-tablette h4,
    .nav-tablette h5,
    .sous-sous-menu>li>a,
    .message-important>marquee{
        color: #0F2D93;
    }

    .sous-menu{
        background-color: #FFFFFF;
    }
}