/*
Theme Name:   J2C Consulting
Description:  Thème
Version:      1.0
Author:       EKELA
Template:     Divi
*/



/*Add your own styles here:*/

/********** VARIABLES **********/

:root {
  --violet: #290A37;
  --violet20: #290A3732;
  --bleu: #175AA9;
  --vert: #B0E92D;
  --rouge: #FA5457;
  --bleuclair1: #F9FCFF;
  --bleuclair2: #F2F8FF;
  --degradebleuvert: linear-gradient(90deg, #175AA9,#59C5AC,#B0E92D)
}



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

small {
  font-size: 0.9em;
}

b {
  font-weight: 700;
}

@media (max-width: 1200px) {
  html body {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  html body {
    font-size: 15px;
  }
}

#page-container {
  overflow: hidden;
}


.et_pb_text.txt-l {
  font-weight: 600;
  font-size: 1.1em;
}

@media (min-width: 981px) {
  .et_pb_text.txt-l {
    margin-bottom: 30px !important;
  }
}


/********** TITRES **********/

body h2 {
  position: relative;
  font-family: 'Jura', monospace;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 10px;
  line-height: 1.5;
  padding-bottom: 2em;
}

.contenu-legal h2 {
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
  text-transform: initial;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 22px;
  padding-bottom: 0.8em;
}

body .et_pb_text h2::after,
.formation-blocs .bloc-info h3::after,
.ligne-blocs-bleu-alt .et_pb_text h3::after,
h2.trait-vert::after,
.et_pb_post_content h2::after {
  position: absolute;
  bottom: 1.2em;
  content: "";
  width: 86px;
  height: 6px;
  background-color: var(--vert);
  left: 0;
}

.contenu-legal .et_pb_text h2::after {
  content: none;
}

.formation-blocs .bloc-info h3,
.ligne-blocs-bleu-alt .et_pb_text h3 {
  position: relative;
  padding-bottom: 2em;
}

.formation-blocs .bloc-info h3::after,
.ligne-blocs-bleu-alt .et_pb_text h3::after {
  bottom: 1em;
}

body h3,
.et_pb_column_1_3 h3 {
  font-size: 27px;
  font-weight: 700;
  padding-bottom: 0.8em;
}

.h3-big h3 {
  font-size: 38px;
  padding-bottom: 0.7em;
}

p + h2,
p + h3 {
  padding-top: 0.5em;
}

body h4 {
  font-size: 22px;
  font-weight: 600;
}


@media (max-width: 1200px) {
  
  body h1 {
    font-size: 40px;
  }
  
  body h2 {
    font-size: 22px;
  }
  
  body h3,
  .et_pb_column_1_3 h3 {
    font-size: 24px;
  }
  
  .h3-big h3 {
    font-size: 28px;
  }
  
  body h4 {
    font-size: 20px;
  }
}


@media (max-width: 600px) {
  
  body h1 {
    font-size: 30px;
  }
  
  body h2 {
    font-size: 20px;
    letter-spacing: 6px;
  }
  
  body .et_pb_text h2::after,
  .formation-blocs .bloc-info h3::after,
  .ligne-blocs-bleu-alt .et_pb_text h3::after,
  h2.trait-vert::after,
  .et_pb_post_content h2::after {
    width: 64px;
  }
  
  body h3,
  .et_pb_column_1_3 h3 {
    font-size: 20px;
  }
  
  .h3-big h3 {
    font-size: 22px;
  }
  
  body h4 {
    font-size: 18px;
  }
}


/********** BOUTONS **********/

body .et_pb_button {
  line-height: 1.2 !important;
}

body.et_button_no_icon.et_button_left .et_pb_button:hover,
body.et_button_no_icon .et_pb_button,
body.et_button_no_icon .et_pb_button:hover {
  padding: 0.7em 1.8em !important;
}

.et_pb_section.bandeau-titre .et_pb_button {
  font-size: 24px;
  color: var(--violet);
  background-color: #fff;
  border-color: #fff;
}

body.et_button_no_icon.et_button_left .bandeau-titre .et_pb_button:hover,
body.et_button_no_icon .bandeau-titre .et_pb_button,
body.et_button_no_icon .bandeau-titre .et_pb_button:hover {
  padding: 0.55em 1.8em !important;
}

body.et_button_no_icon .et_pb_button.small {
  font-size: 17px;
  padding: 0.6em !important;
  color: var(--rouge);
  background-color: #fff;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-color: var(--rouge);
}

body.et_button_no_icon .et_pb_button.small:hover {
  padding: 0.6em !important;
  color: #fff !important;
  background-color: var(--rouge);
}

.et_pb_text + .et_pb_button_module_wrapper {
  margin-top: -15px;
}


@media (max-width: 600px) {
  
  body .et_pb_button {
    font-size: 17px;
  }
  
  .et_pb_section.bandeau-titre .et_pb_button {
    font-size: 20px;
  }
  
  body.et_button_no_icon .et_pb_button.small {
    font-size: 15px;
  }
  
  .et_pb_text + .et_pb_button_module_wrapper {
    margin-top: -10px;
  }
}

/********** LISTES ***********/

body #main-content ul {
  line-height: 1.6;
}

/*
body #main-content ul,
body #main-content ol {
  padding-top: 0.4em;
}*/

body #main-content ul ul {
  padding-bottom: 0.1em;
}

body #main-content ul li,
body #main-content ol li {
  margin-bottom: 0.4em;
}

/*
body #main-content ul li::marker {
  color: var(--jaune);
}*/

#main-content p:not(.has-background):last-of-type + ul,
#main-content p:not(.has-background):last-of-type + ol {
  padding-top: 1.2em;
}

/* Checklist */

.checklist ul {
  padding-left: 40px;
  list-style: none;
}

.checklist ul li {
  position: relative;
  list-style-image: none;
}

.checklist ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: var(--bleu);
  position: absolute;
  left: -33px;
  top: 2px;
  mask: url(gfx/icon-check.svg) center center /contain no-repeat;
}

@media (max-width: 600px) {
  
  .checklist ul {
    padding-left: 30px;
  }
  
  .checklist ul li::before {
    width: 20px;
    height: 20px;
    left: -30px;
    top: 3px;
  }
}

/********** LIENS *********/

.et_pb_text a,
.et_pb_post_content a{
  text-decoration: underline;
}




/********* IMAGES *********/

.et_pb_text p img {
  margin: 12px 0;
}


/******** SEPARATEUR ********/

.et_pb_text hr {
  border-width: 0;
  margin: 1.2em 0 2.2em 0;
  height: 1px;
  background-color: var(--violet20);
}

.et_pb_module.et_pb_space {
  margin: 20px 0 !important;
}

@media (max-width: 600px) {
  
  .et_pb_module.et_pb_space {
    margin: 10px 0 !important;
  }
}


body .et_pb_divider::before {
  border-top-color: var(--violet20);
}

.et_pb_module.et_pb_divider.degrade::before {
  height: 10px;
  background: var(--degradebleuvert);
  border-width: 0;
  width: 80%;
}


/******** ASCENCEUR ********/

.et_pb_module.et_pb_toggle {
  background-color: var(--bleuclair2);
  padding: 5px calc(6% + 20px) 5px 6%;
  border-width: 0;
  border-radius: 28px;
  margin-bottom: 12px !important;
}

.et_pb_toggle .et_pb_toggle_title {
  position: relative;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.3;
  padding: 10px 0 !important;
  color: var(--violet) !important;
  cursor: pointer;
}

body .et_pb_toggle .et_pb_toggle_title::before {
  position: absolute;
  content: "3";
  right: -35px;
  font-size: 36px;
  color: var(--bleu);
  top: 50%;
  margin-top: -.5em;
}

