@charset "UTF-8";
/*$espace: 60px;*/
:root {
  /*
      --marge:7%
      ;
      --tc: 1.3rem
      ;
      --font-size-small: 1.15rem
      ;
      --font-size-extra-small: 1rem
      ;
      --font-size-medium: 1.5rem
      ;
      --font-size-large: 4.4rem
      ;
      --font-size-tc: 1.3rem
      ;
      --bs-body-font-size:1.3rem
      ;*/
  --bs-primary: #1c91bc ;
  --bs-secondary: #040606ff ;
  --bs-light: #ffffff ;
  --bs-dark: #040606ff ;
  --bs-link-color: #1c91bc ;
  --bs-link-hover-color: darken(#1c91bc
  , 10%);
  --bs-btn-bg: #1c91bc ;
  --bs-btn-border-color: #1c91bc ;
  --bs-btn-hover-bg: darken(#1c91bc
  , 10%);
  --bs-btn-hover-border-color: darken(#1c91bc
  , 15%);
  --bs-nav-pills-link-active-bg: #1c91bc ;
  --bs-nav-pills-link-active-color: #ffffff ;
  --bs-nav-pills-link-active-bg: #1c91bc ;
  --bs-body-font-family: Work Sans, sans-serif ;
  --bs-body-font-size: 1.3rem ;
  --bs-nav-link-font-size:1.2rem;
  --bs-body-color: #040606ff ;
}

/*$font-titre: 'Montserrat', sans-serif;*/
/*$font-tc: 'Work Sans', sans-serif;*/
/*$bleu: #1EA8CC;
$noir: #040606ff;
$blanc: #ffffff;*/
/*$marge: 7%;*/
/*$tc-desktop: 1.3rem;*/
/*$font-size-extra-small-desktop: 1rem;
$font-size-small-desktop: 1.3rem;
$font-size-medium-desktop: 1.9rem;
$font-size-big-desktop: 3rem;

$font-size-large-desktop: 4.2rem;
$font-size-tc-desktop: 1.3rem;*/
:root {
  --marge: 7% ;
  --espace: 20px ;
  --tc: 1.3rem ;
  --font-size-extra-small: 1rem ;
  --font-size-small: 1.15rem ;
  --font-size-medium: 1.5rem ;
  --font-size-large: 4.4rem ;
  --font-size-big: 3rem ;
  --font-size-tc: 1.3rem ;
  --bs-body-font-size: 1.3rem ;
}

article h3 {
  font-size: var(--font-size-medium);
}

/*body{

    &::before{
        content:"xl";
        position:fixed;
        z-index:10000000;
        background-color:purple;
        color:white;
        display:inline-block;
        width:100px;
    }
}*/
@media (max-width: 1199.98px) {
  :root {
    --marge: 7% ;
    --espace: 20px ;
    --tc: 1.3rem ;
    --font-size-extra-small: 1rem ;
    --font-size-small: 1.15rem ;
    --font-size-medium: 1.5rem ;
    --font-size-large: 4.4rem ;
    --font-size-big: 3rem ;
    --font-size-tc: 1.3rem ;
    --bs-body-font-size: 1.3rem ;
  }

  /*    body{

          &::before{
              content:"lg";
              position:fixed;
              z-index:10000000;
              background-color:pink;
              color:white;
              display:inline-block;
              width:100px;
          }
      }*/
}
@media (max-width: 991.98px) {
  :root {
    --marge: 6.65% ;
    --espace: 19px ;
    --tc: 1.235rem ;
    --font-size-extra-small: 0.95rem ;
    --font-size-small: 1.0925rem ;
    --font-size-medium: 1.425rem ;
    --font-size-large: 4.18rem ;
    --font-size-big: 2.4rem ;
    --font-size-tc: 1.235rem ;
    --bs-body-font-size: 1.235rem ;
  }

  /*    body{

          &::before{
              content:"md";
              position:fixed;
              z-index:10000000;
              background-color:blue;
              color:white;
              display:inline-block;
              width:100px;
          }
      }*/
}
@media (max-width: 767.98px) {
  :root {
    --marge: 5.95% ;
    --espace: 14.1666666667px ;
    --tc: 1.105rem ;
    --font-size-extra-small: 0.85rem ;
    --font-size-small: 0.9775rem ;
    --font-size-medium: 1.275rem ;
    --font-size-large: 3.74rem ;
    --font-size-big: 2.55rem ;
    --font-size-tc: 1.105rem ;
    --bs-body-font-size: 1.105rem ;
  }

  /*    body{

          &::before{
              content:"sm";
              position:fixed;
              z-index:10000000;
              background-color:red;
              color:white;
              display:inline-block;
              width:100px;
          }
      }*/
}
@media (max-width: 575.98px) {
  :root {
    --marge: 5.6% ;
    --espace: 8px ;
    --tc: 1.04rem ;
    --font-size-extra-small: 0.8rem ;
    --font-size-small: 0.92rem ;
    --font-size-medium: 1.2rem ;
    --font-size-large: 2.5142857143rem ;
    --font-size-tc: 1.04rem ;
  }

  /*    body{

          &::before{
              content:"xs";
              position:fixed;
              z-index:10000000;
              background-color:red;
              color:white;
              display:inline-block;
              width:100px;
          }
      }*/
}
.visu-haut {
  max-height: 640px;
  overflow: clip;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

figure {
  margin: 0;
}

.nav-pills li {
  padding-right: 10px;
  /*flex-basis: min-content!important;*/
}
.nav-pills .nav-link.active {
  /*border-radius:15px;*/
  border: 0 none;
  background-color: #1c91bc;
  color: #ffffff;
  /*font-weight:900;*/
  /*        font-size:1.2rem;*/
}
.nav-pills .nav-link.active:hover {
  background-color: #040606ff;
}
.nav-pills .nav-link {
  border-radius: 15px;
  border: 1px solid #040606ff;
  background-color: #ffffff;
  color: #040606ff;
  font-weight: 900;
  font-size: 1.2rem;
}
.nav-pills .nav-link:hover {
  background-color: #1c91bc;
}

a.wp-block-button__link, .caption-wrap a, #slider_avant_toutxxx .caption-wrap a {
  color: #fff;
  background-color: #040606ff;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: 0.367em calc(1.333em + 2px);
  font-size: var(--font-size-extra-small);
  font-weight: 900;
}
a.wp-block-button__link:hover, .caption-wrap a:hover, #slider_avant_toutxxx .caption-wrap a:hover {
  background-color: #1c91bc !important;
  text-decoration: none;
  outline: none;
}

