/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Fichier actuellement appelé - acf-texte-en-bloc.php */

/* Gestion des fonds de couleur */

/* !important seulement pour le test */

.otgs-development-site-front-end {
  display: none;
}
#mouse-circle {
  height: 5vw;
  width: 5vw;
  position: absolute;
  z-index: 8;
  pointer-events: none;
  opacity: 0.2;
  border-radius: 50%;
}

/** module polices*/
body {
  font-size: 1rem;
  font-family: var(--font-family);
  color: var(--blanc);
  font-weight: 400;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
#page {
  color: var(--blanc);
}
.fond_blanc {
  color: var(--noir);
  background-color: var(--blanc);
}
.fond_noir {
  background-color: var(--noir);
}
.fond_rouge {
  background-color: var(--rouge);
}
.blanc {
  color: var(--blanc);
}
.noir {
  color: var(--noir);
}
.rouge {
  color: var(--rouge-3);
}
/*ne pas permettre d'ecrire en rouge sur fond noir*/
.fond_noir .rouge {
  color: var(--blanc);
}
.fond_noir h2 .rouge {
  color: var(--rouge-3);
}

p,
main ul,
main ol,
.bouton {
  font-size: var(--fs-base);
}
p {
  font-weight: var(--semi-bold);
}
main li {
  margin: 0;
  line-height: 1.428em;
  font-weight: var(--semi-bold);
}

h1,
.h1 {
  text-transform: uppercase;
  line-height: 1.1667em;
  margin: 1em 0 0.66em 0;
  font-size: var(--fs-xl-h1);
  font-weight: var(--black);
}

section:not(#home_entete) h1 span {
  display: block;
  text-transform: none;
  font-size: 0.5em;
  line-height: 1;
}

h2,
.h2 {
  text-transform: none;
  line-height: 1.0714em;
  margin: 1em 0 0 0;
  font-size: var(--fs-xl);
  font-weight: var(--semi-bold);
  position: relative;
}

h2 br {
  font-size: 0;
  line-height: 0;
  height: 0;
}
h3,
.h3 {
  text-transform: none;
  /* margin: 1em 0; */
  margin: 1em 0 0 0;
  /*line-height: 1.538em;*/
  line-height: 1.125em;
  font-size: var(--fs-l);
  font-weight: var(--normal);
}
h4,
h5,
h6 {
  text-transform: none;
  margin: 1em 0 0 0;
  line-height: 1em;
  font-size: var(--fs-base);
  font-weight: var(--bold);
}

.block {
  display: block;
}
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px;
}
.nav-links a,
a.bouton,
input[type="submit"] {
  text-transform: uppercase;
  text-decoration: none;
  font-size: var(--fs-bouton);
  font-weight: var(--bold);
  display: inline-block;
  color: var(--rouge-3);
  padding: 0.66em 1.33em 0.66em 2em;
  border: 1px solid;
  background: url("../images/jeantil/trait_court_rouge.webp") no-repeat 0.75em
    center;
  background-size: auto 1.3em;
  -webkit-transition: var(--ease);
  -o-transition: var(--ease);
  transition: var(--ease);
  letter-spacing: 2px;
  line-height: 1.875em;
}
.nav-links a:hover,
a.bouton:hover,
input[type="submit"]:hover {
  background: var(--rouge-3);
  color: var(--blanc);
  padding: 0.66em 1.75em 0.66em 1.75em;
  background-size: 0;
}
p a.bouton,
p + a.bouton {
  margin-top: 1em;
}
.entete a.bouton,
.fond_rouge a.bouton {
  color: var(--blanc);
  background: url("../images/jeantil/trait_court_blanc.webp") no-repeat 0.75em
    center;
  background-size: auto 1.3em;
}

