@font-face {
    font-family: 'Historyline';
    src: url('historyLineRegular.ttf') format('truetype');
    font-weight: 1900;
}

/* .bi::before {
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url("img/chevron-up.svg");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
  } */

body {
    background-color: #C2EEFF;
    font-family: 'Historyline';
    font-size: 15rem !important;
    color: black !important;
}

html {
    scroll-behavior: smooth;
}

header,
.littleSpace,
nav,
.principale,
.dropdown-item,
.nav-link {
    font-size: 2rem;
}

.littleSpaceSpring,
.littleSpaceMVC,
.littleSpaceCongres {
    font-size: 1rem;
}

.bigSpace {
    font-size: 3.5rem;
}

.contactMail,
.vieCourante,
.personnalite,
.introduction,
.contenuListe,
.contenuStage {
    font-size: 15rem;
}

.texte-animation {
    font-size: 1.8rem;
    text-align: center;
}

#scrollToTop {
    display: block;
    z-index: 99;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 30px;
    border: none;
    border-radius: 4px;
    outline: none;
    width: 50px;
    height: 50px;
    padding: 8px;
    background-image: url('fontawesome-6.4.0/svgs/solid/chevron-up.svg');
    background-repeat: no-repeat;
    background-color: transparent;
}

#scrollToTop:hover,
#scrollToTop:focus,
#scrollToTop:focus-within {
    cursor: pointer;
    background-color: #93d3f3;
}

@media (max-width: 480px) {
    #scrollToTop {
        visibility: hidden;
        display: none;
    }
}

.bg-light,
.bg-dark {
    background-color: #C2EEFF !important;
}

nav {
    padding-bottom: 1.5rem !important;
    background-color: #C2EEFF !important;
}

footer {
    margin-top: 1.5rem !important;
    background-color: #C2EEFF;
    border-radius: 5px;
}

.menu {
    margin-bottom: 0.5em;
}

img#photoDeMoi {
    justify-content: space-around !important;
    text-align: center !important;
}

.drpbtn a {
    background: url(img/qui.ico) no-repeat;
}

ul,
li {
    list-style-type: none;
}

header {
    text-align: center !important;
}

#frameworks,
#php {
    display: flex !important;
    padding-top: 1.5rem !important;
}

#tp-demo-bdd {
    padding-left: 2.5rem !important;
}

.societeDutoit,
#enBTS,
#enLpRTAI,
.stages,
#mcd,
#schemaRelationnel,
#srVersMcd,
#mcdVersSr,
#sql,
#CSharp2,
#iut,
#lycee,
#java-IHM,
#mvc,
#titre-frameworks,
#titre-php,
#FrameworkLaravel,
#spring,
#javascript,
#html {
    text-align: center !important;
    padding-top: 1.5rem !important;
    font-size: 1.8rem !important;
}

.contenuStages,
.contenuEmplois,
.contenuAlternances {
    padding-left: 0.5rem !important;
    font-size: 1.8rem !important;
}

#javaIHM,
#javaPOO,
#api,
#jquery-jqueryMobile,
#geoloc,
#cssAnimation,
#clientServeur,
#projetTraceGPS,
#digicodeV1V2,
#distances,
.contenuStage,
.introduction,
.personnalite,
.vieCourante,
.contactMail,
#projetSioTech,
#projetUrbanEco,
#projetTransKarting,
#projetAiTreatments,
#projetPanneauxPub,
#projetResaCafet,
#projetJeniVibes,
#projetBac-a-Sable,
#projetGestionRepas,
#projetGuidesMontagne,
#projetAgenHabitat,
#tp-congres,
#tp-demo-bdd,
#tp-demo-mvc,
#tp-js,
#examHTML,
#projetAbricoop,
#framework-laravel,
#framework-spring,
#texte-bdd {
    font-size: 1.8rem !important;
}

#projetAnnee2,
#projetAnnee1 {
    padding-left: 0.75rem !important;
    font-size: 1.2rem !important;
}

