#logo-home{
        width: 360px;
    }

    #aPropos{
        margin-bottom: 40px; 
        margin-top: 80px;
    }

    .aPropos-bloc{
        max-width: 1140px; 
        margin: 0px auto;
    }
    .title-h2
    {
        text-align: left;
        margin: 0px;
        margin-top: 40px;
        width: 80%;
        color: var(--ap-main);
        text-transform: uppercase;
        font-family: "Montblanc";
    }

    .line {
        width: 90px;
        height: 15px;
        left: 0px;
        border-bottom: 2px solid var(--ap-main);
        position: absolute;
    }

    .line2 {
        width: 250px;
        height: 18px;
        border-bottom: 2px solid var(--ap-main);
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }

    .ecole-text
    {
        text-align: center;
        margin: 0px;
        margin-top: 40px;
        width: 60%;

    }

    .ecole-logo
    {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ecole-bloc
    {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: flex-start;
        justify-content: flex-start;
    }




    a 
    {
        color: var(--ap-main);
        text-decoration: none;
    }
    a:hover {
        color: color: var(--ap-main);
        text-decoration: none;
    }   







    #avis-block
    {
        background-color: #fff;
        padding-bottom: 150px;
    }

    #article
    {
        margin-top: 80px;
        background-color: #fff;
    }

    .actus-h2-title
    {
        color: var(--ap-main);
        text-transform: none;
        font-weight: bold;
        text-align: center;
        margin-bottom: 35px;


    }

    .cards
    {
        display: flex ;
        flex-direction: row ;
        align-items: flex-start ;
    }

    .titre-actu
    {
        font-weight: bold;
        width: 80% !important;
        text-align: left !important;
        font-size: 20px !important;
        margin: 0px  !important;
    }

    .actu-text
    {
        margin-top: 40px;
        width: 100%;
        color: #A9A9A9;
        text-align: left;
    }

    #actu-link 
    {
        text-align: right;
        margin-right: 30px;
    }

    .link-actu
    {
        text-decoration: none;
    }

    .link-actu:hover
    {
        text-decoration: none;
    }

    .date-actu
    {
        color: #000;
        font-size: 11px;
    }

    /*
    MEDIA QUERIES
    */

    @media (max-width: 921px) { 

        #article {
            flex-wrap: wrap !important;
            margin: 10px !important;
        }

        .cards {
            grid-template-columns: 1fr !important;
        }

    }













    .prestations-text{
        width: 60%;
        font-size: 16px;
    }

    #avis-block {
        margin: 40px 10px;
    }

    .lead-bloc{
        width: 90%;
        margin-bottom: 40px;
        text-align: left; !important;
    }
    .cards {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
    .article {
        display: flex;
        flex-direction: column;
    }
    img {
        max-width: 100%;
    }

    .cards {
        margin: 0 auto;
        max-width: 960px;
    }
    .text-actu {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 8px;
        padding: 24px;
        box-shadow: 0 8px 24px rgba(0,0,0,0.4);
        transition: all 0.2s ease-in-out;
        opacity: 0.8;
    }
    .photo-rounded {
        margin: 20px auto;
        box-shadow: 2px 2px 60px #eee;
        border-radius: 20px;
        width: 100%;
        max-width: 400px;
        max-height: 400px;
        object-fit: cover;
    }
    .titre-actu {
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin: 0px auto;
    }








    #baptemes-stages {

    }

    #title-section-baptemes-stages {
        font-size: 35px;
        color: #3B5080;
        text-align: left;
        text-transform: none;
    }

    #text-section-baptemes-stages {
        font-size: 20px;
        color: #3B5080;
        width: 80%;
        text-align: left;
    }

    #bloc-align {
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }

    #baptemes {
        background-color: #F2F7FF;       
        border-radius: 20px;
        margin: 20px;
        padding: 50px;
        width: 700px;     
    }

    #baptemes-stages-logo {
        max-width: 110px;
    }

    

    #title-baptemes-stages {
        text-align: left;
        margin: 0px auto;
        width: 60%;
    }


    #text-baptemes-stages {
        text-align: left;
        width: 100%;
    }

    #stages {
        background-color: #F2F7FF;
        border-radius: 20px;
        margin: 20px;
        padding: 50px;
        width: 700px;
    }








    #title-school {
        text-align: center;
        width: 100%;
        margin-top: 110px;   
        margin-bottom: 60px; 
        text-transform: none;
    }



    .apropos {
        width: 67%;
        text-align: left !important;

    }

    #logo-label{
        width: 320px;
    }









    #exceptionnels{
        margin-top: 180px;
        background-color: #F2F7FF;
    }

    .title-exceptionnels
    {
        text-align: center;
        margin: 0px auto;
        margin-top: 40px;
        color: var(--ap-main);

    }

    .text-title 
    {
        color: var(--ap-main);
        font-size: 17px;
        width: 61%;
    }

    #exceptionnels-title
    {
        text-align: left;
        margin-top: 40px;
        width: 80%;
        margin: 0;
        color: #3B5080;

    }

    #right-exceptionnels {
        margin-left: 40px;
    }
    .exceptionnels-bloc
    {
        width: 100%;
        margin-bottom: 40px;
        text-align: left;
        color: #3B5080;
    }

    li{
        list-style: none;
    }
    #exceptionnels li {
        height: 50px;
    } 
    #exceptionnels li:not(:hover):before {
        content: "";

    }

    #exceptionnels li:hover:before {
        content: "-> ";
    }

    /*
    MEDIA QUERIES
    */

    @media (max-width: 999px) {

        #bloc-align {
            flex-direction: column; 
            flex-wrap: wrap;
        }
        #stages {
            width: fit-content;
            margin:calc(8px + 1.5625vw);
        }
        #baptemes {
            width: fit-content;
            margin:calc(8px + 1.5625vw);
        }

    }