/* police et couleur du texte */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", sans-serif;
}

body,
html {
    height: 100%;
    color: #000000;
    background-color: #f8fbfc;
    line-height: 1.8;
}

/* theme du site */


.w3-theme-l5 {
    color: #000 !important;
    background-color: #f8fbfc !important
}

/* .w3-theme-l4 {
    color: #000 !important;
    background-color: #e9f0f6 !important
} */

/* .w3-theme-l3 {
    color: #000 !important;
    background-color: #d3e1ee !important
} */

/* .w3-theme-l2 {
    color: #000 !important;
    background-color: #bdd2e5 !important
} */

/* .w3-theme-l1 {
    color: #000 !important;
    background-color: #a7c4dd !important
} */

/* .w3-theme-d1 {
    color: #fff !important;
    background-color: #77a3ca !important
} */

/* .w3-theme-d2 {
    color: #fff !important;
    background-color: #5d92c0 !important
} */

.w3-theme-d3 {
    color: #fff !important;
    background-color: #4681b4 !important
}

/* .w3-theme-d4 {
    color: #fff !important;
    background-color: #3c6e9a !important
} */

/* .w3-theme-d5 {
    color: #fff !important;
    background-color: #325c81 !important
} */

/* .w3-theme-light {
    color: #000 !important;
    background-color: #f8fbfc !important
}

.w3-theme-dark {
    color: #fff !important;
    background-color: #325c81 !important
}

.w3-theme-action {
    color: #fff !important;
    background-color: #325c81 !important
} */

.w3-theme {
    color: #000 !important;
    background-color: #92b6d5 !important
}

.w3-text-theme {
    color: #92b6d5 !important
}

/* .w3-border-theme {
    border-color: #92b6d5 !important
} */

.w3-hover-theme:hover {
    color: #000 !important;
    background-color: #4d81b1 !important
}

/* .w3-hover-text-theme:hover {
    color: #92b6d5 !important
} */

/* .w3-hover-border-theme:hover {
    border-color: #92b6d5 !important
} */

.dropdown:hover .dropbtn {
    color: #000 !important;
    background-color: #4d81b1 !important
}


/* explication code couleur :
 * theme-l5 : pour la fleche de bas de page et pour la barre de navigation sur petit écrans
 * theme-d3 : tout les boutons et éléments en bleu foncé
 * theme : tout les boutons et éléments en bleu claire (le thème principale)
 * text-theme : les textes et liens en bleu
 * hover-theme : la couleur de survole d'éléments ou de boutons
 * dropdown-hover : couleur du survole de la barre de navigation (le sous-menu précisement)
 */