.lpRtai,
.bts,
.fac,
.dut,
.bac,
#gestion-matieres,
#geoloc,
#cssAnimation,
#accueil-velo-star,
#manipulation-BDD,
#traceGPS-PHP,
#javaTraceGPS,
#digicodeV1V2,
#tableau-distances,
#distances,
#projetAiTreatments,
#projetResaCafet,
#projetPanneauxPub,
#projetSioTech,
#accueil-sioTech,
#accueil-aiTreatments,
#affiche-TransKarting #photosEducEco,
#experiencePros,
#accueil-Bac-a-Sable,
.vueInviteBack,
.imgVueInviteFront,
#projetAnnee1,
#JavaIHM,
#java-POO,
#php,
#mvc,
#framework,
#FrameworkLaravel,
#imgPageAccueilAbricoop {
    padding-top: 1.5rem !important;
}

#JavaIHM,
#java-POO,
#titre-php {
    text-align: center !important;
}


#imgCompetencesEmployeUn,
#imgActivitesCongres,
#imgListeCongres,
#imgDemoBDD,
#imgUserLambda,
#imgUserIdentifie,
#imgLivresSpring {
    width: 90% !important;
}

#sqlDutoit,
#imgMcdDutoit3,
#imgSrDutoit,
#imgMcdDutoit,
#accueil-velo-star,
#gestion-matieres,
#tableau-distances,
#manipulation-BDD,
#traceGPS-PHP,
#imgAndroid,
#imgSrDutoit {
    width: 40% !important;
}

.transKarting{
    text-align: center;
}

#imgPageAccueilAbricoop{
    width: 70% !important;
}

#imgGestionCompetencesMVC,
#imgGestionEmployesMVC,
#traceGPS-PHP {
    width: 60% !important;
}

#accueil-sioTech,
#accueil-aiTreatments,
#affiche-TransKarting,
#imgAccueil-Bac-a-Sable,
#imgExtraitJeniVibes,
.imgVueInviteBack,
.imgVueInviteFront {
    width: 70% !important;
}

#photoDeGroupe,
#securityPrice {
    width: 40% !important;
}

#imgSrDutoit2,
#imgSrDutoit3 {
    width: 30% !important;
}

#imgSrDutoit3,
#imgMcdDutoit2 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

#imgMcdDutoit3,
#imgMcdDutoit2 {
    width: 65% !important;
}

a:link {
    text-decoration: none;
}

.titreImportant {
    text-align: center !important;
    padding-top: 0.5rem !important;
}

a,
a:hover {
    color: black !important;
    text-decoration: none !important;
}

.contact {
    border-radius: 1rem !important;
    background-color: rgba(80, 80, 80, 0.3);
    box-shadow: 5px 5px 5px white;
    width: 30rem !important;
}

.principale {
    display: grid !important;
    text-align: center !important;
    justify-content: center !important;
    justify-items: center !important;
}

.infosContact {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
    padding-left: 1.5rem !important;
}

.monNom {
    font-variant: small-caps !important;
    font-size: 2.5rem !important;
}

#dvj {
    color: #9112FF !important;
    font-size: 2rem !important;
}

#perso {
    color: #9112FF !important;
    font-size: 2rem !important;
}

.navbar-toggler {
    background-color: #9112FF !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-icon {
    color: white !important;
}

.formation,
.lpRtai,
.bts,
.fac,
.dut,
.bac,
.exps_pro,
.emplois_saisonniers,
.stages,
.alternances,
#actuellement,
#projetsTermines,
#enCours,
.termine {
    color: #9112FF !important;
    text-decoration: underline !important;
    font-size: 2rem !important;
}

.formation,
.exps_pro {
    padding-top: 1.5rem !important;
    font-size: 2.5rem !important;
    text-align: center !important;
}

#mesRealisations,
#actuellement,
#projetsTermines {
    text-decoration: underline !important;
    color: #9112FF !important;
    padding-top: 2rem !important;
    text-align: center !important;
}

#tps,
#ap,
#enStage {
    color: #9112FF !important;
    font-size: 1.8rem !important;
}

#enDeveloppement,
#ap,
#enStage,
.vieCourante,
.personnalite,
.contactMail,
nav {
    padding-top: 2rem !important;
}

#enStage {
    padding-bottom: 1rem !important;
}

.imagesEnLigne {
    display: flex !important;
    text-align: center !important;
    justify-content: center !important;
}

