/* MOBILE */
@media screen and (max-width: 1170px)  {
    .wrap ::-webkit-scrollbar {
        /* display: none; */
            }
            .main ::-webkit-scrollbar {
                display: block;
                    }
        
}

@media screen and (max-width: 750px)  {
    .wrap::-webkit-scrollbar {
display: none;
    }
.wrap {
    flex-direction: column;
    align-items: center;
}
.right, .main {
    width: 95vw;
}
.right {
    padding: 3px;
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
}
.me {display: flex;
    flex-direction: column-reverse;
    margin-top: 20px;
    padding-left: 5px;
}
.me p {
font-size: 16px;
margin-bottom: 0px;
margin-top:2px;
}
.me h2 {
    margin: 0;    color: red;

}

.menu::-webkit-scrollbar {
    width: 10vw;
    /* height: 8vh; */
    display: none;
}

.description {
    width: 95vw;
}
.footer{
    display: none;
} 
iframe {
    border: 2px solid #C2F3B0;
}
.main {
    margin: 0;
    padding: 3px;
    /* max-height: 100vh; */
    overflow: visible;
    /* display: flex; */
    flex-direction: row;
    flex-wrap: wrap;
}
.menu {
/* border: 3px solid #C2F3B0; */
/* width: ; */
margin-bottom: 5px;
}
#projet-landing .video-landing  {
    width: 200%;
    margin-left: 0;
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%,-50%);
    mix-blend-mode: color;
}
#projet-landing-titre {
    margin-left: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#projet-landing-titre h1{
    font-size: 50px;
    line-height: 90%;
}
#projet-landing-titre h3 {
    font-size: 21px;
    color: #16350f;
    line-height: 100%;
}
#btn-accueil h2 {
    margin-top: 2%;
}
#btn-accueil span {
    /* color: #efd3a0 !important; */
}
#btn-accueil {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.video-landing {
    display: block;
}
.video-landing-desktop {
    display: none;
}
.double {
    display: block;
}
.double img {
    width: 100%;
    height: auto;
}
.double video {
    width: 100%;
    height: auto;
}
.double iframe {
    width: 100%;
    height: fit-content;
}
.triple {
    display: block;
}
.triple img {
    width: 100%;
    height: auto;
}
.triple video {
    width: 100%;
    height: auto;
}

#double-page-flex {
    display: block;
}
.double-page{
    width: 100%;
    overflow-y: initial;
}
.span-titre {
    position: fixed;
    bottom: 2%;
    margin-left: 10px;
    padding-right: 3px;
    left: 0;
    z-index: 200;
}
}

/* GRand ecran */
@media screen and (min-width: 2000px)  {
p {
    /* font-size: 16px; */
}
h2 {
    /* font-size: 22px; */
}
        
}