.wp-element-button {
  ursor: pointer;
}

#mainMenu ul.navbar-nav {
  padding-left: calc(var(--espace) * 3);
  justify-content: space-between;
  width: 100%;
}
#mainMenu .navbar-nav .nav-link {
  color: #040606ff;
  font-weight: 900;
}
#mainMenu .navbar-nav .nav-link:hover {
  border-bottom: 1px solid #1c91bc;
}
#mainMenu li.active a {
  border-bottom: 1px solid #1c91bc;
}
#mainMenu a.nav-link[href$="rejoignez-nous/"] {
  /* tes styles ici */
  color: #ffffff;
  font-weight: bold;
  background-color: #040606ff;
  border-radius: 25px;
  padding: 5px 25px;
}
#mainMenu a.nav-link[href$="rejoignez-nous/"]:hover {
  background-color: #1c91bc;
}

footer {
  /*background-color: #1c181d;*/
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  font-family: "Work Sans", sans-serif;
  /*    padding: calc(var(--espace) * 2) calc(var(--espace)) calc(var(--espace) * 3) calc(var(--espace)/2)!important;*/
  overflow: hidden;
  background-size: auto;
  background-position: top center;
  margin-top: calc(var(--espace) * 2);
  clear: both;
  display: block;
  width: 100% !important;
  max-width: 2000px !important;
  padding: 0 var(--espace) 0 var(--espace) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
footer h3 {
  color: #ffffff;
  font-weight: 900;
  font-size: 1.3rem;
}
footer .wp-block-button__link, footer .caption-wrap a, .caption-wrap footer a, footer #slider_avant_toutxxx .caption-wrap a, #slider_avant_toutxxx .caption-wrap footer a {
  background-color: #231D23;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-size: var(--font-size-small);
  font-weight: normal;
  text-transform: uppercase !important;
  padding: 0.367em calc(1.333em + 2px);
  float: left;
  display: inline-block;
}
footer #pied_page_logo {
  display: block;
  text-align: center;
  position: relative;
  top: -10px;
}
footer #pied_page_logo img {
  max-width: 150px;
  height: auto;
}
footer a {
  color: #ffffff;
  text-decoration: none;
  font-size: 1rem;
  line-height: 90%;
}
footer a:hover, footer a:focus {
  color: #ffffff;
  background-color: #1c91bc;
  text-decoration: none;
  outline: none;
}
footer #bloc3colonnes {
  padding-left: var(--espace);
  padding-right: var(--espace);
}
footer #bloc3colonnes li {
  color: #ffffff;
  list-style-type: none;
  text-transform: uppercase;
}
footer #bloc3colonnes a {
  color: #ffffff;
}
footer #bloc3colonnes ul, footer #bloc3colonnes li {
  padding: 0;
}
footer #bloc3colonnes > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
footer #bloc3colonnes > .wp-block-group__inner-container > #colonne_1,
footer #bloc3colonnes > .wp-block-group__inner-container > #colonne_2,
footer #bloc3colonnes > .wp-block-group__inner-container > #colonne_3 {
  float: none !important;
  width: auto !important;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 0;
  /*            p{
                  display:none;
              }*/
}
footer #bloc3colonnes #colonne_1 .wp-block-group__inner-container,
footer #bloc3colonnes #colonne_2 .wp-block-group__inner-container,
footer #bloc3colonnes #colonne_3 .wp-block-group__inner-container {
  width: 100%;
}
footer #bloc3colonnes #colonne_3 {
  /*display: flex;*/
  /*flex-wrap: nowrap;*/
  /*gap: 1rem;*/
}
footer #bloc3colonnes #colonne_3 .wp-block-buttons {
  display: inline-block !important;
}
footer #bloc3colonnes #colonne_3 .wp-block-button {
  float: left;
  display: inline-block !important;
  margin-top: calc(var(--espace) / 3);
  display: inline-block !important;
}
@media (min-width: 768px) {
  footer #bloc3colonnes {
    /*    > .wp-block-group__inner-container > #colonne_1,
        > .wp-block-group__inner-container > #colonne_2,
        > .wp-block-group__inner-container > #colonne_3 {
          flex: 1 1 0%;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }*/
  }
  footer #bloc3colonnes > .wp-block-group__inner-container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  footer #bloc3colonnes #colonne_1 {
    flex: 0 0 50%;
  }
  footer #bloc3colonnes #colonne_2 {
    flex: 0 0 25%;
  }
  footer #bloc3colonnes #colonne_3 {
    flex: 0 0 25%;
  }
}
footer #reseaux {
  display: inline-block;
}
footer #reseaux figure {
  float: right;
  padding-left: 10px;
}
footer #reseaux figure a {
  top: 5px;
  position: relative;
}
footer #reseaux figure img {
  height: 30px;
  width: auto;
}
footer #partenaires {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
footer #partenaires > div {
  display: flex;
}
footer #partenaires img {
  width: 230px;
  height: auto;
}
footer #colonne_1 p {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 1rem;
}
footer #colonne_2 p {
  margin: 0;
}
footer #colonne_2 p a {
  display: block;
  margin: 0;
}

/*titre niveau h1 en segments*/
.wp-block-adb-h2-accent {
  position: relative;
  padding-left: calc(var(--espace) / 2 + 6px);
  /*line-height: 150%;*/
  margin-bottom: var(--espace);
  margin-top: calc(var(--espace) * 3);
  padding-left: calc(var(--espace) * 2);
}
.wp-block-adb-h2-accent::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--espace) * 0.3);
  background-color: #040606ff;
  border-radius: 6px;
  max-height: 80%;
  top: 8%;
}