.fond_noir a.bouton:not(.bouton_rouge),
.fond_noir .nav-links a {
  color: var(--rouge-3);
  background: url("../images/jeantil/trait_court_rouge.webp") no-repeat 0.75em
    center;
  background-size: auto 1.3em;
}
.entete a.bouton:hover,
.fond_rouge a.bouton:hover,
.fond_noir a.bouton:not(.bouton_rouge):hover,
.fond_noir .nav-links a:hover {
  background: var(--blanc);
  color: var(--noir);
  border: 1px solid var(--blanc);
}
.bouton.back {
  background-image: none !important;
  padding: 0.66em 1.33em;
}
.bouton.back:before {
  content: "< ";
}
main .partie_texte > *:first-child {
  margin-top: 0;
}

main ul,
main ol {
  padding-left: 0;
  list-style-type: none;
}
main .partie_texte ul {
  list-style-type: disc;
}
main p,
main li {
  line-height: 1.875em;
}

main .partie_texte ul {
  margin-left: 0.8em;
}
main .partie_texte ul li {
  position: relative;
}

main .partie_texte ol li {
  counter-increment: muffins;
  list-style-type: none;
  padding-left: 30px;
  margin-top: 1.5em;
  position: relative;
}
main .partie_texte ol li:before {
  content: "0" counter(muffins) ". ";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  height: 16px;
  width: 28px;
  font-size: 1em;
  font-family: var(--font-family-head);
  font-weight: var(--bold);
}
main .partie_texte ol li:nth-child(n + 10):before {
  content: counter(muffins) ". ";
}
main .partie_texte ol {
  list-style: none;
  counter-reset: muffins;
}
@media (max-width: 639px) {
  .partie_texte + .bloc-texte-image-inte {
    margin-top: 20px;
  }
}
blockquote {
  margin: 0;
}
article * + h1,
article * + h2,
article * + h3,
article * + h4,
article * + h5,
article * + h6,
article * + p,
article * + ul {
  margin-top: 1em;
}
.seul {
  margin-bottom: 1em;
}
.diaporama,
.chiffres_cles,
.slider.depasse_page,
.video,
.contenu_lie,
.container_tableau {
  margin-top: 50px !important;
}
h2.titre_section {
  margin-top: 0;
}

article * + p {
  margin: 1.2em 0 0 0;
}

a {
  color: inherit;
}
h2 a,
h3 a {
  text-decoration: none;
}
main a:not(.bouton) {
  color: var(--rouge-3);
}
/* main a:not(.bouton):hover{
    color:var(--bleu);
} */
#main .partie_texte a:not(.bouton) {
  font-weight: var(--bold);
  text-decoration: underline;
}
#main .partie_texte a:not(.bouton):hover {
  color: var(--violet);
}

/** module boites,  zones structure elements */

body {
  background: var(--noir);
}
#page {
  /* width:var(--page-width); */
  margin: 0 auto;
  max-width: 100%;
}
main {
  min-height: calc(100vh - var(--header-height));
  position: relative;
  z-index: 2;
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.entete {
  padding-top: calc(1.5 * var(--header-height));
}

@media (min-width: 1600px) {
  .entete {
    padding-top: 201px;
  }
}
.admin-bar main {
  min-height: calc(100vh - (var(--header-height) + var(--admin-bar-height)));
}
article {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}
main section {
  background: var(--noir);
}

main section#entete,
#home_carrousel {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(169, 32, 38, 1)),
    color-stop(46%, rgba(214, 76, 85, 1)),
    color-stop(61%, rgba(219, 81, 91, 1)),
    to(rgba(169, 32, 38, 1))
  );
  background: -o-linear-gradient(
    top,
    rgba(169, 32, 38, 1) 0%,
    rgba(214, 76, 85, 1) 46%,
    rgba(219, 81, 91, 1) 61%,
    rgba(169, 32, 38, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(169, 32, 38, 1) 0%,
    rgba(214, 76, 85, 1) 46%,
    rgba(219, 81, 91, 1) 61%,
    rgba(169, 32, 38, 1) 100%
  );
}
section {
  padding: var(--section-pad);
}
section.fond_noir + section.fond_noir,
section.fond_blanc + section.fond_blanc,
section.fond_rouge + section.fond_rouge {
  padding-top: 0;
}