body .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
  content: "2";
}

.et_pb_toggle .et_pb_toggle_content {
  margin-top: 12px;
  margin-bottom: 20px;
}


@media (min-width: 601px) {
  
  .et_pb_module.et_pb_toggle {
    padding: 12px calc(3.5% + 30px) 12px 3.5%;
    border-radius: 32px;
  }
  
  .et_pb_toggle .et_pb_toggle_title {
    font-size: 18px !important;
  }
}

@media (min-width: 1201px) {
  
  .et_pb_toggle .et_pb_toggle_title {
    font-size: 20px !important;
  }
}

/******************************/
/*    SECTIONS / LIGNE...     */
/******************************/

/****** RWD *******/

@media (max-width: 980px) {
  
  body .et_pb_section {
    padding: 20px 0;
  }
}

@media (max-width: 600px) {
  body .et_pb_column .et_pb_row_inner,
  body .et_pb_row {
    padding: 30px 0;
  }
}


/****** SECTION 2 Colonnes Texte à gauche ******/

@media (min-width: 981px) {
  
  body .ligne-txt-gauche .et_pb_column:first-child,
  body .ligne-txt-img .et_pb_column:first-child {
    width: 49%;
    margin-right: 11%;
  }
  
  body .ligne-txt-gauche .et_pb_column:nth-child(2),
  body .ligne-txt-img .et_pb_column:nth-child(2) {
    width: 40%;
  }
}



/****** SECTION 2 Colonnes Texte à droite ******/

@media (min-width: 981px) {
  
  body .ligne-txt-droite .et_pb_column:first-child {
    width: 40%;    
    margin-right: 11%;
  }
  
  body .ligne-txt-droite .et_pb_column:nth-child(2) {
    width: 49%;
  }
}


/****** SECTION FOND DEGRADE ******/

.et_pb_section.fond-degrade {
  background: var(--degradebleuvert);
  color: #fff;
}


/****** SECTION BANDEAU TITRE ******/

.et_pb_section.bandeau-titre {
  background: var(--degradebleuvert);
  color: #fff;
  padding: 14px 0;
  overflow: hidden;
}

.et_pb_section.bandeau-titre h1 {
  color: #fff;
  line-height: 1.3;
}

.et_pb_section.bandeau-titre .et_pb_row {
  max-width: 1620px;
  width: 86%;
}

.et_pb_section.bandeau-titre .et_pb_row::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 19.1%;
  width: 36%;
  aspect-ratio: 1;
  background: url(gfx/cercles-header.svg) center center /contain no-repeat;
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
}

.et_pb_section.bandeau-titre .et_pb_row .et_pb_column {
  max-width: 1000px;
}

.et_pb_section.bandeau-titre .et_pb_button_module_wrapper::after {
  content: "";
  position: absolute;
  bottom: -218px;
  width: 6px;
  height: 200px;
  left: calc(50% - 3px);
  background-color: #fff;
}

@media (min-width: 981px) {
  .et_pb_section.bandeau-titre {
    margin-bottom: 20px;
  }
}

@media (max-width: 980px) {
  
  .et_pb_section.bandeau-titre .et_pb_row::before {
    top: auto;
    bottom: 0;
    width: 60%;
    -webkit-transform: translate(93%,49%);
    transform: translate(93%,49%);
  }
  
  .et_pb_section.bandeau-titre .et_pb_button_module_wrapper {
    display: inline-block;
    text-align: left;
  }
}

@media (max-width: 600px) {
  
  .et_pb_section.bandeau-titre .et_pb_row::before {
    width: 95%;
    -webkit-transform: translate(71%,46%);
    transform: transform: translate(71%,46%);
  }
}


/****** SECTION BANDEAU TITRE HOME ******/

.et_pb_section.bandeau-titre.home h1 {
  font-weight: 300;
  padding-bottom: 0.5em;
}

.et_pb_section.bandeau-titre.home h1 strong {
  font-weight: 800;
}

@media (min-width: 981px) and (max-width: 1750px) {
  
  .bandeau-titre.home h1 {
    font-size: 42px;
  }
}

/* colonnes inversees */

@media (max-width: 980px) {

  .et_pb_row.inv-col,
  .et_pb_row.ligne-txt-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .et_pb_row.inv-col .et_pb_column:first-child,
  .et_pb_row.ligne-txt-img .et_pb_column:first-child {
    margin-bottom: 0;
  }

  .et_pb_row.inv-col .et_pb_column:nth-child(2),
  .et_pb_row.ligne-txt-img .et_pb_column:nth-child(2) {
    margin-bottom: 30px;
  }
}


/****** LIGNES RWD ******/

@media (max-width: 980px) {
  
  .et_pb_row {
    width: 88%;
  }
}


/***** Lignes avec Colonnes centrees verticalement *****/