.wp-block-adb-h2-accent span {
  display: inline-block;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.wp-block-adb-h2-accent .small {
  font-size: var(--font-size-small);
}

.wp-block-adb-h2-accent .medium {
  font-size: var(--font-size-medium);
}

.wp-block-adb-h2-accent .large {
  font-size: var(--font-size-large);
  line-height: 105%;
}

.wp-block-adb-h2-accent .bleu {
  color: #1c91bc;
}

.wp-block-adb-h2-accent .noir {
  color: #040606ff;
}

.wp-block-adb-h2-accent .blanc {
  color: #ffffff;
}

.wp-block-adb-h2-accent .segment1 {
  clear: both;
  display: block;
}

/*bloc encadre avec guillemet*/
.bloc-guillemet {
  display: block;
  background-color: #ffffff;
  border: solid #1c91bc;
  padding: var(--marge);
  padding-top: 0;
  margin-top: calc(var(--espace) * 3);
  border-left-width: calc(var(--espace) * 10);
  border-right-width: calc(var(--espace) * 10);
  border-top-width: calc(var(--espace));
  border-bottom-width: calc(var(--espace));
}
@media (max-width: 767.98px) {
  .bloc-guillemet {
    border-left-width: var(--espace);
    border-right-width: var(--espace);
  }
}
.bloc-guillemet:before {
  display: block;
  width: 100%;
  text-align: center;
  content: "“";
  font-size: 220px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 80px;
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.text-columns > div > section, #slider_avant_tout.text-columns > div,
#chapeau .wp-block-group.text-columns > div.wp-block-group__inner-container,
.chapeau .wp-block-group__inner-container .text-columns > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  font-family: "Work Sans", sans-serif;
}
@media (max-width: 767.98px) {
  .text-columns > div > section, #slider_avant_tout.text-columns > div,
#chapeau .wp-block-group.text-columns > div.wp-block-group__inner-container,
.chapeau .wp-block-group__inner-container .text-columns > div {
    grid-template-columns: 1fr;
  }
}
.text-columns > div > section p, #slider_avant_tout.text-columns > div p,
#chapeau .wp-block-group.text-columns > div.wp-block-group__inner-container p,
.chapeau .wp-block-group__inner-container .text-columns > div p {
  color: #040606ff;
}
.text-columns > div > section caption, #slider_avant_tout.text-columns > div caption,
#chapeau .wp-block-group.text-columns > div.wp-block-group__inner-container caption,
.chapeau .wp-block-group__inner-container .text-columns > div caption {
  color: #040606ff;
}

#slider_avant_toutxxx .metaslider.ms-theme-ambassadeur01.texte-seul .flexslider {
  max-height: 60px;
}
#slider_avant_toutxxx .metaslider.ms-theme-ambassadeur01.texte-seul .flexslider li {
  margin: 0 !important;
}
#slider_avant_toutxxx .metaslider.ms-theme-ambassadeur01.texte-seul .flexslider li img {
  display: none !important;
}
#slider_avant_toutxxx .metaslider.ms-theme-ambassadeur01.texte-seul .flexslider .caption-wrap {
  background-color: #ffffff !important;
  top: -10px;
}
#slider_avant_toutxxx .metaslider.ms-theme-ambassadeur01.texte-seul .flexslider .caption-wrap .caption {
  color: #040606ff;
  font-size: var(--font-size-small);
  font-weight: normal;
  font-family: "Work Sans", sans-serif;
}
#slider_avant_toutxxx .caption-wrap {
  /*background-color: rgb(255, 255, 255) !important;*/
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  padding-bottom: 10px;
}
#slider_avant_toutxxx .caption-wrap a {
  color: #fff !important;
}
#slider_avant_toutxxx .caption-wrap h3 {
  color: #ffffff;
  font-size: calc(var(--font-size-big) * 0.8);
  font-weight: 900;
  color: white;
  /* Couleur principale du texte */
  background: transparent;
  /* Fond transparent */
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
  /* en bas à droite */
}

#slider_avant_tout.text-columns > div {
  display: grid;
  grid-template-columns: 33% 66%;
  gap: 2rem;
  /* espace entre les colonnes */
}

@media (max-width: 768px) {
  #slider_avant_tout.text-columns > div {
    grid-template-columns: 100%;
  }
}
.galerie-media-texte {
  column-count: 2;
  column-gap: 2rem;
  font-family: "Work Sans", sans-serif;
}
.galerie-media-texte figure {
  margin-bottom: calc(var(--espace) / 2) !important;
}
@media (max-width: 767.98px) {
  .galerie-media-texte {
    column-count: 1;
  }
}
.galerie-media-texte p {
  color: #040606ff;
}
.galerie-media-texte .wp-block-media-text {
  display: block !important;
}
.galerie-media-texte .wp-block-media-text .wp-block-media-text__media,
.galerie-media-texte .wp-block-media-text .wp-block-media-text__content {
  width: 100% !important;
  display: block !important;
}
.galerie-media-texte h2 {
  font-size: var(--font-size-medium);
  color: #040606ff;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}

.wp-block-spacer {
  max-height: calc(var(--espace) * 2);
}
@media (min-width: 576px) {
  .wp-block-spacer {
    max-height: calc(var(--espace) * 2);
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .wp-block-spacer {
    height: auto;
    max-height: calc(var(--espace) * 4);
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .wp-block-spacer {
    height: auto;
    max-height: none;
    overflow: hidden;
  }
}

#nos-valeurs.bloc-col2-cote-a-cote > div {
  display: block;
  margin-top: calc(var(--espace) * 2);
}
#nos-valeurs.bloc-col2-cote-a-cote > div:has(figure + .wp-block-group) .wp-block-group {
  padding-left: calc(var(--espace) * 4);
  padding-right: 0;
  border: 1px solid red;
}
#nos-valeurs.bloc-col2-cote-a-cote > div:has(.wp-block-group + figure) .wp-block-group {
  padding-left: calc(var(--espace) * 4);
  padding-right: calc(var(--espace) * 2);
  /*border: 10px solid magenta; // debug visuel*/
}
@media (min-width: 768px) {
  #nos-valeurs.bloc-col2-cote-a-cote > div {
    /*border:10px solid blue;*/
    margin-top: 0;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: start;
    flex-direction: row;
  }
  #nos-valeurs.bloc-col2-cote-a-cote > div .wp-block-group {
    max-width: 50%;
    width: 50%;
    padding: 0 var(--espace) 0 var(--espace);
  }
  #nos-valeurs.bloc-col2-cote-a-cote > div figure {
    max-width: 50%;
    display: table-cell;
    margin-top: 0;
  }
}
#nos-valeurs.bloc-col2-cote-a-cote > div > div {
  /*border:1px solid red;*/
  vertical-align: middle;
}
#nos-valeurs.bloc-col2-cote-a-cote > div .wp-block-group {
  max-width: 100%;
  padding: 0 calc(var(--espace) / 8) calc(var(--espace) / 8);
}
@media (min-width: 768px) {
  #nos-valeurs.bloc-col2-cote-a-cote > div .wp-block-group {
    /*border:20px pink dotted;*/
    padding: 0 calc(var(--espace) / 2) 0 10px;
    display: table-cell;
  }
}
#nos-valeurs.bloc-col2-cote-a-cote > div figure {
  display: table-cell;
}

