/*FONT*/
h1 {
    font-family: 'Fredoka';
}

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

h3 {
    text-shadow: 0 4px 4px rgb(0, 0, 0, 0.25);
}

p {
    font-family: 'Quicksand';
}

a {
    font-family: 'Inter';
}

/*cartes*/
.cart {
    width: 264px;
    height: 362px;
    position: relative;
    box-shadow: inset 0px -100px 50px -25px rgba(0, 0, 0, 1);
    border-radius: 5px;
}

.cart-nom {
    position: absolute;
    bottom: 40px;
    left: 12px;
    color: white;
}

.shadow {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

/*cartes-end*/

/*button*/
.actions {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
}

.bouton {
    flex: 1;
    height: 36px;
    border: none;
    cursor: pointer;
}

.visit {
    background-color: #BDD5EA;
    font-size: 16px;
    font-weight: 600;
    border-bottom-left-radius: 5px;
}

.discover {
    background-color: #012a54;
    font-size: 16px;
    font-weight: 600;
    border-bottom-right-radius: 5px;
}

.visit-color {
    color: #003367;
}

.discover-color {
    color: white;
}

/*button-end*/

/*background*/

/*nature*/
.hero-img-nature {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-nature.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-nature1 {
    background-image: url(../img/icone-cest_pas_sorcier.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bkg-nature2 {
    background-image: url(../img/icone-la_vie_des_arbres.png);
    background-size: contain;
    background-position: center;
}

.bkg-nature3 {
    background-image: url(../img/icone-vigie_nature.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ccd53e;
}

.bkg-nature4 {
    background-image: url(../img/icone-magazine-wapiti.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bkg-nature5 {
    background-image: url(../img/icone-wwf_france.png);
    background-size: contain;
    background-position: center;
    background-color: #f4f3f3;
    background-repeat: no-repeat;
}

/*nature-end*/
/*actu*/
.hero-img-actualités {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-actualites.webp);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-actu1 {
    background-image: url(../img/icone-1jour1actu.png);
    background-size: contain;
    background-position: center;
}

.bkg-actu2 {
    background-image: url(../img/icone-afp_factuel.jpeg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4175ff;
}

.bkg-actu3 {
    background-image: url(../img/icone-le_jde.png);
    background-size: contain;
    background-position: 50% 25%;
    background-repeat: no-repeat;
}

.bkg-actu4 {
    background-image: url(../img/icone-monquotidien.jpg);
    background-size: contain;
    background-position: center;
}

.bkg-actu5 {
    background-image: url(../img/icone-play_bacpresse.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

/*actu-end*/
/*art*/
.hero-img-art {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-arts.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-art1 {
    background-image: url(../img/icone-musées_gratuits.png);
    background-size: contain;
    background-position: center;
}

.bkg-art2 {
    background-image: url(../img/icone-pompidou_jeunesse.jpg);
    background-size: contain;
    background-position: center;
}

.bkg-art3 {
    background-image: url(../img/icone-sartmuser.png);
    background-size: contain;
    background-position: top;
}

.bkg-art4 {
    background-image: url(../img/icone-art_explora.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bkg-art5 {
    background-image: url(../img/icone-panorama_de_lart_.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/*art-end*/
/*cine*/
.hero-img-cinema {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-cinema.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-cinema1 {
    background-image: url(../img/icone-cine_kids.png);
    background-size: contain;
    background-position: center;
}

.bkg-cinema2 {
    background-image: url(../img/icone-france-tv-enfants.png);
    background-size: contain;
    background-position: center;
}

.bkg-cinema3 {
    background-image: url(../img/icone-films_pour_enfants.png);
    background-size: contain;
    background-position: center;
    background-color: black;
    background-repeat: no-repeat;
}

.bkg-cinema4 {
    background-image: url(../img/icone-festivals-cinéma-jeune-public.jpeg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: black;
}

.bkg-cinema5 {
    background-image: url(../img/icone-brefcinema.jpg);
    background-size: contain;
    background-position: center;
}

/*cine-end*/
/*jeux*/
.hero-img-jeux {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-jeux.png);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-jeux1 {
    background-image: url(../img/icone-jeuxenfants.png);
    background-size: contain;
    background-position: center;
}

.bkg-jeux2 {
    background-image: url(../img/icone-logicieleducatif.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fdfdfd;
}

.bkg-jeux3 {
    background-image: url(../img/icone-chess.jpg);
    background-size: cover;
    background-position: top;

}

.bkg-jeux4 {
    background-image: url(../img/icone-luanti.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.bkg-jeux5 {
    background-image: url(../img/icone-gachalife.jpg);
    background-size: contain;
    background-position: center;
}

/*jeux-end*/
/*music*/
.hero-img-music {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-musique.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-music1 {
    background-image: url(../img/icone-the_voice_kids.png);
    background-size: contain;
    background-position: center;
}

.bkg-music2 {
    background-image: url(../img/icone-ziklibrenbib.png);
    background-size: contain;
    background-position: top;
    background-color: white;
    background-repeat: no-repeat;
}

.bkg-music3 {
    background-image: url(../img/icone-youtube_music.png);
    background-size: contain;
    background-position: top;
    background-color: white;
    background-repeat: no-repeat;
}

.bkg-music4 {
    background-image: url(../img/icone-pixabay.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-color: black;
}

.bkg-music5 {
    background-image: url(../img/icone-youtube_kids.jpg);
    background-size: contain;
    background-position: center;
}

/*music-end*/
/*sciences*/
.hero-img-sciences {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-sciences.png);
    height: 100%;
    background-position: 50% 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-sciences1 {
    background-image: url(../img/icone-curio_kids.png);
    background-size: 85% 65%;
    background-position: center;
    background-repeat: no-repeat;
}

.bkg-sciences2 {
    background-image: url(../img/icone-les_petits_debrouillards.png);
    background-size: contain;
    background-position: top;
    background-color: white;
    background-repeat: no-repeat;
}

.bkg-sciences3 {
    background-image: url(../img/icone-espaces_des_sciences.png);
    background-size: 100% 85%;
    background-position: top;
}

.bkg-sciences4 {
    background-image: url(../img/icone-esciences.jpg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-sciences5 {
    background-image: url(../img/icone-national_geographic_kids.png);
    background-size: contain;
    background-position: center;
    background-color: white;
    background-repeat: no-repeat;
}

/*science-end*/
/*loisir*/
.hero-img-loisir {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-loisir_creatifs.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-loisir1 {
    background-image: url(../img/icone-inkscape.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-loisir2 {
    background-image: url(../img/icone-hugo_lescargot.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #0caaa7;
}

.bkg-loisir3 {
    background-image: url(../img/icone-krita.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-loisir4 {
    background-image: url(../img/icone-pixilart.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #ff4a59;
}

.bkg-loisir5 {
    background-image: url(../img/icone-sweethome3d.jpg);
    background-size: contain;
    background-position: center;
}

/*loisir-end*/
/*sport*/
.hero-img-sport {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-sport.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-sport1 {
    background-image: url(../img/icone-lequipe.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-sport2 {
    background-image: url(../img/icone-1jour1question.jpg);
    background-size: contain;
    background-position: center;
}

.bkg-sport3 {
    background-image: url(../img/icone-citizenkid.jpeg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-sport4 {
    background-image: url(../img/icone-vivez_sport.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #253c82;
}

.bkg-sport5 {
    background-image: url(../img/icone-afondlemag.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f6f6ed;
}

/*sport-end*/
/*technologie*/
.hero-img-tech {
    background: rgba(0, 0, 0, 0.5) url(../img/banner-technologies.jpg);
    height: 100%;
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

.bkg-tech1 {
    background-image: url(../img/icone-geek_junior.png);
    background-size: contain;
    background-position: center;
}

.bkg-tech2 {
    background-image: url(../img/icone-code_org.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-tech3 {
    background-image: url(../img/icone-scratch.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-tech4 {
    background-image: url(../img/icone-code_club.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

.bkg-tech5 {
    background-image: url(../img/icone-pix.jpg);
    background-size: contain;
    background-position: top;
}

/*technologie-end*/

/*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*/

/* Footer */
footer {
    background-color: #003367 !important;
    margin: 0;
    padding: 0;
}

/*ANIMATIONS*/
.cart {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    transition: transform 0.3s ease-out;
}

.cart:hover,
.cart:focus,
.cart:active {
    transform: scale(1.1);
}