@media (min-width: 981px) {
  
  .et_pb_row.center-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/***** Ligne largeur L *****/

.et_pb_row.largeur-l {
  max-width: 1520px;
}

/***** Ligne Titre seulement *****/

.et_pb_row.ligne-titre {
  padding-bottom: 0;
}


/* Module Texte - bloc bleu clair */

.et_pb_text.bloc-bleuclair {
  background-color: var(--bleuclair2);
  padding: 45px 8%;
  border-bottom: 10px solid;
  border-image-source: var(--degradebleuvert);
  border-image-slice: 1;
}

/* Module Appel à l'action */

body .et_pb_module.et_pb_promo,
.et_pb_row.cadre-vert {
  background-color: #fff;
  border: 4px solid var(--vert);
  color: var(--violet) !important;
  padding: 45px 4%;
}

body .et_pb_promo_description {
  padding-bottom: 20px;
}

.et_pb_button.et_pb_promo_button {
  display: inline-block;
}

.et_pb_module.et_pb_promo .et_pb_module_header {
  font-size: 27px;
  font-weight: 700;
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
  text-transform: initial;
  letter-spacing: 0;
  line-height: 1.2;
  padding-bottom: 0.8em;
  color: var(--bleu) !important;
  padding-bottom: 0.6em;
}

@media (max-width: 1200px) {
  
  .et_pb_module.et_pb_promo .et_pb_module_header {
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  
  .et_pb_module.et_pb_promo .et_pb_module_header {
    font-size: 20px;
  }
}

/* Listes ordonnées Modules */

.et_pb_row.liste-modules .et_pb_column {
  counter-reset: section;
}

@media (min-width: 981px) {
  .et_pb_row.liste-modules .et_pb_column {
    column-count: 2;
    column-gap: 6%;
  }
}

.et_pb_row.liste-modules .et_pb_module {
  position: relative;
  padding-left: 70px;
  margin-bottom: 1.8em !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

.et_pb_row.liste-modules .et_pb_module::before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  left: 0;
  top: 2px;
  background-color: var(--bleu);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
}

.et_pb_row.liste-modules .et_pb_module h3 {
  font-size: 23px;
  padding-bottom: 0.4em;
}

@media (max-width: 600px) {
  
  .et_pb_row.liste-modules .et_pb_module {
    padding-left: 52px;
    min-height: 50px;
  }
  
  .et_pb_row.liste-modules .et_pb_module::before {
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  
  .et_pb_row.liste-modules .et_pb_module h3 {
    font-size: 20px;
  }
}


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

/*
@media (min-width: 981px) {
  
  body #main-header.et-fixed-header {
    -webkit-box-shadow: 0 0 20px #0000000c !important;
    box-shadow: 0 0 20px #0000000c !important;
  }
}*/

.et_pb_section.custom-header {
  padding: 0;
  -webkit-box-shadow: 0 0 20px #0000000c;
  box-shadow: 0 0 20px #0000000c;
}

.custom-header .et_pb_row {
  padding: 14px 0;
  width: 90%;
  max-width: 1800px;
  -webkit-transition: padding 0.4s ease;
  transition: padding 0.4s ease;
}

.custom-header .et_pb_menu__logo img {
  width: 160px;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

@media (max-width: 1400px) {
  
  .custom-header .et_pb_menu__logo img {
    width: 150px;
  }
}

@media (max-width: 1200px) {
  
  .custom-header .et_pb_row {
    padding: 10px 0;
  }
  
  .custom-header .et_pb_menu__logo img {
    width: 130px;
  }
}

/* sticky header */

@media (min-width: 1201px) {

  .has_et_pb_sticky .custom-header .et_pb_row {
    padding: 0;
  }

  .has_et_pb_sticky .custom-header .et_pb_menu__logo img {
    width: 140px;
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  
  .has_et_pb_sticky .custom-header .et_pb_menu__logo img {
    width: 120px;
  }
}

/* MENU */

.custom-header .et_pb_menu .et_pb_menu__wrap {
  padding: 5px 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.custom-header .et_pb_menu__menu {
  width: 100%;
}

.custom-header .et_pb_menu__menu .et-menu-nav {
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.custom-header .et_pb_menu__menu .et-menu-nav > ul {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*max-width: 1300px;*/
  max-width: 68vw;
}

.custom-header .et-menu a {
  color: var(--violet);
  font-size: 20px;
  font-weight: 500;
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
  z-index: 10;
}

.custom-header .et-menu > li:not(.item-contact, .item-linkedin, .mobile) > a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  bottom: 28px;
  background-color: var(--rouge);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.custom-header .et-menu a:hover {
  opacity: 1;
}

.custom-header .et-menu > li:not(.item-contact, .item-linkedin, .mobile) > a:hover {
  color: #fff;
}

.custom-header .et-menu > li:not(.item-contact, .item-linkedin, .mobile) > a:hover::before {
  left: -12px;
  right: -12px;
  top: 23px;
  bottom: 20px;
  opacity: 1;
}

body .et-menu a,
body .et-menu a:hover {
  -webkit-transition: all .3s ease !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

body .et-menu .menu-item-has-children > a:first-child::after {
  font-size: 20px;
  right: -2px;
}

@media (min-width: 1201px) {
  
  .custom-header .et-menu li.mobile.menu-item {
    display: none !important;
  }
}

@media (max-width: 1500px) {
  
  .custom-header .et_pb_menu__menu .et-menu-nav > ul {
    max-width: 70vw;
  }
  
  .custom-header .et-menu a {
    font-size: 18px;
  }
}

@media (max-width: 1350px) {
  
  .custom-header .et_pb_menu__menu .et-menu-nav > ul {
    max-width: 72vw;
  }
  
  .custom-header .et-menu a {
    font-size: 16px;
  }
}


@media (max-width: 1200px) { 

  .custom-header .et_pb_menu .et_pb_menu__wrap {
    display: none !important;
  }
}



/* Sous-menus */

.custom-header .et-menu .sub-menu a {
  font-size: 18px;
  font-weight: 400;
  opacity: 0.8;
}


/* Item Contact */

.custom-header .et-menu li.menu-item.item-contact {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-header .et-menu li.menu-item.item-contact a {
  background-color: var(--bleu);
  color: #fff;
  padding: 15px 22px 17px !important;
  border-radius: 40px;
}

.custom-header .et-menu li.menu-item.item-contact a:hover {
  background-color: var(--rouge);
}

/* Item linkedin */

@media (min-width: 1201px) {
  .custom-header .et-menu .item-linkedin.menu-item a {
    font-size: 0;
  }
}

.custom-header .et-menu .item-linkedin.menu-item a::before {
  content: "";
  width: 29px;
  height: 29px;
  background: url("https://j2c-consulting.com/wp-content/uploads/2025/10/picto-linkedin.png") center center /contain no-repeat;
  display: block;
}

.custom-header .et-menu .item-linkedin.menu-item {
  margin-right: -4%;
}


/********* MENU MOBILE **********/

body .mob-menu-header-holder {
  position: fixed;
  height: 1px;
  z-index: 99999;
}

.show-nav-right .mob-menu-header-holder,
.mob-menu-header-holder,
.mobmenu-panel,
.mobmenu-overlay,
.show-nav-right .mobmenu-push-wrap,
.show-nav-right .mob-menu-header-holder,
.show-nav-right .mobmenu-left-alignment,
.show-nav-right .mobmenu-overlay {
  -webkit-transition: -webkit-transform 0s !important;
  transition: -webkit-transform 0s !important;
  transition: transform 0s !important;
  transition: transform 0s, -webkit-transform 0s !important;
}

body .mobmenu-content {
  margin-top: 30px;
}

#mobmenuright > .menu-item > a {
  font-size: 20px;
  font-weight: 500;
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
}

#mobmenuright .menu-item.item-glossaire > a,
#mobmenuright .menu-item.item-actualites > a,
#mobmenuright .menu-item.item-linkedin > a {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: var(--bleu);
  padding-left: 65px;
  margin: 15px 0;
}

#mobmenuright .menu-item.item-glossaire > a::before,
#mobmenuright .menu-item.item-actualites > a::before,
#mobmenuright .menu-item.item-linkedin > a::before {
  position: absolute;
  content: "";
  width: 36px;
  height: 36px;
  left: 20px;
  top: 5px;  
}

#mobmenuright .menu-item.item-glossaire > a::before {
  background: url('https://j2c-consulting.com/wp-content/uploads/2025/10/picto-glossaire.png') center center /contain no-repeat var(--bleu);
  border-radius: 30px;
}

#mobmenuright .menu-item.item-actualites > a::before {
  background: url('https://j2c-consulting.com/wp-content/uploads/2025/10/picto-actualites.png') center center /contain no-repeat var(--bleu);
  border-radius: 30px;
}

#mobmenuright .menu-item.item-linkedin > a::before {
  background-color: var(--bleu);
  mask: url('gfx/icon-linkedin') center center /contain no-repeat;
  width: 32px;
  height: 32px;
  left: 22px;
  top: 7px;
}

#mobmenuright > .menu-item.item-contact {
  padding: 0 calc(15% + 20px);
}

#mobmenuright > .menu-item.item-contact > a {
  background-color: var(--bleu);
  color: #fff;
  text-align: center;
  border-radius: 30px;
  margin-top: 40px;
}

#mobmenuright > .menu-item.item-contact > a:hover {
  background-color: var(--bleu);
  color: #fff;
}

body .mob-expand-submenu i {
  font-size: 16px;
}

body .mobmenur-container {
  top: 24px;
  right: 20px;
}

body .mob-icon-menu::before {
  background-color: var(--bleu);
  content: "";
  mask: url(gfx/menu-burger.svg) center center no-repeat;
  height: 44px;
  width: 44px;
}

.show-nav-right .mobmenu-panel.show-panel {
  overflow: visible;
}

body .mobmenu-right-panel .mobmenu-right-bt {
  right: 24px;
  top: -72px;
  background-color: #fff;
}

body .mob-icon-cancel-1::before {
  background-color: var(--bleu);
  content: "";
  mask: url(gfx/menu-fermer.svg) center center no-repeat;
  height: 44px;
  width: 44px;
}

@media (max-width: 1200px) {
  
  body .mobmenu-right-panel {
    width: 100%;
  }
  
  body .mobmenu-panel.mobmenu-right-panel {
    top: 97px;
  }
  
  body.show-nav-right .mobmenu-overlay {
    top: 97px;
  }
}


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