.bloc-col2-cote-a-cote:not(#nos-valeurs) {
  clear: both;
  margin-bottom: var(--espace);
}
.bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container {
  overflow: hidden;
}
.bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container figure,
.bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container .wp-block-group {
  float: none;
  width: 100%;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
  margin: 0 0 var(--espace) 0;
  padding-left: 0;
  padding-right: 0;
}
.bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container figure {
  margin-bottom: var(--espace/2);
  /*border: 3px solid magenta; // debug mobile*/
}
.bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container .wp-block-group {
  /*border: 3px dotted magenta; // debug mobile*/
}

@media (min-width: 992px) {
  .bloc-col2-cote-a-cote:not(#nos-valeurs):nth-child(odd) > .wp-block-group__inner-container figure {
    float: left;
    /*border: 3px solid red; // debug impair*/
  }

  .bloc-col2-cote-a-cote:not(#nos-valeurs):nth-child(odd) > .wp-block-group__inner-container .wp-block-group {
    float: right;
    padding-left: calc(var(--espace) * 4);
    padding-right: var(--espace);
    /*border: 3px dotted red; // debug impair*/
  }

  .bloc-col2-cote-a-cote:not(#nos-valeurs):nth-child(even) > .wp-block-group__inner-container figure {
    float: right;
    /*border: 3px solid blue; // debug pair*/
  }

  .bloc-col2-cote-a-cote:not(#nos-valeurs):nth-child(even) > .wp-block-group__inner-container .wp-block-group {
    float: left;
    padding-left: calc(var(--espace) * 4);
    padding-right: calc(var(--espace) * 2);
    /*border: 3px dotted blue; // debug pair*/
  }

  .bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container figure,
.bloc-col2-cote-a-cote:not(#nos-valeurs) > .wp-block-group__inner-container .wp-block-group {
    width: 50%;
    max-width: 50%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
.bloc-centre-page > div {
  margin-left: 8.4%;
  margin-right: 8.4%;
}
@media (max-width: 575.98px) {
  .bloc-centre-page > div {
    margin: var(--espace);
    /*border:1px solid red;*/
  }
}

.chapeau, #chapeau {
  /*margin:$marge/6;*/
  margin: calc(var(--espace) * 3);
  /*border:10px solid red;*/
}
@media (max-width: 575.98px) {
  .chapeau, #chapeau {
    margin: 0;
  }
}
.chapeau h2, #chapeau h2 {
  margin-bottom: calc(var(--espace) * 2);
}

/*bloc encadres*/
.encadre {
  border: calc(var(--espace) * 3) solid transparent;
  padding: calc(var(--espace) * 2) calc(var(--espace) * 8) calc(var(--espace) * 4) calc(var(--espace) * 8);
}
.encadre.bleu {
  border-color: #1c91bc;
}
.encadre.noir {
  border-color: #040606ff;
}
@media (max-width: 575.98px) {
  .encadre {
    border: var(--espace) solid transparent;
    padding: var(--espace);
  }
}

.encadre-fin {
  border: var(--espace) solid transparent;
  padding: var(--espace);
}
.encadre-fin.bleu {
  border-color: #1c91bc;
}
.encadre-fin.noir {
  border-color: #040606ff;
}
@media (max-width: 575.98px) {
  .encadre-fin {
    border: none;
    padding: var(--espace);
  }
}

/*bloc fond couelur*/
.fond {
  padding: calc(var(--espace) * 6);
}
.fond .wp-block-adb-h2-accent::before {
  background-color: #fff;
}
.fond.bleu {
  background-color: #1c91bc;
  color: #ffffff;
}
.fond.noir {
  background-color: #040606ff;
  color: #ffffff;
}
@media (max-width: 575.98px) {
  .fond {
    padding: var(--espace);
  }
}

/*force retour à la ligne lorsque \ trouvé dans un titre accentue*/
.both {
  display: inline;
}
@media (min-width: 768px) {
  .both {
    display: block !important;
  }
}

/* Accessibilité : focus visible */
body.user-is-tabbing a:focus,
body.user-is-tabbing button:focus {
  outline: 2px solid #1c91bc;
  outline-offset: 2px;
}

.text-columns p, .wp-block-group p, .galerie-media-texte p {
  line-height: 1.4;
  font-size: var(--tc);
}

.bg-noir > div {
  background-color: #040606ff;
  padding: calc(var(--espace) / 4);
}
@media (min-width: 992px) {
  .bg-noir > div {
    padding: 20px;
  }
}
.bg-noir > div .wp-block-adb-h2-accent::before {
  background-color: #ffffff;
}
.bg-noir > div .text-columns p, .bg-noir > div .wp-block-group p {
  color: #ffffff;
}

/*FAQ*/
.faq {
  /*max-width: 700px;*/
  margin: 0 auto;
  padding-bottom: var(--espace);
}
.faq .faq-item {
  border-top: 1px solid #040606ff;
  border-bottom: 1px solid #040606ff;
  padding: 1em 0;
  /* Quand ouvert, on transforme le + en - */
}
.faq .faq-item:not(:last-child) {
  border-bottom: none;
}
.faq .faq-item details[open] {
  border-bottom: 1px solid #040606ff;
  padding-bottom: 1em;
}
.faq .faq-item summary {
  cursor: pointer;
  position: relative;
  font-weight: 600;
  font-size: var(--font-size-small);
  padding-right: 3em;
  list-style: none;
  /* Supprime la flèche par défaut des browsers */
  /* Icone "rond noir + blanc" */
}
.faq .faq-item summary::-webkit-details-marker {
  display: none;
}
.faq .faq-item summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: var(--font-size-medium);
  transition: transform 0.3s ease;
}
.faq .faq-item details[open] summary::after {
  content: "−";
  /* signe moins */
  transform: translateY(-50%) rotate(0deg);
}
.faq .faq-item .faq-answer {
  margin-top: 1em;
  font-size: var(--font-size-small);
  line-height: 1.5;
  color: #040606ff;
  overflow: auto;
}

/*carrousel*/
.metaslider .caption {
  color: #040606ff;
  font-size: var(--font-size-extra-small);
  padding: 5px;
  line-height: 100%;
}

.metaslider .caption-wrap {
  opacity: 1;
  vertical-align: top;
}

