/*
 Theme Name:  TUC Plateforme
 Description:  Theme TUC
 Author:       Iwego
 Template:     hello-elementor
 Version:      1.0.2
*/


/************************************************/
/**                                            **/
/**                 GENERAL                    **/
/**                                            **/
/************************************************/
.mce-widget.mce-has-close{max-width: 100% !important;  top: 30px !important; display: none;}
#popmake-3467{ background-color: var(--couleur-principale); color: white; position:relative; overflow: hidden; }
#popmake-3467 p {color: white;}
#popmake-3467::after {
    right: 0;
    width: 100px;
    background-image: url(/wp-content/uploads/2023/08/motif-tuc-02.svg);
    position: absolute;
    top: 0;
    background-size: cover;
    content:"";
    background-position: left bottom;
    height: 150%;
}
.messagelogin{margin: 0 auto; background-color: red; padding:1rem; border-radius: 2rem; max-width: 450px;}
.messagelogin p{color: white;}
/*:root {
    --couleur-principale: #D3BCA0;
    --couleur-principale-light: #f5F5F5;
    --couleur-principale-dark: #B68942;
    --couleur-secondaire: #222222;
    --couleur-secondaire-light: #707070;
    --couleur-blanc: #ffffff;
    --couleur-bg: #2D2D2D;
    --couleur-gris: #959595;
}*/

/*couleur-bg-rgb: rgb(45, 45, 45) */
* {box-sizing: border-box;}

body {
    font-family: 'Roboto', sans-serif; margin: 0; 
}

main#content {max-width: 100%; padding: 0;}
.errormesage{padding:1rem; background-color: red; color: white !important; max-height: 400px; overflow-y: auto;}

 /***** GDPR *****/
@media screen and (max-width: 768px) {
    #moove_gdpr_save_popup_settings_button:not(.gdpr-floating-button-custom-position) {
      bottom: 70px !important;
      left: 10px !important;
    }
}
ul, li {padding: 0; margin: 0;}
img {max-width: 100%; display: block;}
li{line-height: 24px;}
.unesection {overflow-x: clip;}
.btn-border {padding: 14px 32px; color: var(--couleur-principale); transition: all 250ms ease-in-out; font-weight: 500; border: 1px solid var(--couleur-principale); border-radius: 5px; display: inline-block;}
.btn-border:hover {color: var(--couleur-blanc); text-decoration: none; border-color: var(--couleur-blanc);}
.btn-header .btn-border {color: var(--couleur-blanc);}
.btn-header .btn-border:hover {color: var(--couleur-principale);}
/*.bloc-slider .btn-border,*/ .section-dernier-article .btn-border {text-transform: uppercase;}
.btn-full {display: block; max-width: max-content; background-color: var(--couleur-focus); color: var(--couleur-blanc); padding: 20px 40px; border-radius: 5px; font-size: 14px; font-weight: 600; transition: all 250ms ease-in-out;}
.btn-full:hover {transform: scale(1.07);}
.btn-header, .social-header {display: none;}
.color-blue{color: var(--couleur-secondaire);}

.field-border {border: 1px solid var(--couleur-blanc); border-radius: 3px; font-size: 18px; padding: 14px 32px; font-weight: 400;  font-family: 'roboto', sans-serif !important;}
.field-border:focus-visible {outline: 1px solid var(--couleur-principale);}

.flex-container {display: flex !important;}
.flex-center {align-items: center; justify-content: center;}
.flex-column {flex-direction: column;}
/*.module-size>div {padding: 0 15px;}*/

h1 {color: var(--couleur-focus); font-size: 36px;}
h3 {color: var(--couleur-principale); font-size: 18px;}
h2 {font-size: 36px;}
h4 {font-size: 25px;}
h1, h2, h3, a {text-decoration: none !important; margin: 0;}
h1, h2, h3, h4 {font-family: "Nunito", sans-serif; font-weight: bold; font-style: normal;}
p {line-height: 24px; max-width: 450px;}

input, textarea {font-family: 'Roboto', sans-serif !important; }

.mobile-padding {padding-left: 15px; padding-right: 15px;}
.loader{display: flex; justify-content: center; align-items: center;}
.curseur-standard>a {cursor: default;}

/*.slick-prev-arrow, .slick-next-arrow {width: 40px !important; height: 40px !important;  background-repeat: no-repeat !important; border: none; position: absolute; transition: all 200ms ease-in;}
.slick-prev-arrow {background: url(/wp-content/uploads/2023/08/fleche-slide-left.svg);}
.slick-next-arrow {background: url(/wp-content/uploads/2023/08/fleche-slide-right.svg);}
.slick-prev-arrow:focus-visible, .slick-next-arrow:focus-visible {outline: none;}
.slick-prev-arrow:hover, .slick-next-arrow:hover {transform: scale(1.1);}*/

.prev-carrousel.slick-arrow, .next-carrousel.slick-arrow {border: none; background-color: transparent; transition: all 200ms ease-in;cursor: pointer;}
.prev-carrousel.slick-arrow:hover, .next-carrousel.slick-arrow:hover {transform: scale(1.1);filter: drop-shadow(0px 5px 5px var(--couleur-form-input)); }
.prev-carrousel.slick-arrow:focus-visible, .next-carrousel.slick-arrow:focus-visible {outline: none;}
.section-bloc-texte.module-align-center ul{ list-style-position: inside;}
/************************************************/
/**                                            **/
/**                 BLOC                      **/
/**                                            **/
/************************************************/


/*.bloc-slider .bloc-right::before, .overlay::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(45,45,45,.1); box-shadow: rgba(45, 45, 45, 1) 0 20px 30px -10px inset, rgba(45, 45, 45, 1) 0 40px 50px -10px inset, rgba(45, 45, 45, 0.7) 0 80px 50px -10px inset;}*/
.overlay img {object-fit: cover; width: 100%; display: block; height: 100%; max-height: 500px;}
/*.bloc-slider .slick-slide {height: 600px;}*/
.plyr{height:100%;}
.plyr--video .plyr__controls{margin-left:120px; margin-bottom: 30px; background: transparent;}
.plyr--video { --plyr-color-main: var(--couleur-principale);}
.plyr__poster{background-size: cover;}




/********* SLIDER DOTS *********/

.slick-dots button::before {display: none;}
.slick-dots button {height: 15px !important; width: 15px !important; background-color: var(--couleur-focus) !important; opacity: .6; padding: 2px !important; transition: all 250ms ease-in-out;}
.slick-dots li.slick-active button {background-color: var(--couleur-focus) !important; opacity: 1;}




/********* BLOC SLIDER *********/



.bloc-right {width: 100%; position: relative;}









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

header { background-color: var(--couleur-principale); }