/******** MENU LATERAL ********/

@media (max-width: 1200px) {
  
  .et_pb_section.sect-menu-lateral {
    display: none !important;
  }
}

@media (min-width: 1201px) {
  
  .et_pb_section.sect-menu-lateral {
    position: fixed;
    right: 1%;
    width: auto;
    bottom: 75px;
    z-index: 1000;
    padding: 0;
    text-align: center;
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
  }

  .et_pb_section.sect-menu-lateral .et_pb_row {
    padding: 0;
    width: auto;
  }

  .sect-menu-lateral nav a {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
    color: var(--bleu);
    margin-top: 60px;
    transition: all 0.2s ease;
  }

  .sect-menu-lateral nav a:hover {
    color: var(--rouge);
  }

  .sect-menu-lateral nav a::before {
    position: absolute;
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    top: -45px;
    left: calc(50% - 22px);
    background-color: var(--bleu);
    border-radius: 30px;
    /*border: 1px solid #fff;*/
    box-shadow: 0px 0px 0px 1px #fff;
    transition: all 0.2s ease;
  }

  .sect-menu-lateral nav a.glossaire::before {
    background: url('https://j2c-consulting.com/wp-content/uploads/2025/10/picto-glossaire.png') center center /contain no-repeat var(--bleu);
  }

  .sect-menu-lateral nav a.actualites::before {
    background: url('https://j2c-consulting.com/wp-content/uploads/2025/10/picto-actualites.png') center center /contain no-repeat var(--bleu);
  }

  .sect-menu-lateral nav a:hover::before {
    background-color: var(--rouge) !important;
  }
}

@media (min-width: 1501px) {
  
  .et_pb_section.sect-menu-lateral {
    right: 2%;
  }
}


/******** FOOTER CONTACT ********/

.et_pb_section.footer-contact {
  padding-top: 30px;
  padding-bottom: 30px;
}

body:not(.home) .et_pb_section.footer-contact {
  background-color: transparent;
}

.et_pb_section.footer-contact .et_pb_row {
  padding: 34px 5%;
  color: #fff;
}

.et_pb_section.footer-contact h3 {
  font-size: 20px;
  color: #fff;
}

.et_pb_section.footer-contact a {
  color: #fff;  
}

.footer-contact .et_pb_text.contact-titre {
  margin-bottom: 0.4em;
}

.et_pb_module.contact-lien {
  padding-left: 48px;
}

.et_pb_module.contact-lien::before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  top: 12px;
  background-color: var(--bleu);
}

.et_pb_module.contact-lien.mail::before {
  mask: url(gfx/icon-mail.svg) center center /contain no-repeat;
}

.et_pb_module.contact-lien.tel::before {
  mask: url(gfx/icon-telephone.svg) center center /contain no-repeat;
}

.et_pb_module.contact-lien.linkedin::before {
  mask: url(gfx/icon-linkedin.svg) center center /contain no-repeat;
}

.et_pb_module.contact-lien.adresse::before {
  mask: url(gfx/icon-adresse.svg) center center /contain no-repeat;
}

.footer-contact .et_pb_module.contact-lien.mail::before,
.footer-contact .et_pb_module.contact-lien.tel::before,
.footer-contact .et_pb_module.contact-lien.linkedin::before {
  background: #fff;
}

body.page-id-39 .et_pb_section.footer-contact {
  display: none;
}

@media (min-width: 601px) {
  
  .et_pb_section.footer-contact {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  
  .et_pb_section.footer-contact h3 {
    font-size: 22px;
  }
}

@media (min-width: 1501px) {
  
  .et_pb_section.footer-contact .et_pb_column:first-child {
    width: 56.5%;
  }
  
  .et_pb_section.footer-contact .et_pb_column:nth-child(2) {
    width: 38%;
  }
  
  .footer-contact .et_pb_module.contact-lien {
    margin-bottom: 10px;
  }
  
  .footer-contact .et_pb_module.contact-lien.mail,
  .footer-contact .et_pb_module.contact-lien.tel {
    display: inline-block;
    width: 50%;
  }
}

@media (min-width: 1601px) {
  
  .et_pb_section.footer-contact {
    font-size: 19px;
  }
}

/******** FOOTER MAIN ********/

@media (min-width: 1401px) {
  
  .et_pb_section.footer-main {
    padding: 75px 0 0 0;
  }
  
  /*
  .footer-main .et_pb_module.et_pb_image {
    text-align: right;
  }*/
}

/* Footer menu */

@media (max-width: 980px) {
  .footer-main .et_pb_module.et_pb_text {
    margin-bottom: 10px !important;
  }
}

.footer-main .et_pb_module.et_pb_menu {
  background-color: transparent;
}

.footer-main .et_pb_menu .et-menu {
  column-count: 2;
  display: block !important;
}

.footer-main .et_pb_menu .et-menu li {
  margin-top: 0;
  font-size: 15px;
  line-height: 1.2;
}

.footer-main .et_pb_menu .et-menu li a {
  color: #fff;
  padding: 0.3em 0;
  text-shadow: 0 1px 4px #0008;
  transition: all 0.2s ease !important;
}

.footer-main .et_pb_menu .et-menu li a:hover {
  opacity: 0.8;
}

@media (max-width: 980px) {
  
  .footer-main .et_pb_menu .et_pb_menu__menu {
    display: block;
  }
  
  .footer-main .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }
  
  .footer-main .et_pb_menu .et_pb_menu__wrap {
    justify-content: start;
  }
}

/* Footer blog */

.footer-main .titres-derniers-articles {
  list-style: none;
  padding: 0;
}

.footer-main .titres-derniers-articles li {
  line-height: 1.2;
  font-size: 15px;
}

.footer-main .titres-derniers-articles li a {
  display: block;
  color: #fff;
  padding: 0.3em 0;
  text-shadow: 0 1px 4px #0008;
  transition: all 0.2s ease !important;
}

.footer-main .titres-derniers-articles li a:hover {
  opacity: 0.8;
}

@media (min-width: 1401px) {
  
  .footer-main .et_pb_menu .et-menu li,
  .footer-main .titres-derniers-articles li {
    font-size: 16px;
    margin-bottom: 0.5em;
  }
}

/* Footer Certification */

.footer-main .et_pb_column.col-certif {
  background-color: #fff;
  padding: 10px;
  font-size: 0.9em;
}

.footer-main .et_pb_column.col-certif .et_pb_image {
  margin-bottom: 8px;
}


/******** SOCKET ********/

.et_pb_section.footer-socket {
  padding: 0;
  border-top: 1px solid #fff3;
  font-size: 13px;
  text-align: center;
  text-shadow: 0 1px 4px #0008;
}

.et_pb_section.footer-socket .et_pb_row {
  max-width: 1800px;
  width: 95%;
}

.et_pb_section.footer-socket a {
  color: #fff;
}