#imgMcdDutoit,
#imgSrDutoit,
#imgSR,
#imgMCD,
#imgSQL,
#imgVeloStar,
#imgIHM,
#appliAndroid,
#tableauDistances,
#gestionMatieres,
#traceGPS-PHP {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

#photoDeMoi,
#imgSR,
#imgMCD,
#imgSQL,
#imgVeloStar,
#imgIHM,
#appliAndroid,
#tableauDistances,
#gestionMatieres,
#imgTraceGPS,
#transKarting,
#aiTreatments,
#sioTech,
#accueil-Bac-a-Sable,
#extraitJeniVibes,
.vueInviteBack,
#vueInviteFront,
#imgDemo,
#imgAccueilAbricoop,
#img-tp-spring {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

#imgDemo-MVC,
#imgFramework-laravel,
#imgDemo,
#imgCongres {
    display: grid !important;
    justify-content: center !important;
    text-align: center !important;
}

#imgDemo,
#imgDemo-MVC,
#imgFramework-laravel,
#ecovadis,
#img-tp-spring,
#tp-demo-bdd {
    padding-top: 1.5rem !important;
}

#imgMcdDutoit,
#sqlDutoit {
    width: 40%;
    height: 40%;
}

#imgTraceGPS {
    width: 100%;
    height: 100%;
}

#extraitJeniVibes {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.introduction,
.personnalite,
.vieCourante,
.contactMail {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.lpRtai,
.bts,
.fac,
.dut,
.bac,
.emplois_saisonniers,
.stages,
.alternances,
.contenuListe,
.contenuStage {
    padding-left: 0.5rem !important;
}

.contenuListe,
.contenuStage,
#stage-annee2,
#stage-annee1 {
    font-size: 1.6rem !important;
}

.stages,
.alternances {
    text-align: left !important;
}

#projetUrbanEco,
#projetTransKarting,
#projetAiTreatments,
#projetPanneauxPub,
#projetResaCafet,
#projetSioTech,
#projetJeniVibes,
#projetAgenHabitat,
#projetGuidesMontagne,
#projetGestionRepas,
#projetBac-a-Sable,
#projetAbricoop {
    padding-left: 1.5rem !important;
}

#accueil-Bac-a-Sable {
    padding-bottom: 1.5rem !important;
}

#exps_pro {
    padding-top: 2.8rem !important;
}

#securityPrice {
    padding-left: 1.5rem !important;
}

#monPortrait {
    width: 20% !important;
}

#animation,
#jquery,
#android,
#CSharp1,
#PCS,
#POO,
#digicode,
#traceGPS {
    font-size: 1.8rem !important;
    text-align: center !important;
    color: black !important;
}

#deuxiemeAnnee {
    padding-top: 1.5rem !important;
    font-size: 1.2rem !important;
    text-align: center !important;
}

#deuxiemePremireAnnee {
    padding-top: 1.5rem !important;
    font-size: 1.5rem !important;
    padding-left: 0.5rem !important;
}

.contenuStage {
    padding-top: 1rem !important;
}

#java-IHM,
#ap,
#enStage,
#CSharp2,
#mcd,
#schemaRelationnel,
#srVersMcd,
#mcdVersSr,
#sql {
    text-align: center !important;
}

.maFormation {
    color: #9112FF !important;
    font-size: 1.7rem !important;
    text-align: center !important;
    padding-top: 1.5rem !important;
}

#realisationsEnBTS,
#realisationsEnRTAI {
    color: #9112FF !important;
    font-size: 1.8rem !important;
    text-align: center !important;
    padding-top: 1.5rem !important;
}

#tps,
#enBDD {
    color: #9112FF !important;
    font-size: 1.7rem !important;
    text-align: center !important;
    padding-top: 1.5rem !important;
}

#dev-premiereAnnee,
#ap-premiereAnnee,
#dev-deuxiemeAnnee,
#enLpRTAI,
.stages,
.alternances,
#appliAndroid,
#jquery-jqueryMobile,
#clientServeur,
#projetTraceGPS,
#android,
.emplois_saisonniers,
.lien,
.Tps {
    padding-top: 1.5rem !important;
}

#enBTS,
#projetAgenHabitat,
#projetGuidesMontagne,
#projetJeniVibes,
#projetGestionRepas,
#projetBac-a-Sable,
#projetAbricoop {
    padding-top: 3.5rem !important;
}