.metaslider .slides img {
  margin-bottom: 100px !important;
}

.metaslider .flexslider .flex-pauseplay .flex-play, .metaslider .flexslider .flex-pauseplay .flex-pause {
  top: 100%;
}

.slider-ambassadeurs {
  /*padding-bottom:10px;*/
}
.slider-ambassadeurs .flexslider .flex-direction-nav li a {
  width: 56px !important;
  height: 56px !important;
}
.slider-ambassadeurs .metaslider .caption-wrap {
  background-color: white !important;
}

/*ml-slider-3-101-0 metaslider metaslider-flex metaslider-10031 ml-slider texte-seul has-carousel-mode ms-theme-ambassadeur01 nav-hidden ms-carousel-force-height ms-loaded*/
.metaslider.ms-theme-ambassadeur01.texte-seul .flexslider {
  max-height: 60px;
}
.metaslider.ms-theme-ambassadeur01.texte-seul .flexslider li {
  margin: 0 !important;
}
.metaslider.ms-theme-ambassadeur01.texte-seul .flexslider li img {
  display: none !important;
}
.metaslider.ms-theme-ambassadeur01.texte-seul .flexslider .caption-wrap {
  background-color: #ffffff !important;
  top: -10px;
}
.metaslider.ms-theme-ambassadeur01.texte-seul .flexslider .caption-wrap .caption {
  color: #040606ff;
  font-size: var(--font-size-small);
  font-weight: normal;
  font-family: "Work Sans", sans-serif;
}

.caption-wrap {
  background-color: white;
  color: #040606ff;
  font-size: 1.3rem;
  text-align: center;
  padding-bottom: 10px;
}
.caption-wrap a {
  color: #fff !important;
}

/*//slider c est avant tout*/
.metaslider.ms-theme-clarity a.flex-next {
  right: 5px !important;
}
.metaslider.ms-theme-clarity .caption {
  width: 100% !important;
  padding: var(--espace) !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* pousse le h3 en bas */
  height: 100%;
}
.metaslider.ms-theme-clarity .caption-wrap {
  border: 0 none !important;
  overflow: hidden;
  color: #040606ff;
  /* Couleur principale du texte */
  background: transparent !important;
  /* Fond transparent */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%) !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  vertical-align: bottom !important;
}
.metaslider.ms-theme-clarity .flex-direction-nav a {
  background-colo: #1c91bc !important;
  border-radius: 45px !important;
  width: 50px;
  height: auto;
}
.metaslider.ms-theme-clarity h3 {
  color: #ffffff;
  font-size: var(--font-size-medium);
  width: 100% !important;
  display: block;
}
.metaslider.ms-theme-clarity img {
  margin: 0 !important;
}

/*bearn-en-avant*/
#bearn-en-avant.encadre {
  padding-top: 0;
}
#bearn-en-avant details {
  border-bottom: 1px solid #040606ff;
}
#bearn-en-avant .faq {
  max-width: 100%;
}
#bearn-en-avant .faq-question {
  font-size: var(--font-size-medium);
}
#bearn-en-avant .faq-item {
  border-top: 0 none;
}
#bearn-en-avant .faq-item summary::after {
  width: 0.5em;
  height: 0.5em;
  line-height: 1em;
  background-color: #fff;
  color: #040606ff;
  font-weight: normal;
  font-size: 1em;
}

/*nos-valeurs*/
#pictos {
  display: flex;
  padding: 0 calc(var(--espace) / 2) 0 0 !important;
  margin: auto;
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
  /*align-items: center;*/
}
#pictos div {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  display: contents !important;
}
#pictos > div {
  flex: 1;
  margin: 0 10px;
}
#pictos figure img {
  max-width: 100%;
  height: auto;
}

#page_portrait, #page_actualite {
  overflow: auto;
}
#page_portrait article, #page_actualite article {
  padding-left: calc(var(--espace) * 4);
  padding-right: calc(var(--espace) * 4);
}
@media (max-width: 575.98px) {
  #page_portrait article, #page_actualite article {
    padding-left: var(--espace);
    padding-right: var(--espace);
  }
}
#page_portrait .surtitre, #page_actualite .surtitre {
  font-size: var(--font-size-big);
  font-weight: 900;
  color: #1c91bc;
  max-width: 300px;
  overflow: visible;
}
#page_portrait article, #page_actualite article {
  /*        @media (max-width: 768px) {
              figure.float-left.medium_large,
              figure.float-right.medium_large,
              figure.float-left.small,
              figure.float-right.small,
              figure.float-left.medium,
              figure.float-right.medium,
              figure.float-left.large,
              figure.float-right.large,
              figure.float-left.post-thumbnail,
              figure.float-right.post-thumbnail,
              figure.float-left.thumbnail,
              figure.float-right.thumbnail,
              figure.float-left.recadre,
              figure.float-right.recadre {
                  float: none !important;
                  padding: $espace !important;
                  text-align: center;
                  border: 10px solid green;
                  max-width: 100%;
              }
          }*/
}
#page_portrait article .alignleft, #page_actualite article .alignleft {
  float: left;
  padding: var(--espace) var(--espace) var(--espace) 0;
  /*max-width: 50%;*/
}
#page_portrait article .alignright, #page_actualite article .alignright {
  float: right;
  padding: var(--espace) 0 var(--espace) var(--espace);
  /*max-width: 50%;*/
}
#page_portrait article h2, #page_actualite article h2 {
  font-size: var(--font-size-big);
  line-height: 105%;
  font-weight: 900;
  padding-top: var(--espace);
  padding-bottom: calc(var(--espace) * 2);
}

