/*NAVABAR*/
.navbar-item {
    height: 90px;
    color: white !important;
    padding: 0.7rem 1.5rem;
    background-color: #003367 !important;
}

.drop-item {
    height: 50px !important;
    box-shadow: 0 1px 4px rgb(0, 0, 0, 0.25);
}

.navbar-link {
    color: white;
}

.logo-nav {
    min-height: 80px;
    width: 80px;
    filter: brightness(500%);
    filter: contrast(-100%);
}

.navbar {
    background-color: #003367;
}

.navbar-divider {
    padding: 0;
    margin: 0;
    background-color: #003367;
}

.navbar-dropdown {
    padding: 0;
    margin: 0;
}

.navbar-link:not(.is-arrowless)::after {
    border-color: white;
}

.nav-hover:hover {
    color: #003367 !important;
    text-decoration: none !important;
    background-color: #BDD5EA !important;
}


.navbar-link:hover {
    color: #003367 !important;
    text-decoration: none !important;
    background-color: #BDD5EA !important;
}

.navbar {
    box-shadow: 0 1px 4px rgb(0, 0, 0, 0.25);
}

/*FIN NAVBAR*/

/*HEROES*/
.hero-img-lvsda {
    background-image: url(../img/img_la_vie_des_arbres.jpg);
    height: 100%;
    background-position: top;
    background-size: cover;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-vn {
    background-image: url(../img/img-vigie_nature.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-wwff {
    background-image: url(../img/img-wwf_france.jpg);
    height: 100%;
    background-position: center;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-afpf {
    background-image: url(../img/img-afp_factuel.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-color: white;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-ljde {
    background-image: url(../img/img-le_jde.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-ae {
    background-image: url(../img/img-art_explora.png);
    height: 100%;
    background-position: 50% 55%;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-sart {
    background-image: url(../img/img-sartmuser.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-fcjp {
    background-image: url(../img/img-festivals_cinema_jeune_public.jpg);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-fpe {
    background-image: url(../img/img-films_pour_enfants.png);
    height: 100%;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-chess {
    background-image: url(../img/img-chess.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-luanti {
    background-image: url(../img/img-luanti.webp);
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-krita {
    background-image: url(../img/img-krita.webp);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-pixil {
    background-image: url(../img/img-pixilart.png);
    height: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-pixa {
    background-image: url(../img/img-pixabay.jpg);
    height: 100%;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-ym {
    background-image: url(../img/img-youtube_music.png);
    height: 100%;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-es {
    background-image: url(../img/img-esciences.png);
    height: 100%;
    background-position: top;
    background-size: contain;
    background-color: white;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-espaces {
    background-image: url(../img/img-espace_des_sciences.jpg);
    height: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-ck {
    background-image: url(../img/img-citizenkid.jpg);
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-vs {
    background-image: url(../img/img-vivez_sport.png);
    height: 100%;
    background-position: 50% 45%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-cc {
    background-image: url(../img/img-code_club.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.hero-img-scratch {
    background-image: url(../img/img-scratch.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}


/*SECTION*/
.color-section {
    background-color: #003367;
}


/*FONT*/
h1 {
    font-family: 'Fredoka';
    text-shadow: 0 4px 4px rgb(0, 0, 0, 0.25);
}

h2,
h3,
h4 {
    font-family: 'Inter';
}

p {
    font-family: 'Quicksand';
}

a {
    font-family: 'Inter';
}

/*BUTTON*/
.button {
    background-color: #BDD5EA !important;
    color: #003367;
    width: 210px;
    height: 50px;
    box-shadow: 0 4px 4px rgb(0, 0, 0, 0.25);
}

/*TAG*/
.tag{
    background-color: #BDD5EA !important    ;
}