@media screen and (min-width: 768px) {
    /*GENERAL*//*GENERAL*//*GENERAL*//*GENERAL*//*GENERAL*/
    .containeraboutalltel {
        display: none;
    }   
    .containeraboutall {
        position: relative;
        height: 100vh;
        margin-top: 100px;
    }




    /*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*/
    .containeraboutimg {
        position: absolute;
        width: 100%;
        height: 180%;
        pointer-events: none;
        z-index: 1;
        user-select: none;
    }
    .aboutimg {
        position: absolute;
        min-width: 600px;
        min-height: 600px;
        max-width: 45vw;
        max-height: 110vh;
        right: 45vw;
        animation: shake 6s ease-in-out infinite;
        filter: brightness(85%) contrast(95%) saturate(5%) hue-rotate(120deg);
    }
    @keyframes shake {
        0% {transform: translateY(-15px) rotate(2deg);}
        50% {transform: translate(15px, 15px) rotate(-2deg);}
        100% {transform: translateY(-15px) rotate(2deg);}
    }





/*ELEMENTS HUD*//*ELEMENTS HUD*//*ELEMENTS HUD*//*ELEMENTS HUD*//*ELEMENTS HUD*/
    .tsection-about {
        position: absolute;
        text-transform: uppercase;
        color: #ebf0f2;
        opacity: 0.6;
        font-size: 16px;
        top: 80px;
        left: 80px;
    }
    .tsection-about span {
        opacity: 0.6;
    }
    .hgrid-about {
        height: 100%;
        width: 100vw;
        position: absolute;
    }
    .hgrid-about div {
        position: relative;
        width: 100%;
        height: 1px;
        background-color: #ebf0f21a;
        margin-top: calc(100vh / 3);
    }

    .vgrid-about {
        height: 100%;
        width: 100%;
        position: absolute;
        display: flex;
    }

    .vgrid-about div {
        position: relative;
        width: 1px;
        height: 100%;
        margin-left: 66%;
        background: linear-gradient(#00000000 8%, #ebf0f21a 30%, #ebf0f21a 90%, #00000000 95%);
    }





    /*CONTENU*//*CONTENU*//*CONTENU*//*CONTENU*//*CONTENU*//*CONTENU*/
    .contenuaboutall {
        position: relative;
        transform: translateY(45vh);
        z-index: 2;
    }




    /*PARTIE IMAGE*//*PARTIE IMAGE*//*PARTIE IMAGE*//*PARTIE IMAGE*/
    .titreabout {
        position: absolute;
        font-family: 'cd-sb', sans-serif;
        font-size: calc(10px + 4vw);
        line-height: calc(10px + 4vw);
        color: #befc03;
        text-align: end;
        margin: 35px 40px 0 0;
        width: 50vw;
        right: 34vw;
    }
 


    /*PARTIE TEXTE*//*PARTIE TEXTE*//*PARTIE TEXTE*//*PARTIE TEXTE*/
    .containerabouttext {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: start;
        left: 66vw;
        margin: 0 80px 0 40px;
    }

    .petittitre {
        position: relative;
        opacity: 0.6;
        font-size: 16px;
        top: 0;
        color: #ebf0f2;
        text-transform: uppercase;
    }

    .textaboutfinal {
        font-size: calc(16px + 0.5vw);
        line-height: calc(22px + 0.5vw);
        color: #ebf0f2;
        position: relative;
        margin: 30px 0 60px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        text-wrap: balance;
    }
    .textaboutfinal span{
        color: #befc03;
    }



    /*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*/
    .boutonseemore {
        color: #befc03;
        background: #ebf0f208;
        padding: 15px 22px;
        border-radius: 22px;
        transition: all 0.5s cubic-bezier(.45,-0.01,.21,.99);
        font-size: 18px;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }
    .seemoreaboutoverflow span{
        position: relative;
        font-family: 'fontfleche-reg', sans-serif;
        top: 1px;
    }
    .boutonseemore:hover {
        transform: scale(1.03);
        background: #ebf0f212;
    }
    .seemoreaboutoverflow {
        height: 24px;
        overflow: hidden;
        line-height: 24px;
    }

    .seemoreabout {
        transition: all 0.6s cubic-bezier(0,.93,.27,1) 0.2s;
    }
    .seemoreabout2 {
        transition: all 0.25s cubic-bezier(.66,-0.01,1,.6);
    }
    .boutonseemore:hover .seemoreabout {
        transform: translateY(-24px);
        transition: all  0.6s cubic-bezier(.52,0,0,1);
    }
    .boutonseemore:hover .seemoreabout2 {
        transform: translateY(-24px);
        transition: all 0.6s cubic-bezier(.52,0,0,1) 0.1s;
    }
}






















@media screen and (max-width: 768px) {
    /*GENERAL*//*GENERAL*//*GENERAL*//*GENERAL*//*GENERAL*/
    .containeraboutall {
        position: relative;
        height: fit-content;
        margin: 40px 30px 80px;
        color: #ebf0f2;
    }
    .tsection-about {
        text-transform: uppercase;
        color: #ebf0f2;
        opacity: 0.6;
        font-size: 16px;
        order: 1;
    }

    .tsection-about span {
        opacity: 0.6;
    }
    .marqueecontainerabout{
        display: none;
    }


    /*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*/
    .containeraboutimg {
        position: relative;
        margin: 30px 0;
        height: 300px;
        border-radius: 28px;
        display: flex;
        justify-content: center;
        z-index: 2;
        order: 2;
    }
    .aboutimg{
        rotate: -5deg;
        animation: shake 6s ease-in-out infinite;
        filter: contrast(95%) saturate(50%);
        user-select: none;
    }

    /*TEXTE*//*TEXTE*//*TEXTE*//*TEXTE*//*TEXTE*//*TEXTE*/
    .petittitre{
        display: none;
    }
    .titreabout{
        position: relative;
        color: #ebf0f2;
        font-size: calc(20px + 2.5vw);
        line-height: calc(20px + 2.3vw);
        opacity: 0.6;
    }
    .textaboutfinal {
        position: relative;
        color: #ebf0f2;
        font-size: 16px;
        line-height: 24px;
        margin-top: 2 0px;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        margin-top: 20px;
    }
    .textaboutfinal span{
        color: #befc03;
    }


    /*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*/
    .boutonseemore {
        color: #befc03;
        background: #ebf0f208;
        padding: 15px 20px;
        border-radius: 25px;
        width: fit-content;
        margin: 0 auto;
        font-size: 22px;
        margin-top: 30px;
    }
    .boutonseemore span{
        font-family: 'fontfleche-reg', sans-serif;
        position: relative;
        top: 1px;
        line-height: 0;
    }
    .seemoreabout2{
        display: none;
    }
}



/*PHONE*//*PHONE*//*PHONE*//*PHONE*//*PHONE*//*PHONE*//*PHONE*//*PHONE*/
















@media screen and (max-width: 767px) {
    /* .containeraboutall * {
        display: none;
    } */


    .containeraboutalltel {
        position: relative;
        height: fit-content;
        width: 100%;
    }

    .contenuaboutalltel {
        position: relative;
        margin: 50px 30px 70px 30px;
    }

    .tsection-abouttel {
        text-transform: uppercase;
        color: #ebf0f2;
        opacity: 0.6;
        font-size: 16px;
    }

    .tsection-abouttel span {
        opacity: 0.6;
    }

    .containeraboutimgtel {
        position: relative;
        margin-top: 30px;
        height: 350px;
        width: 100%;
        border-radius: 28px;
        display: flex;
        justify-content: center;
        z-index: 2;
    }

    .aboutimgtel {
        rotate: -5deg;
        animation: shake 6s ease-in-out infinite;
        filter: contrast(95%) saturate(50%);
        user-select: none;
    }

    .grostitreabouttel {
        position: relative;
        color: #ebf0f2;
        margin-top: 30px;
        font-size: calc(20px + 2.5vw);
        line-height: calc(20px + 2.3vw);
        opacity: 0.6;
    }

    .textabouttel {
        position: relative;
        color: #ebf0f2;
        font-size: 16px;
        line-height: 24px;
        margin-top: 2   0px;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
    .textabouttel span {
        color: #befc03;
    }
    .boutonabouttel {
        color: #befc03;
        background: #ebf0f208;
        padding: 15px 20px;
        border-radius: 25px;
        width: fit-content;
        margin: 0 auto;
        font-size: 22px;
        margin-top: 30px;
    }
    .boutonabouttel span{
        font-family: 'fontfleche-reg', sans-serif;
        position: relative;
        top: 1px;
        line-height: 0;
    }
}