/*derniers articles*/
.dernieres-actualites {
  display: flex;
  flex-wrap: wrap;
  gap: var(--espace);
  margin: var(--marge);
}
.dernieres-actualites[data-cards-per-row="1"] .dernieres-actualites-card {
  flex: 0 0 100%;
}
.dernieres-actualites[data-cards-per-row="2"] .dernieres-actualites-card {
  flex: 0 0 calc(50% - 20px
        );
}
.dernieres-actualites[data-cards-per-row="3"] .dernieres-actualites-card {
  flex: 0 0 calc(33.333% - 20px
        );
}
.dernieres-actualites[data-cards-per-row="4"] .dernieres-actualites-card {
  flex: 0 0 calc(25% - 20px
        );
}
.dernieres-actualites[data-cards-per-row="5"] .dernieres-actualites-card {
  flex: 0 0 calc(20% - 20px
        );
}
.dernieres-actualites[data-cards-per-row="6"] .dernieres-actualites-card {
  flex: 0 0 calc(16.666% - 20px
        );
}
.dernieres-actualites .dernieres-actualites-card {
  display: flex;
  flex-direction: column;
  font-family: "Work Sans", sans-serif;
}
.dernieres-actualites .dernieres-actualites-card a {
  color: #040606ff;
  text-decoration: none !important;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-title {
  font-family: "Montserrat", sans-serif;
  font-size: var(--font-size-medium);
  color: #040606ff;
  font-weight: 900;
  text-decoration: none;
  margin-bottom: 6.6666666667px;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-title:hover {
  text-decoration: underline;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-excerpt {
  font-size: var(--font-size-small);
  margin-bottom: 6.6666666667px;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-date {
  font-size: var(--font-size-small);
  color: black;
  margin-bottom: 6.6666666667px;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-read-more {
  align-self: flex-start;
  padding: 0.5em 1em;
  /*                background-color: $bleu;*/
  color: #040606ff;
  text-decoration: underline;
  border-radius: 4px;
  font-size: var(--font-size-small);
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-read-more:hover {
  background-color: #156f90;
}
.dernieres-actualites .dernieres-actualites-card .dernieres-actualites-content .dernieres-actualites-category-badge {
  color: #1c91bc;
  border: 1px solid #1c91bc;
  padding: 3px;
  border-radius: 15px;
}

/*//bloc picto agir*/
#groupe-agir-picto > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
#groupe-agir-picto > .wp-block-group__inner-container > .wp-block-group {
  margin-bottom: calc(var(--espace) * 3);
  background: white;
  padding: 1rem;
  text-align: left;
}
@media (max-width: 767.98px) {
  #groupe-agir-picto > .wp-block-group__inner-container > .wp-block-group {
    margin-bottom: calc(var(--espace) * 6);
  }
}
#groupe-agir-picto > .wp-block-group__inner-container > .wp-block-group figure {
  margin: 0 auto 1rem;
  max-width: 100px;
  position: relative;
  top: -90px;
}
#groupe-agir-picto > .wp-block-group__inner-container > .wp-block-group h3 {
  margin-top: -90px;
  margin-bottom: 0.5rem;
  color: #040606ff;
  font-size: var(--font-size-medium);
  font-weight: 900;
}
#groupe-agir-picto > .wp-block-group__inner-container > .wp-block-group p {
  color: #040606ff;
  font-size: var(--bs-body-font-size);
  line-height: 1.4;
}
@media (max-width: 1024px) {
  #groupe-agir-picto > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #groupe-agir-picto > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }
}

/*//figure et images*/
.plus800::before,
.moins800::before {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  background-color: #333;
  border-radius: 999px;
  padding: 0.2rem 0.6rem;
  z-index: 10;
  opacity: 0.8;
  line-height: 1;
}

.plus800,
.moins800 {
  position: relative;
  overflow: visible;
}

/* === Figure +800 === */
.plus800 {
  display: block;
  margin: 2rem auto;
  float: none !important;
  text-align: center;
}
.plus800::before {
  content: "plus800";
  background-color: #1c91bc;
}
.plus800 img {
  display: block;
  margin: 0 auto;
  height: auto;
  max-width: 100%;
}

/* === Figure -800 === */
.moins800::before {
  content: "moins800";
  background-color: #dc3545;
  position: absolute;
}
@media (max-width: 991.98px) {
  .moins800 {
    float: none !important;
    display: block;
    margin: 1.5rem auto;
    text-align: center;
  }
  .moins800 img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
  }
}

