/*? Comment importer des Fonts Google auto-hébergées - pour gagner des ressources de téléchargement */

/*? 

LES RESOLUTIONS POUR LE RESPONSIVE
mobile : 375 X 667
tablette : 768 X 1024
laptop : 1366 X 768
bureau HD : 1920 X 1080

@media (min-width: 350px) and (max-width:767px) {
    @media (min-width: 768px) and (max-width:1023px) {
        @media (min-width: 1024px) and (max-width:1365px) {
            @media (min-width: 1366px) and (max-width:1919px) {
                

*/

@font-face {
	font-family: 'Bryndan';
	src: url("../fonts/bryndan-write-book.ttf") format("truetype");
}

@font-face {
	font-family: 'Poppins';
	src: url("../fonts/poppins-regular.ttf") format("truetype");
}


.main-container {
    background-image: url('../img/main-background-min.jpg');
    background-size: auto;
    background-repeat: repeat-y;
    z-index: 1;
    height: auto;
    background-attachment: fixed;
}

/* HEADER */

.home-button-container {
    display: flex;
    justify-content: center;
}

.home-button-link {
    z-index: 9999;
}

/* HEADER */

/* HOMEPAGE */

.main-home-container {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
    
}

@media (min-width: 350px) and (max-width:767px) {
        
    .main-home-container {
        display: flex;
        flex-direction: column;
        height: 110vh;
    }
}

.logo-part-left {
    width: 70vw;
}

.menu-part-right {
    width: 30vw;
    
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main-home-container {
        display: block;
        flex-direction: row;
    }
}

@media (min-width: 350px) and (max-width:1000px) {
    .logo-part-left {
        width: 100vw;
    }
    
    .menu-part-right {
        width: 100vw;
    
    }
}

/* h1 {
    font-family: 'Bryndan', sans-serif;
    font-size: 8rem;
    color: white;
    -webkit-text-stroke: 4px rgb(83, 109, 77);
    margin-left: 15vw;
} */

h2 {
    font-family: 'Bryndan', sans-serif;
    font-size: 7rem;
    color: white;
    -webkit-text-stroke: 0.5px #658D5A;
    position: relative;
    bottom: 12vh;
}

@media (min-width: 350px) and (max-width:767px) {
    h2 {
        font-size: 3rem;
        bottom: -40vh;
        -webkit-text-stroke: 0.5px #658D5A;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    h2 {
        font-size: 4rem;
        bottom: -22vh;
        -webkit-text-stroke: 0.5px #658D5A;
    }

}

@media (min-width: 1024px) and (max-width:1365px) {
    h2 {
        font-size: 4rem;
        bottom: 5vh;
        -webkit-text-stroke: 0.5px #658D5A;
    }

}

@media (min-width: 1366px) and (max-width:1919px) {
    h2 {
        font-size: 6rem;
        bottom: 14vh;
        -webkit-text-stroke: 0.5px #658D5A;
    }
}

.main-logo-container {
    display: flex;
    justify-content: center;
}

.main-logo {
    height: auto;
    width: 30vw;
}

@media (min-width: 350px) and (max-width:767px) {

    .main-logo {
        width: 60vw;
        
    }

}

@media (min-width: 768px) and (max-width:1023px) {

    .main-logo {
        width: 40vw;
        top:-25vh;
        left: 28vw
    }

}

@media (min-width: 1024px) and (max-width:1365px) {

    .main-logo {
        width: 50vw;
    }

}

@media (min-width: 1366px) and (max-width:1919px) {

    .main-logo {
        width: 33vw;
    }

}


.leaf {
    position: absolute;
    top: 48vh;
    left: -5vw;
}

.leaf2 {
    position: absolute;
    top: 0vh;
    left: 92vw;
    transform: scaleX(-1);
    width: 10vw;
}

.bulle-menu {
    height: auto;
    width: 10vw;
    position: relative;
    top: -18vh;
    left: -28vw;
    /* z-index: 1; */
}

.bulle-menu-first-link {
    height: auto;
    width: 12vw;
    position: relative;
    top: -1vh;
    right: 33vw;
    transition-duration: 1s;
    transition-delay: 0s;
    /* z-index: -1; */
}

.bulle-menu-first-link:hover {
    transform: scale(1.2);
}

.bulle-menu-second-link {
    height: auto;
    width: 15vw;
    position: relative;
    top: -20vh;
    right: 15vw;
    transition-duration: 1s;
    transition-delay: 0s;
}

.bulle-menu-second-link:hover {
    transform: scale(1.2);
}

.bulle-menu-third-link {
    height: auto;
    width: 10vw;
    position: relative;
    top: -17vh;
    right: 15vw;
    transition-duration: 1s;
    transition-delay: 0s;
}

