.zonecover { position: absolute; }
h1 { width: 700px !important; max-width: 94vw; }
h1, h2 { color: var(--color-secondary); display: flex; flex-direction: column;  }
h1 b { color: white; width: 100%; }
#intro { padding: 0 5vw; color: var(--color-txt-bis); }
#intro .logoIntro { padding-bottom: 25px; z-index: 9; margin-top: 4vh; }
#intro .texte1 { max-width: 700px; padding: 5vh 0; }

h1, h2, #m7bloc50 p > b:first-child, #intro .texte1 { text-transform: uppercase; letter-spacing: 1px; }
.imgIntro { height: 100vh; width: auto; max-width: 100%; }

@media (min-width: 1431px) {
    #intro > div > div:nth-child(2) {
        width: 100%; margin-top: 10vh; justify-content: start; flex-direction: column; z-index: 99; 
    }
}

.blocDuoCTAV1El.title1, .blocDuoCTAV1El.titleS2 {
    width: 100%;
    margin: auto; margin-bottom: 25px;
}
.imgS1, .imgS2 { height: auto; width: 80%; min-width: 80%; max-width: 80%; }

#m7bloc40 > div:first-child, #m7bloc70 > div:first-child { width: 100%; justify-content: center; }
#m7bloc40 > div:first-child { width: 1000px; max-width: 80vw; }
#m7bloc40 > div:last-child, #m7bloc70 > div:last-child { display: none; }
.m7BlocITA > div { padding: 10vh 10vw; }
#containerBubble, .m7BlocITA > div:nth-child(odd) { background: var(--background-chro); color: var(--colortxt-chro); }
#containerBubble h2 b, #containerBubble h3 { width: 600px; max-width: 90vw; min-width: auto; }
#containerBubble h2 b { color: black;  margin: auto; margin-bottom: 50px; }
#containerBubble h3 { padding-bottom: 5vh; }
#containerBubble h3 { font-weight: normal; }

.m7BlocITA > div:nth-child(1), .m7BlocITA > div:nth-child(2), .m7BlocITA > div:nth-child(3){ flex-direction: row-reverse; justify-content: space-evenly; }
#m7bloc20, #m7bloc30, #m7bloc60, #m7bloc70 { background: var(--color-primary); color: var(--color-txt-bis); }
.m7BlocITA > div > div { align-items: flex-start; }

#m7bloc10, #m7bloc40, #m7bloc50 { text-align: center; justify-content: center; }
#m7bloc10, #m7bloc50 { background: var(--color-back-bis); color: var(--color-txt-bis); }
#m7bloc50 { padding-bottom: 0; }
#m7bloc10 h2 { color: var(--color-primary); }
#m7bloc50 h2 { color: white; }
#m7bloc40 h2 { width: 100%; }
#m7bloc40 h2 b { color: black; }
#m7bloc40 p, #m7bloc60 p { width: 700px; max-width: 90vw; }
#m7bloc10 a, #m7bloc50 a { margin: 25px auto; }
#m7bloc50 p { display: flex; flex-flow: row wrap; }
#m7bloc50 p > b:first-child { font-family: var(--font-subtitle2); color: black; text-transform: uppercase; font-size: var(--txt-size-subtitle); }


.blocDuoCTAV1El.a { background-color: var(--color-button); color: var(--color-a); margin-top: 25px; border-width: 1px;  cursor: pointer; justify-content: center;    padding-bottom: calc(0.5em - 1px);    padding-left: 1em;    padding-right: 1em;    padding-top: calc(0.5em - 1px);    text-align: center;    white-space: nowrap; -webkit-appearance: none;    align-items: center;    border: 1px solid transparent;    border-radius: 15px;    box-shadow: none;    display: inline-flex; line-height: 1.5; vertical-align: top; }
.blocDuoCTAV1El.a:hover { 
    background-color: var(--color-button-before);
    color: var(--color-a-hover);
}


/*.texte2, .texteS22 { display: none; }*/
@media (min-width: 1431px) {
    .m7BlocITA > div:nth-child(even) > div:nth-child(2) { justify-content: center; }
}
@media (max-width: 1430px) {
    #containerBubble h4 { font-size: 70%; }
    
}
@media (max-width: 930px) {
    #intro .title1  { font-size: 60px; }
    .bubblegallery a.bubble-ap2 { max-width: 25%; margin: 3vh 0;  }
    .imgS1, .imgS2 { margin: 5vh auto; }
    .m7BlocITA > div { padding: 5vh 15px 5vh 0; }
}