/* Style initial de la barre de recherche */
.search-form {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    padding: 8px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Style de la barre de recherche active */
.search-form.active {
    display: block;
}

.topbar, .navbar {max-width: 1300px; margin: auto;}
.navbar, .topbar-link {display: none;}


.topbar {padding-bottom: 20px;}
.logo-header {flex: 1; justify-content: center; display: flex; position: relative; padding-top: 15px;}
.logo-header img {margin-left: auto; max-width: 80px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.topbar, .btn-header, .social-header {gap: 25px;}
.logo-header a:hover img {transform: scale(1.1);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

.social-header a {color: var(--couleur-blanc); transition: all 250ms ease-in-out; padding: 6px;}
.search-icon i {color: var(--couleur-principale); transition: all 250ms ease-in-out; padding: 6px;}
.social-header>div {border: 1px solid var(--couleur-principale); border-radius: 50%; width: 40px; height: 40px;}
.social-header>div:hover a {color: var(--couleur-principale);}
.search-icon:hover i {color: var(--couleur-blanc);}

.navbar {gap: 55px;}
#menu-menu-principal {list-style: none; display: none; justify-content: space-between; flex: 1;}
#menu-menu-principal a {color: var(--couleur-blanc); display: block; text-align: center; position: relative;}
#menu-menu-principal>li.current-menu-parent.menu-item-has-children:hover>a::after, #menu-menu-principal>.current_page_item>a::after, #menu-menu-principal .current-menu-ancestor>a::after, #menu-menu-principal>.menu-item.current_page_item:hover>a::after {content: ''; width: 100%; height: 3px; background-color: var(--couleur-focus); display: block; margin: auto; margin-top: 10px; position: static; transform: none;}
#menu-menu-principal>.menu-item>a::after {content: ''; width: 40px; height: 3px; background-color: transparent; display: block; margin: auto; margin-top: 10px; position: static; left: 50%; transform: none;}
#menu-menu-principal>.menu-item:hover>a::after {content: ''; width: 40px; height: 3px; background-color: var(--couleur-focus); display: block; margin: auto; margin-top: 10px; position: static; left: 50%; transform: none;}
#menu-menu-principal>li { padding: 10px 15px;}


#menu-menu-principal>li.menu-item-has-children {padding-top: 10px; border-radius: 5px 5px 0 0;position: relative;}
.sub-menu {list-style: none; text-align: center; left: 0; width: 100%; padding-bottom: 20px; border-radius: 0 0 5px 5px; margin-top: 2px;}
#menu-menu-principal>li.menu-item-has-children:hover {background-color: var(--couleur-blanc); }
#menu-menu-principal>li.menu-item-has-children:hover>a {color: var(--couleur-principale);}
#menu-menu-principal>li.menu-item-has-children:hover .sub-menu {display: block;}

.sub-menu li {margin-bottom: 0; padding:0 15px;}
.sub-menu li a {font-size: 14px; padding: 10px 0; }
#menu-menu-principal .sub-menu li.current-menu-item a {color: var(--couleur-secondaire-light) }
.sub-menu li:not(.current-menu-item) a {color: var(--couleur-blanc) !important; }
.sub-menu li:not(.current-menu-item):hover a {color: var(--couleur-secondaire-light) !important;}



#menu-menu-principal>li:last-of-type .sub-menu {position: absolute; border-radius: 0 0 15px 15px;padding: 20px;width: 100%;z-index: 999;}
#menu-menu-principal>li:last-of-type:hover, #menu-menu-principal>li:last-of-type:hover ul {background-color: var(--couleur-principale-light);}
#menu-menu-principal>li:last-of-type:hover .sub-menu {display: block;}
/*#menu-menu-principal>li:last-of-type>a {padding: 8px 20px;}*/


form.search-form.active {background-color: var(--couleur-principale-light); border-radius: 15px; padding: 15px;}
form.search-form.active button[type="submit"] {border: none; background-color: var(--couleur-principale-light);}
form.search-form.active input[type="search"] {padding: 14px 32px; color: var(--couleur-principale); transition: all 250ms ease-in-out; font-weight: 500; border: 1px solid var(--couleur-principale); border-radius: 5px; background-color: var(--couleur-principale-light);}
form.search-form.active input[type="search"]:focus-visible {outline: 1px solid var(--couleur-principale) !important;}
form.search-form.active .fa-search:before {font-size: 16px; transition: all 200ms ease-in;}
form.search-form.active .fa-search:hover:before {color: var(--couleur-principale);}


.btn-woocommerce {gap: 40px; justify-content: end;}
.btn-panier span, .btn-mon-compte span {display: inline-block; vertical-align: middle; padding-right: 4px;}
.btn-panier, .btn-mon-compte {max-width: max-content; transition: all 250ms ease-in-out;}
.btn-panier:hover, .btn-mon-compte:hover {transform: scale(1.1);}
.btn-panier a, .btn-mon-compte a {color: var(--couleur-blanc); padding: 12px 30px; font-size: 14px; transition: all 250ms ease-in-out; border-radius: 5px; }
.btn-panier a {background-color: var(--couleur-focus);border: 1px solid var(--couleur-focus);}
.btn-mon-compte a {background-color: var(--couleur-secondaire-light);border: 1px solid var(--couleur-secondaire-light);}
.btn-mon-compte a:hover{background-color: var(--couleur-blanc);color: var(--couleur-secondaire-light);}
.btn-panier a:hover{background-color: var(--couleur-blanc);color: var(--couleur-focus);}
.btn-mon-compte a:hover img{filter: invert(41%) sepia(70%) saturate(2575%) hue-rotate(173deg) brightness(90%) contrast(101%);}
.btn-panier a:hover img{filter: invert(20%) sepia(19%) saturate(4509%) hue-rotate(334deg) brightness(102%) contrast(102%);}



.btn-full {border:1px solid var(--couleur-focus);display: block; max-width: max-content; background-color: var(--couleur-focus); color: var(--couleur-blanc); padding: 20px 40px; border-radius: 5px; font-size: 14px; font-weight: 600;}
.btn-full:hover{color: var(--couleur-focus);background-color: var(--couleur-blanc);}

#top-menu {list-style: none; justify-content: end;}
.topbar-link {gap: 40px; flex-direction: column; width: 50%;}
.topbar-menu a {color: var(--couleur-blanc); font-size: 13px; font-weight: 300;  display: block;}
header #top-menu li:first-of-type {border-right: 1px solid var(--couleur-blanc);}
header #top-menu li:first-of-type a {padding: 0px;}
header #top-menu li{padding: 5px 35px;position: relative;}
header #top-menu li:last-of-type, #top-menu li:last-of-type a {padding-right: 0;}

.topbar-menu li a::after{    content: '';height: 3px;background-color:transparent; display: block;position: absolute;bottom: 0; left: 50%;transform: translateX(-50%);width: 40px;top: 30px;}

.topbar-menu li:hover a::after,.topbar-menu .current_page_item a::after{background-color: var(--couleur-focus); }

/************************************************/
/**                                            **/
/**             FOOTER  MOBILE                 **/
/**                                            **/
/************************************************/

.footer-mobile {position: fixed; bottom: 0; z-index: 10; width: 100vw; background-color: var(--couleur-secondaire); display: flex;}
.footer-mobile-menu {background-color:  var(--couleur-principale);  text-align: center;z-index: 100; position: fixed;top: 0;left: 0;height: 100%; width: 100vw; display: flex;flex-direction: column; gap: 30px; align-items: center;animation: slide-down 0.2s linear; transition: .2s ease-in-out; padding-top: 25px;}
.footer-mobile-menu.hidemenu {top:-100%; animation: slide-up 0.2s linear; }
.footer-mobile .sub-menu{display: none;}
.footer-mobile .menu-item-has-children.active .sub-menu{display: block;}
.footer-mobile .menu-item-has-children>a::before{content:' + '; color: white;}
.footer-mobile .menu-item-has-children.active>a::before{content:' - ';}
.footer-mobile-woocommerce{flex-direction: column;  align-items: center; }
.footer-mobile-woocommerce>div {margin: 10px;}
.footer-mobile .nomobile{display: none;}
@keyframes slide-down{
  0%{ transform: translateY(-100%);}
  100%{ transform: translateY(0px);}
}
@keyframes slide-up{
  0%{transform: translateY(0px); }
  100%{transform: translateY(-100%); }
}


.footer-col {overflow-y: auto; max-height: 70vh; width: 100%;}

.footer-col ul {list-style: none !important;padding: 0em !important; margin: 0rem !important;}
.footer-menu-close {width: 100%;cursor: pointer;position: absolute;top: 3em;right: 3.5em;text-align: right;}
.footer-col ul li{position: relative;margin-bottom: 0px;}
.footer-mobile .hamburger-box{text-align: center;}
.footer-mobile .hamburger-box i{font-size: 25px;color: var(--couleur-blanc);}
.footer-mobile-menu i{font-size: 25px; color: var(--couleur-blanc);}
.footer-mobile-menu #menu-menu-mobile li a{color: var(--couleur-blanc);font-size: 22px;}
#menu-menu-principal a:hover, #menu-menu-principal > .current_page_item > a, .topbar-menu a:hover,.topbar-menu .current-menu-item a {
  transform: scale(1.1);
  color: var(--couleur-focus);
}
.footer-mobile-menu img{max-width: 120px;}
#footer-menu-principal {flex-direction: column;}
#footer-menu-principal a {color: var(--couleur-blanc); display: block; padding: 10px;}
.footer-mobile-bottom {justify-content: space-between; padding: 20px; width: 100%; align-items: center;}

.footer-mobile-contact a {color: var(--couleur-blanc); padding: 10px; border: 1px solid var(--couleur-blanc); border-radius: 5px;font-size: 11px;}

#footer-menu-principal .current-menu-item a::after { content: ''; width: 40px; height: 3px;  background-color: var(--couleur-focus); display: block;  margin: auto; margin-top: 10px;}

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

footer {flex-direction: column;}
.topfooter {position: relative; background-color: var(--couleur-secondaire); padding-bottom: 30px; padding-top: 30px;}
.topfooter>div {justify-content: flex-end; flex-direction: column; gap: 20px;}

.topfooter .bloc-left {gap: 20px; margin: auto; max-width: 100%; align-items: center; }
.topfooter .bloc-left h3, .topfooter .bloc-right h3 {color: var(--couleur-blanc); font-weight: 500; font-size: 16px;}
.topfooter .bloc-left h3 {text-align: center;}
.topfooter .bloc-right {width: 60%; margin: auto;}



.bottom-footer {background-color: var(--couleur-principale); padding: 20px 0 80px;}
.bottom-footer>div {gap: 100px;}
.bottom-footer .bloc-left {flex: 2;}
.bottom-footer .bloc-right {display: none;}
.bottom-footer ul {list-style: none; justify-content: space-between;}
.bottom-footer ul a {color: var(--couleur-blanc); font-size: 14px;}

.bottom-footer ul {flex-wrap: wrap; gap: 10px;}

footer .social-header>div {border: none;}

footer .social-header>div:first-of-type:hover{background-color: var(--couleur-blanc);}
footer .social-header>div:first-of-type:hover a{color: var(--couleur-focus);}


footer .social-header>div:nth-child(2):hover{background-color: var(--couleur-blanc);}
footer .social-header>div:nth-child(2):hover a{color: var(--couleur-rouge);}


footer .social-header>div:last-of-type:hover{background-color: var(--couleur-blanc);}
footer .social-header>div:last-of-type:hover a{color: #B8D0F1;}

footer .social-header a {color: var(--couleur-blanc);}

.bottom-footer-logo img {margin-left: auto; height: 115px;}


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

input { text-overflow:ellipsis; }
.w-100 select, .w-100 input, .w-100 textarea, .w-100  {width: 100%;}
.w-50.w-sm-100 {min-width: 100%;}
.w-50 input {width: 100%;}
.w-50 label {display: none;}
.gfield--type-hidden {display: none;}
input::placeholder {font-size: 16px; font-weight: 400; color: var(--couleur-form-input);  font-family: 'Roboto', sans-serif !important;}
.input-standard input, .input-standard textarea, .input-standard select {border: 1px solid var(--couleur-secondaire-light); border-radius: 15px; font-size: 18px; color: var(--couleur-secondaire-light); padding: 14px 14px; font-weight: 400;  font-family: 'roboto', sans-serif !important;}

.input-standard select{background-image: url('/wp-content/uploads/pictos/fleche-select-grise.svg');background-repeat: no-repeat;background-position: calc(100% - 20px) center;appearance: none; max-width: 100%;  text-overflow: ellipsis;padding-right: 30px;}
.input-dotted input { background-color: #19529d33 !important; border: 1px dashed var(--couleur-secondaire) !important; color: transparent; transition: all 200ms ease-in-out; border-radius: 15px; padding: 14px 32px;}


/************************************************/
/**                                            **/
/**             SINGLE METIER                  **/
/**                                            **/
/************************************************/


.bandeau-metier {background-color: var(--couleur-bg);}
.bandeau-metier>div {gap: 20px; flex-direction: column;}
.bandeau-metier .bloc-left {position: relative;}
.bandeau-metier .bloc-left img {position: absolute; left: -90px; top: 0; max-height: 60px;}
.metier-after {height: 30px; width: 2px; margin-top: 10px;}

.section-competences>div {gap: 40px; flex-direction: column; padding-top: 80px; padding-bottom: 80px;}
.section-competences .bloc-right {flex-direction: column; justify-content: center;}
.section-competences .bloc-left {position: relative;}
.section-competences .bloc-left img:first-of-type {object-fit: cover; width: 100%; height: 100%;}
.section-competences .bloc-left img:nth-child(2) {position: absolute; bottom: -40px; right: -40px;}


.section-honoraire>div {flex-direction: column; padding-top: 60px; padding-bottom: 60px; background-image: url(/wp-content/uploads/2023/08/layout.png); background-blend-mode: soft-light; position: relative; bottom: -100px; z-index: 1; background-size: cover;}
.section-honoraire .p-white {max-width: 550px;}
.section-honoraire h2 {color: var(--couleur-blanc);}
.section-honoraire img {max-height: 300px; margin-bottom: 40px;}
.section-honoraire p {text-align: center;}


.bloc-nos-metiers {background-color: var(--couleur-bg); position: relative; padding: 100px 0;}
.bloc-nos-metiers.background-fleches::before {height: 430px;}
.single-metiers .section-competences img {max-height: 400px;}


/************************************************/
/**                                            **/
/**                ACCORDEON                   **/
/**                                            **/
/************************************************/

.bloc-nos-metiers .accordeon .toggle-btn /*, .section-accordeon .accordeon .toggle-btn*/ {border: 1px solid var( --couleur-principale); color: var( --couleur-principale); }
.bloc-nos-metiers .accordeon .item /*, .section-accordeon .accordeon .item */{border-top: 1px solid var(--couleur-principale);}
/*.section-accordeon .accordeon .item {border-top-color : var(--couleur-secondaire-light);}*/
.bloc-nos-metiers .accordeon .item:first-of-type {border: none;}
.section-accordeon-competences .accordeon .toggle-btn {border-width: 1px;  border-style: solid; }
.accordeon {padding-top: 70px;}
.accordeon .item {justify-content: space-between; flex-direction: column;}
.section-accordeon-competences .accordeon .item {border-top: 1px solid var(--couleur-principale-light);}
.accordeon .toggle-btn {display: inline-block; width: 30px; height: 30px; background-color: transparent; border-radius: 50%; font-size: 18px; cursor: pointer; margin-right: 10px; transition: transform 0.3s; }
.bloc-nos-metiers .accordeon {position: relative;}
.bloc-nos-metiers .accordeon h2 {color: var(--couleur-blanc); text-align: center;}
.accordeon h3 {width: 100%; font-size: 22px; font-weight: 500;}
.accordeon h3, .accordeon .content, .accordeon button {margin: 30px 0; padding: 0;}
/*.section-accordeon .accordeon h3 {color: var(--couleur-secondaire); font-size: 18px;}*/
.accordeon .content {display: none; transition: height 0.3s; overflow: hidden; width: 100%; order: 2;}
.item.open .content { display: block; height: auto; }
.accordeon p {margin: 0; font-size: 14px;}
/*.section-accordeon h2 {color: var(--couleur-secondaire); margin-bottom: 40px;}
.section-accordeon {padding-top: 60px; padding-bottom: 90px;}*/



/************************************************/
/**                                            **/
/**                   TABS                     **/
/**                                            **/
/************************************************/

.tabs { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tabs ul {list-style: none;}
.tabs ul li { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 8px 20px; transition: 0.3s;}
.tabs ul li:hover { background-color: #ddd; }
.tabs ul li.active {background-color: #ccc;}
.tabs .atab {display: none; padding: 6px 20px;border: 1px solid #ccc;border-top: none;}
.tabs .atab.active {display: block;}

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


.section-motif::before {content:''; background-repeat: no-repeat; position: absolute; }
.motif-right::before {content:''; background-repeat: no-repeat; position: absolute; }
.motif-left::before, .motif-left::after {content:''; background-repeat: no-repeat; position: absolute; }

/*.timeline-container {
    position: relative;
    display: flex;
    align-items: center;
}

.timeline-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.timeline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    overflow-x: hidden;
}

.timeline-item {
    position: relative;
    width: 100%; 
}

.point {
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}

*/



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


.main-article-bg {background-image: url(/wp-content/uploads/2023/08/chevrons-bg-1.svg); background-repeat: no-repeat; background-size: 751px 471px; background-position: 120% 130px;}
.single-article-content {padding-top: 40px;}
.single-article-content .lien-retour a {text-transform: uppercase; color: var(--couleur-form-input); font-size: 14px; font-weight: 400; opacity: .6; transition: all 150ms ease-in;}
.single-article-content .lien-retour a:hover {opacity: 1;}
.single-article-content .lien-retour a::before {content: url(/wp-content/uploads/2023/08/chevron-precedent.svg); padding-right: 10px; display: inline-block; width: 7px;}
.detail-article {flex-direction: column; align-items: center; gap: 20px; margin: 25px 0;}

.detail-article .date {font-size: 14px; font-weight: 300; color: var(--couleur-secondaire);}

.contenu-article, .social-article {max-width: 770px; margin: auto;}
.contenu-article h2, .contenu-article h3 {font-size: 25px; color: var(--couleur-secondaire); font-weight: 600;}
.contenu-article p {font-size: 16px;}
.contenu-article img {max-height: 420px; object-fit: cover; width: 100%;}
.social-article {border-top: 1px solid var(--couleur-secondaire); border-bottom: 1px solid var(--couleur-secondaire); padding: 30px 0; margin-top: 60px; margin-bottom: 40px; flex-wrap: wrap;}
.social-article h3 {color: var(--couleur-secondaire); font-size: 18px; width: 100%; text-align: center; margin-bottom: 20px;}
.social-article .icon-social {border-radius: 50%; width: 40px; height: 40px; transition: all 250ms ease-in-out;}
.social-article .icon-social:hover {transform: scale(1.1);}

.social-article .icon-social {margin: 0 10px;}
.contenu-article img {margin: 30px 0;}
.contenu-article p{max-width: none;}

.single-post .social-article h3 {font-family: 'roboto', sans-serif; margin-right: auto;}

.social-article .icon-social:nth-child(2) { background-color: var(--couleur-focus);}
.social-article .icon-social:nth-child(3) { background-color: var(--couleur-rouge); }
.social-article .icon-social:last-of-type {  background-color: #B8D0F1;}
.social-article i {color: var(--couleur-blanc);}

/************************************************/
/**                                            **/
/**              PAGE MON COMPTE              **/
/**                                            **/
/************************************************/



/************************************************/
/**                                            **/
/**             TEMPLATE PAGE SIMPLE           **/
/**                                            **/
/************************************************/

.page-template-template-page-simple-php p{max-width: none;}

/************************************************/
/**                                            **/
/**                SINGLE OFFRE                **/
/**                                            **/
/************************************************/


.recrutement-filtre-offre {background-size: contain;  padding-top: 80px; padding-bottom: 140px; position: relative;}
.recrutement-filtre-offre h2 {color: var(--couleur-blanc); text-align: center;}
.recrutement-filtre-row {justify-content: space-between; flex-direction: column; align-items: center; gap: 10px;}


.single-offres_emploi .section-bandeau-entete {background-image: url(/wp-content/uploads/sites/2/2023/09/offre-hero-motif.svg); background-repeat: no-repeat; background-position: right bottom; background-size: contain;}

.bandeau-offre {background-color: var(--couleur-bg);}
.bandeau-offre>div {flex-direction: column;}
.bandeau-offre .bloc-right {background-image: url(/wp-content/uploads/2023/08/pattern-geometrique02-scaled.jpg); background-size: contain; }
.bandeau-offre .bloc-right .btn-full {z-index: 1; position: relative; box-shadow: rgba(211, 188, 160, 0.15) 0px 0px 0px 20px;}
.bandeau-offre .bloc-right .btn-full:hover {box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 25px;}
.bandeau-offre .bloc-left {padding-bottom: 80px;}

.bandeau-infos {background-color: #F1F5FF; padding-top: 20px; padding-bottom: 20px; gap: 20px;position: relative; flex-direction: column; justify-content: space-between; margin-top: 60px !important;}
.bandeau-infos-conditions {min-width: 33%;}
.bandeau-infos-conditions>p:first-of-type {font-size: 16px; color: var(--couleur-secondaire-light);}
.bandeau-infos-conditions>p:last-of-type {font-size: 20px; color: var(--couleur-primaire);}
.bandeau-infos-conditions>p {margin: 0;}

.single-offre-mission {gap: 20px; position: relative; flex-direction: column;}
.single-offre-mission::after {content: '';position: absolute; background-image: url(/wp-content/uploads/2023/08/text-img-right.svg);background-repeat: no-repeat;top: -6px;right: -6px;height: 65px; width: 65px;}


.single-offre-mission .bloc-right {position: relative; height: 100%;}
.single-offre-mission .bloc-right.image-overlay-right::after { content: ''; width: 60%;  height: 100%; background: linear-gradient(318deg, rgba(25,82,157,1) 0%, rgba(25,82,157,0) 50%, rgba(255,255,255,0) 100%);  top: 0; right: 0;  position: absolute;}
.single-offre-mission .bloc-right.image-overlay-right::before {content: url(/wp-content/uploads/sites/2/2023/09/texte-image-right.svg);position: absolute; bottom: -12px; right: -6px;}

.single-offres_emploi h2 {color: var(--couleur-secondaire);}
.single-offres_emploi p {color: var(--couleur-principale);}

.single-offre-atouts {position: relative; padding-top: 50px; padding-bottom: 40px;}
.single-offre-atouts>div {flex-wrap: wrap; gap: 40px 115px;}
.single-offre-atouts h2 {width: 100%;}
.single-offre-atouts-item {width: 100%;  padding: 10px;}

#formulaire-candidature.form-candidature.single-offre-formulaire {margin: auto;}
.single-offre-formulaire h2 {margin-bottom: 45px;}
.single-offre-formulaire  { background-image: url(/wp-content/uploads/sites/2/2023/09/bloc-candidature.svg);  background-position: right bottom;  background-repeat: no-repeat; background-size: 200px; padding-bottom: 100px; padding-top: 50px;background-color: var(--violet-light);}


.single-offres_emploi .liste-metiers-result {padding-bottom: 80px; padding-top: 80px;}
.single-offres_emploi .liste-metiers-result>div {gap: 35px; flex-wrap: wrap;}
.single-offres_emploi .liste-metiers-result h2 {margin-bottom: 40px;}
.contenu-condition p{max-width: 600px; margin: 0 auto;}
.contenu-fond-violet{padding: 40px;background-color: var(--violet-light); margin-top: 15px;}
.contenu-fond-violet p{max-width: none;}
.single-offres_emploi .bloc-metier-item { display: block; }

.liste-metier-cube h2, .liste-metier-cube .liste-metier-intro p {text-align: center; max-width: 500px; margin: auto; margin-bottom: 30px;}


.single-offre-detail {margin-top: 80px;}
.single-offre-detail .bloc-right {position: relative;}
.single-offre-conditions, .single-offre-detail-profil, .single-offre-detail-form, .single-offre-detail-conditions {flex-direction: column; padding-top: 80px;}
.single-offre-detail-profil, .single-offre-detail-conditions {padding-bottom: 80px;}
.single-offre-conditions h2, .single-offre-detail-profil h2, .liste-metiers-result h2, .single-offre-formulaire h2, .single-offre-atouts h2 {text-align: center;}




/************************************************/
/**                                            **/
/**               SINGLE METIER                **/
/**                                            **/
/************************************************/

.single-metiers .section-bandeau-entete {background-image: url(/wp-content/uploads/sites/2/2023/09/single-metier-hero.svg); background-repeat: no-repeat; background-position: right bottom; background-size: contain;}

.single-metiers h2 {color: var(--couleur-secondaire-light);}
.single-metier-video h2, .single-metier-competences h2, .section-temoignages-metier h2, .single-metier-emploi h2, .single-metier-evolution h2 {text-align: center; margin-bottom: 30px;}
.single-offre-mission {padding-bottom: 40px;}

.section-temoignages-metier {position: relative;}
.section-temoignages-metier .prev-carrousel.slick-arrow, .section-temoignages-metier .next-carrousel.slick-arrow { top: 50%; position: absolute; }
.section-temoignages-metier .prev-carrousel.slick-arrow { left: -80px;}
.section-temoignages-metier  .next-carrousel.slick-arrow { right: -80px; }


.single-metier-video.module-size, .single-metier-competences.module-size, .section-temoignages-metier.module-size, .single-metier-emploi.module-size, .single-metier-evolution.module-size {max-width: 996px;}

.single-metier-video {padding-top: 60px; padding-bottom: 60px;}
.single-metier-video iframe {border:none}

.single-metier-emploi, .section-temoignages-metier, .single-metier-evolution, .single-metier-competences {padding-bottom: 30px; padding-top: 30px;}


/************************************************/
/*                                            */
/*              SINGLE PRODUIT                */
/*                                            */
/************************************************/
.error404 {min-height: 100vh; display: flex; flex-direction: column;}
.error404 .page-content{max-width: 1170px; padding: 0 15px; margin:0 auto;}
.error404 footer {margin-top: auto;}




/************************************************/
/*                                            */
/*              SINGLE PRODUIT                */
/*                                            */
/************************************************/


.bandeau-produit {background-color: var(--couleur-principale); background-position: right bottom; background-repeat: no-repeat; background-size: contain; }
.bandeau-produit>div {position: relative; flex-direction: column;}
p.bandeau-entete-date {font-size: 15px;}
.single-product .bandeau-produit .bloc-left{max-width: 400px; height: 100%; padding-top: 20px;}
.bandeau-produit p{color: white;font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;}
.bandeau-produit .type-activite{border-radius: 50px;background-color:var(--couleur-secondaire); color: var(--couleur-blanc); padding: 8px 25px; font-size: 14px; margin-bottom: 25px; display: inline-block;font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;} 
.detail-produit{flex-direction: row;padding-top: 90px;}
.detail-produit p{max-width: none;}
.detail-produit>div {flex-direction: column;}
.detail-produit h2{color: var(--couleur-secondaire);}
.detail-produit .bloc-left{width: 100%; }

.bloc-right.float-detail-produit {z-index: 5; width: 100%; position: relative; top: 60px;  opacity: 0; transform: translateY(100%);transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.bloc-right.float-detail-produit.show { opacity: 1; transform: translateY(0);}

.detail-produit-bloc {z-index: 5; background-color:var(--couleur-blanc); height: 100%; padding: 15px; border-radius: 30px; width: 100%;flex-direction: column; justify-content: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.bloc-right.float-detail-produit .detail-produit-infos{padding: 25px 25px; border-radius:20px;border: 1px solid var(--couleur-tertiaire-light);margin-bottom: 15px;font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;}
.bloc-right.float-detail-produit .detail-produit-infos img{width: 24px; height: 24px;}
.bloc-right.float-detail-produit .detail-produit-infos > div{ display: flex; align-items: center; gap: 20px; padding: 10px;color: var(--couleur-secondaire);}
.bloc-right.float-detail-produit select {border: 1px solid var(--couleur-secondaire); color: var(--couleur-secondaire); border-radius: 20px; width: 100%; font-size: 16px; padding: 12px 25px !important; margin-bottom: 15px;background-image: url(/wp-content/uploads/pictos/fleche-select-centre.svg);  background-repeat: no-repeat; background-position: calc(100% - 20px) center;appearance: none;font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;  text-overflow: ellipsis;padding-right: 40px !important}
.bloc-right.float-detail-produit .detail-produit-prix {background-color: var(--couleur-secondaire); color: var(--couleur-blanc); padding: 20px 25px; border-radius: 25px; margin-bottom: 15px;}
.bloc-right.float-detail-produit .detail-produit-prix h4, .bloc-right.float-detail-produit .detail-produit-prix p {color: var(--couleur-blanc); margin: 0;}
.bloc-right.float-detail-produit .detail-produit-prix h4 {font-size: 18px; font-family: 'roboto', sans-serif; font-weight: 400;}
.bloc-right.float-detail-produit .detail-produit-prix p span {font-size: 20px; font-weight: 600;}
.detail-produit-bloc .stock {display: none;}

.bloc-right.float-detail-produit .detail-produit-infos.align-right >div{display: block;}
.bloc-right.float-detail-produit .detail-produit-infos.align-right span:last-child{float: right;}


.bloc-right.float-detail-produit .cart .quantity {display: none;}

.bloc-right.float-detail-produit .cart button:not(.wcwl_notice_dismiss) {pointer-events: none; background-color: var(--couleur-focus) !important; color: var(--couleur-blanc) !important; text-transform: uppercase; box-shadow: rgba(149, 157, 165, 0.35) 0px 8px 12px; padding: 20px 50px !important; border-radius: 50px; border: 1px solid var(--couleur-blanc); transition: all 200ms ease-in-out;}
.bloc-right.float-detail-produit .wc-bookings-waitinglist-button { background-color: var(--couleur-focus) !important; color: var(--couleur-blanc) !important; text-transform: uppercase; box-shadow: rgba(149, 157, 165, 0.35) 0px 8px 12px; padding: 20px 50px !important; border-radius: 50px; border: 1px solid var(--couleur-blanc); transition: all 200ms ease-in-out;}
.bloc-right.float-detail-produit .cart button:hover {transform: translateY(-10px) scale(1.03); box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px; }
.bloc-right.float-detail-produit.module-size{gap: 25px;}



.single-product .contenu-carrousel-produit  {justify-content: center; padding-top: 30px;}
.single-product .slider-galerie-produit {width: 100%;}
.single-product .slider-galerie-produit .slick-slide img {object-fit: cover; height: 100%; width: 100%;}
.single-product .contenu-carrousel-produit{position: relative;}
.single-product .contenu-carrousel-produit .next-carrousel { background: transparent; border: 0;position:absolute;right: 5px; top: calc(50% - 20px); z-index: 1;}
.single-product .contenu-carrousel-produit .prev-carrousel { background: transparent; border: 0;position:absolute;left: 5px; top: calc(50% - 20px);z-index: 1;}
.single-product .contenu-carrousel-produit .slick-dots {bottom: 20px;}

.bloc-titre-programme h2{color: var(--couleur-secondaire); margin-top: 50px; text-align: left; text-transform: initial;}


.timeline-line {position: absolute;width: 100%; height: 5px; background-color: rgba(25,82,157,0.3); transform: translateY(-50%);z-index: -1; left: 0; bottom: 0;}
.timeline { display: flex; justify-content: space-between;align-items: flex-start;width: 100%; overflow-x: hidden;}

.timeline-item {display: none;justify-content: space-between;}
.timeline-item.active {display: flex;}
/*.timeline-container .point[data-period="2"] {right: 50%;}
.timeline-container .point[data-period="3"] {right: 0; margin-left: auto; margin-right: 0;}*/

.timeline-item .content {gap: 40px;flex-direction: column;padding-top: 20px;display:flex;  margin-bottom: 40px; }
.timeline-container { position: relative; display: flex; align-items: flex-end; margin-bottom: 180px !important;  margin-top: 20px !important; padding-bottom: 50px; width: calc(100vw - 30px); }
.point { width: 15px; height: 15px;background-color: var(--couleur-secondaire);border-radius: 50%;position: absolute; bottom: -1px; }
 .timeline-container .point.active{background-color: var(--couleur-rouge); box-shadow: rgba(220, 28, 30, 0.2) 0px 0px 0px 5px;}
 .timeline-container h2 {color: var(--couleur-secondaire); margin-bottom: 25px;}
.timeline-container h3{color: var(--couleur-rouge); font-family: 'Be Vietnam Pro', sans-serif;font-weight: 400; margin-bottom: 15px;}

.single-product .bloc-right>div {gap: 30px; flex-direction: column;}
.timeline-creneau {align-items: center; gap: 35px;}
.timeline-creneau span {color: var(--couleur-secondaire); font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;min-width: 65px;}
.timeline-creneau p {margin: 0;}

.single-product .liste-accordeon .accordeon h3.accordion-product-header{ font-family: 'Be Vietnam Pro', sans-serif;  cursor: pointer;}
.single-product .liste-accordeon .accordeon p{ font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;}

.timeline-navigation {width: 90px; height: 90px; border-radius: 50%; border: 1px solid var(--couleur-focus); position: absolute; bottom: -150px; left: 50%; transform: translateX(-50%);gap: 18px;}
.next-btn, .prev-btn { cursor: pointer; border: none; background: none; padding: 5px; transition: all 200ms ease-in-out;}
.prev-btn:hover {transform: translateX(-5px);}
.next-btn:hover {transform: translateX(5px);}

.timeline-container .timeline-item .bloc-left{width: 100%;}
.timeline-container .timeline-item  p{max-width: none;font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;}
.timeline-container .timeline-item .bloc-left p {margin: 0;font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;}
.timeline-container .timeline-item .bloc-right{width: 100%;flex-direction: column;justify-content: center; font-family: 'Be Vietnam Pro', sans-serif;font-weight: 300;}

.tabs { list-style: none;padding: 0; margin: 0; display: flex;justify-content: center;}
.tabs li { margin: 0 10px;}
.tab-content { display: none; }
.tab-content.active { display: block;}
.accordeon .toggle-btn {border: 1px solid var( --couleur-principale); color: var( --couleur-principale); }
.accordeon .item {justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.accordeon .toggle-btn {display: inline-block; width: 30px; height: 30px; background-color: transparent; border-radius: 50%; font-size: 18px; cursor: pointer; margin-right: 10px; transition: transform 0.3s; }
.accordeon h3 {width: 100%; font-size: 22px; font-weight: 500;  width: 75%;}
.accordeon h3, .accordeon .content-accordeon, .accordeon button {margin: 30px 0; padding: 0;}
.accordeon h3 {color: var(--couleur-principale); font-size: 18px;}
.accordeon .content-accordeon {display: none; transition: height 0.3s; overflow: hidden; width: 100%; order: 2;}
.item.open .content-accordeon { display: block; height: auto; }



.single-product .tab-links {justify-content: center; gap: 15px; background-color: rgba(255, 182, 43, 0.2); border-radius: 10px; padding: 15px; margin-bottom: 40px !important; flex-direction: column; margin: auto;}
.single-product .tab-links a {color: var(--couleur-focus); border: 1px solid var(--couleur-focus); background-color: var(--couleur-blanc); transition: all 200ms ease-in-out;}
.single-product .tab-links li.active a {color: var(--couleur-blanc); background-color: var(--couleur-focus); text-align: center; }
.single-product  .tab-links a:hover { transform: translateY(-5px); }


.liste-accordeon { flex-direction: row; flex-wrap: wrap; gap: 50px;}
.accordeon-img { width: calc(50% - 50px); }
.liste-accordeon .accordeon { width: 100%; padding-top: 0; }
.liste-accordeon  h2 { color: var(--couleur-secondaire);  margin-bottom: 30px; width: 100%; }
.liste-accordeon .accordeon .toggle-btn { border: 2px solid var(--couleur-focus); color: var(--couleur-focus); margin: 0; }
.liste-accordeon .accordeon  h3.accordion-product-header { color: var(--couleur-secondaire); font-size: 18px; width: 100%; margin: 25px 0; }
.accordeon .item { flex-wrap: wrap; justify-content: space-between;  flex-direction: row; }
.accordion-product-header {justify-content: space-between; align-items: center; width: 100%;}
.liste-accordeon .accordeon .item { border-top: 1px solid var(--couleur-secondaire-light); }
.liste-accordeon .accordeon .item:nth-child(1) { border: none;  }
.liste-accordeon .accordeon p {margin-bottom: 25px;}
.single-product .tabs-container {position: relative; padding-top: 20px; padding-bottom: 40px;}


.single-product-coordonnees {background-color: var(--couleur-principale);}
.single-product-coordonnees>div {flex-direction: column; flex-wrap: wrap; gap: 30px 20px; }
.single-product-coordonnees h2 { width: 100%; text-align: center; color: var(--couleur-focus) !important;  text-transform: initial;}

.single-product-coordonnees .bloc-right { flex: 1;  background-color: var(--couleur-blanc); padding: 20px; height: max-content; box-shadow: rgba(186, 186, 186, 0.15) 1.95px 1.95px 6px; border-radius: 15px;}

.single-product-coordonnees .bloc-right div, .section-coordonnees .bloc-right>a { margin: 10px 0; }
.single-product-coordonnees .bloc-right .coordonnees-infos-transports h4 { font-family: 'roboto', sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 15px; }
.single-product-coordonnees .bloc-right .coordonnees-infos-transports i { width: 100%; height: 100%; }
.single-product-coordonnees .transport-item span { width: 40px; height: 40px;  display: inline-block; background-color: var(--couleur-tertiaire-light);  border-radius: 50%; }
.single-product-coordonnees .bloc-right p {  padding: 12px;  border-radius: 10px; font-size: 14px; display: inline-flex; margin: 0;  color: var(--couleur-secondaire); }
.single-product-coordonnees .bloc-right .coordonnees-infos-detail p {border-radius: 10px; font-size: 14px;  display: inline-flex;  margin: 0; color: var(--couleur-secondaire); margin: 8px 0;}
.single-product-coordonnees .bloc-right h3 { color: var(--couleur-secondaire); font-size: 25px; margin-bottom: 15px; }
.single-product .single-product-coordonnees .bloc-right>div {gap: 0; flex-direction: column;}

.single-product-coordonnees .bloc-right .coordonnees-infos-detail i::before {  color: var(--couleur-secondaire); font-size: 25px;}
.single-product-coordonnees .bloc-right a.btn-full {max-width: 100%; width: 100%; text-align: center; text-transform: uppercase;}

.single-product-coordonnees #google-map {width: 100%;}
 .centrepopover {padding:1.2rem; background-color:var(--couleur-secondaire); color: white;}
 .centrepopover h3, .centrepopover p{color: white;}
 .gm-style-iw-tc{display: none;}
/************************************************/
/**                                            **/
/**                   TUNNEL                   **/
/**                                            **/
/************************************************/


.hidden {
    display: none;
}
.pagination button:disabled {
    cursor: not-allowed;
}



.gm-style .gm-style-iw-c{ padding: 0 !important;}


.metierpopover{padding: 1rem;}

.gm-style-iw-tc.avocats::after{background-color:var(--avocats);}
.gm-style-iw-tc.geometre-expert::after{background-color:var(--geometre-expert);}
.gm-style-iw-tc.immobilier::after{background-color:var(--immobilier);}
.gm-style-iw-tc.experts-comptables::after{background-color:var(--experts-comptables);}
.gm-style-iw-tc.gestion-de-patrimoine::after{background-color:var(--gestion-de-patrimoine);}
.gm-style-iw-tc.notaire::after{background-color:var(--notaire);}
.gm-style-iw-tc.courtier-en-credit::after{background-color:var(--courtier-en-credit);}
.expert-result.active{box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}



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


.page-template-template-page-une-formation .section-bandeau-entete.motif-right-bg {background-image: url(/wp-content/uploads/sites/2/2023/09/single-formation-motifs.svg); background-repeat: no-repeat; background-size: 60%;}

.page-template-template-page-une-formation h1 {color: var(--couleur-tertiaire);}
.page-template-template-page-une-formation .accordeon .item { border-bottom:1px solid #E2E2E2; }

.page-template-template-page-une-formation .contenu-bandeau-entete p.description {margin-bottom: 35px;}
.page-template-template-page-une-formation .contenu-bandeau-entete h1 {line-height: 40px;}

.page-template-template-page-une-formation .accordeon h3 {font-family: "Nunito", sans-serif; font-weight: bold; font-style: normal;}


.formationinscription.btn-full {box-shadow: rgba(220, 28, 30, 0.2) 0px 0px 0px 20px; margin: 0 15px;}
.formationinscription.btn-full:hover { box-shadow: rgba(220, 28, 30, 0.1) 0px 0px 0px 25px; }

.single-formation-critere {gap: 80px; padding-top: 40px; padding-bottom: 40px; flex-direction: column; margin-top: 30px !important; margin-bottom: 40px !important;}
.single-formation-critere-col {width: 100% ;}
.single-formation-critere-col p.titletag {font-weight: 600; color: var(--couleur-secondaire);}

.section-formation .bloc-right.single-formation-img img {object-fit: cover; width: 100%; display: block; height: 100%; min-height: 300px;  max-height: 350px;}

.single-formation-description {flex-direction: column;}

.section-formation>div {gap: 20px;}
.section-formation .bloc-left, .section-formation .bloc-right {width: 100%;}
.section-formation .single-formation-img {position: relative; height: 100%;}
.section-formation .single-formation-img::before { content: ''; position: absolute; background-image: url(/wp-content/uploads/2023/08/text-img-right.svg); background-repeat: no-repeat; top: -6px; right: -6px; height: 65px; width: 65px; }
.section-formation .single-formation-img::after { content: url(/wp-content/uploads/sites/2/2023/09/texte-image-right.svg); position: absolute; bottom: -12px; right: -6px;  }

.single-formation-accordeon {padding-top: 60px; padding-bottom: 50px;}
.single-formation-accordeon .accordeon {padding-top: 30px;}
.single-formation-accordeon .accordeon .toggle-btn { border: 2px solid var(--couleur-focus); color: var(--couleur-focus); }
.single-formation-accordeon h3, .single-formation-accordeon h2, .single-formation-detail h2 {color: var(--couleur-secondaire);}



.section-formation .tabs {background-color: var(--couleur-blanc); border: none; width: 100%;flex-direction: column; margin-bottom: 100px;margin-top: 50px;}
.section-formation .tabs ul {flex-direction: column;}
.section-formation .tabs li {color: #9BB8C6; font-size: 20px; background-color: transparent; flex: 1; font-weight: 300;}
.section-formation .tabs li:hover {background-color: transparent; color: #40c1ff80;}


.section-formation .tabs li.active {color: var(--couleur-tertiaire); background-color: transparent;}
.section-formation .tabs .atab {margin-top: 35px; padding:30px; border: none; background-color: #F2F5FF;}
.section-formation .tabs .atab p {margin: 0;}

.single-formation-contact {padding-top: 50px; padding-bottom: 100px;}
.single-formation-contact h2 {text-align: center; color: var(--couleur-secondaire);}

.page-template-template-page-une-formation .single-formation-contact.section-candidature {background-image: url(/wp-content/uploads/sites/2/2023/09/bloc-candidature.svg); background-position: right bottom;  background-repeat: no-repeat;}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/

@media screen and (min-width: 768px) {
    .bottom-footer ul .mobileonly {display: none;}
    header {padding: 0 15px 20px 15px; }
    .topbar-link {display: flex;}
    .logo-header img {max-width: 100%;  padding-top: 0;}
    .logo-header {flex: 1; justify-content: end; width: 50%; display: flex; left: calc(160px / 2); position: relative;}
    .sub-menu { display: none; position: absolute; z-index: 100; left: 0; width: 100%; background-color: var(--couleur-blanc); padding-bottom: 20px; border-radius: 0 0 5px 5px;}
    .sub-menu li:not(.current-menu-item) a {color: #B4B4B4 !important; }


    .module-size {margin: auto; max-width: 1160px;}
    .bloc-right.overlay {position: relative; width: 50%;}

    .bloc-left, .bloc-right {padding: 0}

    .contenu-bandeau-entete, .bandeau-metier>div {gap: 100px; flex-direction: row; }
    .bandeau-metier>div {max-height: 50vh;}
    /*.contenu-bandeau-entete::after {content: url(/wp-content/uploads/2023/08/picto-chevrons-gauche-1.svg); width: 260px; bottom: -83px; right: 0; position: absolute; filter: drop-shadow(3px 5px 8px rgb(0 0 0 / 0.15));}*/
    /*.section-competences>div, .section-dernier-article>div {gap: 100px; flex-direction: row;}*/
    .section-competences .bloc-right, .section-competences .bloc-left {width: 50%;}
    .accordeon .item {flex-direction: row;}
    .accordeon .content {order: inherit; width: 60%;}
    .accordeon h3 {width: 30%;}
    .section-dernier-article .bloc-left, .section-dernier-article .bloc-right {width: 50%}
    .footer-mobile-menu.hidemenu, .footer-mobile {display: none; }
 
    .topbar {display: flex;}
    .btn-header, .social-header {display: flex;}
    footer {display: block;}

    .social-article h3 {width: auto; text-align: left; margin-bottom: 0;}
    .recrutement-filtre-offre::after {bottom: -83px; right: 0;}
    .recrutement-filtre-row {flex-direction: row;}
    .recent-emploi { width: 305px;}
    .bandeau-offre .bloc-left {max-width: 580px; margin-left: auto; }
    .bandeau-offre .bloc-right {width: 50%;}
    .single-offre-detail .bloc-left, .single-offre-detail .bloc-right {width: 50%;}
    .single-offre-conditions p, .single-offre-detail-profil p, .single-offre-detail-conditions p {padding: 30px;}
    .bandeau-offre>div {flex-direction: row;}
    .bandeau-infos {padding: 35px 60px; gap: 70px; position: relative; justify-content: space-between;}
    .bandeau-infos-conditions:last-of-type {margin-left: auto;}

    .single-formation-critere, .single-formation-description {flex-direction: row;}
    .section-formation .module-size {width: 996px; max-width: 95%; }
    .single-formation-critere-col {width: calc((100% - 160px) / 3) ;}
    .section-formation .bloc-left, .section-formation .bloc-right {width: 50%;}
    .section-formation .tabs ul {flex-direction: row;}
    .section-formation .tabs li:nth-child(2) {text-align: center; flex: 2;}
    .section-formation .tabs li:first-of-type {flex: 3; border-right: 1px solid #9BB8C6;}
    .section-formation .tabs li:last-of-type {text-align: right; border-left: 1px solid #9BB8C6;}
    .section-formation .single-formation-img::before { top: -45px; right: -38px; }
    .section-formation .single-formation-img::after {bottom: -40px; right: -30px;  }
    .single-formation-detail p {padding: 30px;}
    .section-formation>div {gap: 100px;}
    .single-formation-critere {margin-top: 60px !important; margin-bottom: 80px !important; border-radius: 25px; }


    .single-formation-contact {padding-top: 140px;}

    #menu-menu-principal {display: flex;}
    #menu-menu-principal>li:last-of-type {padding-right: 0; margin-right: 0;}
    #menu-menu-principal>li:last-of-type>a {padding-right: 0; margin-right: 0;}
    .topbar, .navbar {display: flex;}
    .topfooter>div {justify-content: flex-end; flex-direction: row; gap: 0;}
    .bottom-footer {padding: 20px 0;}
    .bottom-footer .bloc-right {flex: 1; max-width: 115px; display: block;}
    .topfooter {background-repeat: no-repeat; background-position: left; padding-bottom: 40px; padding-top: 40px;}



    .topfooter .bloc-left, .topfooter .bloc-right {margin: 0;}
    .bottom-footer ul {flex-wrap: nowrap; gap: 0;}
    .topfooter .bloc-left h3 {text-align: left;}
    .topfooter .bloc-left {max-width: 220px; flex-direction: column; align-items: flex-start;} 

    .single-offre-mission {gap: 100px; flex-direction: row;}
    .single-offre-mission .bloc-right.image-overlay-right::before {bottom: -40px; right: -30px;}
    .single-offre-mission::after {top: -40px;right: -35px;}

    .w-50.w-sm-100 {min-width: calc(50% - 16px); flex: 1;}
    .single-offre-formulaire {background-size: 400px;}
    .single-offre-atouts.motif-left::before {content: url(/wp-content/uploads/sites/2/2023/09/single-offre-atout.svg); position: absolute; left: -180px; top: -50px;}
    .single-offre-atouts-item {width: calc((100% - 230px) / 3); padding: 30px;}
    .single-offre-atouts {padding-top: 100px; padding-bottom: 90px; margin-top: 50px;}

    .single-metier-emploi, .section-temoignages-metier, .single-metier-evolution, .single-metier-competences {padding-bottom: 60px; padding-top: 60px;}

    .bandeau-produit>div {flex-direction: row;}
    .single-product .bandeau-produit .bloc-left{max-width: 400px; height: 100%; padding-top: 60px; padding-bottom: 60px;}
    .bloc-right.float-detail-produit {z-index: 5; width: 420px; position: absolute; right:0; position: absolute; top: 0;}
    .detail-produit {gap: 100px; padding-top: 60px; padding-bottom: 70px; min-height: 560px;}
    .detail-produit .module-size{gap: 65px;}
    .detail-produit .bloc-left{width: 45%; max-width: 560px; }
    .detail-produit>div {flex-direction: row;}
    .detail-produit-bloc {padding: 40px 50px;}

    .timeline-item .content {gap: 100px;flex-direction: row;padding-top: 20px;display:flex; align-items: flex-start; margin-bottom: 40px; }
    .timeline-container .timeline-item .bloc-left{width: 50%;}
    .timeline-container .timeline-item .bloc-right{width: calc(50% - 20px);flex-direction: column;justify-content: center; }
 /*   .timeline-container { margin-top: 50px !important; }*/


    .single-product .contenu-carrousel-produit  {padding-top: 30px;}

    .single-product .tab-links {flex-direction: row;  max-width: max-content; }
    .single-product .tabs-container.motif-left::before {z-index: 1; content: url(/wp-content/uploads/2023/09/carrousel-motif.svg);  top: 240px; left: -800px; position: absolute;}
    .liste-accordeon .accordeon { width: 50%;}

    .single-product-coordonnees>div { flex-direction: row; gap: 80px 30px; }
    .single-product-coordonnees .bloc-right  {max-width: 360px;}
    .single-product-coordonnees #map-coordonnées { width: 100%; aspect-ratio: 1 / 1; height: auto; }
    .single-product-coordonnees #map-coordonnées iframe {height: 100%;}
    .single-product-coordonnees .bloc-left {width: 60%;}

    .single-product-coordonnees #google-map {aspect-ratio: 1/1;}

    .single-formation-contact>div {gap: 20px !important;}

    .single-product .tabs-container {padding-top: 50px; padding-bottom: 120px;}

    .page-template-template-page-une-formation .accordeon h3 {width: 35%;}
    .page-template-template-page-une-formation .accordeon .content {width: 40%;}
    .page-template-template-page-une-formation .contenu-bandeau-entete {max-height: 580px;}
}


@media screen and (min-width: 1100px) {
    .bandeau-produit {background-image: url(/wp-content/uploads/2023/09/single-produit-hero.svg); }
        .single-product .slider-galerie-produit {max-width: 670px;}
        .detail-produit .bloc-left{width: 55%; max-width: 560px; }
}
@media screen and (min-width: 1250px) {
    .single-product .slider-galerie-produit {max-width: 770px;}

.single-product .contenu-carrousel-produit .next-carrousel {right: 40px;}
.single-product .contenu-carrousel-produit .prev-carrousel {left: 40px;}
}
@media screen and (min-width: 1550px) {
    .single-offre-atouts.motif-left::before {left: 0;}
    .single-product .tabs-container.motif-left::before {left: -660px;  top: 200px; }

}



ul{margin-left: 20px;}
.sub-menu{margin-left: 0px;padding-bottom: 0px;}
.offres_emploi .contenu-condition{padding: 20px;}
.single-offres_emploi .contenu-bandeau-entete p{color: var(--couleur-blanc);}



/* UPDATE MAI 2024 */
#divsemaine, #divjour { padding-bottom:0.5rem; }
#divjour .aday,
#divsemaine .aday,
#divsemaine .adayferie  {
  margin: 0;
  padding: 0.2rem;
  display: flex;
  max-width: 600px;
  justify-content: space-between;
}
#divjour .aday .date,
#divsemaine .aday .date,
#divsemaine .adayferie .date {
  order: 1;
}
#divjour .aday .prix,
#divsemaine .aday .prix,
#divsemaine .adayferie .prix {
  order: 3;
}
#divjour .aday::before,
#divsemaine .aday::before,
#divsemaine .adayferie::before {
  background-image: radial-gradient(circle, currentcolor 1px, transparent 1.5px);
  background-position: bottom;
  background-size: 1ex 4.5px;
  background-repeat: space no-repeat;
  content: "";
  flex-grow: 1;
  height: 1em;
  order: 2;
}

#divjour .aday .remove{
    order:4;
    cursor: pointer;
    border: 2px solid var(--couleur-focus);
    color: var(--couleur-focus);
    margin: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 50%;
  margin-left: 5px;
  transition: transform 0.3s;
  padding: 0 5px;
  font-weight: 900;
}
.switchsemaine{display: flex; justify-content: center; align-content: center; align-items: center;}

.btn-color-mode-switch{
    display: inline-block;
    margin: 0px;
    position: relative;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner{
    margin: 0px;
    width: 160px;
    height: 40px;
    background: #E0E0E0;
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
    display: block;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:before{
    content: attr(data-on);
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    top: 13px;
    right: 27px;

}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:after{
    content: attr(data-off);
    width: 80px;
    height: 19px;
    background: var(--couleur-secondaire);
    border-radius: 26px;
    position: absolute;
    left: 3px;
    top: 3px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 6px -2px #111;
    padding: 8px 0px;
    color: #FFF;
}

.btn-color-mode-switch > .alert{
    display: none;
    background: #FF9800;
    border: none;
    color: #fff;
}

.btn-color-mode-switch input[type="checkbox"]{
    cursor: pointer;
    width: 50px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    color: var(--couleur-principale);
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after{
    content: attr(data-on);
    left: 77px;
    background: var(--couleur-secondaire);
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before{
    content: attr(data-off);
    right: auto;
    left: 20px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    /*background: #66BB6A; */
    /*color: #fff;*/
}

.btn-color-mode-switch input[type="checkbox"]:checked ~ .alert{
    display: block;
}


#loading {
    display:none;
}
#loading.active {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top:0;
  left:0;
  z-index: 9999999999;
}
#loading.active .inside{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: #00000070;
  height: 100%;
}