.bulle-menu-third-link:hover {
    transform: scale(1.2);
}

.bulle-menu-fourth-link {
    height: auto;
    width: 10vw;
    position: relative;
    top: -15vh;
    right: 19vw;
    transition-duration: 1s;
    transition-delay: 0s;
}

.bulle-menu-fourth-link:hover {
    transform: scale(1.2);
}

.bulle-menu-fifth-link {
    height: auto;
    width: 8vw;
    position: relative;
    top: -9vh;
    right: -3vw;
    transition-duration: 1s;
    transition-delay: 0s;
}

.bulle-menu-fifth-link:hover {
    transform: scale(1.2);
}

.bulle-menu-sixth-link {
    height: auto;
    width: 8vw;
    position: relative;
    top: 2vh;
    right: 25vw;
    transition-duration: 1s;
    transition-delay: 0s;
}

.bulle-menu-sixth-link:hover {
    transform: scale(1.2);
}

@media (min-width: 350px) and (max-width:767px) {

    .leaf {
        width: 25vw;
        top: 88vh;
        left: -5vw;
    }

    .leaf2 {
        width: 25vw;
        top: 5vh;
        left: 80vw;
    }

    .bulle-menu {
        position: relative;
        width: 30vw;
        top: -80vh;
        right: 11vw;
    }

    .bulle-menu-first-link {
        width: 35vw;
        top: -30vh;
        right: 30vw;
    }

    .bulle-menu-second-link {
        width: 35vw;
        top: -42vh;
        right: -22vw;
    }

    .bulle-menu-third-link {
        width: 35vw;
        top: -38vh;
        right: -21vw;
    }

    .bulle-menu-fourth-link {
        width: 35vw;
        top: -44vh;
        right: 1vw;
    }

    .bulle-menu-fifth-link {
        width: 20vw;
        top: -40vh;
        right: -37vw
    }

    .bulle-menu-sixth-link {
        width: 25vw;
        top: -45vh;
        right: 20vw;
    }

}

@media (min-width: 768px) and (max-width:1023px) {

    .leaf {
        width: 15vw;
        top: 53vh;
        left: -3vw;
    }
    
    .leaf2 {
        width: 25vw;
        top: 5vh;
        left: 80vw;
    }
    
    .bulle-menu {
        position: relative;
        width: 20vw;
        top: -32vh;
        left: 7vw;
    }

    .bulle-menu-first-link {
        width: 20vw;
        top: -19vh;
        right: 11vw;
    }

    .bulle-menu-second-link {
        width: 20vw;
        top: -16vh;
        right: 17vw;
    }

    .bulle-menu-third-link {
        width: 20vw;
        top: -12vh;
        right: 16vw;
    }

    .bulle-menu-fourth-link {
        width: 20vw;
        top: -17vh;
        right: -31vw;
    }

    .bulle-menu-fifth-link {
        width: 15vw;
        top: -13vh;
        right: -63vw
    }

    .bulle-menu-sixth-link {
        width: 15vw;
        top: -20vh;
        right: -27vw;
    }

}

@media (min-width: 1024px) and (max-width:1365px) {
    .leaf {
        width: 15vw;
        top: 75vh;
        left: -3vw;
    }
    
    .leaf2 {
        width: 18vw;
        top: -1vh;
        left: 85vw;
    }
    
    .bulle-menu {
        position: relative;
        width: 20vw;
        top: 0vh;
        left: -23vw;
    }

    .bulle-menu-first-link {
        width: 18vw;
        top: -15vh;
        right: 11vw;
    }

    .bulle-menu-second-link {
        width: 25vw;
        top: -27vh;
        right: 4vw;
    }

    .bulle-menu-third-link {
        width: 15vw;
        top: -37vh;
        right: -12vw;
    }

    .bulle-menu-fourth-link {
        width: 18vw;
        top: -52vh;
        right: 9vw;
    }

    .bulle-menu-fifth-link {
        width: 10vw;
        top: -31vh;
        right: -1vw
    }

    .bulle-menu-sixth-link {
        width: 12vw;
        top: -58vh;
        right: -5vw;
    }

}

@media (min-width: 1366px) and (max-width:1919px) {
    .leaf {
        width: 15vw;
        top: 75vh;
        left: -3vw;
    }
    
    .leaf2 {
        width: 18vw;
        top: -1vh;
        left: 85vw;
    }
    
    .bulle-menu {
        position: relative;
        width: 10vw;
        top: -14vh;
        left: -25vw;
    }

    .bulle-menu-first-link {
        width: 12vw;
        top: 1vh;
        right: 31vw;
    }

    .bulle-menu-second-link {
        width: 15vw;
        top: -11vh;
        right: 15vw;
    }

    .bulle-menu-third-link {
        width: 12vw;
        top: -1vh;
        right: 9vw;
    }

    .bulle-menu-fourth-link {
        width: 12vw;
        top: 7vh;
        right: 13vw;
    }

    .bulle-menu-fifth-link {
        width: 8vw;
        top:  18vh;
        right: -5vw
    }

    .bulle-menu-sixth-link {
        width: 9vw;
        top: 5vh;
        right: 15vw;
    }


}