.container {
  padding: var(--container-pad);
  margin: var(--container-marge);
  width: var(--container-width);
  max-width: 100%;
  position: relative;
}
.container.fond_blanc,
.container.fond_noir,
.container.fond_rouge,
.full_pad_container {
  padding: var(--container-full-pad);
}

@media (max-width: 979px) {
  .partie_texte + .partie_image,
  .partie_image + .partie_texte {
    margin-top: var(--space-v);
  }
  .container_gammes h2 {
    padding-left: 30px;
  }
}

@media (min-width: 980px) {
  .container.desk_no_pad {
    padding: 0;
  }
  main h2:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -60px;
    content: url(/wp-content/themes/wpkr/images/jeantil/trait_court_blanc.webp);
    z-index: 1;
  }
  .section_accordeon:not(#prod_accordeon) h2:before {
    content: "";
  }
  main .fond_blanc h2:before {
    content: url(/wp-content/themes/wpkr/images/jeantil/trait_court_noir.webp);
  }
  main .section_exergue .container h2:before {
    display: none;
  }
}

/* Entete */
@media (max-width: 640px) {
  #breadcrumbs {
    display: none;
  }
  .entete h1 {
    margin-top: 20px !important;
  }
  #w1000_entete {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px;
  }
  #image_entete {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -37px; /* Taille en mobile du container padding left */
  }
  #intro_entete {
    padding: var(--container-pad);
  }
  .page_de_base section:nth-of-type(2) {
    margin-top: -75px;
    padding-top: 75px;
  }
}

#container_entete {
  max-width: 1920px;
  margin: 0 auto;
}

#breadcrumbs {
  padding-left: 20px;
  position: relative;
  top: 10px;
  font-weight: var(--normal);
  font-size: var(--fs-base);
  margin: 0 0 0.3em 0;
}
#breadcrumbs,
#breadcrumbs a {
  color: #e59ea4;
  text-decoration: none;
}
h1 {
  position: relative;
}
h1::before {
  content: url(/wp-content/themes/wpkr/images/jeantil/plus_blanc_mobile.webp);
  left: -15px;
  position: absolute;
  top: -25px;
}
#intro_entete p {
  font-size: var(--fs-xl);
  position: relative;
  line-height: 1.1em;
}

.entete h1 {
  margin-top: 0;
}

#image_entete {
  max-width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.entete_v2 #image_entete {
  max-width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (min-width: 640px) {
  #entete.entete_v1 #intro_entete {
    padding-left: 6vw;
  }
  #entete.entete_v1 #intro_entete > div {
    max-width: 500px;
    padding-bottom: 175px;
  }
  #entete.entete_v1 .w-100 #intro_entete > div {
    max-width: 100%;
  }

  #entete.entete_v1 #w1920_entete {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  #entete.entete_v1 + section {
    margin-top: -175px;
    padding-top: 175px;
  }
}

@media (min-width: 640px) and (max-width: 1599px) {
  #breadcrumbs {
    font-size: var(--base);
  }
}

