.fixit #menu_burger{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 19px 38px, rgba(0, 0, 0, 0.11) 0px 15px 12px;
}
/* IPAD MINI */
@media only screen and (max-width: 1226px) {
    #positionne_pentagone {
        width: 16vw;
        transform: translate(0vw, 22px);
    }
}
@media only screen and (max-width: 1182px) {
    #englob_pentagone_skills {
        margin-right: 6.5vw;
    }
}

@media only screen and (max-width: 1170px) {
    #sticky_titre_et_pentagone.fixe_sticky{
        position : sticky;
        background-color: #f9f9f9;
        animation : anime_top 0.3s forwards;
    }
    @keyframes anime_top{
        to {
            padding-top : 68px;
        }
    }
}
@media only screen and (max-width: 979px) {
    #positionne_pentagone {
        width: 22vw;
        /*transform: translate(0vw, 22px);*/
    }
    #englob_pentagone_skills {
        padding-bottom: calc(2vw + 40px);
    }
    #sticky_titre_et_pentagone{
        width : 100%;
    }
    #flex_techno{
        padding-top : 0;
    }
    
}
@media only screen and (max-width: 816px) {
    .filtre span:not(span:first-child){
        width: min-content;
    } 
    .select-wrapper:first-of-type{
        margin-bottom : 5px;
    }
    #formation .select-wrapper:first-of-type{
        margin-bottom : 0
    }
}
@media only screen and (max-width: 631px) {
    #positionne_pentagone {
        transform: translate(-10%, 22px);
    }
}
@media only screen and (max-width: 580px) {
    #positionne_pentagone {
        transform: translate(-20%, 22px);
    }
    .bg_plein{
        min-width : 371px
    }
    #avatar{
        z-index : -1
    }
}
@media only screen and (max-width: 527px) {
    #positionne_pentagone {
        
        transform: translate(-30%, 22px);
    }
}
/*856*/
/* IPHONE 14 PRO MAX */
@media only screen and (max-width: 440px) {

    :root {
        --paddingresponsive: 4vw;
        --widthresponsive: calc(calc(100% - calc(var(--paddingresponsive) * 1.25)) - 8px);
    }
    .fixit{
        min-width: 100% !important;
        min-height: 100% !important;
    }
    .filtre{
        margin-bottom : 20px
    }
    .bg_plein{
        min-width : 100%
    }
    body{
        overflow-x: hidden !important;
    }
    
    #avatar{
        z-index : 19
    }

    footer p {
        display: block;
    }

    #englb_rs{
        margin-top : 30px;
        display: block;
    }
    
    #englob_pentagone_skills {
        padding-bottom: calc(8vw + 40px);
    }

    #induit_fleche{
        background-size: cover;
    }
    #flex_competences{
        width: calc(100% - calc(var(--paddingresponsive) * 2));
        padding-left : calc(var(--paddingresponsive) / 3 );
    }
    #positionne_pentagone {
        width: 35vw;
        transform: translate(-8vw, 22px);
    }
    #englob_pentagone_skills{
        margin-right : 0;
        padding-bottom: calc(4vw + 40px);
    }
    .bg_plein:before {
        width : calc(100% - 2vw)
    }
    #avatar{
        position : relative;
        z-index : 4;
        margin-top : 0;
        width: 100%;
        height: calc(100vh - 65px);
        height: fit-content;
    }
    #avatar img{
        width: calc(100% - 8vw);
        margin : 0;
        transform: translateX(0);
    }
    #content_deco_fleche{
        display : block
    }
    .container {
        scroll-snap-type: none;
    }
    #navigation{
        pointer-events: auto;
        width: 100%;
        padding : 10px 0;
        display: block;
        bottom : 0;
    }
    #navigation ul{
        width: 92%;
        padding: 8px 8px 0 40px;
        justify-content: flex-start;
        overflow-x: scroll;
        border-bottom : none;
    }
    #navigation ul li{
        display: inline-block;
        margin-bottom : 10px;
        border-radius: 40px;
        margin-right : 10px;
    }
    #navigation ul li a{
        padding : 15px 25px;
    }

    section{
        max-width: 100% !important;
        margin-left : 0 !important;
    }

    .section_p {
        width: 100%;
    }

    .place_texte{
        margin-left : var(--paddingresponsive);
        width: calc(100% - var(--paddingresponsive));
    }

    .section_p.delimit_section{
        padding-bottom : 0 !important
    }

    .place_texte h1{
        width: calc(calc(100% - var(--paddingresponsive)) - 8px);
        padding-left : calc(var(--paddingresponsive) / 3 );
        font-size: 8vw;
    }

    .place_texte h2 {
        width: calc(calc(100% - var(--paddingresponsive)) - 8px);
        padding-left : calc(var(--paddingresponsive) / 3 );
        font-size: 6vw;
    }

    #premier_texte, .flex{
        width : var(--widthresponsive);
        padding-left : calc(var(--paddingresponsive) / 3 );
    }
    #insertformation, #insertxppro {
        width: calc(calc(100% - calc(var(--paddingresponsive) / 8)) - 8px);
        padding-left: calc(var(--paddingresponsive) / 4);
    }

    .flex{
        display: flex;
        gap : 10px;
        margin-top : 16px;
        flex-direction: column;
    }

    .flex div{
        width: auto
    }
}

@media only screen and (max-width: 375px) {
#premier_texte{
    text-align: justify;
    text-justify: inter-word; /* Utilisez inter-word pour une justification plus naturelle */
    word-spacing: 0.05em; /* Ajustez cette valeur pour contrôler l'espacement entre les mots */
}
}
@media only screen and (max-width: 360px) {

    #positionne_pentagone {
        width: 29vw;
        transform: translate(-11vw, 22px);
    }

    #sticky_titre_et_pentagone.fixe_sticky{
        position : relative;
        animation : none;
    }
}

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

    .skills_card {
        width: 67px;
    }
    .place_icone_et_cercle {
        margin-left: -4px;
    }
    #englob_pentagone_skills {
        transform: translateX(-20px) scale(0.95);
    }
    .filtre span{
        max-width: calc(100% - 22vw);
    }
    #formation .select-wrapper:first-of-type {
        max-width: calc(100% - 25vw);
    }
    #navigation {
        bottom : -12px !important;
        padding: 4px 0 !important;
    }
    #navigation ul {
        padding-bottom : 10px !important;
        background-size: auto !important;
    }
    #premier_texte{
        text-align: left;
        text-justify: inter-word; /* Utilisez inter-word pour une justification plus naturelle */
        word-spacing: auto; /* Ajustez cette valeur pour contrôler l'espacement entre les mots */
    }

}