/* HOMEPAGE */

/* PAGE LE LIEU DE VIE */

h3 {
    font-family: 'Bryndan', sans-serif;
    font-size: 5rem;
    color: white;
    -webkit-text-stroke: 0.5px #668449;
    text-align: center;
}

.lieu-de-vie-image-title-container {
    display: flex;
    justify-content: center;
}

.photo-gallery {
    display: flex;
    flex-direction: column;
    margin: -30vh 0;
}

.photo-part {
    width: 100vw;
    display: flex;
    justify-content: space-around;
    margin: 30vh 0;
    /* align-items: center; */
    /* flex-direction: column; */
}

.video-slider-container {
    display: flex;
    width: 100vw;
    justify-content: center;
    margin-top: -25vh;
}

.video-slider {
    height: auto;
    width: 25vw;
}

.verger-img {
    height: auto;
    width: 25vw;
    border: 10px solid #BDE067;
    border-radius: 60px;
}


.maison-vue-arriere-img {
    height: auto;
    width: 25vw;
    border: 10px solid #BDE067;
    border-radius: 60px;
}

.jardin-img {
    height: auto;
    width: 25vw;
    border: 10px solid #BDE067;
    border-radius: 60px;
}

.leaf-page-2 {
    height: auto;
    width: 20vw;
    position: absolute;
    top: 12vh;
    left: 77vw;
}



@media (min-width: 350px) and (max-width:767px) {
    .main-container {
        height: 100%;
    }

    .lieu-de-vie-image-title {
        width: 90vw;
    }

    .leaf-page-2 {
        width: 23vw;
        top: 27vh;
        left: 77vw;
    }
    
    .photo-gallery {
        
        margin: auto;
        flex-direction: column;
        justify-content: center;
    }

    .photo-part {
        width: 100vw;
        margin: 0 0;
        flex-direction: column;
        align-items: center;
    }

    .video-slider-container {
        display: flex;
        width: 100vw;
        justify-content: center;
        margin-top: 0vh;
        
    }
    
    .video-slider {
        height: auto;
        width: 90vw;
    }

    .verger-img {
        width: 80vw;
        
    }

    .maison-vue-arriere-img {
        width: 80vw;
        
    }

    .jardin-img {
        width: 80vw;
        
    }

    .verger-img-container {
        order: 3;
    }

    .maison-vue-arriere-img-container {
        order: 1;
    }

    .jardin-img-container {
        order: 2;
    }

    .video-slider-container {
        margin-top: 5vh;
    }
    
}

@media (min-width: 768px) and (max-width:1024px) {

    .main-container {
        /* height: 110vh; */
        height: auto;
    }
    
    .lieu-de-vie-image-title {
        width: 70vw;
    }

    .leaf-page-2 {
        width: 20vw;
        top: 39vh;
        left: 82vw;
    }

    .photo-gallery {
        margin: -30vh 0;
        align-items: center;
    }

    .verger-img {
        width: 30vw;
    }

    .maison-vue-arriere-img {
        width: 30vw;
    }

    .jardin-img {
        width: 30vw;
    }

    .video-slider {
        width: 40vw;
    }

    .video-slider-container {
        margin-top: -25vh;
        
    }

}

@media (min-width: 1024px) and (max-width:1365px) {
        
    .main-container {
        /* height: 120vh; */
        height: auto;
    }
    
    .lieu-de-vie-image-title {
        width: 50vw;
    }

    .leaf-page-2 {
        width: 20vw;
        top: 40vh;
        left: 82vw;
    }
    
    .verger-img {
        width: 30vw;
    }

    .maison-vue-arriere-img {
        width: 30vw;
    }

    .jardin-img {
        width: 30vw;
    }

    .video-slider {
        width: 35vw;
    }
}
 
@media (min-width: 1366px) and (max-width:1919px) {
    
    .lieu-de-vie-image-title {
        width: 40vw;
    }

    .leaf-page-2 {
        position: absolute;
        width: 20vw;
        top: 18vh;
        left: 82vw;
    }

    .photo-gallery {
        margin: -25vh 0;
        align-items: center;
    }
    
    .verger-img {
        width: 25vw;
    }

    .maison-vue-arriere-img {
        width: 25vw;
    }

    .jardin-img {
        width: 25vw;
    }

    .video-slider {
        width: 30vw;
    }

   .video-slider-container {
        margin-top: -20vh;
   }
}