#mcd,
#srVersMcd,
#mcdVersSr,
#sql {
    padding-top: 4.5rem !important;
}

#dev-deuxiemeAnnee,
#dev-premiereAnnee,
#ap-deuxiemeAnnee,
#ap-premiereAnnee,
#stage-annee2,
#stage-annee1 {
    padding-left: 0.5rem !important;
}

#digicodeV1V2,
.texte,
.lien {
    text-align: center !important;
}

.Tps {
    display: grid !important;
}

#framework-laravel {
    padding-left: 1.5rem !important;
}

#PCS,
#animation,
#jquery,
#java-IHM,
#imgCongres,
#tp-congres,
#imgFramework-spring,
#imgLivresSpring {
    padding-top: 1.5rem !important;
}

#enDeveloppement {
    text-align: center !important;
    color: #9112FF !important;
    font-size: 1.7rem !important;
}

#transKarting {
    padding-top: 1.5rem !important;
}


/* style de l'élément id="espace" */
#espace {
    background-image: url('img/espace.jpg');
    width: 700px;
    height: 437px;
    border: 1px solid black;
    margin: 15px auto;
}

/* style de l'élément id="soucoupe" */
#soucoupe {
    position: relative;
    background-image: url('img/soucoupe.gif');
    width: 100px;
    height: 76px;
    margin: 0px;

    /* répétition infinie de l'animation "deplacement_soucoupe" avec une durée de 10 sec */
    -webkit-animation: deplacement_soucoupe 10s infinite;
    -moz-animation: deplacement_soucoupe 10s infinite;
    -o-animation: deplacement_soucoupe 10s infinite;
    animation: deplacement_soucoupe 10s infinite;
}

/* description des étapes de l'animation "deplacement_soucoupe" */
@-webkit-keyframes deplacement_soucoupe {
    0% {
        left: 0;
        top: 350px;
    }

    25% {
        left: 0;
        top: 0;
    }

    50% {
        left: 600px;
        top: 400px;
    }

    75% {
        left: 600px;
        top: 0;
    }

    100% {
        left: 0;
        top: 350px;
    }
}

@-moz-keyframes deplacement_soucoupe {
    0% {
        left: 0;
        top: 350px;
    }

    25% {
        left: 0;
        top: 0;
    }

    50% {
        left: 600px;
        top: 400px;
    }

    75% {
        left: 600px;
        top: 0;
    }

    100% {
        left: 0;
        top: 350px;
    }
}

@-o-keyframes deplacement_soucoupe {
    0% {
        left: 0;
        top: 100px;
    }

    25% {
        left: 0;
        top: 0;
    }

    50% {
        left: 600px;
        top: 350px;
    }

    75% {
        left: 600px;
        top: 0;
    }

    100% {
        left: 0;
        top: 350px;
    }
}

@keyframes deplacement_soucoupe {
    0% {
        left: 0;
        top: 350px;
    }

    25% {
        left: 0;
        top: 0;
    }

    50% {
        left: 600px;
        top: 350px;
    }

    75% {
        left: 600px;
        top: 0;
    }

    100% {
        left: 0;
        top: 350px;
    }
}

