/*
 Theme Name:   iwego child
 Description:  Theme iwego
 Author:       Iwego
 Template:     iwego
 Version:      1.0.2
*/




@media (max-width: 768px) {
    h1 {font-size: 3.2rem !important; padding: 0 2rem;}
    h2 {font-size: 2.2rem !important;}
    h3 {font-size: 2rem !important;}
}


/******************************/
/*********** GENERAL **********/
/******************************/

.strong-color strong {color: var(--couleur-secondaire);} 
.btn-cta {padding: 1.2rem 2.2rem; border-radius: 2.5rem; color: #fff; text-decoration: none;}
.btn-light .btn-cta {background-color: transparent; color: var(--couleur-secondaire); padding-left: 0;}
.btn-light .btn-cta::after {content: "\f061"; color: inherit; margin-left: 8px; display: inline-block;  font-weight: 900; font-family: "Font Awesome 6 Free"; transition: all 300ms ease-in-out;}
.btn-light.btn-externe .btn-cta::after {content: "\f08e";}


.underline{position: relative; color: var(--couleur-secondaire);}
.underline.active:after { width: 100%; border-radius: 0 20px 40px 0;transform: scaleX(1);}
.underline:after {content: ""; position: absolute; height: 15px; width: 100%;  right: 0; z-index: -10;background-image: url(/wp-content/uploads/2024/10/underline.svg);background-repeat: no-repeat;background-position: right; transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay: 1s;bottom: -15px; z-index: 1;transform: scaleX(0);}
.no-underline, .no-underline a {text-decoration: none;}

.pojo-a11y-toolbar-toggle svg {fill: #fff;}

em {color: var(--couleur-secondaire); font-size: inherit; font-weight: inherit;}

.color-itw{color: var(--couleur-secondaire);}

.container-bloc-accordeon .accordeon-toggle{position: relative;}
.container-bloc-accordeon .accordeon-toggle:before { content: ''; display: block;position: absolute; top: 30px; left: -10px;transform: translateY(-50%); width: 0; height: 0;border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 17px solid var(--couleur-secondaire);}
   

.bloc-logo-sabooj{display: flex;gap: 2rem;align-items: center;}
.bloc-logo-sabooj img{width: 250px !important;}

.tarteaucitronAlertBigTop::after {background: url(/wp-content/uploads/2025/01/cookie-iwego.png); background-repeat: repeat; background-size: auto; background-size: contain; background-repeat: no-repeat;}

.slick-next i::before, .slick-prev i::before {color: var(--couleur-texte); font-size: 3rem;}


@media (hover: hover) {
    .btn-light .btn-cta:hover { box-shadow: none; color: var(--couleur-secondaire-dark);}
    .btn-light .btn-cta:hover::after { margin-left: 11px; color: var(--couleur-secondaire-dark); }
}




/******************************/
/************ ACCSSIBILITE  **********/
/******************************/

.pojo-a11y-high-contrast .gform_wrapper,.pojo-a11y-negative-contrast  .gform_wrapper{background-color: #000  !important; color: #fff  !important;}
.pojo-a11y-high-contrast .gform_wrapper .gfield_label,.pojo-a11y-high-contrast .gform_wrapper .gsection_title,.pojo-a11y-negative-contrast .gform_wrapper .gfield_label,.pojo-a11y-negative-contrast .gform_wrapper .gsection_title {font-weight: bold  !important;color: #ffcc00  !important; }

.pojo-a11y-high-contrast .gform_wrapper input[type="text"],.pojo-a11y-high-contrast .gform_wrapper input[type="email"],.pojo-a11y-high-contrast .gform_wrapper input[type="url"],.pojo-a11y-high-contrast .gform_wrapper input[type="tel"],.pojo-a11y-high-contrast .gform_wrapper input[type="number"],.pojo-a11y-high-contrast .gform_wrapper input[type="password"],.pojo-a11y-high-contrast .gform_wrapper textarea ,.pojo-a11y-negative-contrast .gform_wrapper input[type="text"],.pojo-a11y-negative-contrast .gform_wrapper input[type="email"],.pojo-a11y-negative-contrast .gform_wrapper input[type="url"],.pojo-a11y-negative-contrast .gform_wrapper input[type="tel"],.pojo-a11y-negative-contrast .gform_wrapper input[type="number"],.pojo-a11y-negative-contrast .gform_wrapper input[type="password"],.pojo-a11y-negative-contrast .gform_wrapper textarea { background-color: #333  !important; color: #fff  !important; border: 2px solid #ffcc00  !important; }
.pojo-a11y-high-contrast .gform_wrapper .gfield_required,.pojo-a11y-negative-contrast .gform_wrapper .gfield_required {color: #ff0000  !important;}
.pojo-a11y-high-contrast .gform_wrapper .gform_button,.pojo-a11y-negative-contrast .gform_wrapper .gform_button {background-color: #ffcc00;  color: #000  !important; border: none  !important;font-weight: bold  !important;padding: 10px 20px  !important;}
.pojo-a11y-high-contrast .gform_wrapper .validation_error ,.pojo-a11y-negative-contrast .gform_wrapper .validation_error {background-color: #ff0000;  color: #fff  !important; padding: 10px  !important; border-radius: 5px  !important; font-weight: bold  !important;}
.pojo-a11y-high-contrast .gform_wrapper input::placeholder,.pojo-a11y-high-contrast .gform_wrapper textarea::placeholder ,.pojo-a11y-negative-contrast .gform_wrapper input::placeholder,.pojo-a11y-negative-contrast .gform_wrapper textarea::placeholder {color: #ffcc00  !important; }

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a span{font-size: 1.6rem !important}



@media (hover: hover) {
    .pojo-a11y-high-contrast .gform_wrapper .gform_button:hover,.pojo-a11y-negative-contrast .gform_wrapper .gform_button:hover { background-color: #ff9900  !important;color: #fff  !important; }
    }


/******************************/
/************ HEADER **********/
/******************************/


header#headermenu {background-color: transparent; position: fixed; width: 100%; }
header#headermenu a {text-decoration: none;}
header .header-menu {background-color: #fff; border-radius: 5rem; margin: 1.5rem auto; padding: 0 2.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; max-width: max-content; margin-left: auto; margin-right: auto;} 
header .header-logo {height: 3rem;}
header .main-menu {align-items: center; justify-content: flex-start; column-gap: 1.5rem;}
header .main-menu>li.menu-item>a {font-size: 1.4rem;}
header .main-menu>li.current_page_item>a {color: var(--couleur-secondaire-dark); font-weight: 500;}


header li.menu-item:first-of-type {margin-left: auto;}
header li.menu-item {flex: 1;}
header li.menu-contact, header li.menu-cta {margin-top: 1rem; margin-bottom: 1rem;  flex: 2; max-width: max-content;}
header li.menu-contact a, header li.menu-cta a { border-radius: 2.5rem;}
header li.menu-contact a {border: 1px solid var(--couleur-secondaire-light);}

header li.menu-cta a { background-color: var(--couleur-secondaire);   font-weight: 600; color: #fff;border:1px solid var(--couleur-secondaire);}



@media (hover: hover) {
    header .main-menu>li.current_page_item>a:hover {color: var(--couleur-secondaire-dark);}
    header .main-menu>li.menu-item:not(.current_page_item)>a:hover {color: var(--couleur-secondaire);}
    header li.menu-contact a:hover {border: 1px solid var(--couleur-secondaire-dark);}
    header li.menu-cta a:hover   {background-color: transparent;color:var(--couleur-secondaire);}
}




@media (min-width: 1000px) {
    header .header-menu {margin: 2.5rem auto;} 
    header .header-logo {height: 4rem;}

}

@media (min-width: 1200px) {
    #headermenu.sticky .header-menu {padding: 0 2.5rem; margin: 2rem auto;}
    #headermenu.sticky  li.menu-contact, #headermenu.sticky  li.menu-cta {margin-top: .8rem; margin-bottom: .8rem;}
    #headermenu.sticky .main-menu>li.menu-item>a {font-size: 1.5rem;}
    header li.menu-contact {margin-left: 3.5rem;}
    header li.menu-item, header li.menu-contact, header li.menu-cta {flex: auto; max-width: none;}
    header .main-menu>li.menu-item>a {font-size: 1.5rem;}
}




/******************************/
/************ FOOTER **********/
/******************************/

footer {background-color: var(--couleur-principale);}
footer a {text-decoration: none;}
footer * {color: #fff;}
.footer-mobile {background-color: var(--couleur-secondaire);}
footer .footer-mobile-bottom {background-color: var(--couleur-secondaire-dark); border-radius: 2.5rem;}
footer .footer-entreprises {column-gap: 2rem; width: 100%; }
footer .footer-entreprise {width: calc(50% - 1rem);}
footer .footer-entreprises img {width: 13rem;}
footer .footer-entreprises * {font-size: 1.3rem;}
footer .footer-groupe-entreprises {width: 100%; align-items: flex-start; margin-top: 2rem; flex-direction: column;}
footer .footer-groupe-entreprises img {height: 6rem; object-fit: contain;}
footer .footer-groupe-entreprises span {font-size: 1.3rem;}
footer .footer-arbo {width: 100%;}
footer .footer-mobile-menu .menu-cta {background-color: var(--couleur-secondaire-dark);}

.footer-devis-button {padding: 0 .5rem;}

@media (min-width: 768px) {
    footer .footer-groupe-entreprises {margin-top: 0; flex-direction: row; align-items: center;}
    footer .footer-groupe-entreprises img {width: 16rem;} 
    footer .footer-entreprise {width: auto;}

}

@media (min-width: 900px) {
    footer .footer-arbo, footer .footer-entreprises {width: auto;}
}

@media (min-width: 1200px) {
    footer .footer-entreprises {column-gap: 10rem; width: 50%; flex: 1; }
    footer .footer-groupe-entreprises span {text-wrap: nowrap; font-size: 1.4rem;}
    footer .footer-entreprises * {font-size: 1.4rem;}

}


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


.home #main-content {background-color: #fff;}
/*.accueil-entete .btn-cta {padding: 0; font-size: 2rem; font-style: italic; transition: all 250ms ease-in-out;}
.accueil-entete .btn-cta::after {content: "\f061"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-size: 1.7rem; margin-left: 8px; transition: inherit; font-style: normal;}
.accueil-entete .btn-cta:hover::after {margin-left: 14px; color: var(--couleur-secondaire); font-size: 2rem;}
.accueil-entete .btn-cta:hover {box-shadow: none; letter-spacing: .02rem;}*/

.accueil-logo-entreprises a {display: block;}
.accueil-logo-entreprises img {max-width: 28rem; max-height: 9rem; margin: auto; height: 100%; width: 100%; object-fit: contain;} 


.accueil-section-video iframe {width: 100%; height: 100%; aspect-ratio: 16/9; border-radius: var(--border-radius); max-width: 90rem !important; margin: 0 auto 4rem;  display: block;}

.section-reassurance {padding-top: 1rem; padding-bottom: 1rem;}
.section-reassurance.main-container {padding-left: 0 !important; padding-right: 0 !important;}
.section-reassurance .reassurance-fleche {margin: 4rem auto;}
.section-reassurance .reassurance-fleche img {height: 7rem;}
.section-reassurance .reassurance-col {flex-direction: column; height: inherit;}
.section-reassurance .wp-block-columns .wp-block-column.reassurance-col {flex-basis: calc(50% - 2rem) !important;}
/*.section-reassurance .reassurance-col figure {height: 7rem; display: flex; justify-content: center; align-items: center;}
.section-reassurance .reassurance-col img {max-width: 9rem; max-height: 7rem;}
.section-reassurance h4 {text-transform: uppercase; font-size: 1.5rem; margin-bottom: 0;}
.section-reassurance h4 em {font-style: normal; color: var(--couleur-principale);}*/
.section-reassurance .bloc-reassurance {column-gap: 2.5rem; margin-top: 8rem; flex-wrap: wrap !important;}
.section-reassurance h3 {font-size: 1.6rem !important; margin-bottom: 0;}
.section-reassurance p {margin-top: 1rem;}
.section-reassurance .reassurance-col img {height: 14rem; margin: auto;}


.home .section-points-importants {margin-top: 6rem; margin-bottom: 10rem; padding: 0 2rem;}

.accueil-section-reseaux h2 {margin-bottom: 4rem;}
.accueil-section-reseaux .MediaImage-sc-wmeaun-0  {display: none !important;}




@media (min-width: 1000px) {
    .section-reassurance .reassurance-col img {height: 18rem; margin: auto;}
    .section-reassurance h3 {font-size: 2.2rem;}
    .home .section-points-importants {padding: 0;}
    .accueil-section-reseaux h2 {margin-bottom: 5rem;}
}


@media (min-width: 1200px) {
.section-reassurance .bloc-reassurance {column-gap: 8rem; margin-top: 8rem;}
.section-reassurance .wp-block-columns .wp-block-column.reassurance-col {flex-basis: calc(25% - 6rem) !important;}
}


/******************************/
/** ARCHIVE PROFIL / EMPLOI  **/
/******************************/



#liste_offres_loader, #liste_profils_loader {display: flex; flex-wrap: wrap; column-gap: 4rem; row-gap: 1.5rem;}
.archive .carte-offres-container, .archive .carte-profils-container {margin: 3rem auto;}
.archive .vignette-offre, .archive .vignette-profil {background-color: #fff; border: 1px solid var(--couleur-principale-light); border-radius: 5px; padding: 2rem; height: 100%; height: inherit; width: 100%;}
.archive h1 {text-align: center; margin-top: 1rem;}
.archive .bloc-offres, .archive .bloc-profils {flex-wrap: wrap; column-gap: 1rem; height: 100%;}
.archive .bloc-offres h3, .archive .bloc-profils h3 {font-size: 1.8rem; font-weight: 600; margin-top: 0; width: 100%;}
.archive .bloc-offres span, .archive .bloc-profils span {display: inline-block;}
.archive .bloc-offres .contrat, .archive .bloc-offres .temps, .archive .bloc-profils .secteur, .archive .bloc-profils .langue {background-color: var(--couleur-background); font-size: 1.3rem; border-radius: .5rem; max-width: max-content; padding: 3px 5px; border: 1px solid var(--couleur-principale-light); height: max-content; transition: all 250ms ease-in-out; opacity: .75; }
.archive .bloc-offres .lieu, .archive .bloc-profils .lieu {width: 100%; margin-top: auto; padding-top: 1.5rem ;}
.archive .bloc-offres .lieu::before, .archive .bloc-profils .lieu::before {content:"\f3c5"; font-weight: 900; font-family: "Font Awesome 6 Free"; margin-right: 8px; color: var(--couleur-secondaire-light); transition: all 250ms ease-in-out; }
.archive .bloc-profils .langues {display: block; width: 100%;margin-bottom: 0.5rem;}
.archive .bloc-profils .secteurs {margin-top: .5rem; flex-wrap: wrap; column-gap: .5rem; row-gap: .5rem;}
.archive .bloc-profils .secteurs span {background-color: var(--couleur-secondaire); border-color: var(--couleur-secondaire-dark); color: #fff;}



.archive .liste-filtres {row-gap: 1rem;}
.archive .liste-filtres .liste-filtre {width: 100%;}
.archive .liste-filtres label {display: none;}
.archive .liste-filtres input, .archive .liste-filtres select {border: 1px solid var(--couleur-principale-light); width: 100%; padding: 1.5rem;  cursor: pointer;}
.archive .liste-filtres input::placeholder, .archive .liste-filtres select {color: rgb(149, 149, 149);}
.archive .liste-filtres input:focus-visible, .archive .liste-filtres select:focus-visible {outline: none; background-color: #f8f8f8;}
.archive .liste-filtres .selection {cursor: pointer;}
.archive .liste-filtres .selection>span {border-radius: 0; padding: 1rem;}
.archive .liste-filtres .selection ul {position: absolute; }
.archive .liste-filtres .selection textarea {margin-top: 0;}


.archive #loader img {margin: auto;}

.section-citation {background-color: #fff; padding: 5rem 2rem 5rem;}
.section-citation h2 {font-weight: 300; font-size: 2rem !important;}

.section-cta .bloc-texte-titre  {margin-bottom: 1rem;}
.section-cta .bloc-texte-titre h2 {color: var(--couleur-texte);}


@media (hover: hover) {
    .archive .vignette-offre:hover, .archive .vignette-profil:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transform: scale(1.01);}
    .archive .vignette-offre:hover .lieu::before, .archive .vignette-profil:hover .lieu::before {color: var(--couleur-secondaire);}
    .archive .vignette-offre:hover .contrat, .archive .vignette-offre:hover .temps, .archive .vignette-profil:hover .langue, .archive .vignette-profil:hover .secteur {opacity: 1;}
    }




@media (min-width: 1000px) {
    .section-citation {padding: 7rem 2rem 7rem;}
    .section-citation h2 {font-size: 3.2rem !important;}

}



/******************************/
/** SINGLE PROFIL / EMPLOI ****/
/******************************/


/*.single main.offre-emploi, .single main.profil {background: linear-gradient(180deg, var(--couleur-principale-light) 25rem, var(--couleur-background) 25rem);}*/
.single .single-offre-titre.container-offre {background-color: var(--couleur-secondaire-dark);}
.single .single-offre-titre h1 {font-size: 2.8rem !important; color: #fff; font-weight: 700; }
.single .single-offre-titre .reference {font-size: 1.4rem; margin-bottom: 2rem;  display: inline-block; color: #fff;}

.single .container-offre {background-color: #fff; border-radius: .5rem; padding: 2rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.single .container-offre h2 {font-size: 2.2rem !important; font-weight: 700; color: var(--couleur-secondaire-dark); margin-top: 0;}

.single .container-offre li::marker {color: var(--couleur-secondaire);}
.single .container-offre .annonce-bloc:not(:last-of-type) {margin-bottom: 4rem;}
.single .container-offre .annonce-bloc:nth-child(n + 2) {margin-top: 4rem;}
.single .container-offre .annonce-priorité {font-style:italic; color:var(--couleur-secondaire);}
.single .offre-formulaire {margin-bottom: 5rem;}
.single .offre-tags {column-gap: 1rem; row-gap: 1rem; margin-top: 3rem; align-items: center; }
.single .offre-tags .tags-langue, .single .offre-tags .tags-secteur {width: 100%; column-gap: 1rem; row-gap: 1rem;}
.single .offre-tags .tags-langue .langue {background-color: var(--couleur-secondaire);  border-color: var(--couleur-secondaire-dark);  color: #fff;}
.single .offre-tags .contrat, .single .offre-tags .temps, .single .offre-tags .lieu, .single .offre-tags .secteur, .single .offre-tags .langue {background-color: var(--couleur-background); border-radius: .5rem; max-width: max-content; padding: 4px 8px; border: 1px solid var(--couleur-principale-light); height: max-content; }
.single .offre-tags span::before {font-weight: 900; font-family: "Font Awesome 6 Free"; margin-right: 8px; color: var(--couleur-secondaire); transition: all 250ms ease-in-out; font-size: 1.4rem; }
.single .offre-tags .lieu::before {content:"\f3c5";}
.single .offre-tags .contrat::before {content: "\f573";}
.single .offre-tags .temps::before {content: "\f017";}
.single .offre-tags .publication {font-size: 1.4rem; color: #fff; margin-top: 2rem;}
.single .offre-tags .publication::before {content: "\f133"; font-weight: 900; font-family: "Font Awesome 6 Free"; margin-left: 8px; color: inherit; }



@media (min-width: 768px) {
    #liste_offres_loader {row-gap: 3rem;}
    .archive .vignette-offre, .archive .vignette-profil {width: calc(50% - 2rem); padding: 3rem;}
    .archive .article-titre {margin-bottom: 6rem;}
    .archive .liste-filtres .liste-filtre {flex: 1; width: auto;}
    .archive .liste-filtres .liste-filtre:nth-child(n + 2) select {border-left: none;}
    .archive .carte-offres-container, .archive .carte-profils-container {margin: 6rem auto;}
    .archive h1 {margin-bottom: 4rem;}
    .single .container-offre {padding: 3rem;}
    .single .container-offre .annonce-bloc:not(:last-of-type) {margin-bottom: 6rem;}
    .single .container-offre .annonce-bloc:nth-child(n + 2) {margin-top: 6rem;}
    .single .offre-tags .publication {margin-left: auto;  margin-top: 0;}
    .archive .liste-filtres .liste-filtre-lieux select, .archive .liste-filtres .liste-filtre-secteur select {border-radius: 0 .5rem .5rem 0;}
    .archive .liste-filtres .liste-filtre-titre input {border-radius: .5rem 0 0 .5rem;}
    .single .single-offre-titre .reference {margin-bottom: 1rem;}
}

@media (min-width: 1000px) {
    .archive .vignette-offre, .archive .vignette-profil {width: calc(33% - 2.5rem);}
    .archive .article-titre * {max-width: 80rem; margin-left: auto; margin-right: auto;}
    .single .single-offre-titre h1 {text-align: left; margin-bottom: 4rem; margin: 0 0 4rem; font-size: 3.4rem !important; }
    .single .container-offre {padding: 5rem 6rem;}
    .archive .article-titre {margin-bottom: 8rem;}
    .archive h1 {margin-bottom: 7rem;}
}





/******************************/
/****** SINGLE PRESTATION *****/
/******************************/

.single-prestation .single-prestation-title {margin-bottom: 4rem;}
.single-prestation .img-post-thumbnail {border-radius: var(--border-radius); height: 35rem; object-fit: cover;}

@media (min-width: 768px) {
    .single-prestation .img-post-thumbnail {height: 55rem;}
}




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

.blog .element-item, .blog .latest-post {background-color: #fff; border-radius: var(--border-radius); overflow: hidden;}

.blog .element-item .resume-post, .single .article-complementaire .resume-post {overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.blog .element-item h2 {font-weight: 300; font-size: 2rem !important; margin-bottom: 0; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.blog .element-item .category {border-radius: 1rem;}
.blog .latest-post .category {border-radius: 1.5rem;}
.blog .bloc-filtre-cas .btn-filtre-cas.is-checked {color: var(--couleur-secondaire); font-weight: 600;}
.blog .bloc-filtre-cas .btn-filtre-cas:not(.is-checked):hover {color: var(--couleur-secondaire-light);}
.single .articles-complementaires {margin-bottom: 6rem; margin-top: 5rem;}
.single .articles-complementaires h2 {width: 100%; margin-bottom: 0;}
.single .articles-complementaires .article-complementaire {background-color: #fff; border-radius: var(--border-radius); overflow: hidden;}
.single .article-complementaire .article-thumbnail {border-radius: 0; height: 15rem;}
.single .article-complementaire h3 {color: var(--couleur-secondaire-light); transition: inherit; margin-bottom: 0; font-weight: 300; font-size: 2rem !important; }

.single .article-complementaire .resume-post {font-size: 1.4rem;}


@media (hover: hover) {
    .blog .element-item:hover, .blog .latest-post:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
    .single .article-complementaire:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; transform: scale(1.01);}
    .single .article-complementaire:hover h3 {color: var(--couleur-secondaire);}
    }


@media (min-width: 1000px) {
    .single .page-content .article-thumbnail {max-width: 90rem; margin-left: auto; margin-right: auto;}
    .single .page-content .post-detail {padding: 4rem 6rem;}
    .single .page-content .article-thumbnail {height: 55rem;}
    
}

/******************************/
/*********** PAGES ***********/
/******************************/

.breadcrumb {padding-left: 2rem; padding-right: 2rem; margin-top: 3rem;}
h1.h1-guttenberg {margin-top: 1rem; margin-bottom: 4rem;}
.container-bloc-texte-image ul li, .container-bloc-texte ul li {line-height: 150%;}

.section-points-importants .animation h3 {margin: 0;}

.section-points-importants {position: relative; overflow: hidden;}
.section-points-importants.points-importants-y .animation:first-of-type {margin-top: 2rem;}
.section-points-importants .animation {opacity: 0; transform: scale(1.5);transition: opacity 0.5s ease, transform 0.5s ease; margin: 0.8rem auto;  padding: 0.8rem 1.5rem; border-radius: 2.5rem;}
.section-points-importants .bloc-points-importants {align-items: center !important;}
.section-points-importants .points-importants-img {order: -1;}
.section-points-importants .points-importants-img img {max-height: 22rem; margin: auto;}
.section-points-importants .points-importants-img figure {margin-bottom: 0;}
.section-points-importants.points-importants-x {column-gap: 2rem; flex-wrap: wrap !important;}
.section-points-importants.points-importants-x .animation {color: #fff; font-weight: 700; padding: 1rem 2.5rem;}

.section-points-importants.points-importants-verts .animation h3 {color: #fff; font-size: 1.6rem !important; font-weight: 700;text-transform: uppercase;}
.section-points-importants.points-importants-verts .animation {color: #fff; background-color: var(--couleur-secondaire); text-align: center;}
.section-points-importants.points-importants-blancs .animation h3 {color: var(--couleur-texte); font-size: 1.6rem !important;}
.section-points-importants.points-importants-blancs .animation {background-color: #fff;}

.page-section-couleur * {color: #fff;}
.page-section-couleur h2 {color: var(--couleur-principale);}
.page-section-couleur h3 {margin-top: 1rem; margin-bottom: 1rem;}
.page-section-couleur .btn-cta {color: var(--couleur-principale); background-color: #fff;}
.page-section-couleur .bloc-texte-base, .page-section-couleur.container-bloc-texte ul {max-width: max-content; margin: auto;}

.page-section-agrement .bloc-texte-titre {margin-bottom: 1rem;}
.points-importants-x-intro p {max-width: 90rem; margin-left: auto; margin-right: auto;}

.page-entreprise-obligation em, .departement-section-intro em, .page-definition-intro em {color: var(--couleur-secondaire); display: flex; margin: .8rem 0; padding-left: 3rem; position: relative;font-size: 1.8rem;}
.page-entreprise-obligation em::before, .departement-section-intro em::before, .page-definition-intro em::before {content: ""; position: absolute; left: 0;  margin-right: 1rem; background-image: url('/wp-content/uploads/2024/10/motif-itekway.svg'); background-repeat: no-repeat; background-position: bottom; background-size: contain; width: 1.4rem; height: 2.9rem;}
.page-entreprise-obligation .btn-cta {background-color: var(--couleur-secondaire); margin: auto; color: #fff;}
.page-entreprise-obligation .bloc-right {order: -1;}
.page-entreprise-obligation .bloc-right .boutons-texte-image {display: none;}

.container-bloc-accordeon .accordeon-toggle {background-color: transparent; border-bottom: 1px solid var(--couleur-principale-light); font-size: 1.6rem;}
.container-bloc-accordeon .accordeon-toggle::after {color: var(--couleur-secondaire); font-size: 2rem;}
.container-bloc-accordeon .accordeon-content * {font-weight: 300;}

.page-contact-map {border-radius: var(--border-radius); padding: 0; overflow: hidden; margin-bottom: 7rem !important;}
.page-contact-map .col-map-infos {padding: 2rem;}
.page-contact-map .col-map-infos .map-ville {margin-bottom: 0; margin-top: 3rem;}
.page-contact-map .carte-openstreetmap {height: 30rem !important;}


.departement-section-prestations .col-prestation {background-color: #fff; border-radius: var(--border-radius); overflow: hidden; padding-bottom: 2.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.departement-section-prestations .col-prestation h3 {font-size: 2rem !important; text-transform: uppercase; margin-left: 2rem; margin-right: 2rem; margin-bottom: 1rem; margin-top: 3rem;}
.departement-section-prestations .col-prestation ul { margin-left: 2rem; margin-right: 2rem; padding-left: 2rem;}
.departement-section-prestations .col-prestation li {font-weight: 300; margin: 5px 0;}
.departement-section-prestations .col-prestation li::marker {color: var(--couleur-secondaire-dark); }
.departement-section-prestations .col-prestation img {height: 20rem; object-fit: cover;width: 100%;}
.departement-section-points.section-points-importants {margin-top: 6rem;}
.departement-section-points.section-points-importants .animation {font-size: 1.8rem; border-radius: 2.5rem; padding: 1rem 3.5rem; margin: 0;}
.departement-section-points.section-points-importants.section-points-importants.points-importants-x {column-gap: 3rem;}
.page-texte-large h4, .page-texte-large h3 {font-weight: 300;}
.page-texte-large h3 {line-height: 180%;}


a.lien-externe::after {content: "\f08e"; font-weight: 900; font-family: "Font Awesome 6 Free"; margin-left: 6px; color: var(--couleur-secondaire); transition: all 250ms ease-in-out; font-size: 1.2rem; vertical-align: bottom; }


@media (hover: hover) {
    .page-section-couleur .btn-cta:hover {box-shadow: inset 25em 0 0 0 var(--couleur-secondaire-light); color: #fff;}
    a.lien-externe:hover, a.lien-externe:hover strong {color: var(--couleur-secondaire-dark);}
    a.lien-externe:hover::after {margin-left: 9px; color: var(--couleur-secondaire-dark); }
    }


@media (min-width: 768px) {
.departement-section-intro  .bloc-texte-contenu { padding: 0 !important;}
}

.type-prestation .single-post-division .post-detail img { width: 100% !important;}

.section-mentions-legales {border-radius: var(--border-radius); padding: 2rem; margin-top: 5rem;}



.page-definition-citation h3 {font-weight: 300;}


.section-le-saviez-vous .bloc-texte-titre {margin-bottom: 1.5rem;}
.section-le-saviez-vous.page-section-couleur .btn-cta {margin-top: 3rem !important;}

.section-le-saviez-vous p,.page-section-couleur p{font-size: 1.8rem;}


.section-flex-row .bloc-texte-base h2 {text-align: center;}
.page-typologie .section-points-importants {margin-bottom: 5rem; margin-top: 4rem;}
.page-typologie .section-points-importants .animation {max-width: 50rem;}
.page-typologie figure {margin-top: 3.5rem !important;}
.page-typologie img {max-height: 35rem;}


.page-historique-tableau {background-color: #fff; border-radius: var(--border-radius);  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; padding: 4rem 2rem 2rem;}
.page-historique-tableau h2 {margin-top: 0;}


.page-qse-intro {margin-top: 5rem;}
.page-qse-intro .page-qse-texte-border {margin: 4rem auto 0;}
.page-qse-intro .container-bloc-texte-image:not(.main-container) .bloc-50-50.bloc-text {max-width: 100%;}


.page-qse-texte-border  {row-gap: 2rem;}
.page-qse-texte-border .bloc-image-contain {max-width: 30rem; max-height: 12rem; padding-top: 0; padding-bottom: 0; margin: auto;}


.page-qse-rse {padding: 2rem; border-radius: var(--border-radius);}
.page-qse-rse .rse-bloc {margin-top: 3rem; align-items: center !important;}
.page-qse-rse h3 em {font-weight: 300;}
.page-qse-rse .qse-rse-texte {flex-basis: 65% !important;}
.page-qse-rse .qse-rse-img {flex-basis: 45% !important;}
.page-qse-rse .qse-rse-img img {border-radius: var(--border-radius);}


@media (min-width: 768px) {
    .section-points-importants .animation {max-width: 35rem;}
    .section-points-importants .points-importants-img {order: initial;}
    .section-points-importants .points-importants-img img {max-height: 42rem;}
    .section-points-importants.points-importants-y .animation:first-of-type {margin-top: 3rem;}
    .container-bloc-accordeon {max-width: 80rem;}
    .section-points-importants.points-important-large{display: flex;        justify-content: center;}
    .section-points-importants.points-important-large .animation {max-width: max-content;}
    .breadcrumb {margin-top: 3rem;}
    h1.h1-guttenberg {margin-bottom: 6rem;}
    .section-points-importants.points-importants-verts .animation h3 {font-size: 2rem !important;}
    .page-entreprise-obligation .bloc-right {order: initial;}
    .page-entreprise-obligation .bloc-right .boutons-texte-image {display: block;}
    .page-qse-rse .rse-bloc {padding: 3rem;}
    .page-contact-map .container-bloc-carte-openstreetmap, .page-contact-map .container-bloc-carte-openstreetmap .carte-openstreetmap {height: 100% !important;}
    
}
@media (min-width: 900px) {
    .page-qse-texte-border .bloc-right:not(.bloc-texte) {padding-left: 5rem;}
    .page-qse-texte-border .bloc-left:not(.bloc-texte) {padding-right: 5rem;}
    .page-qse-texte-border .bloc-left:not(.bloc-texte) .bloc-image-contain {margin-left: auto;}
    .page-qse-rse .rse-bloc {column-gap: 10rem; padding: 4rem 8rem; }
    .page-qse-intro {margin-top: 10rem;}
    .page-qse-texte-border .bloc-left {border-right: 8px solid var(--couleur-secondaire);} 
    .page-qse-texte-border .bloc-text.bloc-left {padding-top: 0; padding-bottom: 0; padding-left: 0;}
    .page-qse-texte-border .bloc-text.bloc-right {padding-top: 0; padding-bottom: 0; padding-right: 0;}
    .page-qse-texte-border .bloc-image-contain {margin: 0;}
    .page-qse-texte-border .bloc-left.bloc-text {text-align: right;}

}


@media (min-width: 1000px) {
    .section-points-importants {overflow: visible; }
    .page-section-couleur h3 {font-size: 3.4rem;}
    .page-section-couleur .btn-cta {margin-top: 4rem !important;}
    .container-bloc-texte {padding: 0 !important;}
    .page-contact.formulaire-contact {max-width: 90rem;}
    .page-contact-map .col-map-infos {padding: 4rem 0 5rem 6rem;}

    .departement-section-prestations h2 {margin-bottom: 4rem;}
    .departement-section-prestations .col-prestation h3, .departement-section-prestations .col-prestation ul { margin-left: 3rem; margin-right: 3rem;}
    .departement-section-points.section-points-importants {max-width: 80rem; margin-top: 9rem; }
    .departement-section-intro {margin-top: 6rem;}
    .page-texte-large h4 {font-size: 2.6rem;}
    .section-mentions-legales {border-radius: var(--border-radius); padding: 4rem 6rem; margin-top: 9rem;}
    .container-bloc-texte.section-flex-row .bloc-texte-base h2 {text-align: right;}
    .container-bloc-texte.section-flex-row .bloc-texte-base {width: 40%; max-width: 40%; min-width: auto;}
    .page-historique-tableau h2 {margin-bottom: 4rem;}
    .page-qse-texte-border.container-bloc-texte-image {max-width: 90rem;}
    .breadcrumb {margin-top: 10rem;}
}







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

form input:not([type="submit"]):not([type="checkbox"]) {width: 100% !important;}
form input:not([type="submit"]), form textarea {border-block-start: 1px solid var(--couleur-principale-light) !important; border-block-end: 1px solid var(--couleur-principale-light) !important; border-inline-end: 1px solid var(--couleur-principale-light) !important; border-inline-start: 1px solid var(--couleur-principale-light) !important; padding: 1.5rem; box-shadow: none !important;}
form input:not([type="submit"])::placeholder, form textarea::placeholder {color: rgb(149, 149, 149) !important;}
form input:not([type="submit"]):focus-visible, form textarea:focus-visible {outline: 1px solid var(--couleur-secondaire-light);}
form input[type="submit"], .page-contact.formulaire-contact input[type="submit"] {background-color: var(--couleur-secondaire-dark) !important; border-radius: 2.5rem !important;}
form input[type="checkbox"]::before {color: var(--couleur-secondaire) !important;}

.page-contact.formulaire-contact .no-label label {display: none;}
.page-contact.formulaire-contact input:not([type="submit"]), .page-contact.formulaire-contact textarea {padding: 1.2rem !important; font-size: 1.5rem !important; border-radius: 5px !important;}
.page-contact.formulaire-contact .label-rgpd {margin-top: 3rem;}
.page-contact.formulaire-contact .label-rgpd .ginput_container {display: flex; align-items: center;}
.page-contact.formulaire-contact .label-rgpd input[type="checkbox"] {margin-top: 0; -webkit-appearance: auto; accent-color: var(--couleur-secondaire); }
.page-contact.formulaire-contact .label-rgpd label, .page-contact.formulaire-contact .label-rgpd label a {font-size: 1.3rem; font-weight: 300;}
.page-contact.formulaire-contact .label-rgpd .gfield_consent_description {background-color: #fff; border-radius: 5px !important;}
.page-contact.formulaire-contact .label-rgpd .gfield_consent_description a {font-size: inherit !important;}
.page-contact.formulaire-contact input[type="submit"] {color: #fff; border: none; padding: 1rem 2rem; cursor: pointer;}
.page-contact.formulaire-contact .joindre-cv {margin-top: 5.5rem;}
.page-contact.formulaire-contact .joindre-cv input[type="file"] {background-color: #fff; height: auto;}


@media (hover: hover) {
    form input[type="submit"]:hover, .page-contact.formulaire-contact input[type="submit"]:hover {background-color: var(--couleur-secondaire) !important;}
    }

/******************************/
/******** BLOCS THEME *********/
/******************************/

.bloc-accordeon-intro {margin-top: 0 !important;}
.bloc-accordeon-intro h2 {margin-top: 0;}

.page-qse-compteur .slider-carrousel-compteurs {justify-content: center;}
.page-qse-compteur .slick-carousel-compteurs .slick-slide p {font-size: 1.5rem; font-weight: 300;}
.page-qse-compteur .slick-carousel-compteurs .slick-slide {margin: 0 2rem;}

.home .bloc-carrousel-logo {margin-bottom: 0; padding-bottom: 5rem;}



@media (min-width: 768px) {
    .page-qse-compteur .section-carrousel-compteurs .slick-prev, .section-carrousel-compteurs .slick-next {display: none !important;}
}

@media (min-width: 900px) {
    .page-qse-compteur .section-carrousel-compteurs .slick-prev, .section-carrousel-compteurs .slick-next {display: block !important;}
}

@media (min-width: 1000px) {
    .home .bloc-carrousel-logo {padding-bottom: 10rem;}
}