/* 
    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); }

.blocBlogPress h2 { color: var(--color-secondary); margin-top: 5vh; }