@media (min-width: 980px) {
  h1::before {
    top: -34px;
  }
  #breadcrumbs {
    padding-left: 20px;
    position: relative;
    top: 14 + px;
    font-weight: var(--normal);
  }
  #entete.entete_v2 #intro_entete p {
    font-size: 2vw;
  }

  #entete.entete_v2 {
    padding-bottom: 0;
  }
  #entete.entete_v2 #intro_entete {
    padding-bottom: var(--big-space-v);
  }

  #entete.entete_v2 + section {
    margin-top: calc(var(--big-space-v) * -1);
    padding-top: calc(2 * var(--big-space-v));
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  h1,
  .h1 {
    font-size: var(--fs-xl);
  }
}
@media (min-width: 1280px) and (max-width: 1599px) {
  h1,
  .h1 {
    font-size: 50px;
  }
  h1::before {
    top: -44px;
  }
}
@media (min-width: 1280px) {
  #container_entete {
    padding: 0;
  }
}
@media (min-width: 640px) and (max-width: 1919px) {
  #entete.entete_v1 #intro_entete p {
    font-size: 2vw;
  }

  #entete.entete_v1 #intro_entete > div {
    padding-bottom: 12vw;
  }

  #entete.entete_v1 + section {
    margin-top: -12vw;
    padding-top: 12vw;
  }
}
@media (min-width: 1600px) {
  #breadcrumbs {
    padding-left: 25px;
    font-size: var(--fs-m);
  }
  h1::before {
    content: url(/wp-content/themes/wpkr/images/jeantil/plus_blanc.webp);
    left: -40px;
    top: -62px;
  }
}
@media (min-width: 1920px) {
  #entete.entete_v1 #intro_entete > div {
    padding-bottom: 233px;
  }

  #entete.entete_v1 + section {
    margin-top: -233px;
    padding-top: 233px;
  }
  #intro_entete {
    padding-left: 60px;
  }
  #intro_entete p {
    font-size: var(--fs-xl);
  }
}

/** 
* module accordeon
*/

/*
.bloc-accordeon h3 {
    -webkit-transition: var(--transition-all);

    -o-transition: var(--transition-all);

    transition: var(--transition-all);
    margin-bottom: 0rem;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 70px 15px  var(--container-pad) ;
    cursor: pointer;
    position: relative;
}
.bloc-accordeon .titre_question {
    border-top: 1px solid var(--rouge-3)
}
.bloc-accordeon h3:after {
    content:url('../images/jeantil/plus.webp');
    font-size: 30px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 1;
    background-color: rgba(255,255,255,0);
}
.bloc-accordeon h3.ui-accordion-header-active:after {
    content:url('../../../images/jeantil/moins.webp');
}

.bloc-accordeon .glissiere-item {
    margin-bottom: 10px;
}
.bloc-accordeon .glissiere-item .contenu {
    padding: 0 12px 30px 0px;
}
.bloc-accordeon h3.ui-accordion-header-active {
    margin-bottom: 2rem;
}
.bloc-accordeon h3 {
color:var(--blanc);
padding-left: 0;
padding-right: 15%;
}
.glissiere-item {
    border-radius: var(--box-radius);
}
.glissiere-item .contenu > div > *:first-child{
    margin-top:0;
    padding-top:0;
}
.glissiere-item .contenu > div > *:last-child{
    margin-bottom:0;
    padding-bottom:0;
}
@media screen and (max-width:979px) {
    .section_accordeon, .section_accordeon .container {
        padding-right: 0;
    }
    .section_accordeon .bloc-accordeon h3 {
        padding: 10px 65px 10px 0px;
    }

}@media screen and (min-width:640px) {
    .bloc-accordeon .glissiere-item .contenu {
        padding: 0 12px 30px 0px;
    }
}


.container_icone img {
    height: 70px;
}
.section_accordeon .container {
    padding: var(--container-pad);
    margin: var(--container-marge);
    width: clamp(calc(320px - (2 * var(--section-v-pad))), 100% , 1900px);
    padding-left: 0;
    max-width: 100%;
    position: relative;

}

.section_accordeon .glissiere {
    margin-top: var(--space-v);
    padding-left: 40px;
}

@media (min-width:980px) {
    .image_accordeon {
        max-width: 50%;
    }
    .section_accordeon .container { 
        display: flex;
        justify-content: left;
    }
    .image_accordeon img {
        width: calc(50vw - 140px);
        max-width: 820px;
    }
    .section_accordeon .glissiere {
        width: 580px;
        padding-left:80px;
    }
    
}

.image_accordeon {
    overflow: visible;
}
.image_accordeon img {

    width: 100%;
}*/