@media screen and (max-width: 420px) {

    body {
        background-color: #C2EEFF;
        font-family: 'Historyline';
        font-size: 1.5rem !important;
        color: black !important;
    }

    #animation,
    #jquery,
    #android,
    #CSharp1,
    #PCS,
    #POO,
    #digicode,
    #traceGPS,
    #java-IHM {
        font-size: 1.5rem !important;
        text-align: center !important;
        color: black !important;
    }

    #javaIHM,
    #javaPOO,
    #api,
    #jquery-jqueryMobile,
    #geoloc,
    #cssAnimation,
    #clientServeur,
    #projetTraceGPS,
    #digicodeV1V2,
    #distances,
    .contenuStage,
    .introduction,
    .personnalite,
    .vieCourante,
    .contactMail,
    #projetSioTech,
    #projetUrbanEco,
    #projetTransKarting,
    #projetAiTreatments,
    #projetPanneauxPub,
    #projetResaCafet,
    #projetJeniVibes,
    #projetBac-a-Sable,
    #projetGestionRepas,
    #projetGuidesMontagne,
    #projetAgenHabitat,
    #tp-congres,
    #tp-demo-bdd,
    #tp-demo-mvc,
    #tp-js,
    #examHTML,
    #projetAbricoop,
    #framework-laravel,
    #framework-spring,
    #texte-bdd {
        font-size: 1.5rem !important;
    }

    /* style de l'élément id="espace" */
    #espace {
        background-image: url('img/espace.jpg');
        width: auto;
        height: 437px;
        border: 1px solid black;
        margin: 15px auto;
    }

    /* style de l'élément id="soucoupe" */
    #soucoupe {
        position: relative;
        background-image: url('img/soucoupe.gif');
        width: 100px;
        height: 76px;
        margin: 0px;

        /* répétition infinie de l'animation "deplacement_soucoupe" avec une durée de 10 sec */
        -webkit-animation: deplacement_soucoupe 10s infinite;
        -moz-animation: deplacement_soucoupe 10s infinite;
        -o-animation: deplacement_soucoupe 10s infinite;
        animation: deplacement_soucoupe 10s infinite;
    }

    /* description des étapes de l'animation "deplacement_soucoupe" */
    @-webkit-keyframes deplacement_soucoupe {
        0% {
            left: 0;
            top: 400px;
        }

        25% {
            left: 0;
            top: 0;
        }

        50% {
            left: 300px;
            top: 400px;
        }

        75% {
            left: 300px;
            top: 0;
        }

        100% {
            left: 0;
            top: 400px;
        }
    }

    @-moz-keyframes deplacement_soucoupe {
        0% {
            left: 0;
            top: 400px;
        }

        25% {
            left: 0;
            top: 0;
        }

        50% {
            left: 300px;
            top: 400px;
        }

        75% {
            left: 300px;
            top: 0;
        }

        100% {
            left: 0;
            top: 400px;
        }
    }

    @-o-keyframes deplacement_soucoupe {
        0% {
            left: 0;
            top: 400px;
        }

        25% {
            left: 0;
            top: 0;
        }

        50% {
            left: 300px;
            top: 400px;
        }

        75% {
            left: 300px;
            top: 0;
        }

        100% {
            left: 0;
            top: 400px;
        }
    }


    @keyframes deplacement_soucoupe {
        0% {
            left: 0;
            top: 400px;
        }

        25% {
            left: 0;
            top: 0;
        }

        50% {
            left: 300px;
            top: 400px;
        }

        75% {
            left: 300px;
            top: 0;
        }

        100% {
            left: 0;
            top: 400px;
        }
    }

    header,
    .littleSpace,
    nav,
    .principale,
    .dropdown-item {
        font-size: 1.6rem;
    }

    .littleSpaceSpring,
    .littleSpaceMVC,
    .littleSpaceCongres {
        font-size: 1rem;
    }

    .bigSpace {
        font-size: 3.5rem;
    }

    #frameworks,
    #php {
        display: grid !important;
    }

    #monPortrait {
        width: 90% !important;
    }

    .contenuStages,
    .contenuEmplois,
    .contenuAlternances {
        padding-left: 0.5rem !important;
        font-size: 1.2rem !important;
    }

    .emplois_saisonniers {
        padding-left: 0.5rem !important;
        padding-top: 1rem !important;
    }

    #scrollUp {
        display: none !important;
    }

    #dev-premiereAnnee,
    #ap-premiereAnnee,
    #ap-deuxiemeAnnee,
    #dev-deuxiemeAnnee,
    #enBTS,
    #enLpRTAI,
    .stages,
    #projetAnnee1,
    #projetAgenHabitat,
    #projetGuidesMontagne,
    #android,
    #projetJeniVibes,
    #projetGestionRepas,
    #projetBac-a-Sable,
    .Tps {
        padding-top: 1.5rem !important;
    }

    .principale {
        display: grid !important;
        text-align: center !important;
        justify-content: center !important;
        justify-items: center !important;
    }

    .contact {
        border-radius: 1rem !important;
        background-color: rgba(80, 80, 80, 0.3);
        box-shadow: 5px 5px 5px white;
        width: 20rem !important;
    }

    p,
    li {
        font-size: 1.5rem !important;
    }

    ul {
        padding: 0 !important;
        margin: 0 !important;
    }

    main {
        padding: 0 !important;
        margin: 0 !important;
    }

    .monNom {
        font-size: 1.5rem !important;
    }

    #photoDeMoi,
    #imgSR,
    #imgMCD,
    #imgSQL,
    #imgVeloStar,
    #imgIHM,
    #appliAndroid,
    #tableauDistances,
    #gestionMatieres,
    #imgTraceGPS,
    #transKarting,
    #aiTreatments,
    #sioTech {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #imgAndroid,
    #imgSrDutoit,
    #imgMcdDutoit,
    #sqlDutoit,
    #imgTraceGPS,
    #accueil-velo-star,
    #gestion-matieres,
    #tableau-distances,
    #manipulation-BDD,
    #traceGPS-PHP,
    #accueil-sioTech,
    #accueil-aiTreatments,
    #affiche-TransKarting,
    #imgAccueil-Bac-a-Sable,
    #imgExtraitJeniVibes,
    .imgVueInviteBack,
    #imgListeCongres,
    #imgDemoBDD,
    #imgGestionCompetencesMVC,
    #imgGestionEmployesMVC,
    .imgVueInviteFront,
    #imgPageAccueilAbricoop {
        width: 90% !important;
    }

    #imgSrDutoit2,
    #imgSrDutoit3 {
        width: 50% !important;
        height: 50% !important;
    }

    .intoduction {
        padding-top: 3rem !important;
    }

    .vieCourante,
    .personnalite,
    .contactMail {
        padding-top: 2rem !important;
    }

    nav {
        padding-top: 2rem !important;
    }

    #imgMcdDutoit2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    #imgSrDutoit3,
    #imgSrDutoit2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    #schemaRelationnel,
    #mcd,
    #srVersMcd,
    #mcdVersSr,
    #sql,
    #CSharp2 {
        font-size: 1.2rem !important;
        text-align: center !important;
        color: black !important;
    }

    p,
    li {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .navbar {
        font-size: 1rem !important;
    }

    .titreImportant {
        text-align: center !important;
        font-size: 1.5rem !important;
    }

    #mesRealisations,
    #actuellement,
    #projetsTermines {
        text-align: center !important;
        padding: 0 !important;
        font-size: 2rem !important;
    }

    #animation,
    #jquery,
    #CSharp1,
    #POO,
    #PCS,
    #traceGPS,
    #digicode,
    #android {
        font-size: 1.5rem !important;
        color: #9112FF !important;
    }

    #ap,
    #enStage,
    .maFormation,
    #realisationsEnBTS,
    #realisationsEnRTAI {
        color: #9112FF !important;
        font-size: 1.5rem !important;
        text-align: center !important;
    }

    #tps {
        padding-top: 1.5rem !important;
        font-size: 1.4rem !important;
        text-align: center !important;
    }

    #enBDD,
    #enDeveloppement {
        color: #9112FF !important;
        padding-top: 1.5rem !important;
        font-size: 1.3rem !important;
        text-align: center !important;
    }

    #deuxiemeAnnee {
        padding-top: 1.5rem !important;
        font-size: 1.2rem !important;
        text-align: center !important;
    }

    .societeDutoit {
        padding-top: 1.2rem !important;
        text-align: center !important;
    }

    #dev-deuxiemeAnnee,
    #dev-premiereAnnee,
    #ap-deuxiemeAnnee,
    #ap-premiereAnnee,
    #stage-annee2,
    #stage-annee1 {
        padding-left: 0.5rem !important;
    }

    #stage-annee2,
    #stage-annee1 {
        padding-bottom: 0.5rem !important;
    }

    .termine,
    #enCours {
        color: #9112FF !important;
    }

    #resaCafet,
    #SioTech,
    #AI-treatments,
    #TransKarting,
    #urbanEcoLib,
    #panneauxPub {
        font-size: 1.4rem !important;
    }

    .lpRtai,
    .bts,
    .fac,
    .dut,
    .bac,
    .stages,
    .alternances {
        padding-left: 0.5rem !important;
    }

    .imagesEnLigne#photosEducEco {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}