/* PAGE LE LIEU DE VIE */


/* PAGE VIVRE AVEC - AVEC QUI ? */

.vivre-avec-image-title-container {
    display: flex;
    justify-content: left;
}

.vivre-avec-image-title {
    margin-bottom: 2vh;
}

.page-3-container {
    height: 110vh;
    width: 100vw;
    background-image: url('../img/background-green-la-petite-oasis-avec-flèches.png');
    position: relative;
    top: -45vh;
    z-index: 0;
}

.text-card-img {
    margin-bottom: -8vh;
    margin-left: -2vw;
}

.text-card-img-claire {
    margin-bottom: -8vh;
    margin-left: -5vw;
}

.text-card-img-ali {
    margin-bottom: -8vh;
    margin-left: -5vw;
}

.text-card-1 {
    width: 15vw;
    position: relative;
    top: 28vh;
    left: 25vw;
}

.subtitle {
    text-align: center;
    color:rgb(83, 109, 77);
    background-color: #E6F97D;
    border-radius: 20px;
    font-family: 'Bryndan', sans-serif;
    font-size: 1.4rem;
}

.card-text-content {
    font-family: 'Poppins', sans-serif;
    color:rgb(83, 109, 77);
    font-size: 1rem;
    text-align: justify;
}

.text-card-2 {
    width: 15vw;
    position: relative;
    top: 10vh;
    left: 5vw;
}

.page-3-subtitle {
    
    position: absolute;
    top: 70vh;
    left: 30vw;
    -webkit-text-stroke: 0.5px #658D5A;
}

.text-card-3 {
    width: 15vw;
    position: relative;
    top: -85vh;
    left: 67vw;
}

.claire-and-ali-container {
    display: flex;
    
}

.text-card-4 {
    width: 15vw;
    position: relative;
    top: -90vh;
    left: 60vw;
}

.text-card-5 {
    width: 15vw;
    position: relative;
    top: -140vh;
    left: 82vw;
}



@media (min-width: 350px) and (max-width:767px) {
    .vivre-avec-image-title {
        margin-bottom: 20vh;
    }
    
    .page-3-container {
        background-image: none;
        justify-content: center;
        align-items: center;
        height: 280vh;
    }

    .vivre-avec-image-title {
        width: 90vw;
    }

    .text-card-img {
        margin-bottom: -5vh;
        margin-left: 10vw;
    }

    .text-card-img-claire {
        margin-bottom: -5vh;
        margin-left: -5vw;
    }

    .text-card-img-ali {
        margin-bottom: -5vh;
        margin-left: -12vw;
    }
    
    .text-card-1 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .text-card-2 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .page-3-subtitle {
    
        position: static;
        font-size: 3rem;
        -webkit-text-stroke: 0.5px #658D5A;
        
    }

    .text-card-3 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        /* margin-top: 15vh; */
        
    }

    .text-card-4 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .text-card-5 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .card-text-content {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        color:rgb(83, 109, 77);
        font-size: 1.2rem;
        background-color: #BDE067;
    }

    .claire-and-ali-container {
        flex-direction: row;
        align-items: center;
    }

    .claire-and-ali-container > img {
        width: 60vw;
    }
   
}

@media (min-width: 768px) and (max-width:1023px) {
    .vivre-avec-image-title {
        margin-bottom: 20vh;
    }
    
    .page-3-container {
        background-image: url('../img/main-background-min.jpg');
        height: 280vh;
        background-attachment: fixed;
    }

    .vivre-avec-image-title {
        width: 90vw;
    }

    .text-card-img {
        margin-bottom: -5vh;
        margin-left: 30vw;
    }
    
    .text-card-1 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .text-card-2 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .page-3-subtitle {
        font-size: 4rem;   
        position: static;
        font-size: 4rem;
        -webkit-text-stroke: 0.5px #658D5A;
        
    }

    .text-card-3 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        /* margin-top: 15vh; */
        
    }

    .text-card-4 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .text-card-5 {
        margin-left: 2vw;
        width: 90vw;
        position: static;
        
    }

    .card-text-content {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        color:rgb(83, 109, 77);
        font-size: 1.2rem;
        background-color: #BDE067;
    }

    .claire-and-ali-container {
        flex-direction: row;
        
    }

    .text-card-img-claire {
        margin-bottom: -5vh;
        margin-left: 10vw;
    }

    .text-card-img-ali {
        margin-bottom: -5vh;
        margin-left: -12vw;
    }

    .claire-and-ali-container > img {
        
        width: 40vw;
    }
   
}