.footer-socket .socket-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.footer-socket .socket-wrap nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.footer-socket .cpr-ekela svg {
  filter: drop-shadow(0 1px 2px #0006);
  position: relative;
  top: 3px;
}

@media (min-width: 1201px) {
  
  .footer-socket .socket-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  
  .footer-socket .cpr-j2cc {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .footer-socket nav {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  
  .footer-socket .cpr-ekela {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}


@media (min-width: 1401px) {
  
  .et_pb_section.footer-socket {
    font-size: 15px;
  }
}


/******************************/
/*        DECO CERCLES        */
/******************************/


@media (min-width: 981px) {
  
  .et_pb_section.cercles-bleus {
    z-index: 10;
  }

  .et_pb_section.cercles-bleus::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -280px;
    width: 36%;
    max-width: 680px;
    aspect-ratio: 1;
    background-color: var(--bleu);
    mask: url(gfx/cercles.svg) center center /contain no-repeat;
    transform: translateY(-50%);
  }

  .et_pb_section.cercles-bleus.cb-gauche::before {
    left: -280px;
    right: auto;
  }

  .et_pb_section.cercles-bleus.cb-bas::before {
    top: 100%;
  }
  
  .et_pb_section.cercles-bleus.cb-haut::before {
    top: 14%;
  }


  .et_pb_section.cercles-blancs .et_pb_row:first-child::before {
    content: "";
    position: absolute;
    top: 49%;
    left: -19%;
    width: 36%;
    max-width: 480px;
    aspect-ratio: 1;
    background-color: #fff;
    mask: url(gfx/cercles.svg) center center /contain no-repeat;
    transform: translateY(-50%);
    z-index: 10;
  }
}


/******************************/
/*       PAGE - Accueil       */
/******************************/

@media (min-width: 981px) {
  .et_pb_section.cover-section {
    padding-top: 80px;
  }
}

/**** SECTION Accompagnements ****/

.accomp-h3-icon h3 {
  position: relative;
  margin-left: 42px;
}

.accomp-h3-icon h3::before {
  content: "";
  position: absolute;
  left: -42px;
  width: 35px;
  top: -2px;
  height: 35px;
}

.accomp-h3-icon.audit h3::before {
  background: url("https://j2c-consulting.com/wp-content/uploads/2025/10/picto-audit.png") center center /contain no-repeat;
}

.accomp-h3-icon.formation h3::before {
  background: url("https://j2c-consulting.com/wp-content/uploads/2025/10/picto-formation.png") center center /contain no-repeat;
}

.accomp-h3-icon.conseil h3::before {
  background: url("https://j2c-consulting.com/wp-content/uploads/2025/10/picto-conseil.png") center center /contain no-repeat;
}

@media (min-width: 601px) {
  
  .accomp-h3-icon h3 {
    margin-left: 50px;
  }
  
  .accomp-h3-icon h3::before {
    left: -50px;
    width: 40px;
    top: -2px;
    height: 40px;
  }
}

@media (min-width: 1201px) {
  
  .accomp-h3-icon h3 {
    margin-left: 0;
  }
  
  .accomp-h3-icon h3::before {
    left: -60px;
    width: 50px;
    top: 1px;
    height: 50px;
  }
}

@media (min-width: 981px) and (max-width: 1400px) {
  
  .home-sect-actu .et_pb_column.col-txt {
    width: 30%;
  }
  
  .home-sect-actu .et_pb_column.col-articles {
    width: 64.5%;
  }
}

@media (max-width: 980px) {
  
  .home-sect-accomp .et_pb_image.scroll-fixed img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  
  .home-sect-accomp .et_pb_column.col-img {
    z-index: 10;
  }
}

@media (max-width: 480px) {
  
  .home-sect-accomp .et_pb_image.scroll-fixed img {
    transform: scale(1.136)/* translateY(-36px)*/;
  }
  
  .home-sect-accomp .et_pb_column.col-txt {
    margin-top: 25px;
  }
}


/**** SECTION Actualités ****/

.article .article-img-cat {
  position: relative;
}

.article a.lien-image {
  display: inline-block;
  line-height: 0;
  width: 100%;
}

.article .article-img-cat img {
  aspect-ratio: 8/5;
  width: 100%;
  object-fit: cover;
  max-width: 720px;
}

.article-categories {
  position: absolute;
  top: 8px;
  left: 10px;
}

.article-categories .article-categorie {
  display: inline-block;
  font-size: 0.8em;
  padding: 5px 8px;
  background-color: #fff;
  margin-right: 5px;
  line-height: 1.2;
  margin-bottom: 3px;
  text-decoration: none;
}

.article-contenu .article-titre {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0.8em;
  line-height: 1.4;
  margin-top: 1em;
}

.article-contenu .et_pb_button_module_wrapper {
  margin-top: 10px;
}

.article .lire-article {
  display: inline-block;
}

.article-contenu a {
  text-decoration: none;
}

@media (max-width: 980px) {
  
  .home-sect-actu .et_pb_column.col-txt {
    margin-bottom: -20px;
  }
  
  .home-sect-actu .article-contenu .article-titre {
    margin-bottom: 0.5em;
    margin-top: 0.6em;
  }
  
  .home-sect-actu .article-contenu .article-resume {
    display: none;
  }
}

@media (max-width: 600px) {
  
  .article-contenu .article-titre {
    font-size: 17px;
  }
}

.et_pb_section.home-sect-actu {
  padding-bottom: 200px;
}


/**** SECTION Qui sommes nous ****/

.home-sect-qsn .et_pb_image.photo-j2c {
  margin-right: -10%;
  width: 50%;
}

@media (min-width: 481px) and (max-width: 980px) {
  
  .home-sect-qsn .et_pb_image.photo-j2c {
    margin-top: -30vw;
    margin-right: 50px;
  }
  
  .home-sect-qsn .et_pb_image.photo-j2c img {
    max-width: 28vw;
  }
}

@media (max-width: 480px) {
  
  .home-sect-qsn .et_pb_column.col-img {
    margin-bottom: 220px !important;
  }
  
  .home-sect-qsn .et_pb_image.photo-qsn-mobile img {
    transform: scale(1.136) translateY(-32px);
  }
  
  .home-sect-qsn .et_pb_image.photo-j2c img {
    max-width: 32vw;
    margin-top: 40px;
    margin-right: 30px;
  }
}


/******************************/
/*   PAGE - Qui sommes nous   */
/******************************/

.et_pb_image.qsn-j2c-img {
  display: inline-block;
  width: 35%;
}

.et_pb_image.qsn-j2c-img img {
  width: 100%;
  object-fit: cover;
  height: 200px;
}

.et_pb_text.qsn-j2c-txt {
  display: inline-block;
  width: 65%;
  height: 200px;
  background-color: var(--bleu);
  color: #fff;
  line-height: 1.3;
  padding: 20px 5%;
  vertical-align: top;
}

.et_pb_text.qsn-j2c-txt h3 {
  position: relative;
  color: #fff;
  font-family: 'Manrope',Helvetica,Arial,Lucida,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 1.5em;
  padding-top: 0.4em;
  margin-bottom: 1em;
}

.et_pb_text.qsn-j2c-txt h3::after {
  position: absolute;
  bottom: 0.5em;
  content: "";
  width: 45px;
  height: 6px;
  background-color: var(--vert);
  left: 0;
}

.et_pb_text.qsn-j2c-txt a {
  color: #fff;
}

.et_pb_text.qsn-j2c-txt img {
  float: right;
  width: 40%;
  max-width: 157px;
  margin-left: 8px;
}


@media (min-width: 481px) {

  .et_pb_image.qsn-j2c-img {
    max-width: 200px;
  }
  
  .et_pb_image.qsn-j2c-img img {
    height: 260px;
  }

  .et_pb_text.qsn-j2c-txt {
    height: 260px;
    max-width: 400px;
  }
  
  .et_pb_text.qsn-j2c-txt h3 {
    font-size: 19px;
  }
}

@media (min-width: 1401px) {
  
  .et_pb_image.qsn-j2c-img {
    max-width: 240px;
  }
  
  .et_pb_text.qsn-j2c-txt h3 {
    font-size: 22px;
    padding-top: 1.2em;
    margin-bottom: 1.5em;
  }
  
  .et_pb_text.qsn-j2c-txt img {
    width: 45%;
  }
}



/******************************/
/*      PAGE - Formations     */
/******************************/

/* En chiffres */

.et_pb_column.col-enchiffres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px 3%;
}

.et_pb_module.bloc-enchiffres {
  background-color: var(--bleu);
  color: #fff;
  text-align: center;
  padding: 20px 5%;
  line-height: 1.3;
  font-size: 22px;
  margin-bottom: 0 !important;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.et_pb_module.bloc-enchiffres p {
  padding-bottom: 0.6em;
}

.et_pb_module.bloc-enchiffres strong {
  font-size: 32px;
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
}
/*
.et_pb_module.bloc-enchiffres:nth-child(3) {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.et_pb_module.bloc-enchiffres:nth-child(5) {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 3;
}
*/

.col-enchiffres .et_pb_promo {
  grid-column-start: 1;
  grid-column-end: 3;
  /*margin-top: 60px;*/
  margin-top: 90px;
}

/*
.col-enchiffres .et_pb_text:first-child,
.col-enchiffres .et_pb_text:nth-child(2),
.col-enchiffres .et_pb_text:nth-child(6) {
  position: relative;
  top: 140px;
}*/

.col-enchiffres .et_pb_text:nth-child(2n) {
  position: relative;
  top: 90px;
}

.col-enchiffres .et_pb_text.txt-donnees {
  margin-top: 8px;
}

@media (max-width: 1200px) {
  
  .et_pb_module.bloc-enchiffres {
    font-size: 18px;
    min-height: 180px;
  }
  
  .et_pb_module.bloc-enchiffres strong {
    font-size: 25px;
  }
  /*
  .col-enchiffres .et_pb_text:first-child,
  .col-enchiffres .et_pb_text:nth-child(2),
  .col-enchiffres .et_pb_text:nth-child(6) {
    top: 100px;
  }*/
}

@media (max-width: 600px) {
  
  .et_pb_column.col-enchiffres {
    grid-row-gap: 1.5%;
  }
  
  .et_pb_module.bloc-enchiffres {
    font-size: 16px;
    min-height: 160px;
  }
  
  .col-enchiffres .et_pb_promo {
    margin-top: 40px;
  }
}


/* Liste Formations */

.liste-formations {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 160px;
  gap: 30px 1.5%
}

.texte-debut {
  grid-column: span 3;
}

.texte-debut h3 {
  max-width: 620px;
  padding-bottom: 0.6em;
}

.texte-fin {
  grid-column: span 2;
  text-align: center;
  padding: 10px 5%;
}

.texte-fin .et_pb_button_wrapper {
  margin-top: 20px;
}

.liste-formations .item-formation {
  position: relative;
  top: 0;
  background-color: var(--bleuclair2);
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all 0.2s ease;
}

@media (min-width: 1601px) {
  .liste-formations .item-formation:nth-child(12n+1),
  .liste-formations .item-formation:nth-child(12n+3),
  .liste-formations .item-formation:nth-child(12n+6),
  .liste-formations .item-formation:nth-child(12n+8),
  .liste-formations .item-formation:nth-child(12n+10),
  .liste-formations .item-formation:nth-child(12n+11) {
    background-color: var(--bleuclair1);
  }
}

@media (min-width: 1401px) and (max-width: 1600px) {
  
  .liste-formations .item-formation:nth-child(2n+1) {
    background-color: var(--bleuclair1);
  }
}

@media (min-width: 801px) and (max-width: 1400px) {
  .liste-formations .item-formation:nth-child(8n+3),
  .liste-formations .item-formation:nth-child(8n+5),
  .liste-formations .item-formation:nth-child(8n+6),
  .liste-formations .item-formation:nth-child(8n+8) {
    background-color: var(--bleuclair1);
  }
}

@media (min-width: 601px) and (max-width: 800px) {
  
  .liste-formations .item-formation:nth-child(2n+1) {
    background-color: var(--bleuclair1);
  }
}

@media (max-width: 600px) {
  .liste-formations .item-formation:nth-child(4n+3),
  .liste-formations .item-formation:nth-child(4n+4) {
    background-color: var(--bleuclair1);
  }
}

@media (min-width: 981px) {
  
  .liste-formations a.item-formation:hover {
    top: -8px;
  }
}


.liste-formations a.item-formation .formation-titre {
  transition: all 0.2s ease;
}

.liste-formations a.item-formation:hover .formation-titre {
  font-weight: 600;
  transform: scale(1.02);
}


@media (max-width: 1600px) {
  
  .liste-formations {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1400px) {
  
  .liste-formations {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
  
  .texte-debut {
    grid-column: span 4;
  }
}

@media (max-width: 1200px) {
  
  .liste-formations {
    grid-auto-rows: 140px;
    gap: 20px 1.5%;
  }
}

@media (max-width: 800px) {
  
  .liste-formations {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 130px;
    gap: 18px 2%;
  }
  
  .liste-formations .item-formation {
    font-size: 16px;
  }
  
  .texte-debut,
  .texte-fin {
    grid-column: span 3;
  }
}


@media (max-width: 600px) {
  
  .liste-formations {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;
    gap: 15px 3%;
  }
  
  .liste-formations .item-formation {
    font-size: 15px;
  }
  
  .texte-debut,
  .texte-fin {
    grid-column: span 2;
  }
}


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

/* Contenu */

@media (min-width: 981px) {
  
  .liste-bleu .et_pb_text_inner > ul {
    column-count: 2;
    column-gap: 6%;
  }
  
  .liste-bleu .et_pb_text_inner > ul > li {
    break-inside: avoid;
  }
}

.liste-bleu .et_pb_text_inner > ul {
  list-style: none;
  counter-reset: mon-compteur;
  padding-left: 0;
}

.liste-bleu .et_pb_text_inner > ul > li {
  counter-increment: mon-compteur;
  position: relative;
  padding-left: 70px;
  margin-bottom: 1.2em !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

.liste-bleu .et_pb_text_inner > ul > li::before {
  content: counter(mon-compteur);
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  background-color: var(--bleu);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
}

@media (max-width: 600px) {
  
  .liste-bleu .et_pb_text_inner > ul > li::before {
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  
  .liste-bleu .et_pb_text_inner > ul > li {
    padding-left: 52px;
    min-height: 50px;
  }
}


/* Blocs info */
/* ET Ligne avec blocs bleu clair / bleu foncé */

.formation-blocs .forma-blocs,
.ligne-blocs-bleu-alt .et_pb_column {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

.formation-blocs .bloc-info,
.ligne-blocs-bleu-alt .et_pb_module {
  background-color: var(--bleuclair2);
  padding: 32px 6%;
  margin-bottom: 0 !important;
}

@media (max-width: 1200px) {
  
  .formation-blocs .bloc-info:nth-child(2n+1),
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(2n+1) {
    background-color: var(--bleu);
    color: #fff;
  }

  .formation-blocs .bloc-info:nth-child(2n+1) h3,
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(2n+1) h3,
  .formation-blocs .bloc-info:nth-child(2n+1) a,
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(2n+1) a {
    color: #fff;
  }
}

@media (min-width: 1201px) {
  
  .formation-blocs .forma-blocs,
  .ligne-blocs-bleu-alt .et_pb_column {
    grid-template-columns: 1fr 1fr;
  }
  
  .formation-blocs .bloc-info,
  .ligne-blocs-bleu-alt .et_pb_module {
    padding: 45px 8%;
  }
  
  .formation-blocs .bloc-info:nth-child(4n+1),
  .formation-blocs .bloc-info:nth-child(4n+4),
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(4n+1),
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(4n+4) {
    background-color: var(--bleu);
    color: #fff;
  }

  .formation-blocs .bloc-info:nth-child(4n+1) h3,
  .formation-blocs .bloc-info:nth-child(4n+4) h3,
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(4n+1) h3,
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(4n+4) h3,
  .formation-blocs .bloc-info:nth-child(4n+1) a,
  .formation-blocs .bloc-info:nth-child(4n+4) a,
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(4n+1) a,
  .ligne-blocs-bleu-alt .et_pb_module:nth-child(4n+4) a {
    color: #fff;
  }
  
  /*
  .ligne-blocs-bleu-alt .et_pb_module:last-child:nth-child(2n+1) {
    grid-column-start: 1;
    grid-column-end: 3;
    background-color: var(--bleuclair2);
    color: var(--violet);
  }*/
}


@media (min-width: 1501px) {
  
  .ligne-blocs-bleu-alt.col3 .et_pb_column {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .ligne-blocs-bleu-alt.col3 .et_pb_module {
    background-color: var(--bleuclair2);
    color: var(--violet);
  }
  
  .ligne-blocs-bleu-alt.col3 .et_pb_module h3,
  .ligne-blocs-bleu-alt.col3 .et_pb_module a {
    color: var(--violet);
  }
  
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+1),
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+3),
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+5) {
    background-color: var(--bleu);
    color: #fff;
  }
  
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+1) h3,
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+3) h3,
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+5) h3,
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+1) a,
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+3) a,
  .ligne-blocs-bleu-alt.col3 .et_pb_module:nth-child(6n+5) a {
    color: #fff;
  }
}

/******************************/
/*         PAGE AUDIT         */
/******************************/


/* Liste prestations audit */
/*
.et_pb_row.liste-types-audit .et_pb_column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.et_pb_row.liste-types-audit .et_pb_module {
  background-color: var(--bleuclair2);
  padding: 30px 6%;
  margin-bottom: 0 !important;
}

.et_pb_row.liste-types-audit .et_pb_module:nth-child(4n+2),
.et_pb_row.liste-types-audit .et_pb_module:nth-child(4n+4) {
  background-color: var(--bleuclair1);
}

@media (max-width: 1200px) {

  .et_pb_row.liste-types-audit .et_pb_column {
    grid-template-columns: 1fr;
  }
}
*/


/******************************/
/*        PAGE CONSEIL        */
/******************************/

/* Liste étiquettes */

.et_pb_text.liste-etiquettes p {
  display: inline-block;
  background-color: var(--bleu);
  color: #fff;
  padding: 7px 10px;
  font-size: 0.85em;
  border-radius: 20px;
  margin-right: 2px;
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: 600;
}


/******************************/
/*       PAGE REFERENCES      */
/******************************/

/* Listes Références */

.et_pb_text.liste-references .et_pb_text_inner {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 110px;
  gap: 20px 1.5%;
}

.et_pb_text.liste-references .et_pb_text_inner p {
  background-color: var(--bleuclair2);
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'M PLUS 2',Helvetica,Arial,Lucida,sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.2;
}

.et_pb_text.liste-references .et_pb_text_inner p:nth-child(2n) {
  background-color: var(--bleuclair1);
}

@media (max-width: 1200px) {
  
  .et_pb_text.liste-references .et_pb_text_inner {
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 100px;
  }
  
  .et_pb_text.liste-references .et_pb_text_inner p {
    font-size: 15.5px;
  }
}


@media (max-width: 800px) {
  
  .et_pb_text.liste-references .et_pb_text_inner {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 75px;
    gap: 6px 2%;
  }
  
  .et_pb_text.liste-references .et_pb_text_inner p {
    font-size: 14px;
  }
}

/* Liste Logos */

.et_pb_row.liste-logos-ref .et_pb_column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 5%;
  align-items: center;
}

