/* 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: #fefef7 !important
}

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

.w3-theme-l3 {
    color: #000 !important;
    background-color: #f9f6cc !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.w3-text-theme-red {
    color: #df3917 !important
}

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

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

.w3-hover-text-theme:hover {
    color: #f1ea7f !important
}

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

.dropdown:hover .dropbtn { /* couleur w3-hover-theme */
    color: #000 !important;
    background-color: #f9f6cc !important
}

.card {/* couleur w3-theme / w3-theme-l3 */
  background: linear-gradient(-45deg, #f1ea7f 0%, #f9f6cc 100%);
}

.card-container_2::before {/* couleur w3-theme / w3-theme-l3 */
  background: linear-gradient(-45deg, #f1ea7f 0%, #f9f6cc 100%);
  
}

.card_2 .img-content_2 {/* couleur w3-theme / w3-theme-l3 */
  background: linear-gradient(-45deg, #f1ea7f 0%, #f9f6cc 100%);
}

/* explication du code couleur :
 * 
 * theme-l5 : pour la fleche de bas de page et pour la barre de navigation sur petit écrans
 * theme-l3 : pour le gradient des cartes (juste la couleur, pas utilisé autrement)
 * theme : pour les boutons
 * text-theme : pour le textes jaune
 * text-theme-red : pour le textes rouge
 * hover-theme : pour le survole des boutons et éléments
 * hover-text : pour le survole des textes et liens cliquable
 * dropdown-hover : pour le survole de la barre de navigation (le sous-menu précisement)
 * card : pour les cartes des prix
 * card-container_2 : pour les cartes des jurys
 *  */