@media (min-width: 1023px) and (max-width:1439px) {
    .vivre-avec-image-title {
        margin-bottom: 20vh;
        width: 70vw;
    }
    
    .page-3-container {
        background-image: url('../img/main-background-min.jpg');
        height: 280vh;
        background-attachment: fixed;
    }

    .text-card-img {
        margin-bottom: -5vh;
        margin-left: 30vw;
    }
    
    .text-card-1 {
        margin-left: 5vw;
        width: 90vw;
        position: static;
        
    }

    .text-card-2 {
        margin-left: 5vw;
        width: 90vw;
        position: static;
        
    }

    .page-3-subtitle {
    
        position: static;
        font-size: 5rem;
        -webkit-text-stroke: 0.5px #658D5A;
        
    }

    .text-card-3 {
        margin-left: 5vw;
        width: 90vw;
        position: static;
        /* margin-top: 15vh; */
        
    }

    .text-card-4 {
        margin-left: 5vw;
        width: 90vw;
        position: static;
        
    }

    .text-card-5 {
        margin-left: 5vw;
        width: 90vw;
        position: static;
        
    }

    .card-text-content {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        color:rgb(83, 109, 77);
        font-size: 1.2rem;
        background-color: #BDE067;
    }

    .claire-and-ali-container {
        flex-direction: row;
    }


    .text-card-img-claire {
        margin-bottom: -5vh;
        margin-left: 20vw;
    }

    .text-card-img-ali {
        margin-bottom: -5vh;
        margin-left: -5vw;
    }

    .claire-and-ali-container > img {
        
        width: 30vw;
    }
   
}

@media (min-width: 1440px) and (max-width:1899px) {

    .text-card-img {
        width: 10vw;
        margin-bottom: -5vh;
        margin-left: 2vw;
    }

    .text-card-img-claire {
        width: 10vw;
        margin-bottom: -5vh;
        margin-left: -2vw;
    }

    .text-card-img-ali {
        width: 10vw;
        margin-bottom: -5vh;
        margin-left: -2vw;
    }
    
    .text-card-1 {
        width: 15vw;
        position: relative;
        top: 30vh;
        left: 29vw;
    }
    
    .subtitle {
        text-align: center;
        color:rgb(83, 109, 77);
        background-color: #E6F97D;
        border-radius: 20px;
        font-family: 'Bryndan', sans-serif;
        font-size: 1.4rem;
    }
    
    .card-text-content {
        font-family: 'Poppins', sans-serif;
        color:rgb(83, 109, 77);
        font-size: 0.8rem;
        text-align: justify;
    }
    
    .text-card-2 {
        width: 15vw;
        position: relative;
        top: 20vh;
        left: 5vw;
    }
    
    .page-3-subtitle {
        
        position: absolute;
        top: 67vh;
        left: 26vw;
        -webkit-text-stroke: 0.5px #658D5A;
    }
    
    .text-card-3 {
        width: 15vw;
        position: relative;
        top: -60vh;
        left: 78vw;
    }
    
    .claire-and-ali-container {
        display: flex;
    }

        
    .text-card-4 {
        width: 15vw;
        position: relative;
        top: -60vh;
        left: 62vw;
    }
    
    .text-card-5 {
        width: 15vw;
        position: relative;
        top: -100vh;
        left: 83vw;
    }

}
/* PAGE VIVRE AVEC - AVEC QUI ? */


/* PAGE NOTRE PROJET D'ACCOMPAGNEMENT */

.notre-projet-image-title-container {
    display: flex;
    justify-content: left;
}

.page-4-container {
    display: flex;
}

.page-4-text-part {
    width: 50vw;
    background-color: #BDE067;
    border-radius: 30px 30px 0px 30px;
}

h4 {
    text-align: center;
    color: white;
    font-family: 'Bryndan', sans-serif;
    font-size: 1.8rem;
    background-color: #6f913d;
    border-radius: 30px;
    margin: 0 10vw;
}

.page-4-text-part > p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    color: #536D4D;
    margin: 2vh 2vw;
    text-align: justify;
}

