*{
    font-family: 'Montserrat', sans-serif;
}

nav .nav-link{
    font-weight: 600;
    font-size: 0.9em !important;
}

nav .nav-link-bold{
    font-weight: 700;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: #145b5e !important;
}

.nav-link.active{
    text-decoration: underline;
}

.navbar-nav{
    display: flex;
    align-items: center;
}

.nav_margin{
    margin-top: 120px;
}

#logo{
    width: 100px;
    height: auto;
}

/* HEADER */
#header_img {
    width: 60%;
    max-width: 450px;
    height: auto;
}

#home_header{
    background-image: url("../IMG/bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 300px;
}
 h1{
    font-size: 2.5em;
}
#header_txt h2{
    text-transform: none !important;
    font-size: 1.8em;
}

#header_txt p {
    font-size: 1.5em;
}

#header_txt .btn-darkblue{
    font-size: 1.5em;
}

/* BLOC : NOS 2 NOUVEAUTES */
#title_Nos2Nouveautes, #title_ThematiquesEligibles{
    position: relative;
    top: -50px;
}

.title_MarginCorrection{
    margin-top: -25px;
}

.el_bloc_thematiques{
    flex: 1 1 170px;
}

.pictos{
    width: 50px;
    height: auto;
}

/* BLOC : POUR QUI ? */
#pourqui_img{
    width: 500px;
    height: auto;
    max-width: 100%;
}

/* BLOC : THEMATIQUES ELIGIBLES */
#thematiquesEligibles h3{
}

#thematiquesEligibles .pictos{
    width: 90px;
    height: auto;
}

/* BLOC : niveaux De Recompense */
#picto_jeunestalents, #picto_coupdecoeur{
    width: 40px;
    height: auto;
}

#niveauxDeRecompense ul, #calendrier ul{
    list-style-image: url('../IMG/picto_ul.png');
}

#niveauxDeRecompense ul li, #calendrier ul li{
    display: flex;
    align-items: center;
}

#niveauxDeRecompense ul li::before, #calendrier ul li::before{
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-image: url('../IMG/picto_ul.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0.5em 1em 0.5em 0;
}

#niveauxDeRecompense ul ul, #calendrier ul ul{
    list-style-image: none;
    list-style-type: disc;
}

#niveauxDeRecompense ul ul li, #calendrier ul ul li{
    display: list-item;
}

#niveauxDeRecompense ul ul li::before, #calendrier ul ul li::before{
    content: none;
}

#niveauxDeRecompense h2, #calendrier h2{
    text-transform: none !important;
}

.li_without_listsytle{
    list-style: none;
}

.li_without_listsytle:before{
    content: "";
    background-image: none !important;
}

#picto_niveauxDeRecompenses, #picto_calendrier{
    width: 100px;
    height: auto;
    position: relative;
    top: -80px;
    right: -20px;
}
/* BLOC : Calendrier */


/* CONTENT */


p, ul {
    font-size: 1.2rem;
}

h2{
    font-weight: 800;
    text-transform: uppercase;
}

h3{
    font-weight: 500;
    font-size: 1.5em;
}

.h3_laureats{
    font-weight: 800;
}

/* COLORS */
.text-darkblue{
    color: #145b5e;
}

.text-lightblue{
    color: #c8ece7;
}

.text-yellow{
    color: #fbb907;
}

.text-white{
    color: #ffffff;
}

/* BACKGROUNDS */
.bg-darkblue{
    background-color: #145b5e;
}

.bg-lightblue{
    background-color: #c8ece7;
}

.bg-yellow{
    background-color: #fbb907;
}

/* BTN */
.btn-yellow{
    background-color: #fbb907;
    border: 2px solid #fbb907;
    color: #145b5e;
    font-size: 1.3em;
    font-weight: 700;
    padding: 10px 30px;
}

.btn-yellow:hover,
.btn-yellow:focus{
    background-color: #edae08;
    border: 2px solid #145b5e;
    color: #145b5e;
}

.btn-darkblue-nav,
.btn-darkblue{
    background-color: #145b5e;
    border: 2px solid #145b5e;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 50px;
}

.btn-darkblue-nav:hover,
.btn-darkblue-nav:focus,
.btn-darkblue:hover,
.btn-darkblue:focus{
    background-color: #1b7a80;
    border: 2px solid #000000;
    color: #ffffff;
}

.btn-darkblue-reseauxsociaux{
    background-color: #145b5e;
    border: 2px solid #145b5e;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: 600;
    padding: 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.btn-darkblue-reseauxsociaux:hover,
.btn-darkblue-reseauxsociaux:focus{
    background-color: #1b7a80;
    border: 2px solid #000000;
    color: #ffffff;
}

/* Tableau */
.thead-dark{
    background-color: #145b5e;
    color: #ffffff;
}

.table .thead-dark th {
    color: #fff;
    background-color: #145b5e;
    border-color: #145b5e;
}

.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

#podium_img{
    width: 100%;
    height: auto;
    max-width: 600px;
}

.podium_img{
    width: 50%;
}

.podium_cl{
    font-size: 0.8em;
}

.podium_premier{
    color: #dea955;
}

.podium_deuxieme{
    color: #737373;
}

.podium_troizieme{
    color: #e59770;
}

.podium_element{
    flex-basis: 0;
    min-width: 0;
}

@media screen and (max-width: 1200px) {
    #flex_podium_premier{
        order: -1;
    }
}

@media screen and (max-width: 767px){
    #home_header{
        padding-bottom: 230px;
    }
}

@media screen and (max-width: 480px){
    #home_header{
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 370px) {
    #picto_niveauxDeRecompenses,
    #picto_calendrier {
        display: none;
    }
}