/*moteur*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.articles-dynamiques-wrapper {
  margin: 2rem 0;
}
@media (min-width: 992px) {
  .articles-dynamiques-wrapper {
    margin: 3rem 0;
  }
}

.articles-toolbar {
  margin-bottom: 2rem;
}

.articles-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.articles-sort {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.articles-results {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.article-card:focus-within {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
}

.card-link:focus {
  outline: none;
}

.articles-toolbar {
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .articles-toolbar {
    margin-bottom: 2rem;
  }
}

input.search-input {
  border: 2px solid blue !important;
}
input.search-input::focus {
  border: 2px solid magenta;
  box-shadow: none !important;
}

.articles-search-form {
  margin-bottom: 1rem;
}
.articles-search-form .search-form {
  max-width: 600px;
  margin: 0 auto;
}
.articles-search-form .input-group-00 {
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);*/
  border-radius: 25px;
  border: 1px solid #040606ff;
  padding: 5px;
}
.articles-search-form .input-group-00 .search-input {
  border: 0 none !important;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background-color: transparent;
  margin-left: 40px;
  width: 80%;
}
@media (max-width: 767.98px) {
  .articles-search-form .input-group-00 .search-input {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.articles-search-form .input-group-00 .search-button {
  background: transparent url("../images/picto_loupe.png") no-repeat center center;
  background-size: contain;
  border: none;
  width: 32px;
  /* adapte selon la taille de ton picto */
  height: 32px;
  cursor: pointer;
  display: inline-block;
  top: 1px;
  left: 20px;
  position: relative;
}
@media (max-width: 767.98px) {
  .articles-search-form .input-group-00 .search-button {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

.articles-controls {
  background: #f8f9fa;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 991.98px) {
  .articles-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}
@media (min-width: 992px) {
  .articles-controls {
    padding: 1.25rem 1.5rem;
  }
}

.articles-sort {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 200px;
}
@media (max-width: 991.98px) {
  .articles-sort {
    width: 100%;
    min-width: auto;
  }
}
.articles-sort label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #495057;
}
@media (max-width: 767.98px) {
  .articles-sort label {
    font-size: 0.8125rem;
  }
}
.articles-sort .sort-select {
  flex: 1;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 200px !important;
}
.articles-sort .sort-select:focus {
  border-color: #1c91bc;
  box-shadow: none !important;
}

.articles-filters {
  flex: 1;
}
@media (max-width: 991.98px) {
  .articles-filters {
    width: 100%;
  }
}
.articles-filters .nav-pills {
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .articles-filters .nav-pills {
    flex-direction: row;
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  .articles-filters .nav-pills {
    gap: 0.375rem;
  }
}
.articles-filters .nav-item {
  margin: 0;
}
.articles-filters .category-filter {
  border: 1px solid #040606ff;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 1px 10px 1px 10px;
  font-size: var(--font-size-extra-small);
  font-weight: 500;
  border-radius: 2rem;
  background: white;
  color: #040606ff;
}
.articles-filters .category-filter:hover {
  background: #1c91bc;
  color: #ffffff;
}
.articles-filters .category-filter.active {
  background: #1c91bc;
  /*border-color: $bleu;*/
  color: white;
  /*box-shadow: 0 0.125rem 0.25rem rgba($bleu, 0.3);*/
}
.articles-filters .category-filter:focus {
  outline: 2px solid #1c91bc;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.25rem rgba(28, 145, 188, 0.25);
}

.articles-info {
  text-align: center;
  margin-bottom: 1rem;
}
.articles-info .articles-count {
  font-weight: 600;
  color: #6c757d;
  font-size: 0.9375rem;
  margin: 0;
}
@media (max-width: 767.98px) {
  .articles-info .articles-count {
    font-size: 0.875rem;
  }
}

.articles-results {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 2rem;
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .articles-results {
    grid-template-columns: repeat(2, 1fr);
  }
  .articles-results[data-cards-per-row="1"] {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .articles-results[data-cards-per-row="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .articles-results[data-cards-per-row="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .articles-results[data-cards-per-row="4"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .articles-results {
    gap: 2rem;
  }
  .articles-results[data-cards-per-row="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .articles-results[data-cards-per-row="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .articles-results[data-cards-per-row="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.article-card {
  background: white;
  /*border: 1px solid $card-border-color;*/
  /*border-radius: 0.5rem;*/
  overflow: hidden;
  /*transition: $card-transition;*/
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .article-card {
    /*border-radius: 0.75rem;*/
  }
}
.article-card:hover {
  /*        box-shadow: $card-hover-shadow;
          transform: translateY(-0.25rem);
          border-color: darken($card-border-color, 5%);*/
}
.article-card:focus-within {
  outline: 3px solid #1c91bc;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.25rem rgba(28, 145, 188, 0.25);
}
.article-card .card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: #040606ff;
  background-color: #ffffff;
}
.article-card .card-link:focus {
  outline: none;
}

.article-image {
  width: 100%;
  /*aspect-ratio: auto;  ratio largeur/hauteur, ici exemple 300/200 = 3/2 */
  height: auto;
  max-height: 305px;
  overflow: hidden;
  /* coupe ce qui dépasse */
  background: #e9ecef;
  position: relative;
}
@media (min-width: 768px) {
  .article-image {
    /*height: 220px;*/
  }
}
@media (min-width: 992px) {
  .article-image {
    /*height: 250px;*/
  }
}
.article-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  /* pour remplir sans déformer */
  display: block;
  /* supprime les espaces blancs des images inline */
  background-color: #ffffff;
  transition: transform 0.4s ease;
}
.article-card:hover .article-image img {
  transform: scale(1.08);
}

.article-content {
  padding: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 992px) {
  .article-content {
    padding: 1.5rem;
    gap: 1rem;
  }
}

.article-title {
  font-size: var(--font-size-medium);
  font-weight: 900;
  line-height: 1.4;
  color: #040606ff;
  margin: 0;
  transition: color 0.2s ease;
  /*    @include media-breakpoint-up(md) {
          font-size: 1.25rem;
      }*/
  font-size: var(--font-size-medium);
}
.article-card:hover .article-title {
  color: #1c91bc;
}

.article-excerpt {
  color: #040606ff;
  flex: 1;
  line-height: 1.4;
  font-size: var(--font-size-small);
  margin: 0;
}
@media (max-width: 767.98px) {
  .article-excerpt {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.article-date {
  font-size: 0.875rem;
  color: #6c757d;
  display: block;
  margin: 0;
}
@media (max-width: 767.98px) {
  .article-date {
    font-size: 0.8125rem;
  }
}

.article-categories,
.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}
@media (max-width: 767.98px) {
  .article-categories,
.article-tags {
    gap: 0.375rem;
  }
}

.article-category-badge {
  background: #1c91bc;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
@media (max-width: 767.98px) {
  .article-category-badge {
    font-size: 0.6875rem;
    padding: 0.2rem 0.6rem;
  }
}
.article-card:hover .article-category-badge {
  background: #156f90;
}

.article-tag {
  background: #1c91bc;
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: var(--font-size-small);
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .article-tag {
    font-size: 0.6875rem;
    padding: 0.2rem 0.6rem;
  }
}

.article-read-more {
  color: #040606ff;
  font-weight: 600;
  margin-top: auto;
  display: inline-block;
  font-size: var(--font-size-small);
  /*transition: transform 0.2s ease;*/
  text-decoration: underline;
}
.article-card:hover .article-read-more {
  /*transform: translateX(0.25rem);*/
}
.article-card:hover .article-read-more::after {
  /*transform: translateX(0.25rem);*/
}

.articles-no-results {
  text-align: center;
  padding: 3rem 1rem;
  background: #f8f9fa;
  border-radius: 0.5rem;
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .articles-no-results {
    padding: 4rem 2rem;
  }
}
.articles-no-results p {
  font-size: 1.125rem;
  color: #6c757d;
  margin: 0;
}
@media (max-width: 767.98px) {
  .articles-no-results p {
    font-size: 1rem;
  }
}

/*form contact*/
#formulaire-contact {
  /*span{float:left;}*/
}
#formulaire-contact label {
  line-height: 200%;
}
#formulaire-contact select {
  border-color: #1c91bc;
  border-radius: 25px;
  background-color: #ffffff;
}
#formulaire-contact textarea {
  display: inline-block;
  width: 100%;
  max-height: 80px;
}
#formulaire-contact input[type=radio], #formulaire-contact input[type=checkbox] {
  width: 25px;
  height: 25px;
  top: 5px;
  position: relative;
}
#formulaire-contact input[type=submit] {
  width: 150px;
  height: auto;
  padding: 10px;
  background-color: #040606ff;
  color: #ffffff;
  border-radius: 25px;
  font-weight: 900;
  margin: auto;
}
#formulaire-contact h3 {
  font-size: var(--font-size-medium);
  color: #1c91bc;
  font-weight: 900;
  margin-top: 20px;
  clear: both;
}
#formulaire-contact input[type=text], #formulaire-contact input[type=email], #formulaire-contact input[type=tel] {
  border: none 0;
  border-bottom: 1px solid #040606ff;
}
#formulaire-contact div.submit {
  text-align: center;
}
#formulaire-contact br {
  display: none;
}
#formulaire-contact .mentions p {
  font-family: "Work Sans", sans-serif;
  font-size: var(--font-size-extra-small) !important;
  color: #040606ff;
  font-style: italic;
}