.et_pb_row.liste-logos-ref .et_pb_image {
  margin-bottom: 0 !important;
  width: 100%;
  text-align: center;
}
/*
.et_pb_row.liste-logos-ref .et_pb_image img {
  max-width: 250px;
}*/

@media (min-width: 601px) {
  .et_pb_row.liste-logos-ref .et_pb_column {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 981px) {
  .et_pb_row.liste-logos-ref .et_pb_column {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1501px) {
  .et_pb_row.liste-logos-ref .et_pb_column {
    grid-template-columns: repeat(5, 1fr);
  }
}


/******************************/
/*       PAGE ACTUALITES      */
/******************************/

/* Dernier article */

.dernier-article-wrap .article-contenu .article-titre {
  font-size: 20px;
}

@media (min-width: 601px) {
    
  .dernier-article-wrap .article-contenu .article-titre {
    font-size: 23px;
  }
}

@media (min-width: 1201px) {

  .dernier-article-wrap .article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 6%;
  }
  
  .dernier-article-wrap .article .article-img-cat {
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  
  .dernier-article-wrap .titre-dernier-article {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
}

.swiper.derniers-articles-swiper {
  padding-top: 20px;
}

.derniers-articles-swiper .swiper-button-prev,
.derniers-articles-swiper .swiper-button-next {
  top: 0;
  width: 40px;
  height: 40px;
  background-color: var(--bleuclair2);
  opacity: 1;
  border-radius: 50%;
  margin-top: 0;
}

.derniers-articles-swiper .swiper-button-prev {
  left: 0;
}

.derniers-articles-swiper .swiper-button-next {
  right: auto;
  left: 50px;
}

.derniers-articles-swiper .swiper-button-prev::after,
.derniers-articles-swiper .swiper-button-next::after {
  font-size: 18px;
}

body .derniers-articles-swiper .swiper-button-disabled {
  opacity: 0.5;
}

@media (min-width: 1401px) {
  
  .dernier-article-wrap .article-contenu .article-titre {
    font-size: 26px;
  }
}

@media (max-width: 1200px) {
  
  .swiper.derniers-articles-swiper {
    margin-right: -12.5%;
    padding-right: 12.5%;
  }
  
  .swiper.derniers-articles-swiper {
    padding-top: 55px;
  }
}

@media (max-width: 980px) {
  
  .swiper.derniers-articles-swiper {
    margin-right: -6.8%;
    padding-right: 6.8%;
  }
}

/******************************/
/*       SINGLE ARTICLE       */
/******************************/

.single-post #content-area > #sidebar {
  display: none;
}

.single-post.et_pb_pagebuilder_layout .article-sect-contenu {
  padding-top: 0;
}

.single-post.et_pb_pagebuilder_layout .article-sect-contenu > .et_pb_row {
  max-width: 100%;
  width: 100%;
  padding: 0;
}

/* Article sans builder DIVI */

.single-post:not(.et_pb_pagebuilder_layout) .article-sect-contenu > .et_pb_row {
  max-width: 1260px;
}

.single-post:not(.et_pb_pagebuilder_layout) .et_pb_post_content img {
  margin: 15px 0;
}

/* Articles similaires */

.et_pb_section.article-sect-autres > .et_pb_row > .et_pb_column:first-child {
  margin-bottom: 0 !important;
}

.article-sect-autres .derniers-articles-swiper .article {
  background-color: #fff;
}


/******************************/
/*       PAGES ARCHIVE        */
/******************************/

.tous-les-articles {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px 20px;
}

@media (min-width: 601px) {
  
  .tous-les-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 981px) {
  
  .tous-les-articles {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1401px) {
  
  .tous-les-articles {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Pagination */
/*
.articles-pagination {
  margin-top: 50px;
}

.articles-pagination .page-numbers {
  background-color: var(--bleuclair2);
  min-width: 30px;
  display: inline-block;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  font-weight: 400;
}

.articles-pagination .page-numbers.current {
  background-color: var(--rouge);
  color: #fff;
  font-weight: 700;
}*/


/******************************/
/*        PAGE CONTACT        */
/******************************/

/* Formulaire */

h3 + .wpcf7,
p + .wpcf7 {
  margin-top: 1em;
}

.wpcf7 input.text,
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 select,
.wpcf7 textarea {
  background-color: var(--bleuclair2);
  width: 100%;
  font-size: 16px;
  padding: 18px;
  color: var(--violet);
  border: 1px solid var(--bleuclair2);
  font-weight: 500;
  margin-top: 3px;
}

.wpcf7 input.text:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border: 1px solid var(--bleu);
}

.wpcf7 input.text::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 input[type="text"]::placeholder,
.wpcf7 select::placeholder,
.wpcf7 textarea::placeholder {
  color: var(--violet);
  font-weight: 300;
  opacity: 0.75;
}

.wpcf7 .titre-label {
  font-weight: 600;
}

.titre-label + .wpcf7-form-control-wrap {
  display: inline-block;
  margin-bottom: 0.8em;
}

.titre-label + .wpcf7-form-control-wrap .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: 0.85em;
}

.wpcf7-radio .wpcf7-list-item {
  display: block;
}

.wpcf7 textarea {
  min-width: 100%;
  max-width: 100%;
  height: 180px;
}

.wpcf7 .wpcf7-acceptance {
  margin: 0.8em 0;
  display: inline-block;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
  line-height: 1.5;
  font-size: 0.9em;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a {
  text-decoration: underline;
}

.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
  margin-left: 1px;
}

.wpcf7 .wpcf7-submit.has-spinner.et_pb_button:not([disabled=""]) {
  cursor: pointer;
}

body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output,
body .wpcf7 form.payment-required .wpcf7-response-output,
body .wpcf7 form.sent .wpcf7-response-output {
  border-radius: 5px;
}

body .wpcf7 form.sent .wpcf7-response-output {
  background-color: #ebf8eb;
  margin-top: 1em;
}

.wpcf7 input.wpcf7-submit {
  background-color: var(--bleu);
  color: #fff;
  font-size: 18px;
  padding: 18px 30px;
  border: none;
  font-family: 'Jura', monospace;
}

.wpcf7 p {
  padding-bottom: 0.5em !important;
}

@media (min-width: 1281px) {
  
  .wpcf7 .cf-turnstile {
    display: inline-block;
  }
  
  .wpcf7 .btn-envoyer {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    position: absolute;
    right: 0;
  }
  
  .wpcf7 .btn-envoyer .wpcf7-spinner {
    position: absolute;
    left: -72px;
  }
}

@media (min-width: 681px) {

  .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .form-row p {
    width: 49.25%;
    margin-right: 1.5%;
  }

  .form-row p:nth-child(2) {
    margin-right: 0;
  }
}



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

html body #tarteaucitronRoot * {
    color: #000;
}
html body #tarteaucitron {
    width: 800px;
}
html body div#tarteaucitronRoot.tarteaucitronBeforeVisible::before {
  z-index: 999999;
}

