/*RESPONSIVE*/
        @media(max-width: 1024px) {
            .contain-button-fixed {
                height: 8rem;
                width: 25rem;
                right: 20px;
            }

            .button-fixed {
                font-size: 2.4rem;
            }

            #p1 {
                height: 80%;
            }

            #p1 .headernojs {
                display: none;
            }

            #p1 .divbackground {
                width: 100%;
                background-position: center;
            }

            #p1 .divelement {
                width: 100%;
            }

            #p1 .divfleche {
                width: 60%;
                height: 9rem;
                justify-content: center;
            }

            #p1 .divelement {
                display: flex;
                align-items: flex-end;
            }

            #p1 .arrow {
                padding: 15px;
            }

            #p1 .paranomber {
                font-size: 3rem;
            }

            #p1 .divnomberjs {
                margin-left: 2rem;
                margin-right: 2rem;
            }

            #p1 .divtitle {
                height: 30rem;
                width: 100%;
                background: #f4d9c2bd;
                top: 30%;
                margin-left: -10%;
            }

            #p1 .titrebase,
            .titrebase2 {
                font-size: 9rem;
                text-align: center;
            }

            #p1 .titrebase2 {
                font-size: 4rem;
            }

            #p1 .soustitre {
                font-size: 2.5rem;
                text-align: center;
            }

            #p1 .divlogo {
                display: none;
            }

            #p1 .divheaderrespon {
                display: block;
                width: 100%;
                height: 12rem;
                background-color: #f1e4d9;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
            }

            #p1 .logorespon {
                height: 100%;
                width: 70%;
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }

            #p1 .responcontact {
                height: 100%;
                width: 15%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            #p1 .menurespon {
                height: 100%;
                width: 15%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            #p1 .butimgrespon {
                height: 100%;
                width: 100%;
                object-fit: contain;
            }

            #p1 .hamburger2 {
                width: 90px;
                height: 66px;
                position: relative;
                cursor: pointer;
            }

            #p1 .hamburger2 span {
                position: absolute;
                height: 12px;
                width: 100%;
                background: rgb(0, 0, 0);
                left: 0;
                transition: 0.3s;
            }

            #p1 .hamburger2 span:nth-child(1) {
                top: 0;
            }

            #p1 .hamburger2 span:nth-child(2) {
                top: 27px;
            }

            #p1 .hamburger2 span:nth-child(3) {
                bottom: 0;
            }

            #p1 .butmenurespon {
                cursor: pointer;
                border: none;
                background: transparent;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            #p1 .divlogoencore {
                display: none;
            }

            #p1 .divcroix {
                display: none;
            }

            #p1 .divheaderborder {
                height: 70%;
            }

            #p1 .divheaderchoix {
                align-items: flex-start;
                width: 50%;
            }

            #p1 .butonglet {
                border-bottom: 2px white solid;
            }

            #p1 .namebut {
                font-size: 3rem;
            }

            #p1 .divheaderespace {
                width: 25%;
            }

            #p1 .divheadercroix {
                width: 10%;
            }

            #p1 .divheaderlogo {
                width: 15%;
            }

            #p1 .divonglet {
                margin-bottom: 2rem;
            }

            #p1 .divongletcontact {
                align-items: center;
            }

            #p1 .butcontact {
                height: 8.4rem;
                width: 83%;
                font-size: 2.4rem;
            }

            #p1 .titlereseau {
                font-size: 2.7rem;
            }

            #p1 .headertitle {
                align-items: flex-start;
            }

            #p1 .top-bar {
                width: 60%;
                height: 3px;
            }

            #p1 .headermargin {
                width: 75%;
            }

            #p1 .divcroixrespon {
                display: block;
                width: 100%;
                height: 20%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            #p1 .redivcroixrespon {
                height: 7rem;
                width: 7rem;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 9rem;
                margin-left: 5rem;
            }

            #p1 .butmenurespon2 {
                cursor: pointer;
                background: transparent;
                border: none;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                width: 100%;
            }

            #p1 .divtitrebase,
            #p1 .divsoustitre {
                justify-content: center;
            }
        }