/*
 Theme Name:   facade sur la vie child
 Description:  Theme iwego
 Author:       Iwego
 Template:     iwego
 Version:      1.0.2
*/




@media (max-width: 768px) {
  h1, h2 {text-align: center;}
}



h1, h2, h3, h4 {line-height: normal; }
h1, h2 { text-shadow:0px 1px var(--couleur-cta);}
h3 { text-shadow:0px 1px var(--couleur-texte);}
p{text-align: justify;}
.texte-blanc * {color: #fff;}
.texte-blanc ul li::marker {color: #fff;}
.btn-cta, .wp-block-button .wp-block-button__link {text-transform: uppercase; font-size: 1.3rem; font-weight: 500; border: 1px solid var(--couleur-cta);  background-color: var(--couleur-cta); margin-bottom: 1rem;}
.btn-cta:hover,  .wp-block-button .wp-block-button__link:hover {box-shadow: inset 40em 0 0 0 #fff !important; color: var(--couleur-texte) !important; border: 1px solid var(--couleur-cta);}

.btn-cta.btn-cta-blanc {background-color: #fff; color: var(--couleur-cta); margin-top: 0;}
a.slick-prev, a.slick-next {z-index: 1; opacity: .3;}
a.slick-prev i, a.slick-next i {color: var(--couleur-principale) !important;}
a.slick-prev:hover, a.slick-next:hover {opacity: 1;}

ul li {margin: 5px 0;}
ul li::marker {color: var(--couleur-cta);}
.margintop3{ margin-top: 3rem; }

#main-content {padding-bottom: 0;}
strong a {font-weight: 800;}

.blocorange { background-color: var(--couleur-cta); }
.blocorange h2, .blocorange h3, .blocorange p {color: white;}
.accueil-btn-guttenberg-video {margin: 2rem auto 0 !important;}
.pcenter p {text-align: center;}
.blocorange .btn-cta, .blocorange .wp-block-button .wp-block-button__link {background-color: white; color: var(--couleur-principale);}
.blocorange .btn-cta:hover, .blocorange .wp-block-button:hover .wp-block-button__link  { box-shadow: inset 40em 0 0 0 var(--couleur-texte) !important; border: 1px solid var(--couleur-texte); color: white !important;}
.fullwidth, .fullwidth iframe {width: 100%;}
.padding15{ padding: 1.5rem 10rem 0 10rem; }
.padding20{ padding: 5rem 0rem; }
.paddinglast{ padding-bottom: 5rem; }
.maxwidth600 { max-width:600px; margin-left: auto; margin-right: auto; }
.fullheight, .fullheight .wp-block-embed__wrapper, .fullheight iframe { height: 100%; }
.max-width800 {max-width: 800px !important; margin-left: auto; margin-right: auto;}
.min-height400, .min-height400 .wp-block-embed__wrapper, .min-height400 iframe {min-height: 400px !important;}
.bloc-image-contain{max-height: 100% !important;}
.equipe-name{color:var(--couleur-cta) !important;text-shadow:0px 1px var(--couleur-cta);}
.equipe-fonction {font-size: 1.3rem !important;}
.section-equipe h1{width: 100%; text-align: center;}

.h1-margin {margin-bottom: 5rem; padding: 0 2rem;}
.backgroundcoeur:before { background-image: url('/wp-content/uploads/sites/86/2024/10/logo-coeur.svg'); background-size: contain; display: inline-block; width: 800px; height: 1000px; content: ""; position: absolute; top: -40px; left: -700px; background-repeat: no-repeat;}
.backgroundcoeur{position: relative;}

.montantstrong strong a {font-size: 2rem;}

@media (min-width: 768px) {
  .section-equipe .equipe-item { width: calc(33% - 40px) !important; }
  h1, h2 {text-shadow:0px 2px var(--couleur-cta);}
  h3 {text-shadow:0px 1px var(--couleur-texte);}
  .postionsticky{position: sticky; top: 160px;padding: 4rem;}
}


@media (min-width: 1000px) {
  .h1-margin {margin-top: 4.5rem; margin-bottom: 5rem;}
  .backgroundlogo:before { background-image: url('/wp-content/uploads/sites/86/2024/10/logo-maison-background.svg'); background-size: contain; display: inline-block; content: ""; position: absolute; background-repeat: no-repeat; width: 800px; height: 1000px; top: -40px; left: -300px;}
  .accueil-btn-guttenberg-video {margin: 2rem 0 0 3rem !important;}

}

.slider-arrondi img{border-radius:var(--border-radius);}
.container-bloc-texte-image.slider-arrondi img{border-radius:var(--border-radius);padding:0px !important;}

.margin-bottom-text{margin-bottom:4rem;}


.tarteaucitronAlertBigTop::after {
    content: '';
    background: url(/wp-content/uploads/sites/86/2024/11/cookie-iwego.png);
    height: 70px;
    width: 100px;
    position: absolute;
    right: 1.1em !important;
    margin: 0 auto !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.helloasso a {font-size: 1.2em !important; border-radius: 8px;}

/***********HEADER***********/
.topbar-menu {display: none;}
.topbar-menu>div {background-color: var(--couleur-fond-light); border-radius: 1.5rem; padding: 1.5rem 3rem !important; margin-top: 1.5rem; column-gap: 3rem;}
#headermenu { z-index: 1000;position: sticky;}
#headermenu.sticky {box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; }
#headermenu.sticky .main-menu>li.menu-item>a {font-size: 1.3rem !important;}
.topbar-menu p, .topbar-menu a {margin: 0; font-size: 1.4rem;}
.topbar-tel {margin-right: auto;}
.topbar-tel a {font-weight: 700; color: var(--couleur-principale);}
#call-back-trigger {align-items: center;}
#call-back-trigger i, .topbar-contact i {color: var(--couleur-principale); margin-right: 5px;}
#call-back-trigger i {font-size: 1.2rem;}
.topbar-contact i {font-size: 1.4rem;}
.main-menu>li.menu-item>a {text-transform: uppercase; padding: 2rem 1.5rem !important;color: #707070;}
.main-menu>li.menu-item>a:hover {color: var(--couleur-principale);}
.main-menu>li.current_page_item>a {color: var(--couleur-principale);}
.main-menu>li.menu-item.no-link>a {cursor: default; pointer-events: none;}

.main-menu>li.current-menu-ancestor>a {font-weight: 700; color: var(--couleur-principale);}
.main-menu .current-menu-item a {font-weight: 600;}

.breadcrumb {text-transform: uppercase; font-weight: 300; color: var(--couleur-principale); }
.breadcrumb .breadcrumb_last {color: #707070; font-weight: 300 !important; text-decoration: underline;}
.breadcrumb a {color: #707070;}

header ul li {margin: 0;}

header .sub-menu {box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; padding: 2rem 3rem; margin: 0; border-radius: 1.5rem; background-color: #fff;}
header .sub-menu::before { content: ''; position: absolute; top: -12px; width: 0px; height: 0px; border-style: solid; border-width: 0 11.5px 13px 11.5px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); filter: drop-shadow(0 -2px 1px rgba(0,0,0,.08));}

header .sub-menu li {border-bottom: 1px solid #F0EFEF;}
header .sub-menu a {padding: 1.5rem 0 !important; font-weight: 300; letter-spacing: .05rem; width: 100%; display: flex; column-gap: 2.5rem;}
header .sub-menu a:hover {color: var(--couleur-principale);}

#menu-menu-principal ul.sub-menu a::after { content: ''; width: 25px; min-width: 25px; height: 25px;  background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block;  vertical-align: middle; background-size: contain; margin-left: auto;}
#menu-menu-principal ul.sub-menu a:hover::after { background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}

#menu-principal .main-menu { justify-content: center; }
#headermenu:not(.sticky) .header-menu {display: inherit !important; text-align: center; }
/*#headermenu:not(.sticky) .main-menu {margin-top: 3rem; }*/

.header-logotop {max-height: 6.5rem; max-width: 18rem; }
header:not(.sticky) .logo-header {display: none;}
.footer-mobile-menu .footer-mobile-logo a {height: 5rem;}

@media (min-width: 1000px) {
  .header-logotop {max-height: 18rem; max-width: 28rem; }
}




/***********FOOTER***********/
footer {padding-top: 3rem;}
.footer-desktop .footer-logo img {margin: auto; max-height: 12rem; max-width: 17rem;}
.footer-logo p {font-size: 1.2rem; font-weight: 300; text-align: center;}
footer ul {margin-left: 0;}
footer .footer-col .menu>li>a {color: var(--couleur-principale); font-weight: 600;}
footer .footer-col .menu a {font-size: 1.2rem; text-transform: uppercase; }
footer .sub-menu a {font-weight: 300;}
footer .footer-secondaire {width: 100%; border-top: 1px solid var(--couleur-texte); border-bottom: 1px solid var(--couleur-texte); padding: 1.5rem 0; align-items: center; justify-content: center; column-gap: 8rem; margin-top: 2rem;}
footer .palmares-vertikal-txt p {font-size: 1.2rem; font-weight: 300;}
footer .footer-copyright li a {text-transform: uppercase; font-size: 1.1rem;}
.footer-copyright ul {flex-wrap: wrap;}
footer .footer-arbo {width: 100%;}
footer .footer-mobile-bottom {border: 2px solid #fff;}
.footer-mobile.active {right: 0;}
.footer-mobile {background-color: var(--couleur-background);}
.footer-mobile .menu .sub-menu.open {background-color: var(--couleur-fond-light);}

.footer-desktop {justify-content: center;}


.footer-logo p { text-align: center !important; }
.footer-desktop .footer-logo { width: 100% !important; margin-bottom: 0; }

@media (min-width: 1000px) {
  .footer-desktop .footer-logo img { max-width: 30rem; max-height: 15rem; }
  footer {padding-top: 6rem;}
}



/**********ACCUEIL***********/

.container-bloc-slider .slide-content .btn-cta {color: #fff;}
.container-bloc-slider .slick-slide .image-slide:before {background: rgba(34, 34, 34, .45) !important;}
.bloc-img-k .background-image-texte-image {background-size: contain; background-repeat: no-repeat;}

.section-video-produits .video-produits-intro, .section-video-produits h2 {max-width: 80rem; margin-left: auto; margin-right: auto;}
.section-video-produits .wp-block-columns {margin-top: 3rem;}
.section-video-produits .video-produits-col p {max-width: 25rem; margin-left: auto; margin-right: auto; font-weight: 500;}


.container-bloc-texte.section-cta {background-size: 25rem; background-repeat: no-repeat; background-position: left 6rem center; padding: 0;}
.container-bloc-texte.section-cta .bloc-texte-contenu {padding: 2rem;}
.container-bloc-texte.section-cta .btn-cta {margin-top: 0 !important;}
.texte-blanc .btn-cta {background-color: var(--couleur-cta-texte); color: var(--couleur-cta); border-color: var(--couleur-cta-texte);}
.texte-blanc .btn-cta:hover {box-shadow: inset 40em 0 0 0 var(--couleur-texte) !important; color: #fff !important;}

.section-avantages {row-gap: 2rem;}
.section-avantages .wp-block-columns {width: 100%;}
.section-avantages .avantages-col img {max-height: 5rem; max-width: 7rem;}
.section-avantages .avantages-col p {margin-left: auto; margin-right: auto; margin-top: 2rem; font-size: 1.4rem;}


.section-territoires-vertikal.container-bloc-texte-image .btn-cta {margin-top: 1rem;}
.section-territoires-vertikal.container-bloc-texte-image .legende-image {padding: 0 1.5rem;}
.section-territoires-vertikal.container-bloc-texte-image .legende-image p {font-size: 1.4rem;}
.section-territoires-vertikal.container-bloc-texte-image .bloc-right {padding-top: 2rem; padding-bottom: 2rem;}

.titre-row h1, .titre-col h1 {margin-bottom: 0; text-transform: uppercase; font-weight: 800;}
.titre-col h1 {text-align: center;}
.titre-row h2 {font-size: 2.2rem;}

.container-bloc-slider h1, .container-bloc-slider h2 {margin-bottom: 6px;}

.accueil-bloc-soutien {padding: 0 0 3rem; border-radius: var(--border-radius); overflow: hidden;}
.accueil-bloc-soutien h2 {text-align: center; margin-top: 2rem !important; width: 100%;}
.accueil-bloc-soutien h2, .accueil-bloc-soutien p {padding: 0 2rem;}
.section-accueil-video {background-color: #fff;}
.section-accueil-video .accueil-video-right {padding-bottom: 2rem;}
.section-accueil-video .accueil-video-right .accueil-video-btn {margin-top: 3rem;}
.section-accueil-video .bloc-accueil-video {padding-top: 3rem;}

.section-accueil-actions h2 {margin-bottom: 0rem;}

.section-accueil-intro {padding: 0 2rem;}
.section-accueil-intro .accueil-intro-right {display: none;}
.section-accueil-intro .accueil-intro-right img {height: 20rem; width: auto; margin: auto;}


.compteur-item .compteur-nombres, .compteur-item .unite-nombres {font-size: 3rem;}

@media (min-width: 768px) {
  .container-bloc-texte.section-cta {padding: 4rem;}
  .accueil-bloc-soutien h2, .accueil-bloc-soutien p {padding: 0 3rem;}
  .accueil-bloc-soutien h2 { text-align: left;}
  .section-accueil-video .bloc-accueil-video {column-gap: 6rem; padding-top: 0;}
  .section-accueil-video .accueil-video-right {padding-top: 3rem; padding-bottom: 3rem;  padding-right: 2rem;}
  .section-accueil-intro .accueil-intro-right {display: block;}
  .section-accueil-intro .accueil-intro-right img {height: auto; margin: 0;}
  .section-accueil-video .accueil-video-right .accueil-video-btn {margin-top: 4rem;}
  .compteur-item .compteur-nombres, .compteur-item .unite-nombres {font-size: 5rem;}

  }


@media (min-width: 1200px) {
  .container-bloc-texte.section-cta {padding: 5rem 6rem; max-width: 90rem;}
  .section-accueil-actions h2 {margin-bottom: 0rem;}
  .section-accueil-intro {padding: 0;}
  .section-accueil-video .accueil-video-right {padding-right: 0;}
}

@media (min-width: 1400px) {
.section-accueil-video .bloc-accueil-video {column-gap: 10rem;}
}


/**********MODELE ECONOMIQUE***********/
.container-bloc-texte-image.img-absolute {overflow: visible !important;}
.container-bloc-texte-image.img-absolute .bloc-right:not(.bloc-text), .container-bloc-texte-image.img-absolute .bloc-left:not(.bloc-text) {position: relative; overflow: visible;}
.container-bloc-texte-image.img-absolute .bloc-left.bloc-text {padding: 0 1rem 2rem;}


.container-bloc-texte.section-droit-entree .bloc-texte-base, .container-bloc-texte.section-droit-entree .bloc-texte-additionnel {min-width: auto; flex: none;}
.container-bloc-texte.section-droit-entree .bloc-texte-additionnel {width: 100%;; border-top: 1px solid #E5E3E3; padding-top: 1rem; padding-bottom: 2.5rem;}
.container-bloc-texte.section-droit-entree .bloc-texte-base {width: 100%;}
.container-bloc-texte.section-droit-entree .bloc-texte-base p {font-size: 2.2rem;}
.container-bloc-texte.section-droit-entree .bloc-texte-base p span {font-size: 2.5rem; font-weight: 800;}
.container-bloc-texte.section-droit-entree {padding: 0;}

.section-avantages-applicateur .avantages-applicateur-col {border-radius: var(--border-radius); padding: 2rem 3rem;}
.section-avantages-applicateur .avantages-applicateur-col h3 {font-size: 2rem; font-weight: 600;}
.section-avantages-applicateur .avantages-applicateur-col p {font-size: 1.4rem; font-weight: 300;}
.section-avantages-applicateur .avantages-applicateur-plus {font-weight: 700; color: #fff; font-size: 4rem; margin-left: auto; margin-right: auto; background-color: var(--couleur-principale); border-radius: 50%; width: 5rem; height: 5rem; justify-content: center; align-items: center;}
.section-avantages-applicateur .container-bloc-texte-image h3 {margin-top: 0; color: var(--couleur-principale);}
.section-avantages-applicateur .container-bloc-texte-image p strong {font-weight: 600;}
.container-bloc-texte-image.img-absolute .bloc-left img {padding-bottom: 0;}


/**********DIVERS PAGES***********/

.titre-col.container-bloc-texte, .titre-row.container-bloc-texte {padding-top: 0;}
.titre-row.container-bloc-texte {padding-bottom: 0;}
.titre-col.container-bloc-texte .bloc-texte-additionnel p {font-weight: 300;}


.section-concept-global p, .section-concept-global li {font-weight: 300;}
.section-concept-global .concept-global-top {border-radius: var(--border-radius) var(--border-radius) 0 0;}
.section-concept-global .concept-global-bottom {border-radius: 0 0 var(--border-radius) var(--border-radius);}
.section-concept-global .container-bloc-texte {padding: 0;}
.section-concept-global .concept-global-top .bloc-texte-contenu {padding-bottom: 2rem; border-bottom: 2px solid #F2F2F2;}
.section-concept-global .concept-global-bottom .bloc-texte-contenu {padding-top: 2rem;}
.section-concept-global .container-bloc-texte .bloc-texte-contenu {column-gap: 0; padding: 0;}
.section-concept-global .container-bloc-texte .bloc-texte-base {padding: 2rem; border-bottom: 2px solid #F2F2F2;}
.section-concept-global .container-bloc-texte .bloc-texte-additionnel {padding: 2rem;}
.section-concept-global .concept-global-conclu {font-size: 1.5rem; margin-top: 3rem;}

.section-concept-global.section-valeurs-vertikal .concept-global-bottom {border-top: 2px solid #F2F2F2;}
.section-concept-global.section-valeurs-vertikal h2 {margin-bottom: 3rem;}

.section-faq.container-bloc-accordeon {margin-bottom: 5rem;}


.section-compteur.container-bloc-compteurs {background-image: url(https://reseau-vertikal.vertikal.fr/wp-content/uploads/sites/84/2024/08/k-alpha.png); background-repeat: no-repeat; background-size: contain;}
.section-compteur.container-bloc-compteurs.nombres-noirs .compteur-nombre, .section-compteur.container-bloc-compteurs.nombres-noirs .unite-nombre {color: #000;}
.container-bloc-compteurs .compteur-intitule {font-size: 1.6rem; font-weight: 300;text-align:center;}
.container-bloc-compteurs .bloc-compteur-intro p {font-size: 1.4rem;}

.section-temoignages-reconversion .container-bloc-texte .bloc-texte-contenu {padding: 0;}


.section-nos-produits.container-bloc-texte-image {margin-top: 4rem;}
.section-nos-produits.container-bloc-texte-image h1 {text-transform: uppercase; margin-top: 0;}
.section-nos-produits.container-bloc-texte-image p {font-weight: 300;}

.container-bloc-texte.section-histoire-vertikal h3 {font-size: 1.8rem;}
.bloc-chrono-complement h3 {font-size: 1.8rem; font-weight: 500;}

.container-bloc-texte.fond-k-size {background-repeat: no-repeat;}


.section-parrain-video iframe {width: 100%; aspect-ratio: 16 / 9; height: 100%; border-radius: var(--border-radius);}


.section-equipe.bureau .equipe-fonction {font-weight: 800;}
.section-equipe.bureau .equipe-fonction span {font-weight: 400;}
.section-equipe.bureau .equipe-item:nth-child(3) {
    break-after: always;
}



.section-equipe.section-personnalites .equipe-item {width: calc(50% - 1rem) !important;}

.section-evenements-video iframe {width: 100%; aspect-ratio: 16 / 9; height: 100%; border-radius: var(--border-radius); margin-bottom: 2rem;}

.section-remerciements {margin-top: 5rem;}
.section-remerciements .remerciements-large {font-size: 1.8rem;}
/*.section-remerciements {background-color: var(--couleur-cta); padding: 5rem; border-radius: var(--border-radius); }*/
.bloc-formulaire-contact {margin-top: 7rem;}

@media (min-width: 768px) {
.section-equipe.bureau {max-width: 60rem;}
.section-evenements-video p {max-width: 80rem; margin-left: auto; margin-right: auto;}
.section-contact-intro {max-width: 80rem; margin-left: auto; margin-right: auto; width: max-content;}
.section-equipe.section-personnalites .equipe-item {width: calc(50% - 1rem) !important;}
.section-equipe.section-personnalites {column-gap: 2rem;}
.section-parrain-video, .section-equipe, .section-membre-donateurs, .section-evenements-video, .bloc-formulaire-contact  {padding: 0 2rem;}
}

@media (min-width: 1000px) {
.section-equipe .equipe-item { width: calc(50% - 30px) !important; }
.section-evenements-video iframe {margin-bottom: 4rem;}
.section-equipe.section-personnalites .equipe-item {width: calc(33% - 3.8rem) !important;}
.section-equipe.section-personnalites {column-gap: 6rem;}
}

@media (min-width: 1200px) {
.section-parrain-video, .section-equipe, .section-membre-donateurs, .section-evenements-video, .bloc-formulaire-contact  {padding: 0;}
}


/**********BLOG***********/

.blog .blog-title h1 {margin-bottom: 0;}
.blog .blog-title h2 {margin-top: 0; color: var(--couleur-secondaire);text-shadow: 0px 2px var(--couleur-secondaire);}
.blog .element-item, .blog .latest-post {background-color: #fff; border-radius: var(--border-radius);}
.blog .element-item:hover .category, .blog .latest-post:hover .category {background-color: var(--couleur-principale) !important;}
.blog .latest-post .category, .blog .element-item .category {background-color: var(--couleur-principale-light) !important; border-radius: 1rem;}
.blog .latest-post .latest-post-right {max-height: 30rem;}
.blog .element-item h2 {margin-bottom: 0; text-shadow: 0px 1px var(--couleur-cta);font-family: 'Montserrat', sans-serif;text-shadow: none; font-size: 1.8rem !important;}
.blog .element-item .resume-post p {font-size: 1.3rem; font-weight: 300; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3; line-clamp: 3;  -webkit-box-orient: vertical;}
.blog .element-item .element-item .post-content { min-height: 18rem;}
.blog .bloc-filtre-cas .btn-filtre-cas {font-weight: 600; border-radius: 2.5rem;}
.blog .bloc-filtre-cas .btn-filtre-cas.is-checked {background-color: var(--couleur-principale); color: #fff;}
.blog .bloc-filtre-cas .btn-filtre-cas:not(.is-checked):hover {color: var(--couleur-principale); }
.blog .element-item:hover, .blog .latest-post:hover { box-shadow: rgba(0, 0, 0, 0.05) 1px 2px 4px 0px;}
.single-post .articles-complementaires {column-gap: 2rem; margin-bottom: 5rem; margin-top: 3rem;}
.single-post .articles-complementaires .article-complementaire {min-height: auto; padding: 0; background-color: transparent; justify-content: flex-start; width: calc(50% - 10px);} 
.single-post .articles-complementaires .article-complementaire .post-thumbnail {height: 12rem; overflow: hidden;  background-color: var(--couleur-secondaire-extra-light);border-radius: var(--border-radius); }
.single-post .articles-complementaires .article-complementaire .post-thumbnail img {object-fit: cover; height: 100%; width: 100%; transition: all ease-in-out 200ms;}
.single-post .articles-complementaires .article-complementaire h3 {font-weight: 400; color: #707070; transition: inherit; font-family: 'Montserrat', sans-serif; box-shadow: none; font-size: 1.4rem !important; text-transform: none; line-height: normal;}
.single-post .articles-complementaires .article-complementaire:hover .post-thumbnail img {transform: scale(1.08);}
.single-post .articles-complementaires .article-complementaire:hover h3 {color: #000;}
.blog .element-item .post-thumbnail {background-image: url('https://unefacadesurlavie.vertikal.fr/wp-content/uploads/sites/86/2024/10/logo-maison-background.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #fff;}

.single-post, .blog {padding-bottom: 0;}

@media (min-width: 768px) {
  .single-post h1 {margin-top: 4rem;}
  .blog .latest-post .latest-post-right {max-height: 100%;}
}


/**********MODALE***********/
.modal {display: none; position: fixed; z-index: 1000; left: 0;top: 0; width: 100%;height: 100%; overflow: auto;}
.modal-content {margin: 15% auto; padding: 20px; width: 80%; max-width: 600px; border-radius: var(--border-radius); background-color: var(--couleur-background);}
.close {float: right;}
.close:hover,.close:focus {text-decoration: none;cursor: pointer;}
.modal input:not([type="submit"]) {border: none !important; border-radius: 2.5rem !important; padding: 1.2rem 2.5rem !important; background-color: var(--couleur-fond-light) !important;}
.modal .checkbox-container {margin-bottom: 0;}
.modal input[type="submit"] {font-size: 1.3rem; text-transform: uppercase;}
.modal .checkbox-container label {font-size: 1.3rem; font-weight: 400;}
#modal-container-temoignage .modal-content {padding: 0; position: relative; background-color: transparent; max-width: 100%; width: max-content;}
#modal-container-temoignage .close {position: absolute; right: -3rem; top: -5rem; font-size: 4rem; color: #000;}
#modal-container-temoignage #modal-temoignage-content {width: max-content; margin: auto;}
#modal-container-temoignage iframe {width: auto !important; aspect-ratio: 16/9; height: 500px;}


/**********FORMULAIRE***********/

.section-formulaire .nf-field-label {display: none;}
.section-formulaire nf-fields-wrap {display: flex; flex-wrap: wrap;}
.section-formulaire nf-field {display: inline-block; width: 100%;}
.section-formulaire nf-field:nth-child(6) {width: 100%;}
.section-formulaire input:not([type="submit"]), .section-formulaire textarea {border: 2px solid var(--couleur-fond-light) !important; border-radius: 2.5rem !important; padding: 1.5rem 2.5rem !important;}
.section-formulaire input::placeholder, .section-formulaire textarea::placeholder {font-size: 1.4rem; font-family: 'Montserrat', sans-serif;}
.section-formulaire input, .section-formulaire textarea {background-color: var(--couleur-fond-light) !important;}
.section-formulaire input:focus, .section-formulaire textarea:focus { background-color: transparent !important;}
/*.section-formulaire input[type="text"], .section-formulaire input[type="email"], .section-formulaire textarea {width: 50%;}*/

.section-formulaire-contact .bloc-formulaire-contact img {max-height: 20rem;  width: auto; margin: 0 auto; }
.section-formulaire-contact .formulaire-contact .nf-field-label {display: none;}
.section-formulaire-contact .formulaire-contact textarea {font-family: 'Montserrat', sans-serif;}
.section-contact-vertikal img {max-height: 6rem; width: auto; margin: 0 auto; }
.section-formulaire-contact .formulaire-contact .champ-rgpd {padding-left: 1.5rem;}
.section-formulaire-contact .formulaire-contact .champ-rgpd .nf-field-label {display: flex;}
.section-formulaire-contact .formulaire-contact .champ-rgpd .nf-field-label label {font-weight: 400; font-size: 1.4rem;}

@media (min-width: 1000px) {
  .section-formulaire-contact .bloc-formulaire-contact {column-gap: 10rem;}
  .section-formulaire-contact .bloc-formulaire-contact img {max-height: 40rem; margin: 0;}
  .section-contact-vertikal img {max-height: 12rem; margin: 0; }
}



.slick-carousel-post h3, .bloc-post-sans-carrousel h3, .liste-articles h3 {
  text-align: center;
  margin: 1em auto 8px;
  font-size: 1.4rem;
  font-weight: 600;
  width: 250px;
  font-family: Montserrat;
  text-shadow: none;
  text-transform: initial;
}


@media (max-width: 768px) {
h1 {font-size: 3rem !important;}
h2 {font-size: 2.5rem !important;}
h3 {font-size: 2rem !important;}
}


@media (min-width: 768px) {
    .container-bloc-slider .slide-content * {color: #fff;}
    .section-avantages .avantages-col p {max-width: 20rem;}
    .section-avantages {row-gap: 4rem;}
    .section-avantages .avantages-col img {max-height: 6rem; max-width: 8rem;}
    footer .footer-col {width: calc(25% - 15px);}
    .footer-logo p {text-align: left;}
    footer .palmares-vertikal-txt p {font-size: 1.3rem;}
    .single-post .articles-complementaires {column-gap: 5rem;}
    .single-post .articles-complementaires .article-complementaire{width: calc(50% - 25px);}
    .single-post .articles-complementaires .article-complementaire .post-thumbnail {height: 18rem; }
    .section-formulaire form {max-width: 80rem; margin-left: auto; margin-right: auto;}

}

@media (min-width: 1000px) {
    .section-avantages .avantages-col p {max-width: 30rem;}
    .container-bloc-texte.section-droit-entree .bloc-texte-additionnel {width: calc(65% - 5rem); border-left: 1px solid #E5E3E3; padding-left: 3.5rem; padding-top: 0; border-top: none; padding-bottom: 0;}
    .container-bloc-texte.section-droit-entree .bloc-texte-base {width: calc(35% - 5rem);}
    .section-avantages-applicateur .container-bloc-texte-image .bloc-text.bloc-right {padding-right: 9rem;}
    .container-bloc-texte-image.img-absolute .bloc-right img, .container-bloc-texte-image.img-absolute .bloc-left img {position: absolute; height: 30rem; bottom: 0;}
    .container-bloc-texte-image.section-k-bg {background-image: url(/wp-content/uploads/sites/84/2024/08/k-blanc.png); background-repeat: no-repeat; background-size: contain; background-position: right 3rem center;}
    .container-bloc-texte-image.img-absolute .bloc-image-contain {padding: 0;}
    .container-bloc-texte-image.img-absolute .bloc-left.bloc-text {padding: 5rem 5rem 5rem 9rem;}
    .container-bloc-accordeon {max-width: 90rem !important;}
    .section-concept-global .container-bloc-texte .bloc-texte-base {padding: 3rem 5rem; border-right: 2px solid #F2F2F2; border-bottom: none;}
    .section-concept-global .container-bloc-texte .bloc-texte-additionnel {padding: 3rem 6rem;}
    .footer-desktop .footer-logo {width: calc(20% - 20px);}
    .footer-desktop {column-gap: 3rem !important;}
    footer .footer-copyright ul {margin-top: 5rem;}
    .titre-row.container-bloc-texte .bloc-texte-contenu {padding-top: 2.5rem;}
    .titre-col.container-bloc-texte .bloc-texte-contenu {padding-top: 3.5rem;}
    .topbar-menu {display: block;}
    .section-territoires-vertikal.container-bloc-texte-image .legende-image {padding-right: 8rem;}
    footer .footer-col .menu a {font-size: 1.3rem; }
    .footer-arbo {width: auto;}
    footer .footer-col {width: calc(25% - 24px);}
    .titre-col h1 {text-align: right;}
    .section-concept-global .concept-global-conclu {font-size: 1.8rem; margin-top: 5rem;  max-width: 60rem; margin-left: auto; margin-right: auto;}
    .section-faq.container-bloc-accordeon {margin-bottom: 11rem;}
    .container-bloc-texte.fond-k-size {background-size: 50%; background-position: left 6rem center;}
    .section-temoignages-reconversion.section-margin {margin-top: 10rem;}
    .section-concept-global.section-valeurs-vertikal h2 {margin-bottom: 6rem;}
    .section-nos-produits.container-bloc-texte-image {margin-top: 6rem;}
    .blog .blog-title {margin-top: 6rem; margin-bottom: 7.5rem !important;}
    .single-post-division .post-detail {max-width: 80rem; margin-left: auto !important; margin-right: auto !important;}
    .single-post .articles-complementaires .article-complementaire {width: calc(33% - 70px);}
    .single-post .articles-complementaires {column-gap: 11rem; margin-bottom: 6rem; margin-top: 5rem;}
    .section-formulaire nf-field:nth-child(-n+5) {width: calc(50% - 1rem);}
    .section-formulaire nf-fields-wrap {column-gap: 2rem;}
}
@media (min-width: 1300px) {
}




/************************************************/
/**                                            **/
/**                   FORM                     **/
/**                                            **/
/************************************************/

.formulaire-contact p{margin: 0;}
.formulaire-contact input[type="checkbox"]{-webkit-appearance: auto;}
.formulaire-contact input[type="text"],.formulaire-contact input[type="email"],.formulaire-contact textarea {width: 100%; padding: 0.75rem 1rem;  margin-bottom: 1rem; border: 1px solid #ddd;border-radius: 8px; background: #fff; transition: border-color 0.3s ease; font-size: 1.6rem;}
.formulaire-contact input[type="text"]:focus,.formulaire-contact input[type="email"]:focus,.formulaire-contact textarea:focus {border-color: #0073aa  outline: none;}
.formulaire-contact input::placeholder,.formulaire-contact textarea::placeholder { color: #999;}
.formulaire-contact .wpcf7-checkbox {margin-bottom: 1rem; display: block;}
.formulaire-contact .wpcf7-checkbox label {display: flex; align-items: flex-start; gap: 0.5rem; margin-left: 0 !important; line-height: 1.4;}
.formulaire-contact input[type="submit"] {font-size:1.6rem; background-color: var(--couleur-principale); color: #fff; padding: 0.75rem 1.5rem;border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease;}
.formulaire-contact .wpcf7-response-output { margin-top: 1.5rem; padding: 1rem; border-radius: 8px;}
.formulaire-contact .wpcf7-response-output.wpcf7-mail-sent-ok {color: #155724;background-color: #d4edda; border: 1px solid #c3e6cb;}
.formulaire-contact .wpcf7-response-output.wpcf7-validation-errors,.formulaire-contact .wpcf7-response-output.wpcf7-spam-blocked { color: #721c24;background-color: #f8d7da;border: 1px solid #f5c6cb;}