.bloc-accordeon h3 {
  -webkit-transition: var(--transition-all);

  -o-transition: var(--transition-all);

  transition: var(--transition-all);
  margin-bottom: 0rem;
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 70px 15px var(--container-pad);
  cursor: pointer;
  position: relative;
}
.bloc-accordeon .titre_question {
  border-top: 1px solid var(--rouge-3);
}
.bloc-accordeon h3:after {
  content: url("../images/jeantil/plus.webp");
  font-size: 30px;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0);
}
.bloc-accordeon h3.ui-accordion-header-active:after {
  content: url("../images/jeantil/moins.webp");
}

.bloc-accordeon .glissiere-item {
  margin-bottom: 10px;
}
.bloc-accordeon .glissiere-item .contenu {
  padding: 0 12px 30px 0px;
}
.bloc-accordeon h3.ui-accordion-header-active {
  margin-bottom: 2rem;
}
.bloc-accordeon h3 {
  color: var(--blanc);
  padding-left: 0;
  padding-right: 15%;
}
.glissiere-item {
  border-radius: var(--box-radius);
}
.glissiere-item .contenu > div > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.glissiere-item .contenu > div > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* en mobile, coller les glissieres à droite */
@media screen and (max-width: 979px) {
  .section_accordeon:not(#prod_accordeon),
  .section_accordeon:not(#prod_accordeon) .container {
    padding-right: 0;
  }
  .section_accordeon:not(#prod_accordeon) .bloc-accordeon h3 {
    padding: 10px 65px 10px 0px;
  }
}
@media screen and (min-width: 640px) {
  .bloc-accordeon .glissiere-item .contenu {
    padding: 0 12px 30px 0px;
  }
}
.container_icone {
  height: 70px;
}
.container_icone img {
  display: block;
  max-height: 100%;
}
.section_accordeon:not(#prod_accordeon) .container {
  padding: var(--container-pad);
  margin: var(--container-marge);
  width: clamp(calc(320px - (2 * var(--section-v-pad))), 100%, 1920px);
  padding-left: 0;
  max-width: 100%;
  position: relative;
}

.section_accordeon .glissiere {
  margin-top: var(--space-v);
  padding-left: 40px;
}

@media (min-width: 980px) {
  .section_accordeon .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .image_accordeon {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .section_accordeon:not(#prod_accordeon) .glissiere {
    width: 50%;
    padding-left: 80px;
  }
  .section_accordeon:not(#prod_accordeon) .glissiere-item {
    width: 500px;
    max-width: 100%;
  }
}

/*
* module chiffres clés
*/
.chiffres_cles {
  max-width: 480px;
  margin: 0 auto;
}
.titre_chiffre {
  font-size: var(--fs-m);
}

@media screen and (max-width: 639px) {
  section.section_chiffres .titre_chiffre,
  section.section_chiffres .detail_chiffre {
    font-size: 16px;
  }
  .container_chiffres {
    padding: 0 20px;
  }
}
@media screen and (max-width: 400px) {
  section.section_chiffres .titre_chiffre,
  section.section_chiffres .detail_chiffre {
    font-size: 14px;
    width: 130px;
  }
}
@media (min-width: 640px) and (max-width: 980px) {
  section.section_chiffres .un_chiffre {
    width: calc(100% / 3 - (0.5 * var(--space-v)));
  }
}
@media screen and (max-width: 389px) {
  section.section_chiffres .un_chiffre {
    width: 100%;
  }
}
@media (min-width: 640px) {
  .chiffres_cles {
    max-width: 800px;
  }
  section.section_chiffres .titre_chiffre,
  section.section_chiffres .detail_chiffre {
    font-size: 18px;
  }
}
@media (min-width: 979px) {
  .chiffres_cles {
    max-width: 100%;
  }
}
/*
section.section_chiffres .container {
    padding: 0;
}
@media(min-width:1600px) {
    section.section_chiffres .titre_section {
        margin-left: 100px;
    }
}*/
@media (min-width: 1280px) {
  section.section_chiffres .container_chiffres {
    padding: 0;
  }
}

.chiffre_content.chiffre {
  padding: 65px 5px 15px 5px;
  text-align: center;
}
.chiffre_content.image {
  padding: 50px 5px 15px 5px;
}
section.section_chiffres .un_chiffre .chiffre_content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.chiffre_content.image .titre_chiffre {
  margin-top: 20px;
}
section.section_chiffres .titre_section {
  margin-left: 20px;
}
section.section_chiffres .un_chiffre {
  background-color: var(--gris-4);
  border-radius: var(--box-radius);
  margin-bottom: var(--space-v);
  padding: 10px;
}
section.section_chiffres .un_chiffre .chiffre {
  font-size: var(--fs-number);
}
section.section_chiffres .un_chiffre span {
  font-weight: bold;
}

section.section_chiffres .container_icone {
  text-align: center;
}

section.section_chiffres .titre_chiffre {
  margin-top: 0;
  line-height: 1.27em;
  font-weight: var(--semi-bold);
  text-align: center;
}

.bloc_chiffres .slick-dots {
  width: 100%;
}
.chiffres_cles .slick-list {
  margin: 0 auto;
}
.chiffre_content {
  /*height:222px;*/

  max-width: 100%;
}

/*
.large_chiffre {
    font-size:var(--fs-xxl);
    font-weight:var(--fw-x-bold);
}
.medium_chiffre {
    font-size:calc( 1.2 * var(--fs-xl));	
    font-weight:var(--fw-x-bold);
}
.small_chiffre {
    font-size:var(--fs-xl);
    font-weight:var(--fw-x-bold);	
}
.x_small_chiffre {
    font-size:calc( 1.2 * var(--fs-l));
    font-weight:var(--fw-x-bold);
}
.xx_small_chiffre {
    font-size:var(--fs-l);	
    font-weight:var(--fw-x-bold);
}
.detail_chiffre p{
    font-size: var(--fs-s);
}*/

/**
* module contenu lies
*/
.chiffre_associe {
  color: var(--rouge-3);
  font-size: var(--fs-number);
  font-weight: var(--semi-bold);
}

.contenu_image {
  position: relative;
}
.depasse_page.sans_bordures .contenu_image:after {
  position: absolute;
  top: 40px;
  right: -10px;
  content: url(/wp-content/themes/wpkr/images/jeantil/trait_rouge.webp);
}
.section_contenu_lie .slick-list {
  overflow: visible;
}
.section_contenu_lie .slick-track {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.depasse_page.container_liste_contenus .contenu {
  margin-right: 30px;
  -webkit-box-align: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
}
.depasse_page.sans_bordures.container_liste_contenus .contenu {
  margin-right: 80px;
}
.contenu_texte {
  line-height: 1.875em;
}
.bloc-contenu-lie .depasse_page {
  width: clamp(calc(320px - (2 * var(--container-pad))), 98%, 1480px);
  /* padding: ; */
}
@media (min-width: 420px) and (max-width: 979px) {
  .bloc-contenu-lie .depasse_page {
    width: 374px;
  }
  .archive_metier .bloc-contenu-lie .depasse_page {
    width: 314px;
  }
}

.section_contenu_lie {
  overflow: hidden;
}
/* Bloc qui ne dépasse pas */
.avec_bordures .contenu {
  margin-bottom: 50px;
  padding: 15px;
  border: 1px solid white;
}

/** 
* module diaporama
** NE PLUS RIEN EDITER
**
*/

.section_diaporama {
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
}

.bloc_diapo .diaporama .slick-list {
  overflow: visible;
}

.section_diaporama .slick-list {
  height: calc((100vw - var(--container-pad-h-total)) * 10 / 16);
}
.section_diaporama .slick-track,
.section_diaporama .slider-inte,
.section_diaporama .slide,
.section_diaporama .image-diapo {
  height: 100%;
}
.bloc_diapo .slick-track {
  gap: 20px;
  cursor: grab;
}
.section_diaporama .slide {
  position: relative;
  max-width: calc((100vw - var(--container-pad-h-total)));
}

.section_diaporama .slide .image-diapo img {
  height: 100%;
  width: auto;
}

@media (min-width: 640px) and (max-width: 979px) {
  .section_diaporama .container {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .section_diaporama .slick-list {
    height: calc(1120px * 10 / 16);
  }
}
@media (min-width: 1200px) and (min-height: 693px) {
  .section_diaporama .slick-list {
    height: 693px;
  }
  .section_diaporama .slide {
    max-width: 1120px;
  }
}

@media (min-aspect-ratio: 16/10) {
  .section_diaporama .slick-list {
    height: 70vh;
  }
  .section_diaporama .slide {
    max-width: calc(16 / 10 * 70vh);
  }
}

/*
* module exergue
*/
.section_exergue blockquote > * {
  font-size: var(--fs-number);
  line-height: 1.1em;
  font-weight: var(--normal);
}
.section_exergue:not(.metier_citation) blockquote > * {
  font-weight: var(--semi-bold);
}
.section_exergue .nom_prenom {
  font-size: 2rem;
}

.section_exergue .fonction {
  font-size: 1.625rem;
}
@media (min-width: 980px) {
  .section_exergue .container::before {
    position: absolute;
    top: 75px;
    left: 5px;
    content: url(/wp-content/themes/wpkr/images/jeantil/trait_long_rouge.webp);
  }
  .section_exergue:not(.metier_citation) .container:before {
    max-height: calc(100% - 150px);
    overflow: hidden;
  }
  .section_exergue blockquote {
    padding-right: 20%;
  }
  .section_exergue .container {
    padding: 0 20px 0 150px !important;
  }
}
.section_exergue .container {
  padding: 0 20px 0 70px;
}
@media (max-width: 979px) {
  .section_exergue .container::before {
    position: absolute;
    top: 40px;
    left: 20px;
    content: url(/wp-content/themes/wpkr/images/jeantil/trait_court_rouge.webp);
  }
}

.section_exergue .container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section_exergue {
  position: relative;
}

.section_exergue::after {
  content: "";
  width: calc((50vw - var(--container-width) / 2));
  height: 101%;
  position: absolute;
  top: -1px;
  z-index: 2;
  background-color: var(--noir);
  right: 0;
}
/** module image et texte*/
@media (min-width: 980px) {
  .gauche .partie_texte {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .gauche .w-50.partie_image .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: var(--container-pad);
  }
  .droite .w-50.partie_image .item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: var(--container-pad);
  }
  .droite.bloc-texte-image-inte {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .fond_aucun .item > img {
    display: block;
    width: 100%;
    border-radius: var(--box-radius);
  }
  .partie_image .item .images img:not(:last-child) {
    margin-bottom: 25px;
  }
  main .image_et_texte.gauche .partie_texte {
    padding-left: 40px;
  }
}
/* droite */
.image_et_texte.droite .fond_aucun.bloc_image .partie_image .item > img {
  width: auto;
  max-width: 100%;
  border-radius: 0 0 0 42px;
}
.image_et_texte.droite .fond_aucun.bloc_image .partie_image {
  width: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.image_et_texte.droite .fond_aucun.bloc_image .partie_image .item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}
.image_et_texte.droite .fond_aucun.bloc_image .partie_image .item::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: -7px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-bottom-left-radius: 44px;
  border: 2px solid var(--bleu);
}
/* gauche */
.image_et_texte.gauche .fond_aucun.bloc_image .partie_image .item > img {
  width: auto;
  max-width: 100%;
  border-radius: 0 0 42px 0;
}
.image_et_texte.gauche .fond_aucun.bloc_image .partie_image {
  /* width: auto; */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.image_et_texte.gauche .fond_aucun.bloc_image .partie_image .item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
.image_et_texte.gauche .fond_aucun.bloc_image .partie_image .item::after {
  content: "";
  position: absolute;
  bottom: -7px;
  right: -7px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-bottom-right-radius: 44px;
  border: 2px solid var(--bleu);
}

.image_et_texte .fond_blanc h2,
.image_et_texte .fond_blanc h3 {
  color: var(--bleu);
}
.image_et_texte .fond_bleu h2,
.image_et_texte .fond_bleu h3 {
  color: var(--blanc);
}
.image_et_texte .fond_blanc,
.image_et_texte .fond_bleu,
.texte_simple .fond_blanc,
.texte_simple .fond_bleu {
  border-bottom-left-radius: 40px;
}
.images img {
  margin-bottom: 5px;
  display: inline-block;
}
/** module vidéos */

.modaal-inner-wrapper {
  padding: 0 !important;
}
.modaal-container {
  width: 80vw !important;
  height: 80vh;
  max-height: calc(80vw * 9 / 16);
  background: none;
}
@media (min-aspect-ratio: 16/9) {
  .modaal-container {
    width: 80vw !important;
    height: 80vh;
    max-width: calc(80vh * 16 / 9) !important;
    max-height: 80vh;
  }
}
.modaal-content-container {
  padding: 0 !important;
  background: var(--noir);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modaal-content-container iframe,
.youtube_player iframe,
.vimeo_player iframe {
  width: 80vw;
  height: calc(80vw * 9 / 16);
  border: none;
}

.section_video {
  position: relative;
}
.section_video .bloc {
  padding-top: 30px;
}

.section_video iframe,
.section_video video {
  background: var(--noir);
}
.section_video::before {
  content: "";
  background-color: var(--rouge-3);
  width: calc(100% / 1.5);
  height: 60%;
  top: 0px;
  left: 0;
  position: absolute;
}
.titre_video .titre_section,
.sous_titre_video {
  width: calc(0.6 * var(--container-width));
}

.video video {
  width: 100%;
}
.youtube_player,
.vimeo_player {
  position: relative;
  z-index: 0;
  height: 0;
  padding-bottom: 56%;
  border-radius: var(--box-radius);
  overflow: hidden;
}
.youtube_player iframe,
.vimeo_player iframe {
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.cta_axeptio_ytb {
  position: absolute;
}

.allowYTA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000;
  color: white;
}

.vignette_video {
  width: 100%;
  position: relative;
  z-index: 1;
}
.youtube_player,
.vimeo_player {
  display: none;
  background: black;
  position: relative;
}
.video {
  position: relative;
}
.video .bouton_play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 230px;
  transition: all 0.3s;
}
.video .bouton_play:hover {
  filter: invert(100%);
}

.video .bouton_play a {
  color: var(--blanc);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: var(--bold);
  font-size: var(--fs-base-plus);
  padding: 1em 0 1em calc(40px + 1em);
  width: 100%;
  display: flex;
  align-items: center;
  /*
    background: url('../images/jeantil/play.webp') no-repeat left center;
    color:var(--blanc)!important;*/
  background: url("../images/jeantil/play.webp") no-repeat left center;
  background-size: auto 50px;
  color: var(--blanc) !important;
  transition: all 0.3s;
}
.video .bouton_play:hover a {
  color: var(--noir) !important;
}
@media (min-width: 768px) {
  .video .bouton_play {
    width: 270px;
  }
  .video .bouton_play a {
    padding: 1em 0 1em calc(100px + 1em);
    background-size: 100px;
    min-height: 100px;
  }
}

@media (min-width: 980px) {
  .section_video .bloc {
    padding-top: 60px;
  }
}