/* Ecran intro */

html body div#tarteaucitronAlertBig::before {
    content: '';
    background: url("https://j2c-consulting.com/wp-content/uploads/2025/10/j2c-consulting-logo.png") center center /contain no-repeat;
    width: 120px;
    height: 70px;
    display: inline-block;
}
html body #tarteaucitronRoot div#tarteaucitronAlertBig {
    background-color: #fff;
    color: #000;
    max-width: 650px;
    -webkit-box-shadow: 0 0 100px #0005;
    box-shadow: 0 0 100px #0005;
    border-radius: 5px;
}
html body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    color: #000;
}
html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    font-size: 16px;
    line-height: 1.4;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert a {
  text-decoration: underline;
}
.tarteaucitronCross {
    display: none;
}
html body #tarteaucitronAlertBig #tarteaucitronCloseAlert,
html body #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body .tarteaucitronCTAButton,
html body #tarteaucitron #tarteaucitronPrivacyUrl,
html body #tarteaucitron #tarteaucitronPrivacyUrlDialog,
html body #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitronRoot .tarteaucitronAllow {
    background: #070707;
    font-size: 15px !important;
    padding: 10px 18px;
    border-radius: 0;
    border: 1px solid #070707;
}
html body #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background-color: transparent;
    color: #000;
}

