/* 
    Created on : 18 févr. 2025, 14:56:00
    Author     : Florent Houx
*/

h1, h2, #sectionIntro h3, .building > div > h3, .blocDIVC h2, .blocDIVC h3, .blocDuoCTAV1  h2, .blocDuoCTAV1  h3 { text-transform: uppercase; letter-spacing: 0.4px; }

#sectionIntro .titleS2, #sectionDetails div h2:first-child, .blocDIVC .title, #building4colN3 h2 { color: var(--color-secondary); }
.blocTxt .titleS3, #building4colN3 > div > div > h3 { width: 750px; max-width: 90vw; margin-bottom: 20px; }

.blocIntroVideo { background: var(--color-primary); }
#introVideo { width: 750px; height: 400px; }

.buildingH, .boxbuilding > div, .buildingTXT, #building4colN3 > div > div > h3 { text-align: center; }
.buildingPIC img, .boxbuilding > div { border-radius: 15px; }
.containerbuilding  { background: var(--color-primary2); color: white; } 
.boxbuilding { align-items: stretch; }
.boxbuilding > div { margin: 5px 15px !important; color: black; background: white; width: 275px;  }
.buildingH {  order: 0; }  .buildingPIC { order: 1; }  .buildingTXT { order: 2; }
#building4colN3 h2 { padding-bottom: 10px; } 

#sectionDetails { text-align: center; }
#sectionDetails .w50 { justify-content: center; }
#sectionDetails div > h2:nth-child(2), #sectionDetails div h3 { padding-bottom: 25px; font-family: var(--font-title); font-weight: normal; }
#sectionDetails .blocDIVC .title2, #sectionDetails .blocDIVC .subtitleS2 { font-family: var(--font-txt); }
p.blocDuoCTAV1El, p.blocDuoCTAV1InverseEl, .blocDIVC p, .blocDIVC .subtitle { padding: 0 10%; }

.blocDuoCTAV1 > div, .blocDuoCTAV1Inverse > div.w100 { width: 50%; padding: 5vh 0; min-width: 320px; }
.blocDuoCTAV1 .title1, .blocDuoCTAV1 .title2, .blocDuoCTAV1 .titleS2 { width: 100%; text-align: center; padding: 0; margin: 0; }
.blocDuoCTAV1 > div:first-child > div:first-child, .blocDuoCTAV1Inverse > div:first-child > div:last-child { display: none; }

.blocDIVC > div:last-child img { width: 250px; padding: 10vh 0 5vh 0; }
.blocDIVC { background: #efefef; padding: 5vh 4vw; }

.blocDuoCTAV1Inverse p { display: flex; justify-content: center; flex-direction: column;  }
.blocDuoCTAV1Inverse  p > b { width: 100%; margin-top: 20px; }
.blocDuoCTAV1Inverse > div:first-child { background: var(--color-primary); color: white; }
.blocDuoCTAV1Inverse .title2 { font-family: var(--font-txt); }


/* INTRO COVER FULL CENTER */
.zonecover .imgIntro { position: absolute; top: 0; height: auto; width: 100vw; max-width: 100vw; }
.introTitles {     align-items: center; padding: 20vh 5vw 10vh 5vw;  flex-flow: column; }
h1, .introTitles h2, .introTitles p { width: 900px; max-width: 85vw; text-align: center; margin: 0; }
h1 { color: #fff; text-shadow: 0 0 10px #000; }
.introTitles h2 { color: var(--color-4); text-shadow: 0 0 5px var(--color-primary); }
.zonecover a { color: #fff; }

/* SPECIFIQUE ORDER */
.introTxt, .intro3Cards { background: #fff; z-index: 1; width: 100%; max-width: 100vw; }
.introTxt { order: 1; }
.intro3Cards { order: 2; }

.introTxt h2, .introTxt h3 { color: var(--color-4); }
.introTxt h2 { margin-top: 5vh; }

.intro3Cards > div { min-width: 300px; margin: 2px 1vw; padding-top: 0; overflow: hidden; }
.subtitleC { min-height: 80px; font-size: var(--txt-size-subtitle); }
.subtitleC, .intro3Cards .texte1 { padding: 15px; }
.intro3Cards > div img { width: 100%; }
.intro3Cards > div:first-child { background: #d0f54d; }
.intro3Cards > div:nth-child(2) { background: var(--color-title-video); }
.intro3Cards > div:nth-child(3) { background: var(--color-primary); }

.blocDuoBannerTextImage { background: url(../../ged/img/fondViolet.png);  background-size: cover; padding: 0; background-repeat: no-repeat;  }
.blocDuoBannerTextImage, .blocDuoBannerTextImage .button { color: #fff; }
.blocDuoBannerTextImage .dbtititle1 { font-size: 110%; }
.blocDuoBannerTextImage .dbtititle2:first-of-type { font-size: 200%; font-family: var(--font-subtitle2);  text-align: center;  }
.blocDuoBannerTextImage > div:first-child { padding: 5vh 2vw; align-items: center; min-width: 60%; }
.blocDuoBannerTextImage > div:first-child p, .blocDuoBannerTextImage > div:first-child h3:last-of-type { width: 450px;  max-width: 70vw;  margin: auto; }
.blocDuoBannerTextImage > div:first-child .frame { align-items: center; }   
.blocDuoBannerTextImage > div:last-child { width: 36%; }
.blocDuoBannerTextImage > div:last-child .frame { display: none; }

.blocTxt { background-image: url(../../ged/img/accueil/arbreMots.png), linear-gradient(to right, #e4e0df, #e4e0df);   background-repeat: no-repeat;   background-size: contain; }
.blocTxt h3:first-of-type { color: var(--color-4); }

#containerBubble { background: url(../../ged/img/accueil/fondVert.png);  background-size: cover; background-repeat: no-repeat; }
.bubblegallery .myphoto img { max-width: 70%; }
.bubblegallery a { width: 320px; background: #fff; border-radius: 25px; padding: 20px 15px; min-height: 700px;}
.bubblegallery h4 { font-family: var(--font-subtitle2); }
@keyframes upWidth {    from {      max-width: 70%;    }    to {      max-width: 75%;    }  }

.blocTemoignages { background: url(../../ged/img/accueil/motsViolets.png);  background-size: cover; background-repeat: no-repeat;  }
.blocTemoignages h2, .blocTemoignages h3 { color: var(--color-4); }

.blocBlogPress { background: url(../../ged/img/fondJaune.png);  background-size: cover; background-repeat: no-repeat;  }

.blocNewsletter { background: var(--color-back-bis); }
.blocNewsletter h3 { padding-bottom: 3vh; }
.emailnewsletter {margin-top: 20px; }

@media (max-width: 1480px) {
    .subtitleC { min-height: 120px;} .intro3Cards .texte1 { min-height: 135px; }
    .blocDuoBannerTextImage > div, .blocDuoBannerTextImage .poster, .blocDuoBannerTextImage img { display: flex; flex: 1 1 auto; }
    .blocTxt { background-image: linear-gradient(to right, rgba(255,255,255,0.8), #e4e0df), url(../../ged/img/accueil/arbreMots.png), linear-gradient(to right, #e4e0df, #e4e0df); }
}
@media (max-width: 1150px) {
    .zonecover .imgIntro { max-width: none; }
}
@media (max-width: 930px) {
    
    p { padding-left: 3vw; padding-right: 3vw; }
}