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


/************************************************/
/**                                            **/
/**              TARTE AU CITRON               **/
/**                                            **/
/************************************************/


.tarteaucitronAlertBigTop::after {
    content: '' !important;
    background: url(/wp-content/uploads/2025/10/cookie-iwego.png) !important;
    height: 70px !important;
    width: 100px !important;
    position: absolute !important;
    right: 1.1em !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{display:none;}

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

/* Gestion responsive de la taille de police (mobile-first) */
html {
    font-size: 62.5%; /* Réduction pour mobile (équivaut à 8px au lieu de 10px) */
}


.menuright { width: 100%;}
.texte-manquant,.texte-manquant *{font-weight: bold;color:red !important;}

button {font-family: 'Lato', sans-serif;}

.btn-cta, .btn-secteur {padding: 1.2rem 2rem; font-weight: 600; text-decoration: none;}
.btn-cta:hover {box-shadow: inset 25em 0 0 0 var(--couleur-principale-light); color: var(--couleur-cta); background-color: #fff;}
.btn-cta::before, .btn-secteur::before {content: ">"; padding-right: .6rem; transition: all 250ms ease-in-out;}
.btn-cta::before {color: var(--couleur-focus);}
.btn-cta:hover::before {padding-left: .5rem; font-weight: 600;}


.btn-secteur {color: #fff; text-align: center; border-radius: var(--border-radius);}
.btn-secteur-light {color: var(--couleur-principale);}
.btn-secteur:hover {transform: scale(1.05);}
.secteur-etablissement-medico-social .btn-secteur {background-color:  var(--couleur-med-social); }
.secteur-etablissement-medico-social .btn-secteur-light {background-color:  var(--couleur-med-social-light); }
.secteur-equipe-officinale .btn-secteur {background-color:  var(--couleur-pharma); }
.secteur-equipe-officinale .btn-secteur-light {background-color:  var(--couleur-pharma-light); }
.secteur-entreprise-medicotechnique-psdm-psad .btn-secteur {background-color:  var(--couleur-med-tech); }
.secteur-entreprise-medicotechnique-psdm-psad .btn-secteur-light {background-color:  var(--couleur-med-tech-light); }

[class*='medico-social'] .btn-secteur-var::before {color:  var(--couleur-med-social); }
[class*='equipe-officinale'] .btn-secteur-var::before {color:  var(--couleur-pharma); }
[class*='medicotechnique']  .btn-secteur-var::before, [class*='psdm-psad']  .btn-secteur-var::before {color:  var(--couleur-med-tech); }

.equipe-officinale .btn-cta-color {background-color:  var(--couleur-pharma); }
.medico-social .btn-cta-color {background-color:  var(--couleur-med-social);}
.container-bloc-recherche-formation.recherche-formation-accueil .intro-bloc{flex: 1;}


.flex-row.section-btn-catalogue{gap: 1rem;margin: 0;max-width: none;}
.flex-row.section-btn-catalogue .btn-cta{padding: 1rem;font-size: 1.4rem;}

.btn-gutenberg a {background-color: var(--couleur-principale); font-size: 1.6rem;}
.btn-gutenberg a {padding: 1.2rem 2rem; font-weight: 600;}
.btn-gutenberg:hover a {box-shadow: inset 25em 0 0 0 var(--couleur-principale-light); color: var(--couleur-cta); background-color: #fff;}
.btn-gutenberg a::before {content: ">"; padding-right: .6rem; transition: all 250ms ease-in-out;}
.btn-gutenberg a::before {color: var(--couleur-focus);}
.btn-gutenberg a:hover::before {padding-left: .5rem; font-weight: 600;}

h2 strong {font-weight: 800;}

.breadcrumb>span {color: var(--couleur-principale);}
.breadcrumb .breadcrumb_last {color: var(--couleur-focus);}

p.fond-light {background-color: var(--couleur-principale-light); margin-left: auto; margin-right: auto; margin-top: 2rem; margin-bottom: 2rem; padding: 1rem 2rem; border-radius: var(--border-radius); }

.pagination {display: flex; column-gap: 1rem; justify-content: center;}
.pagination button {background-color: #fff; border: .1rem solid var(--couleur-principale-light); font-family: 'Lato', sans-serif; color: var(--couleur-form); height: 3.5rem; width: 3.5rem; transition: all 250ms ease-in-out;}
.pagination button.active {background-color: var(--couleur-principale-light); font-weight: 600;  color: var(--couleur-principale); }
.pagination button:not(.active):hover {border-color: var(--couleur-principale); color: var(--couleur-principale);}
.pagination .pagination-ellipsis {color: var(--couleur-form);}

body,#main-content,header#headermenu { transition: background-color 0.3s ease;}
body.mega-open,body.mega-open #main-content,body.mega-open header#headermenu {background-color: var(--couleur-principale-light); }


.flex-row{display: flex; justify-content: space-around; align-content:center;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-top-0 {margin-top: 0 !important;}
.container-bloc-compteurs.margin-top-0 .bloc-compteur { margin-top: 0 !important; padding-top:0 !important; }
.container-bloc-compteurs.margin-bottom-0 .bloc-compteur { margin-bottom: 0 !important; padding-bottom:0 !important; }


/* Gestion de l'espacement quand le header est sticky */
body.header-sticky {padding-top: 120px;}
body.topbar-stable {padding-top: 60px;}

/*.container-white{background-color: white;border-radius: var(--border-radius);padding: 5rem;}*/
h2 .underline,h1 .underline{    color: inherit; text-decoration: underline; font-weight: 600;}
span.underline {text-decoration: underline;}

.li-orange ul li::marker{color:var(--couleur-focus);}



@media(max-width: 768px) {
  br {display: none;}

}

@media screen and (min-width: 1000px) {
    p.fond-light {width: max-content;}

}



@media screen and (min-width: 1000px) {
  .pagination {margin-top: 5rem; justify-content: flex-end;}
  .max-width-800 {max-width: 80rem; margin-left: auto; margin-right: auto;}
}

@media screen and (min-width: 1600px) {
.large-container{max-width: 85%;}
}

@media screen and (min-width: 1800px) {
.large-container{max-width: 1600px;}
}





/******************************/
/******** SLICK SLIDER ********/
/******************************/


.slick-prev, .slick-next {opacity: 1;}
.bloc-fleche {display: none; column-gap: 3rem;}
.bloc-fleche .slick-next, .bloc-fleche .slick-prev {width: 100%; height: 100%; transform: none; text-decoration: none;}
.slick-prev::before, .slick-next::before {color: var(--couleur-principale); font-size: 3.5rem; transition: all 250ms ease-in-out; opacity: 1;}
.slick-next i, .bloc-fleche .slick-prev i {background-color: var(--couleur-principale); color: #fff; font-size: 2.2rem; border-radius: 50%; transition: all 250ms ease-in-out; display: flex; justify-content: center; align-items: center; width: 3.8rem; height: 3.8rem;}
.slick-prev:hover::before, .slick-next:hover::before {opacity: .7;}
.slick-prev:hover i, .slick-next:hover i {background-color: var(--couleur-principale-light); color: var(--couleur-principale);}

.single-secteur.entreprise-medicotechnique-psdm-psad .slick-prev:hover i, .single-secteur.entreprise-medicotechnique-psdm-psad .slick-next:hover i {background-color: var(--couleur-med-tech);}
.single-secteur.equipe-officinale .slick-prev:hover i, .single-secteur.equipe-officinale .slick-next:hover i {background-color: var(--couleur-pharma);}
.single-secteur.etablissement-medico-social .slick-prev:hover i, .single-secteur.etablissement-medico-social .slick-next:hover i {background-color: var(--couleur-med-social); color: var(--couleur-principale);}


@media (min-width: 900px) {
   .bloc-fleche {display: flex;}
}



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

.container-topbar {/*background-color: white;*/ display: none; transition: all 0.3s ease;}
.menuright {display: none;}
header#headermenu {background-color: #fff; transition: all 0.3s ease; position: relative; z-index: 1000; height: auto;}
header .theheader {margin: 0 auto; justify-content: space-between;display: flex; flex-direction: row;}
header .header-menu {padding: 1rem 0 2rem; transition: all 0.3s ease; min-height: 80px;}
header .main-menu>li.menu-item>a {padding: .8rem 1.5rem;font-weight: 600;font-size: 1.8rem; text-decoration: none;}
header nav .chevron-menu>a::before{content: "\f04b"; font-weight: 900; color: var(--couleur-principale); font-family: "Font Awesome 6 Free"; margin-right: .8rem; font-size: 1rem; vertical-align: middle; display: inline-block; transition: all 250ms ease-in-out;}
header nav .chevron-menu:hover>a::before{transform: rotate(90deg); color: #fff;}
header nav .main-menu>li {border-radius: var(--border-radius); transition: all 230ms ease-in-out;}
header nav .main-menu>li:hover {background-color: var(--couleur-principale);}
header nav .main-menu>li:hover>a {color: #fff !important;}
header nav .menu-item-has-children .sub-menu { margin-left: 0; padding-top: 2rem;}
header nav .menu-item-has-children .sub-menu li {background-color: white; padding-left: 1.1rem; width: 16rem;}
header nav .menu-item-has-children .sub-menu li a {position: relative; text-decoration: none;}
header nav .menu-item-has-children .sub-menu li:first-of-type { border-radius: var(--border-radius) var(--border-radius) 0 0; padding-top: 1rem;}
header nav .menu-item-has-children .sub-menu li:last-of-type { border-radius: 0 0 var(--border-radius) var(--border-radius); padding-bottom: 1rem;}
header nav .menu-item-has-children .sub-menu li:hover a::before {content: ''; width: .5rem; height: 1.7rem; background-color: var(--couleur-focus); margin-right: .5rem; position: absolute; top: calc(50% - .85rem); left: 0;}

/* États du header au scroll */
header#headermenu.sticky {position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}

header#headermenu.sticky .header-logo { transition: all 0.3s ease;}
.topbar-stable header#headermenu.sticky .header-logo {max-height: 5rem;}
header#headermenu.sticky .header-menu {padding: 1rem 0; transition: all 0.3s ease; min-height: auto;}
header#headermenu.sticky .mega-menu-content, header#headermenu.sticky .menu-item-has-children .sub-menu {padding-top: 1rem;}

/* Gestion du menu principal au scroll */
#menu-principal {transition: all 0.3s ease;}
#menu-principal.menu-hidden {opacity: 0; transform: translateY(-20px); pointer-events: none;}

/* Gestion du logo au scroll */
.logo-header {transition: all 0.3s ease; position: relative; min-height: 60px; display: flex; align-items: center; margin-top: 1rem;}
/*.logo-header.logo-compact {max-width: 8rem; max-height: 4rem;}*/
.logo-header img.header-logo {margin-left: auto; margin-right: auto; width: 8rem; height: auto; max-height: 100%;}

/* Gestion de l'apparition/disparition des logos */
.logo-header.logo-hidden {opacity: 0; pointer-events: none; }

.logo-topbar {opacity: 0; transform: translateY(-20px); pointer-events: none; transition: all 0.3s ease; max-width: 6rem; max-height: 3rem; margin-right: 2rem;}
.logo-topbar.logo-visible {opacity: 1; transform: translateY(0); pointer-events: auto;}

/* Ajuster la topbar pour le logo */
.container-topbar.topbar-compact {padding: 0.5rem 0; position: relative;}
.container-topbar.topbar-stable {position: fixed; top: 0; left: 0; right: 0; z-index: 1001;}

header .topbar-menu>div {justify-content: space-between;align-items: center;}
header .topbar-hidden{display: none; }
#menu-topbar .menu li:first-of-type a:hover, .nav-cta a:hover {background-color: transparent; color: var(--couleur-principale);}
#menu-topbar .menu li a:hover {font-weight: bold; }
#menu-topbar .menu li a {font-weight: 400; text-decoration: none;}
#menu-topbar .menu .menu-linkedin a{font-weight: 300;}
#menu-topbar .menu .menu-linkedin i{    color: white; background-color: var(--couleur-principale); padding: 0.6rem 0.7rem; border-radius: 50%; margin-left: 0.2rem;}
#menu-topbar .menu li + li::before { content: ''; display: inline-block; height: 1.5rem;  width: 0.1rem; background: var(--couleur-principale); margin-right: 1rem;}
#menu-topbar .menu li { position: relative; display: flex; align-items: center;padding: 0 1rem;}


/*.home .chevron-menu:nth-child(2) .mega-menu-content {display: block !important;}*/

.mega-menu-content {padding-top: 2rem; max-width: 800px; box-shadow: none; background-color: transparent; overflow: visible; position: absolute; left: 50%;transform: translateX(-50%); z-index: 1000;width: 100%;}
.mega-menu-content>div {background-color: white; border-radius: var(--border-radius); padding: 2.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;}
.mega-menu-content h3 {margin-top: 0;}
.mega-menu-content .container-bloc-menu-secteur .image-secteur {aspect-ratio: auto; height: 15rem;}
.mega-menu-content .image-secteur img {width: 100%;height: 100%; object-fit: cover;border-radius: var(--border-radius); aspect-ratio: auto;}
.mega-menu-content .container-bloc-menu-secteur {column-gap: 2rem; }
.mega-menu-content .container-bloc-menu-secteur .secteur-post {flex: 1; flex-direction: column; background-color: transparent;}

.mega-menu-content .container-bloc-menu-secteur h3.titre-secteur {font-size: 1.6rem; text-align: center; margin-top: 1.8rem;}
.mega-menu-content .container-bloc-menu-secteur h3 span {display: block; font-weight: 600; font-size: 1.6rem; }
.mega-menu-content .container-bloc-menu-secteur .infos-secteur {display: flex; height: inherit; flex-direction: column; flex: 1; padding: 0;}
.mega-menu-content .container-bloc-menu-secteur .btn-secteur {width: 100%; font-size: 1.5rem;}
.mega-menu-content .container-bloc-menu-secteur .btn-secteur:hover {background-color: var(--couleur-principale); color: #fff;}
.mega-menu-content .container-bloc-menu-secteur .btn-secteur:first-of-type {margin: auto 0 1rem;}
.mega-menu-content .container-bloc-menu-secteur .secteur-etablissement-medico-social h3 span {color: var(--couleur-med-social);}
.mega-menu-content .container-bloc-menu-secteur .secteur-entreprise-medicotechnique-psdm-psad h3 span {color: var(--couleur-med-tech);}
.mega-menu-content .container-bloc-menu-secteur .secteur-equipe-officinale h3 span {color: var(--couleur-pharma);}

.mega-menu-content .container-bloc-menu-metiers {background-color: var(--couleur-pharma); padding: 2rem 4.5rem; border-radius: var(--border-radius); flex-wrap: nowrap; align-items: center; column-gap: 3rem;}
.mega-menu-content .container-bloc-menu-metiers .btn-cta {background-color: #fff; color: var(--couleur-principale); width: max-content; height: max-content; flex: 1;}
.mega-menu-content .container-bloc-menu-metiers .btn-cta::before {color:  var(--couleur-pharma); }
.mega-menu-content .mega-menu-metier-left {height: max-content;}
.mega-menu-content .mega-menu-metier-left ul {flex-direction: column; margin-left: 0;}
.mega-menu-content .mega-menu-metier-left ul li {margin: .5rem 0;}
.mega-menu-content .mega-menu-metier-left ul li a {font-weight: 600; padding: .5rem;position: relative;padding-left: 1rem; text-decoration: none;}
.mega-menu-content .mega-menu-metier-left ul li a:hover::before {content: ''; width: .5rem; height: 1.7rem; background-color: var(--couleur-focus); margin-right: .5rem; position: absolute; top: calc(50% - .85rem); left: 0;}
.mega-menu-content h2.mega-menu-metier-titre {margin-top: 0; font-size: 3.2rem;}
.mega-menu-content .menu-metier-txt {flex: 1;}

.mega-menu-content .container-bloc-menu-secteur .secteur-post .btn-secteur-light {mix-blend-mode: normal;}
.mega-menu-content .container-bloc-menu-secteur .secteur-post .btn-secteur:hover {transform: none;}
header .main-menu {justify-content: flex-end; column-gap: 1rem;}
.mega-menu-metier .mega-menu-content {width: 500px;}
.mega-menu-metier{position: relative;}
@media (min-width: 768px) {
    #menu-topbar .menu a { padding: 1rem; }
}

/* Styles responsifs pour le header */

@media (max-width: 999px) {
	header .theheader{ justify-content: center}
    #menu-principal.menu-hidden {opacity: 1; transform: none; pointer-events: auto;}
    .logo-topbar { max-width: 5rem; max-height: 2.5rem;}
    header .header-menu {min-height: 60px;}
    header#headermenu.sticky .header-menu {min-height: 50px;}
    .logo-header {min-height: 50px;}
    body.header-sticky {padding-top: 100px;}
}

@media screen and (min-width: 1000px) {
	.menuright {display: block;}
    header .header-menu {margin-left: 4rem;margin-right: 4rem; justify-content: space-between; }
    .container-topbar {display: block;}
    .logo-header {width: auto;}
    .logo-header.logo-compact {width: auto;}
    .logo-header img.header-logo {margin-left: 0;}
    .logo-header img.header-logo  {max-height: 10rem; max-width: 20rem; width: auto;}
}


@media screen and (min-width: 1600px)  {
    header .header-menu,header .topbar-menu  { margin-left: auto; margin-right: auto; padding-right: .5rem; padding-left: .5rem;}
    .mega-menu-content .image-secteur img{  overflow: hidden; }    
}

@media screen and (min-width: 1000px) and (max-width: 1600px)  {
    .theheader.large-container{max-width: 90%;}
}

/******************************/
/************ FOOTER **********/
/******************************/
footer {background-color: white; margin-top: 5rem; padding-top: 0;}
footer a {text-decoration: none;}
.footer-arbo {row-gap: 3rem;}
footer .main-container{margin: auto;}

footer .main-container .footer-copyright ul{flex-direction: column; gap: .6rem;}
footer .main-container .footer-copyright ul li a {font-size: 1.4rem;font-weight: 400;}
footer .main-container .footer-copyright ul li a:hover {color: var(--couleur-focus);}
footer .main-container .menu-menu-footer-container #menu-menu-footer a {color: var(--couleur-principale);}
footer .main-container .menu-menu-footer-container #menu-menu-footer a:hover {color: var(--couleur-focus);}

footer .main-container .menu-menu-footer-container #menu-menu-footer {display: flex;flex-direction: column; row-gap: 2rem;}
footer .main-container .menu-menu-footer-container #menu-menu-footer > li{display: flex;}
footer .main-container .menu-menu-footer-container #menu-menu-footer > li > a {font-weight: 700; font-size: 1.5rem; width: 30%;}
footer .main-container .menu-menu-footer-container #menu-menu-footer .sub-menu {display: flex; column-gap: 1.5rem; flex-wrap: wrap; flex: 1;}
footer .main-container .menu-menu-footer-container #menu-menu-footer .sub-menu li a {font-size: 1.4rem; font-weight: 400;}
footer .main-container .footer-col-logo {flex-direction: column;}
footer .main-container .footer-col-logo img {max-width: 10rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto;}
footer .main-container .footer-col-logo p {font-size: 1.5rem; margin: .5rem 0;}

footer .main-container .complement-footer {display: flex; column-gap: 5rem; row-gap: 1rem; margin-top: 2rem; flex-wrap: wrap;}
footer .footer-col-right {flex: 1;}
footer .complement-col-right, footer .complement-col-left {flex: 1;}
footer .complement-col-right p, footer .complement-col-left p {font-size: 1.4rem;}

footer .complement-col-right img {max-height: 5rem; width: auto;}
footer .complement-col-left img.qualiopi {max-height: 11rem; width: auto;}
footer .complement-col-left .imgfooterline {display: flex; justify-content: space-between;}
footer .complement-col-left .imgfooterline img {height: 50px; width: autp;}
.hamburger-box {width: 2.4rem;height: 1.8rem;}
.hamburger-box.active .line:nth-child(1){transform: translateY(5px) rotate(45deg);}
.hamburger-box .line {background-color: #fff;}
.footer-devis-button {padding: .2rem;}
.container-footer-mobile-bottom i {font-size: 2rem;}
.container-footer-mobile-bottom i{padding: 0;}

.footer-mobile {background-color: var(--couleur-principale-light);}
.footer-mobile .menu .sub-menu {transform: none; margin-left: 0; background-color: #fff; opacity: 1;}
.footer-mobile .menu .sub-menu li {padding: 0.5rem 0;}

.footer-mobile .footer-col ul li{padding: 1.5rem 0;}

.container-footer-mobile-bottom{    z-index: 999999;}

/* Icônes du footer mobile */
.footer-mobile-col.panier-footer,
.footer-mobile-col.espace-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-mobile-col.panier-footer .footer-devis-button,
.footer-mobile-col.espace-footer .footer-devis-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-mobile-col.panier-footer .footer-devis-button:hover,
.footer-mobile-col.espace-footer .footer-devis-button:hover {
    transform: scale(1.1);
    background-color: var(--couleur-principale);
}

.footer-mobile{z-index: 9999;}


.footer-mobile-bottom {
    justify-content: center;
    gap: 5rem;
    padding: 2rem;
}

/* Amélioration des animations des sous-menus mobiles */
.footer-mobile-menu .sub-menu {
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: top;
    opacity: 0;
    max-height: 0;
}

.footer-mobile-menu .sub-menu.submenu-closed {
    opacity: 0;
    max-height: 0;
    transform: scaleY(0);
}

.footer-mobile-menu li.open > .sub-menu {
    opacity: 1;
    max-height: 500px;
    transform: scaleY(1);
}

/* Animation de l'icône de toggle */
.footer-mobile-menu .submenu-toggle i {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center;
}

.footer-mobile-menu li.open .submenu-toggle i {
    transform: rotate(90deg);
}

/* Effet de surbrillance sur les éléments de menu */
.footer-mobile-menu .menu-item > a {
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.footer-mobile-menu .menu-item > a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.footer-mobile-menu .menu-item > a:hover::before {
    left: 100%;
}

/* Animation d'apparition des sous-menus */
.footer-mobile-menu .sub-menu li {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.3s ease;
    transition-delay: 0.1s;
}

.footer-mobile-menu li.open .sub-menu li {
    opacity: 1;
    transform: translateX(0);
}

/* Délai progressif pour chaque élément de sous-menu */
.footer-mobile-menu .sub-menu li:nth-child(1) { transition-delay: 0.1s; }
.footer-mobile-menu .sub-menu li:nth-child(2) { transition-delay: 0.15s; }
.footer-mobile-menu .sub-menu li:nth-child(3) { transition-delay: 0.2s; }
.footer-mobile-menu .sub-menu li:nth-child(4) { transition-delay: 0.25s; }
.footer-mobile-menu .sub-menu li:nth-child(5) { transition-delay: 0.3s; }

/* Effet de focus pour l'accessibilité */
.footer-mobile-menu .submenu-toggle:focus {
    outline: 2px solid var(--couleur-focus);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Optimisation de l'espacement du menu footer mobile */
.footer-mobile .menu > li > a {
    padding: 0.8rem 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
}

.footer-mobile .menu .sub-menu {
    padding: 0.5rem 0;
}

.footer-mobile .menu .sub-menu li a {
    padding: 0.4rem 1.5rem;
    font-size: 1.3rem;
    line-height: 1.2;
}

/* Réduire l'espacement entre les éléments principaux */
.footer-mobile .menu > li {
    margin-bottom: 0.2rem;
}

/* Optimiser l'espacement des sous-menus ouverts */
.footer-mobile .menu .sub-menu li {
    margin-bottom: 0.1rem;
}

/* Ajuster la hauteur minimale pour économiser l'espace */
.footer-mobile .menu-item > a {
    min-height: auto;
    display: flex;
    align-items: center;
}


@media (min-width: 1000px) {
    footer {padding-top: 3rem;}
    .footer-arbo { column-gap: 5rem; flex: 1;row-gap: 0;}
    footer .main-container .menu-menu-footer-container #menu-menu-footer > li > a {font-size: 1.6rem; width: 12rem;}
    footer .main-container .footer-col-logo {width: 20%;}
    footer .main-container .footer-col-logo img {max-width: 20rem; margin-bottom: 1.5rem;  margin-left: 0;}
    footer .complement-col-right p:last-of-type, footer .complement-col-left p:last-of-type {margin-bottom: 0;}
    footer .main-container .menu-menu-footer-container #menu-menu-footer .sub-menu {column-gap: 5rem;}
    .footer-desktop {padding: 3rem 4rem;}
}

/******************************/
/************ CATALOGUE **********/
/******************************/

.page-id-925 #main-content{background-color: var(--couleur-principale-light);}



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



input[type="text"] {display: inline-block; border-radius: var(--border-radius);  border-width: .2rem; border-style: solid; border-color: var(--couleur-form); padding: 1.2rem 2rem;  width: 100%; font-size: 1.6rem; background-color: #fff;}
input[type="text"]:focus-visible {outline-color: var(--couleur-principale);}

.bloc-formulaire-contact form {display: flex; flex-wrap: wrap;}
.bloc-formulaire-contact form select {width: 100%;}
.bloc-formulaire-contact form input[type="email"], form input[type="tel"], form textarea, form input[type="text"], form select  {font-weight: 500; border-top: 0; border-left: 0; border-right: 0; border-bottom: .1rem solid var(--couleur-form); border-radius: 0; color: var(--couleur-form); padding: 0 0 .5rem; font-family: 'Lato', sans-serif; font-size: 1.6rem; width: 100%;}
.bloc-formulaire-contact form textarea {width: 100%; padding-left: 0 !important; padding-right: 0 !important; height: 12rem;}
.bloc-formulaire-contact form ::placeholder, form label span {color: var(--couleur-form);}
.bloc-formulaire-contact form input[type="email"]:focus-visible, form input[type="tel"]:focus-visible, form textarea:focus-visible {outline-color: var(--couleur-principale);}
.bloc-formulaire-contact form .form-row {width: 100%;}
.bloc-formulaire-contact form .form-row.flex-container {column-gap: 1.5rem; flex-wrap: wrap;}
.bloc-formulaire-contact form .input-checkbox span {margin-left: 0;}
.bloc-formulaire-contact input[type="submit"] { cursor: pointer; border-radius: var(--border-radius); background-color: var(--couleur-focus); color: #fff; border: none; padding: 1rem 3rem; font-size: 1.6rem; transition: all 250ms ease-in-out; margin-top: 3rem;}
.bloc-formulaire-contact input[type="submit"]:hover {transform: scale(1.05);}
.bloc-formulaire-contact form .form-row .form-column-50 {width: 100%;}

.bloc-formulaire-contact form input[type="file"] { font-family: 'Lato', sans-serif; font-size: 1.4rem;color: var(--couleur-form); border: .1rem dashed var(--couleur-form);padding: 1rem; width: 100%; cursor: pointer; background-color: #fafafa; transition: all 250ms ease-in-out; margin-top: 1rem; }
  .bloc-formulaire-contact form input[type="file"]::file-selector-button { background: var(--couleur-focus);color: #fff; padding: 0.8rem 2rem; border-radius: var(--border-radius); font-weight: 500;border: none; cursor: pointer;transition: all 250ms ease-in-out; margin-right: 1rem; font-family: 'Lato', sans-serif;font-size: 1.4rem; }
  .bloc-formulaire-contact form input[type="file"]:hover { background-color: #f0f0f0; border-color: var(--couleur-principale);}
  .bloc-formulaire-contact form input[type="file"]::file-selector-button:hover { background: var(--couleur-principale); transform: scale(1.05); }
  .bloc-formulaire-contact form input[type="file"]:focus-visible {  outline: none; border-color: var(--couleur-principale); background-color: #fff;  }
  
  

form select {background-color: #fff;}

input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], select  {-webkit-appearance: none;}

.single-secteur .bloc-formulaire-contact form input, .single-secteur .bloc-formulaire-contact form textarea, .single-secteur .bloc-formulaire-contact form select {background-color: transparent; color: var(--couleur-principale);}
.single-secteur .bloc-formulaire-contact form ::placeholder, .single-secteur .bloc-formulaire-contact  form label span {color: var(--couleur-principale);}
.single-secteur.entreprise-medicotechnique-psdm-psad .bloc-formulaire-contact input[type="submit"]{background-color: var(--couleur-med-tech); }
.single-secteur.equipe-officinale .bloc-formulaire-contact input[type="submit"]{background-color: var(--couleur-pharma); }
.single-secteur.etablissement-medico-social .bloc-formulaire-contact input[type="submit"]{background-color: var(--couleur-med-social); color: #fff }
 
.single-secteur .bloc-carrousel-partenaires {padding-top: 1.5rem;}


@media screen and (min-width: 768px)  {
    .bloc-formulaire-contact input[type="text"] {max-width: 55rem;}
    .bloc-formulaire-contact form .form-row .form-column-50 {width: calc(50% - .75rem);}
}

@media screen and (min-width: 1200px)  {
    .bloc-formulaire-contact form {width: 80rem; margin: 4rem auto 0;}
}



/**************************************/
/****** SECTEUR MEDICOTECHNIQUE *******/
/**************************************/

.entreprise-medicotechnique-psdm-psad .breadcrumb .breadcrumb_last {color: var(--couleur-med-tech);}
body.entreprise-medicotechnique-psdm-psad, body.entreprise-medicotechnique-psdm-psad #main-content, body.entreprise-medicotechnique-psdm-psad header#headermenu {background-color: var(--couleur-med-tech-light); }
.entreprise-medicotechnique-psdm-psad h2 strong{color: var(--couleur-med-tech);}



/**************************************/
/***** SECTEUR EQUIPE OFFICINALE ******/
/**************************************/

.equipe-officinale .breadcrumb .breadcrumb_last {color: var(--couleur-pharma);}
body.equipe-officinale,body.equipe-officinale #main-content, body.equipe-officinale header#headermenu {background-color: var(--couleur-pharma-light); }
.equipe-officinale h2 strong {color: var(--couleur-pharma);}



/**************************************/
/******* SECTEUR MEDICO-SOCIAL ********/
/**************************************/

.etablissement-medico-social .breadcrumb .breadcrumb_last {color: var(--couleur-med-social);}
body.etablissement-medico-social, body.etablissement-medico-social #main-content, body.etablissement-medico-social header#headermenu {background-color: var(--couleur-med-social-light); }
.etablissement-medico-social h2 strong {color: var(--couleur-med-social);}



/**************************************/
/********** SINGLE FORMATION **********/
/**************************************/

.single-formation .accordion-header { display: flex; justify-content: space-between; align-items: center;cursor: pointer; margin-bottom: 1rem;}
.single-formation .accordion-toggle { background: none; border: none;    cursor: pointer;}
.single-formation .accordion-content {display: none;padding: 1em; transition: all 300ms ease-in-out;}
.single-formation .accordion-item.active .accordion-content {display: block;}
.single-formation .accordion-item.active .accordion-toggle { content: "–";}
.single-formation .btn-voir-plus { background: transparent; border: none; text-align: left; padding: 0; font-size: 1.4rem; font-style: italic; margin: .5rem 0; font-weight: 600;}
.single-formation .btn-voir-plus::before {content: '>'; display: inline-block; color: inherit; padding-right: .5rem;}

.single-formation .contenu-article {flex-wrap: wrap;}
.single-formation .col-left {flex: 1;}
.single-formation .col-left h1 {text-align: left; font-weight: 800; margin-bottom: 3rem;}
.single-formation .col-right {width: 100%; position: relative; margin-top: 4rem;}
.single-formation .col-right .content-col-right {background-color: var(--couleur-pharma); border-radius: var(--border-radius); padding: 2rem;}
.single-formation .col-right .tr:not(.bloc-infos-module.tr) {align-items: center;}
.single-formation .col-right .tr, .single-formation .col-right .info-item {column-gap: 2rem;}
.single-formation .col-right p.th {font-weight: 700; margin: .8rem 0;}
.single-formation .col-right p.th , .single-formation .col-right .info-item .th-img {width: 40%;}
.single-formation .col-right p.td, .single-formation .col-right .td {flex: 1; margin: .8rem 0; font-size: 1.5rem;}
.single-formation .col-right .tr-tarif p.td {font-size: 2.3rem; font-weight: 800; }
.single-formation .col-right .tr-public p {margin-top: 0; margin-bottom: .5rem; font-size: inherit;}
.single-formation .col-right .bloc-infos-module {flex-direction: column;}
.single-formation .col-right .info-item {margin-bottom: .6rem;}
.single-formation .col-right .info-item img {max-width: 3rem; max-height: 3rem;}
.single-formation .col-right .info-item, .single-formation .col-right .tr-satisfaction {align-items: center;}
.single-formation .col-right .info-item .tr-dates {flex-direction: column; flex: 1;}
.single-formation .col-right .info-item .td-date {font-size: 1.4rem; margin: .5rem 0;}
.single-formation .col-right .link-formations {margin-top: 4rem; text-decoration: underline;}
.single-formation .col-right .link-formations::before {content: '>'; display: inline-block; color: var(--couleur-focus); padding-right: .5rem; text-decoration: none; transition: inherit;}
.single-formation .col-right .link-formations:hover::before {padding-right: .8rem; padding-left: .4rem;}

.single-formation .col-right .btn-cta {width: 100%;}
.single-formation .col-right .btn-cta::before {color: inherit;}
.single-formation .col-right .btn-border {margin-bottom: 1rem; background-color: transparent; border: .2rem var(--couleur-principale) solid; color: var(--couleur-principale); margin-top: 1.5rem;}
.single-formation .col-right .btn-voir-plus {color: var(--couleur-principale);}
.single-formation .col-left .accordeon-toggle {border-bottom: none; padding: 1.5rem 1rem; font-weight: 700; font-size: 1.6rem; position: relative; cursor: pointer;}
.single-formation .col-left .accordeon-toggle:after {content: ' +'; float: right; color: var(--couleur-principale); font-size: 2.2rem; line-height: 1;}
.single-formation .col-left .accordeon-toggle.active:after {content: ' -' !important;}
.single-formation .col-left .accordeon-toggle .numero-question {display: none;}
.single-formation .col-left .accordeon-section {margin-bottom: 1rem;}
.single-formation .col-left .accordeon-content {padding-left: 1rem; padding-top: 1rem; }
.single-formation .col-left .accordeon-content p{margin: 0;}
.accordion-module * {color: var(--couleur-principale);}


.single-formation .formulaire-inscription {background-color: var(--couleur-principale); border-radius: var(--border-radius); padding: 2rem; margin: 5rem 0;}
.single-formation .formulaire-inscription h3 {font-weight: 700; max-width: max-content; padding: .5rem 1rem;}
.single-formation .formulaire-inscription fieldset {border: none; padding-left: 0; padding-right: 0; margin-bottom: 2rem; margin-left: 0;}
.single-formation .formulaire-inscription fieldset .js-toggle-sessions{margin-top:1rem;}
.single-formation .formulaire-inscription fieldset legend {color: #fff; margin-bottom: 1rem;}
.single-formation .formulaire-inscription fieldset .checkbox-session {font-size: 1.5rem; max-width: max-content; padding: .3rem 1rem .3rem 0; padding-bottom: .5rem; }
.single-formation .formulaire-inscription fieldset .checkbox-session label {color: #fff;}
.single-formation .formulaire-inscription fieldset .radio-session {background-color: #fff; border-radius: var(--border-radius); margin: 1rem 0; padding: 1rem; width: 100%; cursor: pointer;}
.single-formation .formulaire-inscription fieldset .radio-session label {color: var(--couleur-principale);}
.single-formation .formulaire-inscription .btn-cta {border: none; background-color: var(--couleur-pharma); color: var(--couleur-principale);}
.single-formation .formulaire-inscription fieldset input, .single-formation .formulaire-inscription fieldset label { cursor: pointer;}
.single-formation .formulaire-inscription .form-infos {margin-top: 4rem;}
.single-formation .formulaire-inscription .form-infos p {font-style: italic; font-size: 1.5rem; color: #fff;}
.single-formation .formulaire-inscription .btn-cta::before {color: var(--couleur-principale);}
.single-formation .formulaire-inscription .btn-voir-plus {color: #fff;}
.single-formation .col-right button.btn-cta {border:0; margin-bottom: 1rem; margin-top: 1rem;}


.single-formation.entreprises-medicotechniques, .single-formation.psdm-ps {background-color: var(--couleur-med-tech-light);}
.single-formation.entreprises-medicotechniques .col-right .content-col-right, .single-formation.psdm-ps .col-right .content-col-right {background-color: var(--couleur-med-tech);}
.single-formation.entreprises-medicotechniques .col-left .accordeon-toggle, .single-formation.psdm-ps .col-left .accordeon-toggle  {background-color: var(--couleur-med-tech);}
.single-formation.entreprises-medicotechniques .breadcrumb .breadcrumb_last, .single-formation.psdm-ps .breadcrumb .breadcrumb_last  {color: var(--couleur-med-tech);}
.single-formation.entreprises-medicotechniques .formulaire-inscription .btn-cta, .single-formation.psdm-ps .formulaire-inscription .btn-cta {background-color: var(--couleur-med-tech);}
.single-formation.entreprises-medicotechniques .formulaire-inscription h3, .single-formation.psdm-ps .formulaire-inscription h3,.single-formation .formulaire-inscription h3 {background-color: var(--couleur-med-tech);}


.single-formation.equipe-officinale {background-color: var(--couleur-pharma-light);}
.single-formation.equipe-officinale .col-right .content-col-right {background-color: var(--couleur-pharma);}
.single-formation.equipe-officinale .col-left .accordeon-toggle {background-color: var(--couleur-pharma); border-bottom: none; padding: 1.5rem 1rem; font-weight: 700; font-size: 1.6rem;}
.single-formation.equipe-officinale .breadcrumb .breadcrumb_last, .single-formation.psdm-ps .breadcrumb .breadcrumb_last  {color: var(--couleur-pharma);}
.single-formation.equipe-officinale .formulaire-inscription .btn-cta {background-color: var(--couleur-pharma);}
.single-formation.equipe-officinale .formulaire-inscription h3 {background-color: var(--couleur-pharma);}
.single-formation.equipe-officinale .breadcrumb .breadcrumb_last, .single-formation.psdm-ps .breadcrumb .breadcrumb_last {color: var(--couleur-pharma);}
.single-formation.equipe-officinale .formulaire-inscription .btn-cta {background-color: var(--couleur-pharma);}


.single-formation.medico-social {background-color: var(--couleur-med-social-light);}
.single-formation.medico-social .col-right .content-col-right {background-color: var(--couleur-med-social);}
.single-formation.medico-social .col-right .content-col-right p {color: #fff;}
.single-formation.medico-social .col-right .content-col-right img {filter: brightness(100);}
.single-formation.medico-social .col-left .accordeon-toggle {background-color: var(--couleur-med-social); color: #fff;}
.single-formation.medico-social .breadcrumb .breadcrumb_last, .single-formation.psdm-ps .breadcrumb .breadcrumb_last  {color: var(--couleur-med-social);}
.single-formation.medico-social .formulaire-inscription .btn-cta {background-color: var(--couleur-med-social); color: #fff;}
.single-formation.medico-social .formulaire-inscription .btn-cta:hover {color: var(--couleur-principale);} 
.single-formation.medico-social .formulaire-inscription h3 {background-color: var(--couleur-med-social); color: #fff;}
.single-formation.medico-social .col-right .btn-voir-plus {color: #fff;}

.single-formation .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-appearance: auto; margin-bottom: 1rem; }
.single-formation .form-group label, .single-formation .formulaire-inscription, .single-formation .formulaire-inscription a, .single-formation .formulaire-inscription p{ color: white; }

@media screen and (min-width: 768px)  {
    .single-formation .contenu-article {column-gap: 7rem; margin-top: 7rem;}
    .single-formation .col-right {width: calc(40% - 3.5rem); margin-top: 0;}
    .single-formation .col-left h1 {margin-bottom: 5rem;}
    .single-formation .col-left .accordion-header span {font-size: 2rem;}
    .single-formation .col-right .sticky-col-right {position: sticky; top: 17rem;}
    .single-formation .col-right .content-col-right {padding: 2rem 2.5rem;}
    .single-formation .col-right .btn-cta {margin-left: auto; font-size: 1.5rem; width: calc(100% - 25%);}
    .single-formation .col-right .btn-voir-plus.js-toggle-sessions {margin-left: 0;;}
    .single-formation .formulaire-inscription {padding: 2rem 3.5rem;}
    .single-formation .formulaire-inscription h3 {font-size: 2rem;}
    .single-formation .formulaire-inscription fieldset .radio-session {width: 40rem;}
    .single-formation .col-right .info-item .th-img, .single-formation .col-right p.th {width: 33%;}
    .single-formation .col-right .tr, .single-formation .col-right .info-item {column-gap: 4rem;}
    .single-formation .formulaire-inscription fieldset .checkbox-session {max-width: max-content; }
    .single-formation .col-left .accordeon-toggle {font-size: 1.8rem;}
}




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


.blog .latest-post {text-decoration: none;}
.blog .latest-post .latest-post-right {border-radius: var(--border-radius); background-image: url(/wp-content/themes/iwego-child/images/logo_formadia-blanc.svg); background-repeat: no-repeat; background-color: var(--couleur-principale); background-size: 15rem; background-position: center; transition: inherit;}
.blog .latest-post .category, .blog .element-item .category {background-color: var(--couleur-focus); border-radius: var(--border-radius); color: #fff; }
.blog .latest-post:hover .latest-post-right {background-size: 16rem;}
.blog .element-item {border-radius: var(--border-radius); background-color: var(--couleur-principale-light); text-decoration: none;}
.blog .element-item .post-thumbnail {background-color: var(--couleur-principale); background-image: url(/wp-content/themes/iwego-child/images/logo_formadia-blanc.svg); background-repeat: no-repeat; background-color: var(--couleur-principale); background-size: 15rem; background-position: center; transition: inherit;}
.blog .element-item:hover .post-thumbnail {background-size: 16rem;}
.blog .bloc-filtre-cas .btn-filtre-cas {background-color: var(--couleur-principale-light); border-radius: var(--border-radius);}
.blog .bloc-filtre-cas .btn-filtre-cas:hover {background-color: var(--couleur-principale); color: #fff;}
.blog .bloc-filtre-cas .btn-filtre-cas.is-checked {background-color: var(--couleur-focus); color: #fff;}

.single .articles-complementaires {margin-top: 4rem;}
.single .articles-complementaires .article-complementaire {background-color: var(--couleur-principale-light); overflow: hidden; border-radius: var(--border-radius); padding: 0;  justify-content: start; min-height: auto; text-decoration: none;}
.single .articles-complementaires .article-complementaire .article-complementaire-img {height: 12rem; overflow: hidden; background-image: url(/wp-content/themes/iwego-child/images/logo_formadia-blanc.svg); background-repeat: no-repeat; background-color: var(--couleur-principale); background-size: 15rem; background-position: center; transition: all 230ms ease-in-out;} 
.single .articles-complementaires .article-complementaire .article-complementaire-img img {height: 100%; object-fit: cover; transition: all 230ms ease-in-out;}
.single .articles-complementaires .article-complementaire h3 {padding: 2rem; margin-bottom: 0; margin-top: 0;}
.single .articles-complementaires .article-complementaire:hover {transform: scale(1.02);}
.single .articles-complementaires .article-complementaire:hover img {transform: scale(1.05);}
.single .articles-complementaires .article-complementaire:hover .article-complementaire-img {background-size: 16rem;}


.single .single-post-division .page-content {background-color: var(--couleur-principale-light); border-radius: var(--border-radius);}


@media screen and (min-width: 768px)  {
.latest-post .latest-post-left {padding: 0;}
.latest-post .latest-post-left, .latest-post-right {flex: 1;}
}


@media screen and (min-width: 1000px)  {
.blog .latest-post {column-gap: 8rem;}
.single .articles-complementaires .article-complementaire h3 {padding: 2.5rem;}
.single .articles-complementaires .article-complementaire .article-complementaire-img {height: 15rem;}
.blog .blog-title {max-width: 90rem; margin-left: auto; margin-right: auto;}
.single .single-post-division .post-detail {max-width: 70rem; margin-left: auto; margin-right: auto;}
.single .articles-complementaires {margin-top: 6rem;}
}

@media screen and (min-width: 1200px)  {
.blog .latest-post .category,  .blog .element-item .category {background-color: #FEF2EA;  color: var(--couleur-principale);}
.blog .latest-post:hover .category,  .blog .element-item:hover .category {background-color: var(--couleur-focus); color: #fff;}
.blog .blog-title {margin-bottom: 6.5rem;}
}









/**************************************/
/*********** SINGLE CONSEIL ***********/
/**************************************/

.repeteur-objectifs-row iframe {min-height: 15rem; height: 15rem;}
.single-conseil .objectif-conseil, .single-conseil .objectif-conseil p{font-size: 2.6rem;}
.single-conseil {background-color: var(--couleur-principale-light);}
.single-conseil .contenu-article {flex-wrap: wrap;}
.single-conseil .col-left {flex: 1;}
.single-conseil .col-left h1 {text-align: left; font-weight: 800; margin-bottom: 3rem;}
.single-conseil .col-right {width: 100%; position: relative; margin-top: 4rem;}
.single-conseil .col-right .sticky-col-right {background-color: var(--couleur-principale); border-radius: var(--border-radius); overflow: hidden;}
.single-conseil .col-right .content-col-right { padding: 2rem;}
.single-conseil .col-right .tr:not(.bloc-infos-module.tr) {align-items: center;}
.single-conseil .col-right .tr, .single-formation .col-right .info-item {column-gap: 2rem;}
.single-conseil .col-right .tr p {color: #fff;}
.single-conseil .col-right p.th {font-weight: 700; margin: .8rem 0; color: #fff;}
.single-conseil .col-right p.th , .single-formation .col-right .info-item .th-img {width: 40%;}
.single-conseil .col-right .td {flex: 1; margin: .8rem 0; font-size: 1.5rem;}
.single-conseil .col-right .tr-tarif p.td {font-size: 2.3rem; font-weight: 800; }
.single-conseil .col-right .tr-public p, .single-conseil .col-right .tr-modalites p {margin-top: 0; margin-bottom: .5rem; font-size: inherit;}
.single-conseil .col-right .bloc-infos-module {flex-direction: column;}
.single-conseil .col-right .bloc-infos-module * {color: #fff;}
.single-conseil .col-right .info-item {margin-bottom: .6rem;}
.single-conseil .col-right .info-item img {max-width: 3rem; max-height: 3rem;}
.single-conseil .col-right .info-item, .single-conseil .col-right .tr-satisfaction {align-items: center;}
.single-conseil .col-right .info-item .tr-dates {flex-direction: column; flex: 1;}
.single-conseil .col-right .info-item .td-date {font-size: 1.4rem; margin: .5rem 0;}

.single-conseil .col-right .btn-cta {width: 100%;}
.single-conseil .col-right .btn-cta::before {color: inherit;}
.single-conseil .col-right .btn-border {margin-bottom: 1rem; background-color: transparent; border: .2rem var(--couleur-principale) solid; color: var(--couleur-principale); margin-top: 1.5rem;}
.single-conseil .col-right .btn-voir-plus {color: var(--couleur-principale);}
.single-conseil .col-right button.btn-cta, .single-conseil .col-right a.btn-cta {border:0; margin-bottom: 1rem; margin-top: 2rem; background-color: #fff; color: var(--couleur-principale);}


.single-conseil .col-left .accordeon-toggle {border-bottom: none; padding: 1.5rem 1rem; font-weight: 700; font-size: 1.6rem; background-color: #fff; color: var(--couleur-principale); position: relative; cursor: pointer;}
.single-conseil .col-left .accordeon-toggle:after {content: ' +'; float: right; color: var(--couleur-principale); font-size: 2.2rem; line-height: 1;}
.single-conseil .col-left .accordeon-toggle.active:after {content: ' -' !important;}
.single-conseil .col-left .accordeon-toggle .numero-question {display: none;}
.single-conseil .col-left .accordeon-section {margin-bottom: 1rem;}
.single-conseil .col-left .accordeon-content {padding-left: 1rem; padding-top: 1rem; }
.single-conseil .col-left .accordeon-content p{margin: 0;}

.single-conseil .bloc-formulaire-contact form input[type="email"], .single-conseil form input[type="tel"], .single-conseil form textarea, .single-conseil form input[type="text"], .single-conseil form select  { color: var(--couleur-principale); border-color: var(--couleur-principale);}
.single-conseil .bloc-formulaire-contact form ::placeholder, .single-conseil form label span {color: var(--couleur-principale);}

.single-conseil .single-conseil-contact {background-color: #fff; border-radius: var(--border-radius); padding: 2rem; width: 100%;}
.single-conseil .single-conseil-contact h2 {text-align: center; margin-left: auto; margin-right: auto;}
.single-conseil .single-conseil-contact .conseil-contact-intro {max-width: 70rem;  margin-left: auto; margin-right: auto;}

@media screen and (min-width: 768px)  {
    .single-conseil .contenu-article {column-gap: 7rem; margin-top: 7rem;}
    .single-conseil .col-right {width: calc(40% - 3.5rem); margin-top: 0;}
    .single-conseil .col-left h1 {margin-bottom: 5rem;}
    .single-conseil .col-left .accordion-header span {font-size: 2rem;}
    .single-conseil .col-right .sticky-col-right {position: sticky; top: 17rem;}
    .single-conseil .col-right .content-col-right {padding: 2rem 2.5rem;}
    .single-conseil .col-right .btn-cta {margin-left: auto; margin-right: auto; font-size: 1.5rem; width: calc(100% - 25%);}
    .single-conseil .col-right .btn-voir-plus.js-toggle-sessions {margin-left: 0;;}
    .single-conseil .formulaire-inscription {padding: 2rem 3.5rem;}
    .single-conseil .formulaire-inscription h3 {font-size: 2rem;}
    .single-conseil .formulaire-inscription fieldset .radio-session {width: 40rem;}
    .single-conseil .col-right .info-item .th-img, .single-conseil .col-right p.th {width: 33%;}
    .single-conseil .col-right .tr, .single-conseil .col-right .info-item {column-gap: 4rem;}
    .single-conseil .formulaire-inscription fieldset .checkbox-session {max-width: max-content; }
    .single-conseil .col-left .accordeon-toggle {font-size: 1.8rem;}
}

@media screen and (min-width: 1200px)  {
.single-conseil .single-conseil-contact {padding: 6rem;}
}


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

.section-peps .img-peps img {max-height: 25rem;  width: auto;}

.section-contact .bloc-formulaire-contact form {max-width: 100%;}
.section-contact h1 {margin-top: 0;}

.container-bloc-carte-openstreetmap .carte-openstreetmap {max-height: 40rem;}

.section-nos-metiers .columns-nos-metiers {max-width: 90rem; margin-left: auto; margin-right: auto;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers {border-radius: var(--border-radius); background-color: var(--couleur-principale-light); overflow: hidden; transition: all 230ms ease-in-out;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers:hover {transform: scale(1.05);}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers figure a {height: 16rem; overflow: hidden;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers img {height: 100%; object-fit: cover; transition: all 230ms ease-in-out;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers figure a:hover img {transform: scale(1.03);}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers .btn-gutenberg {margin-bottom: 2rem; min-width: 25rem;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers .btn-gutenberg a {margin-left: auto; margin-right: auto;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers .btn-gutenberg:hover a { box-shadow: inset 25em 0 0 0 var(--couleur-focus);}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers .btn-gutenberg:hover a::before {color: var(--couleur-principale-light);}

.mentions-legales .btn-gutenberg a {margin-top: 3rem;}

.bloc-missions-conseil {column-gap: 5rem;}
.bloc-missions-conseil .missions-conseil-right {background-color: var(--couleur-principale-light); border-radius: var(--border-radius); padding: 2rem;}
.bloc-missions-conseil .missions-conseil-right h3 {margin-top: 0; font-weight: 700;}
.bloc-missions-conseil .missions-conseil-right li::marker {color: var(--couleur-focus);}

@media screen and (min-width: 768px)  {
.section-contact .columns-contact {column-gap: 4rem;}
.titre-page {margin-bottom: 5rem; max-width: 90rem;}

}

@media screen and (min-width: 1000px)  {
.section-contact .columns-contact {column-gap: 10rem;}
.container-bloc-carte-openstreetmap .carte-openstreetmap {max-height: 100%;}
.section-nos-metiers .columns-nos-metiers {column-gap: 8rem;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers .btn-cta a {margin-top: 2rem; margin-bottom: 2rem;}
.section-nos-metiers .columns-nos-metiers .col-nos-metiers figure a {height: 30rem;}
.mentions-legales .btn-gutenberg a {min-width: 35rem;}
.bloc-missions-conseil .missions-conseil-right h3 {font-size: 2.3rem;}

}

@media screen and (min-width: 1200px)  {
.titre-page {margin-bottom: 8rem;}
.bloc-missions-conseil {column-gap: 10rem;}
.bloc-missions-conseil .missions-conseil-right {padding: 7rem;}

}





/******************************/
/********* WOOCOMMERCE ********/
/******************************/

.woocommerce-cart, .woocommerce-cart #main-content, .woocommerce-checkout, .woocommerce-checkout #main-content {background-color: var(--couleur-principale-light);}
.woocommerce-cart .container-panier, .woocommerce-checkout .container-checkout {background-color: #fff; border-radius: var(--border-radius); padding: 2rem;}
.woocommerce-cart table.panier-table-produits .wc-block-cart-item__product {width: 65%;}
.woocommerce-cart .container-panier .wc-block-cart {margin-bottom: 0;}
.woocommerce-cart .container-panier .wc-block-cart-items__header-product {text-align: left; padding-left: 2.4rem;}
.woocommerce-cart .container-panier .wc-block-cart-items__header-product>span {visibility: visible;}
.woocommerce-cart .container-panier .panier-cta a {background-color: var(--couleur-focus); border-radius: var(--border-radius); color: #fff; margin-top: 2.5rem; transition-duration: 250ms; text-decoration: none;}
.woocommerce-cart .container-panier .panier-cta a>div, .woocommerce-checkout .container-checkout .checkout-cta button div {color: #fff; font-weight: 600; font-size: 1.6rem;}
.woocommerce-checkout .container-checkout .checkout-cta button {background-color: var(--couleur-focus); border-radius: var(--border-radius); color: #fff; margin-top: 2.5rem; border: none; transition: all 250ms ease-in-out;}
.woocommerce-cart .container-panier .panier-cta a:hover, .woocommerce-checkout .container-checkout .checkout-cta button:hover {box-shadow: inset 25em 0 0 0 var(--couleur-principale);}

.woocommerce-checkout #container-checkout.container-checkout ::placeholder, .woocommerce-checkout #container-checkout.container-checkout label {color: var(--couleur-form);}
.woocommerce-checkout #container-checkout.container-checkout input, .woocommerce-checkout #container-checkout.container-checkout select, .woocommerce-checkout #container-checkout.container-checkout textarea {font-weight: 500;  border-radius: 0; color: var(--couleur-principale); font-family: 'Lato', sans-serif; font-size: 1.6rem; }
.woocommerce-checkout #container-checkout.container-checkout input:not([type="checkbox"]), .woocommerce-checkout #container-checkout.container-checkout select,  .woocommerce-checkout #container-checkout.container-checkout textarea {width: 100%; border-top: 0; border-left: 0; border-right: 0; border-bottom: .1rem solid var(--couleur-form);}
.woocommerce-checkout #container-checkout.container-checkout input[type="checkbox"] {border-color: var(--couleur-form); outline-color: var(--couleur-principale);}
.woocommerce-checkout #container-checkout.container-checkout span[role="button"] {font-size: 1.3rem;}
.woocommerce-checkout #container-checkout.container-checkout h2 {font-weight: 600;}
.woocommerce-checkout #container-checkout.container-checkout .checkout-promo button[type="submit"] {background-color: var(--couleur-principale-light);  border: none;  border-radius: var(--border-radius);}
.woocommerce-checkout #container-checkout.container-checkout .wc-block-components-form .wc-block-components-checkout-step:after {display: none;}

header .cart-icon-menu { margin-left: auto; margin-right: 3rem; display: none;}
header .cart-icon-menu i {color: var(--couleur-principale); transition: all 230ms ease-out;}
header .cart-icon-menu:hover i {transform: scale(1.1);}
header .cart-icon-menu .cart-count {background-color: var(--couleur-focus); position: absolute; right: -1.5rem; top: -1rem;}


@media screen and (min-width: 1000px)  {
    header .cart-icon-menu { margin-left: 0; margin-right: 0;}
    header .cart-icon-menu {display: inline-block;}
}
@media screen and (min-width: 1200px)  {
    .woocommerce-cart .container-panier, .woocommerce-checkout .container-checkout {padding: 6rem 7rem;}
}



/******************************/
/******* SINGLE PRODUCT *******/
/******************************/

.single-product {background-color: var(--couleur-med-tech-light);}
.single-product .contenu-article {flex-wrap: wrap;}
.single-product .col-left { flex: 1;}
.single-product .col-left h1 { text-align: left; font-weight: 800; margin-bottom: 3rem;}
.single-product .accordeon-toggle {background-color: var(--couleur-med-tech); border-bottom: none; padding: 1.5rem 1rem; font-weight: 700; font-size: 1.6rem; position: relative; cursor: pointer;}
.single-product .accordeon-toggle:after {content: ' +'; float: right; color: #fff; font-size: 2.2rem; line-height: 1;}
.single-product .accordeon-toggle.active:after {content: ' -' !important;}
.single-product .accordeon-content .btn-cta {margin-top: 2rem;}
.single-product .col-left .accordeon-content {padding-left: 1rem; padding-top: 1rem; }
.single-product .col-left .accordeon-content p {margin: 0;}

.single-product .col-right {width: 100%; position: relative; margin-top: 4rem;}
.single-product .col-right .content-col-right {background-color: var(--couleur-med-tech); border-radius: var(--border-radius); padding: 2rem;}
.single-product .col-right button.btn-cta {border:0; margin-bottom: 1rem; margin-top: 1.5rem; font-size: 1.5rem;}
.single-product .col-right .bloc-infos-module {flex-direction: column;}
.single-product .col-right .info-item {margin-bottom: .6rem;}
.single-product .col-right .info-item img {max-width: 3rem; max-height: 3rem;}
.single-product .col-right .tr, .single-product .col-right .info-item {column-gap: 2rem;}
.single-product .col-right p.th {font-weight: 700; margin: .8rem 0;}
.single-product .col-right p.th , .single-product .col-right .info-item .th-img {width: 40%;}
.single-product .col-right .td {flex: 1; margin: .8rem 0; font-size: 1.5rem;}
.single-product .col-right .tr-tarif p.td {font-size: 2.3rem; font-weight: 800; }
.single-product .col-right .tr-public p, .single-product .col-right .tr-modalites p {margin-top: 0; margin-bottom: .5rem; font-size: inherit;}
.single-product .col-right .tr-public span {color: var(--couleur-principale) !important; font-size: 1.5rem !important; display: inline-block;}
.single-product .col-right .tr-public strong {font-weight: 400 !important;}
.single-product .col-right .link-formations {margin-top: 4rem; text-decoration: underline;}
.single-product .col-right .link-formations::before {content: '>'; display: inline-block; color: var(--couleur-focus); padding-right: .5rem; text-decoration: none; transition: inherit;}
.single-product .col-right .link-formations:hover::before {padding-right: .8rem; padding-left: .4rem;}


.post-type-archive-product {background-color: var(--couleur-med-tech-light);}
.post-type-archive-product .container-archive-product {background-color: #fff;  padding: 2rem;}
.post-type-archive-product h1 {text-align: center;}
.post-type-archive-product .products-grid {flex-wrap: wrap; column-gap: 4rem; margin-top: 2rem; padding: 2rem;}
.post-type-archive-product .product-item {width: 100%;}
.post-type-archive-product .product-item .product-link {flex-direction: column; border-width: .2rem; border-style: solid; border-color: var(--couleur-principale); border-radius: var(--border-radius); margin: 1rem 0; overflow: hidden; text-decoration: none; border-color: var(--couleur-med-tech); width: 100%;}
.post-type-archive-product .product-item .product-link:hover {background-color: var(--couleur-med-tech);}
.post-type-archive-product .product-item .product-entete {position: relative;}
.post-type-archive-product .product-item h3 {flex: 1; margin-left: 1rem; margin-top: 1.2rem; margin-bottom: 1rem; margin-right: 2rem; transition: all 230ms ease-in;}
.post-type-archive-product .product-item .product-entete .plus { background-color: var(--couleur-med-tech); width: 5rem; height: 6rem; justify-content: center; align-items: center; font-size: 2rem;  transition: all 230ms ease-in-out;}
.post-type-archive-product .product-item:hover .product-entete .plus {background-color: var(--couleur-principale);}
.post-type-archive-product .product-item:hover .product-entete .plus i {color: #fff;}
.post-type-archive-product .product-item .product-infos {gap: .8rem; padding: 0 2rem;}
.post-type-archive-product .product-item .product-infos p {font-size: 1.4rem;  transition: all 230ms ease-in;}
.post-type-archive-product .product-item .product-link:hover h3, .post-type-archive-product .product-item .product-link:hover p {color: #fff;}
.post-type-archive-product #loading-indicator img {margin-left: auto; margin-right: auto;}

@media screen and (min-width: 768px) {
    .post-type-archive-product .container-archive-product { padding: 4rem 5rem;}

    .single-product .col-right { width: calc(40% - 1.8rem); margin-top: 0; }
    .single-product .col-right .content-col-right {padding: 2rem 2.5rem; }
    .single-product .contenu-article { column-gap: 7rem;  margin-top: 7rem; }
    .single-product .col-left .accordeon-toggle { font-size: 1.8rem; }
    .single-product .col-right button.btn-cta {margin-left: auto;}
    .single-product .col-right .sticky-col-right {position: sticky; top: 17rem;}
    .post-type-archive-product .product-item h3 {font-size: 1.7rem;}
    .post-type-archive-product .product-item .product-entete .plus {font-size: 2.4rem; }
    .post-type-archive-product .product-item .product-infos {column-gap: 3rem;}

}

@media screen and (min-width: 1200px) {
    .post-type-archive-product .products-grid {margin-top: 6rem;}
    .post-type-archive-product .product-item {width: calc(50% - 2rem);}
}