/*fil d ariane*/
.breadcrumb {
  font-family: "Work Sans", sans-serif;
  font-size: var(--font-size-small);
  color: #040606ff;
  margin: var(--espace) 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb a {
  color: #040606ff;
  text-decoration: none;
  border-bottom: 1px solid #1c91bc;
}
.breadcrumb a:hover, .breadcrumb a:focus {
  /*            text-decoration: underline;*/
  border-bottom: 1px solid #1c91bc;
}
.breadcrumb span[itemprop=itemListElement] {
  display: flex;
  align-items: center;
}
.breadcrumb span[itemprop=itemListElement]::after {
  content: " ";
  margin: 0 0.1rem;
  color: #040606ff;
  font-weight: bold;
}
.breadcrumb span[itemprop=itemListElement]::before {
  content: " ";
  margin: 0 0.1rem;
  color: #040606ff;
  font-weight: bold;
}
.breadcrumb span[itemprop=itemListElement]:last-child::after {
  content: "";
}
@media (max-width: 991.98px) {
  .breadcrumb {
    font-size: 1.15rem;
    margin: 7% 0;
  }
  .breadcrumb span[itemprop=itemListElement]::after {
    margin: 0 0.3rem;
  }
}

.articles-pagination {
  margin-top: 2rem;
}
@media (min-width: 992px) {
  .articles-pagination {
    margin-top: 3rem;
  }
}
.articles-pagination .pagination {
  gap: 0.375rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .articles-pagination .pagination {
    gap: 0.5rem;
  }
}
.articles-pagination .page-item {
  margin: 0;
}
.articles-pagination .page-link {
  border-radius: 0.375rem;
  padding: 0.5rem 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 1px solid #dee2e6;
  color: #495057;
  min-width: 2.5rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .articles-pagination .page-link {
    padding: 0.375rem 0.625rem;
    font-size: 0.875rem;
    min-width: 2rem;
  }
}
.articles-pagination .page-link:hover:not(:disabled) {
  background: #1c91bc;
  color: white;
  border-color: #1c91bc;
  transform: translateY(-2px);
  box-shadow: 0 0.125rem 0.25rem rgba(28, 145, 188, 0.3);
}
.articles-pagination .page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(28, 145, 188, 0.25);
  z-index: 2;
}
.articles-pagination .page-item.active .page-link {
  background: #1c91bc;
  border-color: #1c91bc;
  color: white;
  box-shadow: 0 0.125rem 0.25rem rgba(28, 145, 188, 0.3);
}
.articles-pagination .page-item.disabled .page-link {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    /*transform: translateY(1rem);*/
  }
  to {
    opacity: 1;
    /*transform: translateY(0);*/
  }
}
.article-card:not([style*="display: none"]) {
  /*animation: fadeIn 0.4s ease;*/
}

@media (prefers-color-scheme: dark) {
  .articles-dynamiques-wrapper .article-card {
    background: #212529;
    border-color: #495057;
    color: #f8f9fa;
  }
  .articles-dynamiques-wrapper .article-title {
    color: #f8f9fa;
  }
  .articles-dynamiques-wrapper .articles-controls {
    background: #343a40;
    border-color: #495057;
  }
  .articles-dynamiques-wrapper .articles-sort label {
    color: #adb5bd;
  }
  .articles-dynamiques-wrapper .category-filter {
    background: #343a40;
    color: #f8f9fa;
    border-color: #495057;
  }
  .articles-dynamiques-wrapper .category-filter:hover {
    background: #495057;
  }
  .articles-dynamiques-wrapper .articles-no-results {
    background: #343a40;
  }
}
/*actualité bloc sortons*/
#sortons.fond {
  padding-top: calc(var(--espace) * 1.5);
  padding-bottom: 0;
}
#sortons h2 {
  margin-bottom: calc(var(--espace) * 1.5);
}
#sortons .chapeau {
  margin-top: 0;
}

#etre-ambassadeur.fond {
  padding-top: calc(var(--espace) * 3);
  padding-bottom: var(--espace);
}
#etre-ambassadeur h2 {
  margin-bottom: 0;
}
#etre-ambassadeur .chapeau {
  margin-top: var(--espace);
}

/*//page accueil responsive*/
body.home #etre_abassadeur .wp-block-adb-h2-accent, body.home #etre_abassadeur p, body.home #etre_abassadeur .wp-block-buttons,
body.home #nos-valeurs h2, body.home #nos-valeurs p, body.home #nos-valeurs .wp-block-buttons,
body.home #nos_derniers_articles h2, body.home #nos_derniers_articles p {
  margin-left: 8.4%;
  margin-right: 8.4%;
}
body.home #nos_derniers_articles h2 {
  margin-bottom: calc(var(--marge) / 3);
}
body.home #faq h2, body.home #faq p, body.home #faq section {
  margin-left: calc(var(--marge) * 1.2);
  margin-right: calc(var(--marge) * 1.2);
}

@media (min-width: 768px) {
  .bloc-col2-cote-a-cote h2.wp-block-adb-h2-accent {
    margin-top: 0;
  }
}
@media print {
  .articles-search-form,
.articles-controls,
.articles-pagination {
    display: none !important;
  }

  .article-card {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
/* Responsive */
@media (max-width: 1200px) {
  .dernieres-actualites[data-cards-per-row="4"] .dernieres-actualites-card {
    flex: 0 0 calc(33.333% - 20px
        );
  }
}
@media (max-width: 992px) {
  .dernieres-actualites[data-cards-per-row="4"] .dernieres-actualites-card,
.dernieres-actualites[data-cards-per-row="3"] .dernieres-actualites-card {
    flex: 0 0 calc(50% - 20px
        );
  }
}
@media (max-width: 768px) {
  .dernieres-actualites[data-cards-per-row="4"] .dernieres-actualites-card,
.dernieres-actualites[data-cards-per-row="3"] .dernieres-actualites-card,
.dernieres-actualites[data-cards-per-row="2"] .dernieres-actualites-card {
    flex: 0 0 100%;
  }

  p.bloc-guillemet {
    margin-top: var(--espace);
    padding-top: calc(var(--espace) * 5);
  }
  p.bloc-guillemet:before {
    display: none;
  }
}

/*# sourceMappingURL=main.css.map */