/* Ecran personnalisation */

html body #tarteaucitronServices {
    border-radius: 5px;
    background-color: #fff;
    margin-top: 28px !important;
    -webkit-box-shadow: 0 20px 30px #0005;
    box-shadow: 0 20px 30px #0005;
}
html body #tarteaucitron .tarteaucitronBorder {
    border-width: 0;
    padding-bottom: 10px;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border-width: 0;
    background-color: #fff;
    padding: 20px;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background-color: #fff;
}
html body #tarteaucitronRoot .tarteaucitronH1 {
    margin: 30px 0 10px;
    color: #000;
    font-weight: 600;
    font-size: 23px;
}
html body .tarteaucitronMainLine .tarteaucitronH2 {
    font-size: 1.3em !important;
    color: #000;
    font-weight: 600;
}
html body #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {
    font-size: 13.5px;
    margin-top: 3px;
    line-height: 1.5;
}
html body #tarteaucitron #tarteaucitronInfo {
    background-color: #fff;
    color: #555;
    max-width: 90% !important;
    border-width: 0;
    padding: 0 !important;
    margin: 0 auto 25px auto !important;
    line-height: 1.5;
    font-size: 15px !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
html body .tac_activate .tarteaucitronAllow {
    padding: 9px 15px;
    border-radius: 20px;
}
html body .tarteaucitronTitle {
    border-top: 1px solid #ddd !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
    background-color: transparent;
    color: #000;
    font-size: 15px;
    margin-top: 8px;
}
html body #tarteaucitronRoot .tarteaucitronPlus::before {
    color: #000;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background-color: #fff;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    padding: 0px 12px 10px 12px;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background-color: #fff;
}
html body #tarteaucitron .tarteaucitronH3 {
    font-size: 15px;
    color: #000;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    line-height: 1.2;
}
html body #tarteaucitron #tarteaucitronClosePanel {
    background-color: #fff;
    color: #222;
    font-size: 14px;
    width: auto;
    padding: 5px 10px;
    font-weight: 500;
}
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background-color: #2a884f;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background-color: #eee;
    color: #000 !important;
    padding: 10px 20px !important;
    line-height: 1.2;
}
html body #tarteaucitron #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitron #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    padding: 6px 12px;
}
html body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
    background-color: #2a884f;
}

html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronSave {
  background: #fff;
  border-top: 1px solid #ddd;
}

@media screen and (max-width: 900px) {
    html body div#tarteaucitronAlertBig::before {
      height: 110px;
    }
    div#tarteaucitronAlertBig button {
      min-width: 150px;
    }
}
@media screen and (max-width: 767px) {
    html body li.tarteaucitronLine .tarteaucitronName span {
        width: 80% !important;
        display: inline;
    }
    html span#tarteaucitronDisclaimerAlert {
      padding: 0;
    }
    html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
      font-size: 14px;
    }
}



/* MASQUAGE TEMPORAIRE DES ACTUALITES */
/*
-Actus test en brouillon
-Page Actus en brouillon
-Accueil : Section actu masquée (divi)
-Footer : masquage derniers articles
-Menu fixe : masquage item actu (à coté de glossaire)
-Menu mobile : masquage item actu
*/

.sect-menu-lateral nav a.actualites,
.footer-main .et_pb_column.col-blog .et_pb_module,
.mobmenu-content .mobile.item-actualites {
  display: none !important;
}