.page-4-images-part {
    margin: auto;
    width: 50vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page-4-gallery-img-1 {
    height: auto;
    width : 18vw;
    /* border-radius: 50px; */
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-left: 2vw;
    /* margin-right: 5vw; */
    /* flex-grow: 2; */
}

.page-4-gallery-img-2 {
    height: auto;
    width : 18vw;
    border-radius: 50px;
    /* object-fit: contain; */
    margin-left: 2vw;
    /* margin-right: 5vw; */
    /* flex-grow: 1; */
}

.page-4-gallery-img-3 {
    height: auto;
    width : 18vw;
    border-radius: 50px;
    /* object-fit: contain; */
    margin-left: 2vw;
    margin-top: 2vh;
    /* margin-right: 5vw; */
    /* flex-grow: 1; */
}

.page-4-gallery-img-4 {
    height: auto;
    width : 18vw;
    border-radius: 50px;
    /* object-fit: contain; */
    margin-top: 2vh;
    margin-left: 2vw;
    /* margin-right: 5vw; */
    /* flex-grow: 2; */
}

.page-4-gallery-banner {
    margin-top: 17vh;
    width: 100%;
}

@media (min-width: 350px) and (max-width:767px) {
    
    .notre-projet-image-title {
        width: 90vw;
    }

    .page-4-container {
        flex-direction: column;
    }

    .page-4-text-part {
        margin: auto;
        width: 90vw;
        text-align: center;
    }

    .page-4-images-part {
        width: 90vw;
        flex-direction: column;
    }

    .page-4-gallery-img-1 {
        height: auto;
        width: 90vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-2 {
        height: auto;
        width: 90vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-3 {
        height: auto;
        width: 90vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-4 {
        height: auto;
        width: 90vw;
        margin: 2vh 0;
    }

    .page-4-gallery-banner {
        margin-left: -10vw;
        margin-top: 5vh;
        height: 15vh;
        width: 105vw;
    }  
    
}

@media (min-width: 768px) and (max-width:1023px) {

    .page-4-container {
        flex-direction: column;
    }

    .page-4-text-part {
        margin: auto;
        width: 90vw;
        text-align: center;
    }

    .page-4-text-part > p {
        font-size: 1rem;
    }

    .page-4-images-part {
        margin: auto;
        width: 90vw;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        background-color: #BDE067;
        border-radius: 30px 30px 30px 30px;
    }
    
    .page-4-gallery-img-1 {
        height: auto;
        width: 40vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-2 {
        height: auto;
        width: 40vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-3 {
        height: auto;
        width: 40vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-4 {
        height: auto;
        width: 40vw;
        margin: 2vh 0;
    }

    .page-4-gallery-banner {
        margin-top: 5vh;
        width: 90vw;
    }  

}

@media (min-width: 1024px) and (max-width:1365px) {
    .page-4-text-part > p {
        font-size: 1rem;
    }

    .page-4-images-part {
        background-color: #BDE067;
        border-radius: 30px 30px 30px 30px;
        
    }

    .page-4-gallery-img-1 {
        height: auto;
        width: 25vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-2 {
        height: auto;
        width: 25vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-3 {
        height: auto;
        width: 25vw;
        margin: 2vh 0;
    }

    .page-4-gallery-img-4 {
        height: auto;
        width: 25vw;
        margin: 2vh 0;
    }

    .page-4-gallery-banner {
        margin-top: 42vh;
        width: 50vw;
    }  

}

@media (min-width: 1366px) and (max-width:1919px) {
    .page-4-gallery-banner {
        margin-top: 70vh;
        width: 90vw;
    }  
}
/* PAGE NOTRE PROJET D'ACCOMPAGNEMENT */



/* PAGE DOCUMENTS TELECHARGEABLES */

.green-background {
    background-color: #BDE067;
    border-radius: 100px;
    height: max-content;
    width: max-content;
}

.bubble-page-5-1 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 5vh;
    left: 33vw;
}

.bubble-page-5-2 {
    height: auto;
    width: 10vw;
    position: absolute;
    top: 7vh;
    left: 45vw;
}

.bubble-page-5-3 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 1vh;
    left: 55vw;
}

.bubble-page-5-4 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 9vh;
    left: 67vw;
}

.page-5-container {
    display: flex;
}

.page-5-title {
    margin-top: 0vh;
    text-align: center;
}

.big-logo-container {
    background-image: url('../img/main-background.png');
    background-size: cover;
    width: 50vw;
    border-radius: 100px;
    border: solid 20px #727F4A;
    margin-left: -10vw;
}

.big-logo-img-container {
    display: flex;
    justify-content: center;
}

.big-logo-img {
    margin-top: -18vh;
    margin-left: 15vw;
    height: auto;
    width: 35vw;
}

.links-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60vw;
    background-color: #BDE067;
}

.downloads-link {
    width: 60%;
    color: white;
    font-family: 'Bryndan', sans-serif;
    font-size: 2rem;
    text-decoration: none;
    background-color: #6f913d;
    border-radius: 30px;
    text-align: center;
    padding: 2vh 2vw;
    margin: 2vh 10vw;
}

.downloads-link:hover {
    color: #536D4D;
    background-color: #BDE067;
    border: 5px solid #536D4D;
}

.leaf-page-5-1 {
    height: auto;
    width: 10vw;
    position: absolute;
    top: 85vh;
    right: 3vw;
}

.leaf-page-5-2 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 50vh;
    left: -3.5vw;
}

@media (min-width: 350px) and (max-width:767px) {

    .green-background {
        height: 120vh;
    }
    
    .page-5-container {
        flex-direction: column;
    }

    .page-5-title {
        font-size: 2.8rem;
        -webkit-text-stroke: 0.5px #658D5A;
        text-align: center;
        margin-left: 3vw;
    }

    .big-logo-container {
        border: solid 20px #727F4A;
        width: 100vw;
        margin: auto;
    }

    .links-container {
        width: 100vw;
    }

    .big-logo-img {
        margin-top: -10vh;
        height: auto;
        width: 80vw;
    }

    

    .bubble-page-5-1 {
        width: 30vw;
        top: 6vh;
        left: 73vw;
    }

    .bubble-page-5-2 {
        width: 25vw;
        top: 21vh;
        left: 66vw;
    }

    .bubble-page-5-3 {
        width: 25vw;
        top: 70vh;
        left: 2vw;
    }

    .bubble-page-5-4 {
        width: 25vw;
        top: 103vh;
        left: 80vw;
    }

    .leaf-page-5-1 {
        width: 20vw;
        top: 87vh;
        right: 15vw;
    }

    .leaf-page-5-2 {
        width: 25vw;
        top: 38vh;
        right: 25vw;
    }

}

@media (min-width: 768px) and (max-width:1023px) {

    .green-background {
        height: 120vh;
    }
    
    .page-5-container {
        flex-direction: column;
    }

    .page-5-title {
        font-size: 3rem;
        -webkit-text-stroke: 0.5px #658D5A;
        text-align: center;
        margin-left: 3vw;
    }

    .big-logo-container {
        border: solid 20px #727F4A;
        width: 100vw;
        margin: auto;
    }

    .links-container {
        width: 100vw;
    }

    .big-logo-img {
        margin-top: -5vh;
        height: auto;
        width: 60vw;
    }

    

    .bubble-page-5-1 {
        width: 30vw;
        top: 6vh;
        left: 73vw;
    }

    .bubble-page-5-2 {
        width: 25vw;
        top: 21vh;
        left: 66vw;
    }

    .bubble-page-5-3 {
        width: 25vw;
        top: 70vh;
        left: 2vw;
    }

    .bubble-page-5-4 {
        width: 25vw;
        top: 103vh;
        left: 80vw;
    }

    .leaf-page-5-1 {
        width: 15vw;
        top: 71vh;
        right: 15vw;
    }

    .leaf-page-5-2 {
        width: 25vw;
        top: 38vh;
        right: 25vw;
    }

}

@media (min-width: 1024px) and (max-width:1365px) {
    .page-5-title {
        font-size: 3.2rem;
        -webkit-text-stroke: 0.5px #658D5A;
        text-align: center;
        margin-left: 3vw;
    }

    .big-logo-img {
        margin-top: -5vh;
        width: 45vw;
    }
}

@media (min-width: 1366px) and (max-width:1919px) {
    .page-5-title {
        font-size: 4.5rem;
        -webkit-text-stroke: 0.5px #658D5A;
        text-align: center;
        margin-left: 3vw;
    }

    .big-logo-img {
        margin-top: -10vh;
        width: 30vw;
    }

    .leaf-page-5-1 {
        top: 79vh;
    }
}



/* PAGE DOCUMENTS TELECHARGEABLES */



/* PAGE CONTACT */


.page-6-container {
    display: flex;
}

.page-6-title {
    text-align: center;
    -webkit-text-stroke: 0.5px #658D5A;
}

.text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60vw;
}

.contact-text {
    
    width: 70%;
    color: white;
    font-family: 'Bryndan', sans-serif;
    font-size: 2rem;
    text-decoration: none;
    background-color: #6f913d;
    border-radius: 30px;
    text-align: center;
    padding: 2vh 5vw;
    margin: 2vh 5vw;
    }

.page-6-icons {
    height: auto;
    width: 3vw;
}

.leaf-page-6-1 {
    height: auto;
    width: 10vw;
    position: absolute;
    top: 66vh;
    right: 2vw;
}

.leaf-page-6-2 {
    height: auto;
    width: 10vw;
    position: absolute;
    top: 2vh;
    right: 35vw;
    transform: scaleX(-1);
}

.leaf-page-6-3 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 50vh;
    left: -3.5vw;
}

.bubble-page-6-1 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 8vh;
    left: 33vw;
}

.bubble-page-6-2 {
    height: auto;
    width: 10vw;
    position: absolute;
    top: 72vh;
    left: 51vw;
}

.bubble-page-6-3 {
    height: auto;
    width: 20vw;
    position: absolute;
    top: 0vh;
    left: 87vw;
}

.bubble-page-6-4 {
    height: auto;
    width: 15vw;
    position: absolute;
    top: 55vh;
    left: 75vw;
}

@media (min-width: 350px) and (max-width:767px) {

    .green-background {
        height: 140vh;
    }

    .page-6-container {
        flex-direction: column;
        
    }

    .page-6-title {
        font-size: 3rem;
        -webkit-text-stroke: 0.5px #658D5A;
        text-align: center;
        margin-left: 3vw;
    }

    .page-6-icons {
        width: 10vw;
    }

    .big-logo-container {
        width: 90vw;
        margin: auto;
    }

    .text-container {
        width: 90vw;
        margin-left: 5vw;
    }

    .contact-text {
        font-size: 1.2rem;
        
    }

    .bubble-page-6-1 {
        width: 35vw;
        top: 10vh;
        left: 71vw;
    }

    .bubble-page-6-2 {
        width: 25vw;
        top: 60vh;
        left: 75vw;
    }

    .bubble-page-6-3 {
        width: 30vw;
        top: 107vh;
        left: -2vw;
    }

    .bubble-page-6-4 {
        width: 25vw;
        top: 18vh;
        left: 68vw;
    }

    .leaf-page-6-1 {
        width: 30vw;
        top: 92vh;
        right: 14vw;
    }

    .leaf-page-6-2 {
        width: 25vw;
        top: 1vh;
        right: 1vw;
    }

    .leaf-page-6-3 {
        width: 27vw;
        top: 34vh;
        left: -0.5vw;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    
    .green-background {
        height: 135vh;
    }

    .page-6-title {
        font-size: 4rem;
        -webkit-text-stroke: 0.5px #658D5A;
        text-align: center;
        margin-left: 3vw;
    }

    .page-6-icons {
        width: 5vw;
    }

    .page-6-container {
        flex-direction: column;
        
    }

    .big-logo-container {
        width: 95vw;
        margin: auto;
    }

    .text-container {
        width: 90vw;
        margin-left: 5vw;
    }

    .contact-text {
        font-size: 2rem;
        
    }

    .bubble-page-6-1 {
        width: 20vw;
        top: 16vh;
        left: 59vw;
    }

    .bubble-page-6-2 {
        width: 25vw;
        top: 60vh;
        left: 75vw;
    }

    .bubble-page-6-3 {
        width: 30vw;
        top: 107vh;
        left: -2vw;
    }

    .bubble-page-6-4 {
        width: 25vw;
        top: 18vh;
        left: 68vw;
    }

    .leaf-page-6-1 {
        width: 20vw;
        top: 85vh;
        right: 14vw;
    }

    .leaf-page-6-2 {
        width: 25vw;
        top: 1vh;
        right: 1vw;
    }

    .leaf-page-6-3 {
        width: 27vw;
        top: 34vh;
        left: -0.5vw;
    }
}
 
@media (min-width: 1024px) and (max-width:1365px) {
    
    .page-6-title {
        -webkit-text-stroke: 0.5px #658D5A;
    }

    .text-container {
        width: 55vw;
        
    }

    .bubble-page-6-3 {
        width: 15vw;
        top: 5vh;
        left: 87vw;
    }

    .leaf-page-6-1 {
        width: 10vw;
        top: 54vh;
        right: 2vw;
    }
}
 
@media (min-width: 1366px) and (max-width:1919px) {
    
    .page-6-title {
        -webkit-text-stroke: 0.5px #658D5A;
    }

    .text-container {
        width: 55vw;
        
    }

    .bubble-page-6-3 {
        width: 15vw;
        top: 9vh;
        left: 83vw;
    }

    .leaf-page-6-1 {
        width: 10vw;
        top: 50vh;
        right: 5vw;
    }
    
}


/* PAGE CONTACT */

/* PAGE MENTIONS LEGALES */

.legal-notice-article {
  
    background-color: #BDE067;
    width: 100vw;
    /* margin: 0 10vw; */
  }
  
  .legal-notice-article > p {
    text-align: justify;
    padding: 0 20%;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    color: #536D4D;
  }

  .legals-title {
    margin: 0 38vw;
  }
  
  h5 {
    text-align: center;
    font-size: 1rem;
  }
  
  .legal-notice-article > ul {
    width: 60vw;
    margin: auto;
    padding: 0 5%;
    border: 2px solid black;
  }

  .legal-notice-my-logo {
    display: flex;
    justify-content: center;
  }

  .legal-notice-my-logo > img {
    height: auto;
    width: 30%;
    border-radius: 10px;
  }

  .legal-notice-p-centered {
    text-align: center;
  }

  .legal-notice-ovh-logo {
    display: flex;
    justify-content: center;
  }
  
  @media (min-width: 350px) and (max-width: 1000px) {
    .legal-notice-article > p {
      padding: 0 5%;
    }

    .legals-title {
        margin: 0 5vw;
    }

    .legal-notice-my-logo > img {
        width: 50%;
        }
  }

/* PAGE MENTIONS LEGALES */