.navbar a[href="Formation.html"]{
    color: var(--primary-blue);
}

.icon-formation{
    height: 5vw;
    margin: auto;
}

ul{
    padding: 0 4vw 0 4vw;
    max-width: 900px;
}

.formation-description-ingénierie img{
    height: 4vw;
}
.formation-description-ingénierie{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    margin-bottom: 1rem;
}
.formation-description-ingénierie p{
    margin:0;
}

@media screen AND (max-width:770px){

    .icon-formation{
        height: auto;
        max-height: 3vh;
    }

    .formation-description-ingénierie{
        flex-direction: column-reverse;
        justify-content: left;
        align-items: flex-start;
    }
    .formation-description-ingénierie img{
        height: auto;
        max-height: 7vh;
    }

}

/* Tableau de présentation des parcours possibles */

    img[src="images/parcours.svg"]{
        display: none;
    }

    #tableau-parcours{
        width: 100%;
        max-width: 900px;
        margin: auto;
        border-spacing: 6px;
    }
    #tableau-parcours caption{
        text-align: left;
        margin-bottom: 1rem;
    }

    #tableau-parcours td,
    #tableau-parcours th{
        border-radius: 16px;
        padding: 16px 16px;
    }

    #tableau-parcours th{
        background-color: var(--primary-blue);
        color: white;
        width: 8%;
    }

    #tableau-parcours td[colspan="2"]{
        width: 46%;
    }

    #tableau-parcours td{
        width: 23%;
        background-color: var(--primary-light);
    }


    .liens-formations{
        display: flex;
        justify-content: space-around;
        padding: 6px 0;
        background-color: white;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 10px 0px;
        position: relative;
    }


/*  */



/* Styles de la section projets*/

    /* gestionnaire d'onglets pour les projets en laboratoire*/

        input[name="ongletProjets"] {
            display: none;
        }

        input[name="ongletProjets"] + label{
            margin: 0 8px;
            padding: 8px;
        }
        .onglet-projets-radio:checked + label{
            color: var(--primary-blue);
            border-bottom: 2px solid var(--primary-blue);
            font-weight: 600;
        }

        @media screen AND (max-width: 500px){

            input[name="ongletProjets"] + label{
                margin: 0;
            }
            .ongletsProjetLabo{
                width: 100%;
                display: flex;
                justify-content: space-around;
            }  
    
        }

    /*  */

    /* carrousel  */

        .ProjetLaboCarrousel{
            height: 350px;
            width: 93%;
            max-width: 1300px;
            margin: auto;
        }

        .ProjetLaboContenu{
            display: flex;
            align-items: center;
            height: 100%;
            padding: 32px 24px;
            margin: 32px auto 0 auto;
            
            position: relative;

            background: linear-gradient(rgb(246, 247, 252), white) padding-box,
            linear-gradient(145deg, transparent 35%,var(--primary-blue), var(--primary-dark)) border-box;
            border: 2px solid transparent;
            box-shadow: var(--primary-blue) 0px 0px 10px -5px;
            border-radius: 16px;

            box-sizing: border-box;
        }
        
        .contenu-affiché-projet{
            height: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

        
        .imageProjet{ /*div qui contient l'image et sa description */
            display: flex;
            flex-direction: column;
            gap: 10px;
            height: 300px;
            width: 35%;
        }
        .imageCarrousel-legend{
            font-size: 0.8rem;
            flex-grow: 1;
        }

        .imageCarrousel{ /*Image insérée dans code js (img) */
            max-width: 100%;
            max-height: 100%;
            height: auto;
            display: block;
            object-fit: contain;
            margin: auto;
        }

        .descriptionProjet{
            height: 100%;
            width: 60%;
            padding-right: 10px;
            overflow: auto;
        } 
        

         /* Styles pour les boutons des carrousels */
            .next, .prev{
                font-size: 28px;
                height: 55px;
                width: 45px;
                position: absolute;
                color: var(--primary-blue);
                cursor: pointer;
                border-radius: 10px;
                border: 1.5px solid transparent;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .next{
                right: -30px;
                background: linear-gradient(white, white) padding-box,
                linear-gradient(-45deg,var(--primary-light), var(--primary-blue), var(--primary-dark)) border-box;
            }

            .prev{
                left: -30px;
                background: linear-gradient(white, white) padding-box,
                linear-gradient(-45deg,var(--primary-light), var(--primary-blue), var(--primary-dark)) border-box;
            }

    /*  */

        @media screen AND (max-width: 1024px){

            .ProjetLaboCarrousel{
                height: 85vh;
                margin-bottom: 10vw;
            }
            .contenu-affiché-projet{
                flex-direction: column;
            }
            .imageProjet{
                height: fit-content;
                width: 100%;
            }
            .descriptionProjet{
                width: 100%;
            }
    
        }
        
       
    /*  */
/*  */

/* Styles pour la section OSEC */

#carrouselCultureG{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 32px 24px;
    margin: 32px auto 0 auto;
    
    position: relative;

    background: linear-gradient(rgb(246, 247, 252), white) padding-box,
    linear-gradient(145deg, transparent 35%,var(--primary-blue), var(--primary-dark)) border-box;
    border: 2px solid transparent;
    box-shadow: var(--primary-blue) 0px 0px 10px -5px;
    border-radius: 16px;

    box-sizing: border-box;
}
.carrouselCultureG-contenu{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}




/*  */
    
    @media screen AND (max-width: 750px){
        img[src="images/parcours.svg"]{
            display: block;
            width: 100%;
            height: auto;
        }
        table{
            display: none;
        }
    }


    
iframe{
    width: 100%;
    height: 85vh;
}

.map-legend ul{
    padding: 16px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 0.7rem;
}


.map-legend li{
    display: flex;
    list-style: none;
    margin-bottom: 0.7rem;
    align-items: center;
}


#rouge{
    color: rgb(230,81,0);
}
#bleu{
    color: rgb(2,130,209);
}
#gris{
    color : rgb(117,117,117);
}
#vert{
    color: rgb(124,179,66);
}