/* ===== 00-fonts.css ===== */
/* audit-conseil.com staging: Joomla 6, Cassiopeia Extended. Built from assets/audit-conseil/css/*.css by scripts/build-audit-conseil-assets.mjs. */
@import url("/eplus/eplus.css");
@import url("/eplus-config/config.css");
@import url("https://use.typekit.net/jch2kvy.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300:latin%7COpen+Sans:600:latin");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital@0;1&display=swap");

@font-face { font-family: "Roaster"; src: url("../fonts/Roaster-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "Roaster"; src: url("../fonts/Roaster-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Roaster"; src: url("../fonts/Roaster-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Roaster"; src: url("../fonts/Roaster-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "Roaster"; src: url("../fonts/Roaster-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; }

/* Inline template CSS of the source (Buildr "Open Sans" font option) */
html > body { font-family: "Open Sans"; }

/* ===== 20-theme-base.css ===== */
/* Generic rules of the source theme (theme.audit.css) that the pages use. Structure rules (zen grid, toolbar, off-canvas) are rebuilt for Cassiopeia in the header/drawer parts. */
*, ::before, ::after { box-sizing: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; }
a:active, a:hover { outline: 0px; }
h1 { font-size: 2em; margin: 0.67em 0px; }
img { border: 0px; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
textarea { overflow: auto; }
ul, menu, dir, ol { padding-left: 0px; margin-block: 0em; margin-inline: 0px; padding-inline-start: 0px; }
div, ul, li { box-sizing: border-box; }
ul, ol { margin-left: 16px; }
article { margin: 0px; padding: 0px; }
iframe { max-width: 100%; max-height: 100%; }
img { max-width: 100%; }
input, textarea { font-family: inherit; font-size: 1em; line-height: 2em; padding: 6px 12px; background: rgb(255, 255, 255); color: rgb(85, 85, 85); border: 1px solid rgb(238, 238, 238); max-width: 100%; margin-bottom: 15px; min-height: 42px; border-radius: 2px !important; }
input:hover, textarea:hover { background: rgb(251, 251, 251); }
textarea { border-radius: 2px !important; }
input, select { border-radius: 2px; border: 1px solid rgb(238, 238, 238); box-shadow: none; margin-bottom: 15px; height: 42px; }
ul { margin-bottom: 30px; }
ul ul, ul ol { margin-bottom: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; color: rgb(96, 108, 118); text-rendering: optimizelegibility; clear: both; margin-top: 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 300; color: rgb(96, 108, 118); text-rendering: optimizelegibility; }
h1 { font-size: 3em; line-height: 1.4em; }
h2, p.leading { font-size: 2.5em; line-height: 1.4em; }
h3 { font-size: 1.7em; line-height: 1.4em; }
p { margin: 0px 0px 15px; line-height: 1.4em; }
.row::before, .row::after { display: table; content: ""; line-height: 0; }
.row::after { clear: both; }
.collapse { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; }
a { text-decoration: none; color: rgb(75, 181, 193); }
a:hover { color: rgb(150, 202, 45); }
h2 { line-height: 1.4em; }
.btn, input.btn, input.button { display: inline-block; color: rgb(255, 255, 255); background: rgb(75, 181, 193); border: 1px solid rgb(56, 151, 161); padding: 10px; border-radius: 0px; box-shadow: none; text-shadow: none; margin: 0px 10px 10px 0px; transition: 0.2s ease-in; }
.btn:hover, input.btn:hover, input.button:hover { color: rgb(255, 255, 255); background: rgb(150, 202, 45); border: 1px solid rgb(135, 181, 40); text-decoration: none; }
.btn span, input.btn span, input.button span { color: rgb(255, 255, 255); display: inline-block; }
.btn-empty { background: none; border: 1px solid rgb(238, 238, 238); padding: 10px; border-radius: 0px; margin: 0px 10px 10px 0px; }
button { background: rgb(238, 238, 238); border: 1px solid rgb(238, 238, 238); }
main article { position: relative; z-index: 1; }
.tab-content { margin-bottom: 30px; clear: both; }
.fade { opacity: 0; transition: opacity 0.15s linear; }
.tab-pane { border-top: 0px; }
.tab-pane { display: none; float: left; width: 100%; margin-bottom: 30px; }
.tab-pane.active { display: block; }
.tab-pane { border: 1px solid rgb(238, 238, 238); padding: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px; }
input { line-height: normal; }
input[type="search"] { appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
fieldset { min-width: 0px; }
fieldset { margin: 0px; max-width: 100%; border: 0px; padding: 0px; }
h4 { font-size: 1.25em; line-height: 1.4em; }
b, strong { font-weight: bold; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
legend { border: 0px; padding: 0px; }
legend { margin: 0px; }
fieldset legend { border-bottom: 1px solid rgb(238, 238, 238); font-weight: bold; font-size: 1.2em; padding-bottom: 8px; margin-bottom: 15px; width: 100%; }
label { display: block; cursor: pointer; font-weight: normal; margin-bottom: 4px; }
input[type="checkbox"], input[type="radio"], input[type="submit"] { min-height: 0px; height: auto; width: auto; margin-right: 4px; }

/* ===== 30-custom.css ===== */
/* Rules of the source custom.css, unchanged except where noted: Buildr header/off-canvas and zentools2 carousel rules removed (rebuilt in 50-chrome.css). */
:root {
  --color-dark-blue: #124556;
  --color-dusty-blue: #559da3;
  --color-light-blue: #dfefe8;
  --color-light-brow: #d2b493;
  --color-beige: #f9f5f2;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-brownish-grey: #646464;
}
html {
  font-size: 62.5%;
}
address {
  font-style: normal;
  font-size: 2rem !important;
    font-weight: 500 !important;
    font-family: "Quasimoda" !important;
    color: var(--color-dusty-blue);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: normal;
}
p {
  margin-bottom: 0 !important;
}
a {
  text-decoration: none !important;
}
a:hover {
  color: inherit;
}
.cursor-pointer {
  cursor: pointer;
}
body {
  margin: 0;
  padding: 0;
}
.m-hidden-line-top {
  margin-top: -1px !important;
}
.m-hidden-line-bottom {
  margin-bottom: -1px !important;
}
h1,
h2,
h3,
.typo-h1,
.typo-h2,
.typo-h3 {
  font-weight: 300 !important;
  font-family: "Roaster" !important;
  color: var(--color-dark-blue);
  margin-bottom: 0px !important;
  text-transform: none !important;
}
h1,
h2,
.typo-h1 {
  font-size: 4.2rem !important;
}

h3,
.typo-h2 {
  font-size: 2.8rem !important;
}

h4,
.typo-h3 {
  font-size: 2.5rem !important;
}
p {
  font-size: 2rem !important;
  font-weight: 500 !important;
  font-family: "Quasimoda" !important;
  color: var(--color-dusty-blue);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
}

.text-quasimoda {
  font-family: "Quasimoda" !important;
  font-weight: 500 !important;
}

.text-medium {
  font-weight: 500;
}

.text-bold {
  font-weight: 700;
}

.text-extra-bold {
  font-weight: 900;
}

.text-s {
  font-size: 1.9rem;
}

.text-xs {
  font-size: 2rem;
}

.text-sm {
  font-size: 2.2rem;
}

.text-m {
  font-size: 2.5rem;
}

.text-md {
  font-size: 2.8rem;
}

.text-l {
  font-size: 4.2rem;
}

.text-xl {
  font-size: 8.8rem;
}

.text-xxl {
  font-size: 12.8rem;
}

.text-dark-blue {
  color: var(--color-dark-blue);
}

.text-light-blue {
  color: var(--color-light-blue);
}

.text-dusty-blue {
  color: var(--color-dusty-blue);
}

.text-light-brow {
  color: var(--color-light-brow);
}

.text-white {
  color: var(--color-beige);
}

.text-black {
  color: var(--color-black);
}

.text-beige {
  color: var(--color-beige);
}

.text-brownish-grey {
  color: var(--color-brownish-grey);
}

.text-stroke-white {
  -webkit-text-stroke: 1.5px #114555;
  color: transparent;
}
.text-light {
  font-weight: 300;
  font-family: "Roaster";
  color: var(--color-dark-blue);
}

.bg-dark-blue {
  background-color: var(--color-dark-blue) !important;
}

.bg-dusty-blue {
  background-color: var(--color-dusty-blue) !important;
}

.bg-light-blue {
  background-color: var(--color-light-blue) !important;
}

.bg-beige {
  background-color: var(--color-beige) !important;
}

.bg-brownish-grey {
  background-color: var(--color-brownish-grey) !important;
}

.bg-black {
  background-color: var(--color-black) !important;
}
.bg-light-brow {
  background-color: var(--color-light-brow) !important;
}
.bg-white {
  background-color: var(--color-white) !important;
}
.ps-xl-161 {
  padding-left: 0;
}
.pe-xl-161 {
  padding-right: 0;
}
.ps-xl-140 {
  padding-left: 0;
}
.pe-xl-140 {
  padding-right: 0;
}
.homepage .ps-mobile,
.specializtions .ps-mobile {
  padding-left: 3.6rem;
}
.homepage .pe-mobile,
.specializtions .pe-mobile {
  padding-right: 3.6rem;
}
.homepage__nos-mission h3 a {
  color: var(--color-dark-blue);
}
.homepage__nos-mission h3 a:hover {
  color: var(--color-dark-blue) !important;
}
.py-130 {
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
}
.bg-half-beige {
  background: linear-gradient(
    to bottom,
    var(--color-beige) 0%,
    var(--color-beige) 30%,
    #ffffff 30%,
    #ffffff 100%
  );
}
.specializtions .bg-half-beige {
  background: linear-gradient(
    to bottom,
    var(--color-beige) 0%,
    var(--color-beige) 19%,
    #ffffff 19%,
    #ffffff 100%
  );
}
button.btn-dark-blue,
button.btn-light-brown,
button.btn-beige {
  border-color: #204454;
  padding: 2.1rem 1rem;
  color: var(--color-dark-blue);
  background-color: transparent;
  font-family: "quasimoda";
  font-weight: 500;
  font-size: 2.2rem;
  transition: all 0.5s ease-in-out;
  white-space: nowrap;
  border-width: 2px !important;
  line-height: normal;
}
button.btn-dark-blue a {
  color: var(--color-dark-blue);
}
button.btn-light-brown a {
  color: var(--color-light-brow);
}
button.btn-beige a {
  color: var(--color-beige);
}
button.btn-light-brown {
  color: var(--color-light-brow);
  border-color: #d1b493;
}
button.btn-light-brown:hover {
  background-color: var(--color-light-brow);
  color: var(--color-beige) !important;
}
button.btn-beige {
  border-color: #f8f5f2;
  color: var(--color-beige);
}
button.btn-beige:hover {
  background-color: #f8f5f2;
  color: var(--color-dark-blue) !important;
}
button.btn-dark-blue:hover {
  color: var(--color-beige) !important;
  background-color: var(--color-dark-blue);
}
button.btn-dark-blue:hover a,
button.btn-dark-blue a:hover button.btn-light-brown:hover a,
button.btn-light-brown a:hover {
  color: var(--color-beige) !important;
}
button.btn-beige:hover a,
button.btn-beige a:hover {
  color: var(--color-dark-blue) !important;
}
.homepage__slogan {
  background-color: var(--color-light-blue);
  position: relative;
  height: 10.1rem;
}
.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}

.marquee2 span {
  animation-delay: 10s;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
/* Flash card */
.flash-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  column-gap: 7%;
  row-gap: 3.7rem;
  height: fit-content;
}
.flash-card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18.5rem;
  width: 100%;
  padding: 0 5rem;
}

/* Flip card */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 35.6rem;
  perspective: 1000px;
  overflow: hidden;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.flip-card:hover .flip-card-front {
  transform: translateY(-100%);
}
.flip-card:hover .flip-card-back {
  transform: translateY(0);
}
.flip-card-front,
.flip-card-back {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.flip-card-back {
  padding: 50px 35px;
  transform: translateY(100%);
}
/* Override Joomla file less */
.tab-pane {
  border: 0;
  padding: 0;
  box-shadow: none;
  margin: 0;
}
.tab-content > .active {
  display: block;
  opacity: 1;
}
.collapse {
  height: unset;
}
.row::before,
.row::after {
  display: none !important;
  content: "";
  line-height: 0;
}
/* Footer */
.audit-conseil-footer {
  display: flex;
  flex-direction: column;
  gap: 4.7rem;
  padding: 5.6rem 3.6rem;
}
.audit-conseil-footer__items {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
/* Footer */
.audit-conseil-footer {
  display: flex;
  flex-direction: column;
  gap: 4.7rem;
  padding: 5.6rem 3.6rem;
}
.audit-conseil-footer__items {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.audit-conseil-footer__items-link,
.audit-conseil-footer__items-link-child {
  font-family: "Quasimoda";
  font-size: 2.2rem !important;
  color: var(--color-dusty-blue) !important;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.audit-conseil-footer__items-link-child {
  font-size: 1.8rem !important;
}
.audit-conseil-footer__items-link:hover,
.audit-conseil-footer__items-link-child:hover {
  color: var(--color-dusty-blue);
}
.audit-conseil-footer .btn-dark-blue a {
  color: var(--color-dark-blue) !important;
  text-decoration: none;
}
.audit-conseil-footer .btn-dark-blue:hover a {
  color: var(--color-beige) !important;
}
.audit-conseil-copyright {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 0.9rem;
  row-gap: 1.8rem;
  background-color: var(--color-beige);
  padding: 0 3.6rem 2.3rem;
}
.audit-conseil-copyright a,
.audit-conseil-copyright p {
  font-family: "Work Sans", sans-serif !important;
  font-weight: normal;
  font-size: 1.6rem !important;
  text-decoration: none;
  color: var(--color-dark-blue) !important;
}
#collapseSublink > div {
  max-width: 100%;
}
@media (min-width: 768px) {
  h1,
  h2,
  .typo-h1 {
    font-size: 4rem !important;
  }
  h3,
  .typo-h2 {
    font-size: 3rem !important;
  }
  h4,
  .typo-h3 {
    font-size: 2.4rem !important;
  }
  p {
    font-size: 2rem !important;
  }
}
@media (min-width: 1200px) {
  h2.marquee {
    font-size: 5rem !important;
  }
}

@media (min-width: 1400px) {
  h1,
  h2,
  h2.marquee,
  .typo-h1 {
    font-size: 6rem !important;
  }
  h3,
  .typo-h2 {
    font-size: 3.8rem !important;
  }
  h4,
  .typo-h3 {
    font-size: 2.8rem !important;
  }
  p {
    font-size: 2rem !important;
  }
}
@media (min-width: 1850px) {
  h1,
  h2,
  h2.marquee,
  .typo-h1 {
    /* font-size: 7rem !important; */
  }
  h3,
  .typo-h2 {
    font-size: 4.2rem !important;
  }
  h4,
  .typo-h3 {
    font-size: 2.8rem !important;
  }
  p {
    font-size: 2.2rem !important;
  }
}
/* Homepage */
.homepage .zoom .container-fluid.tease {
  display: none;
}
@media only screen and (min-width: 1024px) {
  button.btn-dark-blue,
  button.btn-beige,
  button.btn-light-brown {
    padding: 1.4rem 2.6rem;
    font-size: 1.9rem;
    width: auto;
  }
  .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 40%,
      #ffffff 40%,
      #ffffff 100%
    );
  }
  .ps-xl-161 {
    padding-left: 8.38% !important;
  }
  .pe-xl-161 {
    padding-right: 8.38% !important;
  }
  .ps-xl-140 {
    padding-left: 140px !important;
  }
  .pe-xl-140 {
    padding-right: 140px !important;
  }
  .flash-card {
    width: 15.8rem;
    padding: 0 0.6rem;
  }
  #collapseSublink > div {
    max-width: 16rem;
  }
}
/* dossiers-patrimoine */
.dossiers-patrimoine article,
.juridiques article,
.fiscal article,
.social article {
  padding: 3.2rem 3.6rem 4rem;
}

.dossiers-patrimoine .article-aside .article-info,
.juridiques .article-aside .article-info,
.fiscal .article-aside .article-info,
.social .article-aside .article-info {
  width: 100%;
  padding-left: 0;
  font-size: 1.5rem;
}
.dossiers-patrimoine .article-content > h1,
.juridiques .article-content > h1,
.fiscal .article-content > h1,
.social .article-content > h1 {
  margin-bottom: 5rem !important;
  text-align: center;
}
.dossiers-patrimoine .article-content .file-wrap,
.juridiques .article-content .file-wrap,
.fiscal .article-content .file-wrap,
.social .article-content .file-wrap {
  flex-direction: column;
  align-items: center;
}
.dossiers-patrimoine .uk-width-large-1-1,
.juridiques .uk-width-large-1-1,
.fiscal .uk-width-large-1-1,
.social .uk-width-large-1-1 {
  width: 100% !important;
  padding-bottom: 2.5rem;
}

.dossiers-patrimoine .liste-dossiers .image img,
.juridiques .liste-dossiers .image img,
.fiscal .liste-dossiers .image img,
.social .liste-dossiers .image img {
  max-width: 340px !important;
}
/* ArticleFiscal */
.artY {
  flex-direction: column-reverse;
  padding: 2rem 3.6rem;
}
.artY .eplus-auteur {
  font-size: 1.6rem;
  margin: 3rem 0 2rem;
}

@media (min-width: 768px) {
  .about-us .info-top__text {
    max-width: 90% !important;
  }

  .about-us .info p {
    max-width: 100%;
  }
  .about-us .our-people-button {
    margin-left: 50px !important;
  }
  .our-people__text {
    max-width: 90% !important;
    padding-left: 50px !important;
  }
  .flip-card-front,
  .flip-card-back {
    padding: 0 20px;
  }
  .homepage .ps-mobile,
  .specializtions .ps-mobile {
    padding-left: 0;
  }
  .homepage .pe-mobile,
  .specializtions .pe-mobile {
    padding-right: 0;
  }
  /* Homepage */
  .homepage .homepage__first-image {
    padding-left: 8.1rem;
  }
  /* dossiers-patrimoine */
  .dossiers-patrimoine article,
  .juridiques article,
  .fiscal article,
  .social article {
    padding: 10rem 15.38% 5rem;
  }

  .dossiers-patrimoine .article-content .file-wrap,
  .juridiques .article-content .file-wrap,
  .fiscal .article-content .file-wrap,
  .social .article-content .file-wrap {
    flex-direction: row;
    align-items: start;
  }
  .dossiers-patrimoine .uk-width-large-1-1,
  .juridiques .uk-width-large-1-1,
  .fiscal .uk-width-large-1-1,
  .social .uk-width-large-1-1 {
    width: 100% !important;
    padding-bottom: 2.5rem;
  }
  /* ArticleFiscal */
  .artY {
    flex-direction: row-reverse;
    padding: 4rem 8.33%;
  }
  .artY .eplus-auteur {
    font-size: 1.6rem;
    margin: 2rem 0 1rem;
  }
}
@media (min-width: 1400px) {
  .about-us .info-top__text {
    max-width: 85% !important;
    margin-bottom: 20px !important;
  }
  .about-us .our-people__text {
    max-width: 90% !important;
    padding-left: 8.333% !important;
  }
  .about-us .our-people-button {
    margin-left: 8.333% !important;
  }
  .about-us .info p {
    max-width: 95%;
    margin-bottom: 15px !important;
  }
  .about-us .slogan h2 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 8.3333%;
  }
  .flip-card-front {
    padding: 0 30px;
  }
  .flip-card-front {
    padding: 50px 35px;
  }
}

@media (min-width: 1200px) {
  .about-us .banner__text {
    padding-top: 120px;
  }
  .about-us .banner__text p {
    max-width: 675px !important;
  }

  .about-us .info-top__image {
    padding-right: 131px !important;
    padding-top: 40px;
  }
  .about-us .info-top__icon {
    width: 100%;
    position: absolute !important;
  }
  .about-us .info-top__icon img {
    max-width: 262px;
  }
  .about-us .our-people__image {
    padding-left: 8.33% !important;
    padding-top: 40px;
  }

  .about-us .our-people__icon {
    width: 100%;
    position: absolute;
  }
  .about-us .our-people__icon img {
    max-width: 480px;
  }
  .audit-conseil-footer {
    flex-direction: row;
    padding: 7.5rem 8.38%;
    align-items: flex-start;
    justify-content: space-between;
  }
  .audit-conseil-footer {
    padding: 7.5rem 8.38%;
  }

  .homepage .homepage__slogan {
    height: 120px;
  }
  .specializtions .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 32%,
      #ffffff 32%,
      #ffffff 100%
    );
  }
  .py-130 {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
  }
  .flash-card {
    height: 15.5rem;
  }
}

@media only screen and (min-width: 1440px) {
  .homepage .homepage__slogan {
    height: 181px;
  }
  .specializtions .flash-card {
    width: 18rem;
    padding: 3rem;
  }

  .specializtions .mb-btn-90 {
    margin-bottom: 3rem !important;
  }
  .specializtions .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 40%,
      #ffffff 40%,
      #ffffff 100%
    );
  }
}
@media only screen and (min-width: 1680px) {
  .py-130 {
    padding-top: 10.5rem;
    padding-bottom: 10.5rem;
  }
  .specializtions .flash-card {
    width: 20.8rem;
    padding: 3rem;
  }
  .specializtions .flash-card {
    height: 17.5rem;
  }
}
.about-us .info__text {
  margin-bottom: 20px !important;
}
.about-us .info-top__icon img {
  width: 80%;
}

.about-us .our-people__icon img {
  width: 80%;
}

.about-us .our-people-button {
  padding: 13px 30px !important;
  font-size: 19px !important;
  font-family: "Quasimoda";
  color: var(--color-dark-blue);
  font-weight: 500;
  border-color: var(--color-dark-blue) !important;
}
.about-us .slogan h1 {
  max-width: 1090px;
  margin: 0 auto;
}
.about-us .tab h2 {
  font-size: 8.8rem !important;
}
.about-us .tab p {
  color: var(--color-dark-blue);
}
@media (min-width: 768px) {
  .about-us .tab h2 {
    font-size: 8.8rem !important;
  }
}
@media (min-width: 1400px) {
  .about-us .tab .description {
    max-width: 31rem;
    margin: 0 auto;
  }
  .about-us .tab h2 {
    font-size: 10.8rem !important;
  }
}

@media (min-width: 1200px) {
  .nos-mission .banner__text {
    max-width: 675px !important;
  }
  .audit .nos-mission .banner__text {
    max-width: 669px !important;
  }
  .nos-mission .banner__context {
    padding-top: 160px;
  }
  .audit .nos-mission .banner__context {
    padding-top: 90px;
  }
  .conseil .nos-mission .banner__context {
    padding-top: 90px;
  }
}

.nos-mission .last__section-context {
  padding: 37px 36px 51px;
  line-height: 1.05 !important;
}
.nos-mission .last__section-context p {
  line-height: 1.05 !important;
}
.nos-mission .last__section-card img {
  width: 45px;
  margin-bottom: 2.5rem !important;
}
.nos-mission .last__section-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 136px 36px;
  text-align: center;
  position: relative;
}
.nos-mission .last__section-card a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .nos-mission .last__section-context p {
    padding: 13% 18.5% 13% 20% !important;
  }
  .nos-mission .last__section-card {
    width: 19.33%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 31px;
    text-align: center;
  }
}
.nos-mission .container__missions {
  padding: 64px 36px 95px;
}
.nos-mission .missions__card p {
  margin-bottom: 0 !important;
  line-height: 1.25;
}
.nos-mission .missions__card {
  height: 185px;
  padding: 0 52px;
  display: flex;
  margin-bottom: 2rem !important;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.nos-mission .container__missions .icon img {
  width: 142px;
  height: 142px;
  max-width: initial;
}

.nos-mission .bg-half-beige {
  background: linear-gradient(
    to bottom,
    var(--color-beige) 0%,
    var(--color-beige) 16%,
    #ffffff 16%,
    #ffffff 100%
  );
}
.assurance .nos-mission .context__mission {
  padding-right: 0px;
}
.assurance .assurance-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
.assurance .assurance-logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .nos-mission .missions__card {
    max-width: 243px !important;
    margin-bottom: 0rem !important;
  }
  .assurance .nos-mission .context__mission-last {
    width: 60%;
    padding-right: 50px;
  }
  .assurance .assurance-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 30%;
  }
  .nos-mission .last__section-context {
    width: 42%;
    padding: 0 !important;
  }
  .nos-mission .container__missions {
    padding: 90px 8.33% 90px 8.33% !important;
  }
  .nos-mission .context__mission {
    max-width: 950px;
  }
  .nos-mission .context__mission .context__mission-text {
    line-height: 23px;
    margin-bottom: 0 !important;
  }
  .nos-mission .missions__card-last {
    max-width: 408px !important;
  }
  .nos-mission .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 240px,
      #ffffff 15%,
      #ffffff 100%
    );
  }

  .conseil .nos-mission .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 235px,
      #ffffff 15%,
      #ffffff 100%
    );
  }
  .last__section-context .last__section-text {
    padding: 13% 18.5% 13% 20% !important;
  }
  .audit .last__section-context .last__section-text p {
    padding: 0 !important;
  }

  .audit .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 165px,
      #ffffff 10%,
      #ffffff 100%
    );
  }
  .assurance .nos-mission .banner__text {
    max-width: 681px !important;
  }
  .assurance .nos-mission .banner__context {
    padding-top: 161px;
  }
}

.audit .container__missions-card {
  max-width: 1100px;
  gap: 38px;
}
@media (min-width: 768px) {
  .conseil .context__mission {
    max-width: 675px;
    padding-right: 50px;
  }
  .conseil .assurance-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 35%;
    padding: 67px 120px 67px 120px;
  }

  .conseil .container__missions-card {
    max-width: 1100px;
    gap: 38px;
  }
  .conseil .container__missions .title {
    max-width: 720px;
  }
  .conseil .container__missions .title-2 {
    max-width: 812px;
  }
  .conseil .last__section-context .last__section-text {
    padding: 9% 18.5% 9% 20% !important;
  }
  .conseil .last__section-context {
    padding: 0;
  }
  .conseil .last__section-context .last__section-text p {
    padding: 0 !important;
  }
}
#midCol {
  padding-top: 0px;
}

.contact .bg-half-beige {
  background: linear-gradient(
    to bottom,
    var(--color-beige) 0%,
    var(--color-beige) 7%,
    #ffffff 7%,
    #ffffff 100%
  );
}

.contact .contact__context {
  padding-top: 55px;
}

@media (min-width: 768px) {
  .contact .contact__context {
    max-width: 70%;
    padding-top: 110px;
  }
  .contact .contact__text {
    max-width: 70%;
  }
  .contact .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 166px,
      #ffffff 7%,
      #ffffff 100%
    );
  }
}
.contact .text-email a {
  color: var(--color-dark-blue) !important;
  text-decoration: none;
}

.espace-client .bg-half-beige {
  background: linear-gradient(
    to bottom,
    var(--color-beige) 0%,
    var(--color-beige) 11%,
    #ffffff 11%,
    #ffffff 100%
  );
}
.espace-client .espace__clinet-content {
  padding-top: 55px;
}
.espace-client .espace__clinet-card {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  aspect-ratio: 570/430;
  border-radius: 50% 50% 10% 10% / 65% 65% 0% 0%;
  position: relative;
  z-index: 1;
}
.espace-client .espace__clinet-card .button {
  border: 2px solid #f8f5f2;
  padding: 13px 31px;
  cursor: pointer;
}
.espace-client .espace__clinet-card .button p {
  font-size: 19px !important;
  line-height: 1;
}
.espace-client .espace__clinet-card a {
  text-decoration: none;
}
.espace-client .espace__clinet-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.espace-client .espace__clinet-image img {
  height: auto;
}
@media (min-width: 768px) {
  .espace-client .espace__clinet-content {
    padding-top: 110px;
  }
  .espace-client .espace__clinet-card {
    width: 42.65%;
  }
  .espace-client .espace__clinet-cards {
    padding: 0 15.77%;
  }
  .espace-client .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 23%,
      #ffffff 23%,
      #ffffff 100%
    );
  }
}

.contact-form {
  flex: 1 !important;
  width: 50% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 45px !important;
  margin-bottom: 44px !important;
}

.contact .formControlLabel {
  display: none;
}

.contact input,
.contact textarea {
  width: 100%;
  margin-bottom: 10px;
  float: none;
}

.formResponsive .formHorizontal .formControls {
  margin-left: 0%;
}
.formResponsive .formHorizontal .rsform-block {
  margin-bottom: 0px;
}

.formResponsive input[type="text"],
.formResponsive input[type="email"],
.formResponsive textarea,
.formResponsive input[type="number"] {
  margin-bottom: 0px;
  background-color: transparent;
  border: 2px solid var(--color-dark-blue);
  color: var(--color-dark-blue);
  font-family: "Quasimoda";
  font-size: 19px;
  padding: 13px 23px;
  line-height: 1;
  height: fit-content;
  min-height: fit-content;
  line-height: 1;
  width: -webkit-fill-available !important;
}

.formResponsive input[type="text"]::placeholder,
.formResponsive input[type="email"]::placeholder,
.formResponsive textarea::placeholder,
.formResponsive input[type="number"]::placeholder {
  color: var(--color-dark-blue);
  font-size: 19px;
  line-height: 1;
  height: fit-content;
  min-height: fit-content;
  line-height: 1;
}
.formResponsive .formHorizontal p.formDescription {
  margin-top: 0px;
  color: var(--color-dark-blue) !important;
}
.formResponsive button[type="submit"] {
  background-color: transparent;
  color: var(--color-dark-blue);
  font-family: "Quasimoda";
  font-size: 19px;
  line-height: 1;
  padding: 14px 39px;
  border: 2px solid var(--color-dark-blue);
  border-radius: 0px;
  margin-top: 44px;
  width: 100%;
}
.formResponsive button[type="submit"]:hover {
  background-color: var(--color-dark-blue);
  color: var(--color-white);
}

.contact-form input[type="checkbox"] {
  width: auto;
  width: 27px;
  height: 27px;
  background-color: transparent;
  border-radius: 50% !important;
  vertical-align: middle;
  border: 2px solid var(--color-dark-blue);
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 22px;
}
.contact-form input[type="checkbox"]:checked {
  background-color: var(--color-dark-blue);
  position: relative;
}
.contact-form input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 5px;
  width: 15px;
  height: 7px;
  border-bottom: 3px solid var(--color-white);
  border-left: 3px solid var(--color-white);
  transform: rotate(-45deg);
}
.formResponsive .formControls label {
  font-family: "Quasimoda";
  font-size: 19px;
  color: var(--color-dark-blue);
  display: flex;
}
.contact-form .formRed {
  color: var(--color-dark-blue);
}
.formResponsive .formError {
  color: var(--color-dark-blue);
  font-size: 14px;
  font-family: "Quasimoda";
  margin: 3px 5px 13px 0;
}
@media (min-width: 768px) {
  .contact-form {
    flex: 1 !important;
    padding-left: 10px !important;
    padding-right: 8.3% !important;
    padding-top: 130px !important;
    margin-bottom: 100px !important;
  }
  .formResponsive button[type="submit"] {
    width: fit-content;
    margin-top: 20px;
  }
}

.actu .borderA > .row {
  display: block;
  background: linear-gradient(
    to bottom,
    var(--color-beige) 0%,
    var(--color-beige) 35%,
    #ffffff 23%,
    #ffffff 100%
  );
}
.actu .borderA > .row h1 {
  text-align: center;
  padding-top: 55px;
  margin-bottom: 23px;
}
.actu .borderA h2 {
  padding: 61.5px 36px;
  text-align: center;
  background-color: var(--color-beige);
  color: var(--color-dark-blue);
}
.actu .borderA p {
  text-align: center;
  width: 100%;
  padding: 0px 33px;
  padding-bottom: 40px;
  padding-top: 20px;
}
.actu .whiteBG h2 {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px;
  padding-left: 36px;
  padding-right: 36px;
}
.actu .whiteBG .container-fluid .premier-article {
  padding-left: 8.38%;
  padding-right: 7.4%;
  margin-bottom: 86px;
}
.actu .whiteBG .container-fluid .premier-article img {
  padding-right: 0%;
  border-radius: 50% 50% 10% 10% / 65% 65% 0% 0%;
  aspect-ratio: 718/572;
  object-fit: cover;
  margin-top: auto;
}

.actu .whiteBG .container-fluid .premier-article .date {
  color: var(--color-light-brow);
  text-align: center;
}

.actu .whiteBG .container-fluid .premier-article h3 {
  margin-bottom: 25px !important;
  text-align: center;
}

.actu .whiteBG .container-fluid .premier-article .resume {
  margin-bottom: 25px !important;
  text-align: center;
}
.actu .whiteBG .container-fluid .premier-article .btn {
  font-size: 19px;
  padding: 14px 31px;
  color: var(--color-dark-blue);
  border: 2px solid var(--color-dark-blue);
  margin: 0 !important;
  line-height: 1;
  width: 100%;
}
.actu .whiteBG .container-fluid .premier-article .btn:hover {
  background-color: var(--color-dark-blue);
}
.row {
  --bs-gutter-x: 0rem !important;
}
@media (max-width: 768px) {
  .actu .searcH {
    display: block !important;
    width: 100%;
    height: fit-content;
    clip: auto;
    position: relative !important;
    overflow: auto;
    margin: 0;
    padding: 0px 36px;
    padding-bottom: 47px;
  }
}
.actu .searcH input,
.recherche .lookfor input {
  min-height: fit-content;
  height: fit-content;
  width: 100%;
  padding: 13px 24px 13px 10px;
  font-size: 19px;
  font-family: "Quasimoda";
  line-height: 1;
  outline: none;
  border: 2px solid var(--color-dark-blue);
  box-sizing: border-box;
}

.recherche .uk-text-center {
  text-align: center;
  margin-bottom: 30px !important;
}

.recherche .article-content {
  padding: 4rem 8.38% 5rem;
}

.actu .searcH input::placeholder,
.recherche .lookfor input::placeholder {
  font-size: 19px;
  font-family: "Quasimoda";
  line-height: 19px;
}
.actu .searcH form button,
.recherche .lookfor form button {
  display: none;
}
.actu .searcH form,
.recherche .lookfor form {
  margin-bottom: 0px !important;
}
.actu .actu-widget .row {
  padding: 0px !important;
  margin: 0px important;
}
.actu .actu-widget .row li {
  padding: 23px 0;
  position: relative;
}
.actu .actu-widget .row li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
.actu .borderA .row .actu-image {
  display: none;
}

@media (min-width: 768px) {
  .actu .actu-widget .row li {
    padding: 156px 0;
  }

  .actu .borderA p {
    text-align: center;
    width: 46.3%;
    margin: 0 auto;
    padding-bottom: 57px;
    padding-top: 20px;
  }
  .actu .borderA > .row {
    position: relative;
    display: block;
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 205px,
      #ffffff 23%,
      #ffffff 100%
    );
  }
  .actu .borderA .row .actu-image {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: end;
    z-index: -1;
  }
  .actu .borderA .row .actu-image img {
    width: 20.83%;
  }
  .actu .searcH fieldset,
  .recherche .lookfor fieldset {
    display: flex;
  }
  .actu .searcH input,
  .recherche .lookfor input {
    width: 42.3%;
    margin: 0 auto;
    margin-bottom: 82px;
  }
  .actu .borderA h2 {
    padding: 91px 0px;
  }
  .actu .whiteBG h2 {
    padding-top: 91px;
    padding-bottom: 60px;
  }

  .actu .borderA > .row h1 {
    text-align: center;
    padding-top: 161px;
    margin-bottom: 20px;
  }
  .actu .whiteBG .container-fluid .premier-article img {
    padding-right: 4.5%;
    border-radius: 50% 50% 10% 10% / 65% 65% 0% 0%;
  }
  .actu .whiteBG .container-fluid .premier-article .btn {
    width: fit-content;
  }
  .actu .whiteBG .container-fluid .premier-article .date {
    text-align: left;
    margin-bottom: 10px !important;
  }

  .actu .whiteBG .container-fluid .premier-article h3 {
    text-align: left;
  }
  .actu .whiteBG .container-fluid .premier-article .resume {
    text-align: left;
  }
}
.actu .whiteBG .container-fluid .premier-article h3 a {
  font-size: 42px;
  font-family: "Roaster";
  font-weight: 300;
  color: var(--color-dark-blue);
  line-height: normal;
}
.actu .whiteBG .container-fluid .premier-article h3 a:hover {
  color: var(--color-dark-blue) !important;
}
@media (min-width: 1400px) {
  .espace-client .espace__clinet-card {
    width: 42.65%;
  }
  .contact .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 180px,
      #ffffff 20%,
      #ffffff 100%
    );
  }
}

.actu .whiteBG .zoom .row,
.homepage .zoom .row {
  padding: 0px 8.38%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.actu .whiteBG .zoom .row .artZoom img,
.homepage .zoom .row .artZoom img {
  width: 100%;
  border-radius: 50% 50% 10% 10% / 80% 80% 0% 0%;
}

.actu .whiteBG .zoom .row .miniDate,
.homepage .zoom .row .miniDate {
  color: var(--color-light-brow);
  font-size: 19px;
  font-family: "Quasimoda";
}
.actu .whiteBG .zoom .row::before,
.homepage .zoom .row::before .row::after {
  display: none !important;
}

.actu .whiteBG .zoom .row .wrap-resume,
.homepage .zoom .row .wrap-resume {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .actu .whiteBG .zoom .row .wrap-resume,
  .homepage .zoom .row .wrap-resume {
    max-width: 31%;
  }
  .actu .whiteBG .zoom .row,
  .homepage .zoom .row {
    display: flex;
    flex-direction: row;
  }
}

.actu .whiteBG .zoom .row .artZoom:nth-child(2),
.homepage .zoom .row .artZoom:nth-child(2) {
  background-color: var(--color-dark-blue);
  padding: 28px 40px 40px 40px;
  flex: 1;
}
.actu .whiteBG .zoom .row .artZoom h3 a,
.homepage .zoom .row .artZoom h3 a {
  font-family: "Quasimoda";
  color: var(--color-white);
  display: -webkit-box;
  height: 16px * 1.3 * 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.actu .whiteBG .zoom .row .artZoom p,
.homepage .zoom .row .artZoom p {
  display: -webkit-box;
  height: 16px * 1.3 * 3;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.actu .whiteBG .zoom .row .artZoom h3 a:hover,
.homepage .zoom .row .artZoom h3 a:hover {
  color: var(--color-white) !important;
}

.actu .whiteBG .zoom .row .artZoom h3,
.homepage .zoom .row .artZoom h3 {
  line-height: 1;
  font-size: 28px !important;
  margin: 15px 0px !important;
}
.actu .whiteBG .zoom .row .artZoom .btn,
.homepage .zoom .row .artZoom .btn {
  padding: 14px 23px;
  line-height: 1;
  border: 2px solid var(--color-white);
  font-family: "Quasimoda";
  font-size: 19px;
  margin-top: 40px;
  border-radius: 0;
  color: white;
}
.actu .whiteBG .zoom .row .artZoom .btn:hover,
.homepage .zoom .row .artZoom .btn:hover {
  background-color: var(--color-dark-blue);
}
.actu .blockC {
  display: flex;
  padding: 0 8.38%;
  margin-top: 100px;
}

.actu .blockC .actu-feed {
  width: 85%;
  margin-right: 5%;
  margin-bottom: 80px;
}
.actu .blockC .actu-feed .fil-actu {
  padding-left: 0px !important;
}
.actu .blockC .actu-feed .fil-actu .blueBox {
  list-style: none;
  background-color: var(--color-light-blue);
  padding: 4.2% 5.15%;
  margin: 15px 0;
  position: relative;
}

.actu .blockC .actu-feed .fil-actu .blueBox .date {
  position: absolute;
  bottom: 11%;
  right: 7.15%;
  font-family: "Quasimoda";
  font-size: 19px;
  color: var(--color-dark-blue);
}

.actu .blockC .actu-feed .fil-actu .blueBox h4 {
  font-size: 28px !important;
  font-family: "Roaster";
  line-height: 1.125;
  font-weight: 300;
  color: var(--color-dark-blue);
  margin-bottom: 12px;
  display: block;
  display: -webkit-box;
  font-size: 16px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}

.actu .blockC .actu-feed .fil-actu .blueBox p {
  margin-bottom: 10px !important;
}
.actu-chiffres .btn:hover {
  background-color: var(--color-dark-blue);
}
.actu-chiffres .btn,
.actu .blockC .actu-feed .fil-actu .blueBox .btn {
  .actu-chiffres .btn:hover {
    background-color: var(--color-dark-blue);
  }
  font-family: "Quasimoda";
  font-size: 19px;
  color: var(--color-dark-blue);
  border: 2px solid var(--color-dark-blue);
  padding: 13px 29px;
  line-height: 1;
  margin: 0px;
  margin-top: 10px;
}
.actu .blockC .actu-feed .fil-actu .blueBox .btn:hover {
  background-color: var(--color-dark-blue);
}
.actu .blockC .actu-chiffres {
  width: 40%;
}
.actu .blockC .actu-chiffres .module-eplus {
  margin: 0;
  margin-top: 15px;
}
.actu .blockC .actu-chiffres .module-eplus li {
  padding: 0;
  margin: 0;
  margin-bottom: 23px;
}

.actu .blockC .actu-chiffres .module-eplus li a:hover {
  color: var(--color-light-brow) !important;
}

@media (max-width: 768px) {
  .actu .whiteBG .zoom .row .wrap-resume:nth-child(1),
  .actu .whiteBG .zoom .row .wrap-resume:nth-child(2),
  .homepage .zoom .row .wrap-resume:nth-child(1),
  .homepage .zoom .row .wrap-resume:nth-child(2) {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }
  .actu .whiteBG .zoom .row .artZoom,
  .homepage .zoom .row .artZoom {
    display: flex;
    flex-direction: column;
  }
  .actu .whiteBG .zoom .row .artZoom .btn,
  .homepage .zoom .row .artZoom .btn {
    width: 100%;
  }
  .actu .whiteBG .zoom .row .artZoom p,
  .actu .whiteBG .zoom .row .artZoom h3,
  .actu .whiteBG .zoom .row .miniDate,
  .actu .blockC .actu-feed .fil-actu .blueBox p,
  .homepage .zoom .row .artZoom p,
  .homepage .zoom .row .artZoom h3,
  .homepage .zoom .row .miniDate {
    text-align: center;
  }
  .actu .blockC {
    flex-direction: column;
  }
  .actu .blockC .actu-feed {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 60px;
  }
  .actu .blockC .actu-feed h2 {
    text-align: center;
  }
  .actu .blockC .actu-feed .fil-actu .blueBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 46px 40px;
  }
  .actu .blockC .actu-feed .fil-actu .blueBox h4 {
    font-size: 28px !important;
    text-align: center;
    -webkit-line-clamp: 3;
  }
  .actu .blockC .actu-feed .fil-actu .blueBox .btn {
    width: 100%;
    margin-bottom: 28px;
  }
  .actu .blockC .actu-feed .fil-actu .blueBox .date {
    font-size: 21px;
    position: initial;
  }
  .actu .blockC .actu-chiffres {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .actu .blockC .actu-chiffres .module-eplus li {
    text-align: center;
  }
  .actu .blockC .actu-chiffres .module-eplus li a {
    font-size: 28px;
    text-align: center;
  }
}
.actu .blockC .actu-chiffres .module-eplus li a {
  font-family: "Roaster";
  font-weight: 300;
  font-size: 28px;
  color: var(--color-light-brow);
  line-height: 1.125;
}

.juridiques .item-pagejuridiques h1 {
  text-align: center;
  margin-bottom: 30px !important;
}
.juridiques .item-pagejuridiques .uk-width-large-1-1 {
  width: 100% !important;
}
.juridiques .liste-dossiers .file-wrap {
  border-right: none;
}
.espace-client .espace__clinet-card a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
.liste-dossiers .file-wrap .wrap h2 {
  font-size: 36px !important;
  margin-bottom: 20px !important;
  text-align: center;
}
.liste-dossiers .file-wrap {
  border-right: 0px;
  padding-right: 6%;
}
.article-content .article-liste-categorie {
  padding: 100px 8.3333333%;
  display: flex;
  flex-direction: column;
}
.article-liste-categorie img {
  width: 500px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 30px;
}
.article-liste-categorie h1 {
  text-align: center;
}
.article-liste-categorie .ng-binding p {
  padding-left: 25px;
  margin-top: 14px;
  margin-bottom: 10px;
  font-size: 30px !important;
}
.article-liste-categorie .article-liste {
  padding-left: 0 !important;
}
.article-liste-categorie ul.article-liste li {
  display: block;
  width: 100%;
  height: auto;
  float: none;
  min-height: 24px;
  padding: 2px;
  font-size: 25px;
  font-family: "Quasimoda";
}
.article-liste-categorie ul.article-liste li a {
  color: var(--color-light-brow);
}
@media (max-width: 768px) {
  .contact__context p {
    font-size: 19px !important;
  }
}
@media (min-width: 768px) {
  .liste-dossiers .file-wrap .wrap h2 {
    text-align: left;
  }
  .article-liste-categorie .ng-binding p {
    padding-left: 25px;
    margin-top: 14px;
    margin-bottom: 10px;
    font-size: 36px !important;
    margin-bottom: 15px !important;
  }
  .article-liste-categorie h1 {
    text-align: left;
  }
}
@media (min-width: 1400px) {
  .assurance .nos-mission .context__mission-last {
    width: 46%;
    padding-right: 50px;
  }
  .actu .whiteBG .container-fluid .premier-article .date {
    color: var(--color-light-brow);
    font-family: "Quasimoda";
    font-size: 20px;
  }
  .actu .whiteBG .container-fluid .premier-article {
    padding-left: 8.38%;
    padding-right: 7.4%;
    margin-bottom: 86px;
  }
  .actu .whiteBG .container-fluid .premier-article img {
    padding-right: 4.5%;
    border-radius: 50% 50% 10% 10% / 65% 65% 0% 0%;
  }
  .actu .blockC .actu-chiffres .module-eplus li a {
    font-size: 42px;
  }
  .actu .blockC .actu-feed .fil-actu .blueBox h4 {
    font-size: 42px !important;
  }
}
.tab-content {
  margin-bottom: 0px;
}

@media (min-width: 1850px) {
  .about-us .info-top__text {
    max-width: 70% !important;
    margin-bottom: 20px !important;
  }
  .homepage .mb-btn-90 {
    margin-bottom: 9rem !important;
  }
  .about-us .info p {
    max-width: 78%;
    margin-bottom: 15px !important;
  }
  .about-us .our-people-last-text {
    margin-top: 60px;
  }
  .about-us .our-people__text {
    max-width: 83% !important;
    padding-left: 8.333% !important;
  }
  .about-us .tab h2 {
    font-size: 12.8rem !important;
  }
  .conseil .nos-mission .banner__context {
    padding-top: 160px;
  }
  .conseil .nos-mission .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 320px,
      #ffffff 15%,
      #ffffff 100%
    );
  }
  .audit .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 241px,
      #ffffff 10%,
      #ffffff 100%
    );
  }
  .specializtions .flash-card {
    width: 23.8rem;
    padding: 3rem;
  }
  .actu .whiteBG .container-fluid .premier-article h3 a {
    font-size: 72px;
  }
  .contact .bg-half-beige {
    background: linear-gradient(
      to bottom,
      var(--color-beige) 0%,
      var(--color-beige) 187px,
      #ffffff 20%,
      #ffffff 100%
    );
  }
  .audit .nos-mission .banner__context {
    padding-top: 160px;
  }
}

#eplus-container .ng-scope{
    width: 90vw;
    margin: auto;
}

/* ===== 40-bootstrap-5-0-2.css ===== */
/* Bootstrap 5.0.2 rules the pages use. The source loads the CDN build after custom.css; Joomla 6 ships its own build, so only what it lacks or does differently is needed. */
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
*, ::after, ::before { box-sizing: border-box; }
body { margin: 0px; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem; } }
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) { .h2, h2 { font-size: 2rem; } }
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } }
p { margin-top: 0px; margin-bottom: 1rem; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
a { color: rgb(13, 110, 253); text-decoration: underline; }
a:hover { color: rgb(10, 88, 202); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
img, svg { vertical-align: middle; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
iframe { border: 0px; }
.list-unstyled { padding-left: 0px; list-style: none; }
.img-fluid { max-width: 100%; height: auto; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col { flex: 1 0 0%; }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) { .col-sm-12 { flex: 0 0 auto; width: 100%; } }
@media (min-width: 768px) { .col-md-3 { flex: 0 0 auto; width: 25%; } }
@media (min-width: 768px) { .col-md-4 { flex: 0 0 auto; width: 33.3333%; } }
@media (min-width: 768px) { .col-md-6 { flex: 0 0 auto; width: 50%; } }
@media (min-width: 768px) { .offset-md-1 { margin-left: 8.33333%; } }
@media (min-width: 768px) { .offset-md-2 { margin-left: 16.6667%; } }
@media (min-width: 768px) { .offset-md-7 { margin-left: 58.3333%; } }
@media (min-width: 992px) { .col-lg-6 { flex: 0 0 auto; width: 50%; } }
@media (min-width: 1200px) { .col-xl-5 { flex: 0 0 auto; width: 41.6667%; } }
@media (min-width: 1200px) { .col-xl-6 { flex: 0 0 auto; width: 50%; } }
@media (min-width: 1200px) { .col-xl-9 { flex: 0 0 auto; width: 75%; } }
@media (min-width: 1200px) { .col-xl-10 { flex: 0 0 auto; width: 83.3333%; } }
.btn { display: inline-block; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn:hover { color: rgb(33, 37, 41); }
.btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; }
.collapse:not(.show) { display: none; }
  0% { background-position-x: 1rem; }
}
  0% { background-position-x: 1rem; }
}
  100% { transform: rotate(360deg); }
}
  100% { transform: rotate(360deg); }
}
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.clearfix::after { display: block; clear: both; content: ""; }
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.position-relative { position: relative !important; }
.top-0 { top: 0px !important; }
.end-0 { right: 0px !important; }
.border-0 { border: 0px !important; }
.w-100 { width: 100% !important; }
.flex-column { flex-direction: column !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-evenly { justify-content: space-evenly !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.m-0 { margin: 0px !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.ms-3 { margin-left: 1rem !important; }
.p-0 { padding: 0px !important; }
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pe-0 { padding-right: 0px !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.text-center { text-align: center !important; }
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.bg-transparent { background-color: transparent !important; }
@media (min-width: 768px) { .d-md-block { display: block !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; } }
@media (min-width: 768px) { .align-items-md-start { align-items: flex-start !important; } }
@media (min-width: 768px) { .mt-md-3 { margin-top: 1rem !important; } }
@media (min-width: 768px) { .pt-md-5 { padding-top: 3rem !important; } }
@media (min-width: 768px) { .text-md-start { text-align: left !important; } }
@media (min-width: 1200px) { .d-xl-block { display: block !important; } }
@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } }
@media (min-width: 1200px) { .mx-xl-0 { margin-right: 0px !important; margin-left: 0px !important; } }
@media (min-width: 1200px) { .mt-xl-0 { margin-top: 0px !important; } }
@media (min-width: 1200px) { .mt-xl-4 { margin-top: 1.5rem !important; } }
@media (min-width: 1200px) { .mt-xl-5 { margin-top: 3rem !important; } }
@media (min-width: 1200px) { .mt-xl-auto { margin-top: auto !important; } }
@media (min-width: 1200px) { .mb-xl-2 { margin-bottom: 0.5rem !important; } }
@media (min-width: 1200px) { .mb-xl-3 { margin-bottom: 1rem !important; } }
@media (min-width: 1200px) { .mb-xl-4 { margin-bottom: 1.5rem !important; } }
@media (min-width: 1200px) { .mb-xl-5 { margin-bottom: 3rem !important; } }
@media (min-width: 1200px) { .ms-xl-1 { margin-left: 0.25rem !important; } }
@media (min-width: 1200px) { .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } }
@media (min-width: 1200px) { .pt-xl-0 { padding-top: 0px !important; } }
@media (min-width: 1200px) { .pt-xl-2 { padding-top: 0.5rem !important; } }
@media (min-width: 1200px) { .pt-xl-3 { padding-top: 1rem !important; } }
@media (min-width: 1200px) { .pt-xl-4 { padding-top: 1.5rem !important; } }
@media (min-width: 1200px) { .pt-xl-5 { padding-top: 3rem !important; } }
@media (min-width: 1200px) { .pb-xl-4 { padding-bottom: 1.5rem !important; } }
@media (min-width: 1200px) { .pb-xl-5 { padding-bottom: 3rem !important; } }
@media (min-width: 1200px) { .ps-xl-5 { padding-left: 3rem !important; } }
@media (min-width: 1200px) { .text-xl-start { text-align: left !important; } }
.g-0, .gx-0 { --bs-gutter-x: 0; }
.g-0, .gy-0 { --bs-gutter-y: 0; }
@media (min-width: 1200px) { .col-xl-3 { flex: 0 0 auto; width: 25%; } }
@media (min-width: 1200px) { .offset-xl-1 { margin-left: 8.33333%; } }
.bottom-0 { bottom: 0px !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mt-auto { margin-top: auto !important; }
.ms-auto { margin-left: auto !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.pe-5 { padding-right: 3rem !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.ps-0 { padding-left: 0px !important; }
.ps-5 { padding-left: 3rem !important; }
.lh-1 { line-height: 1 !important; }
.lh-sm { line-height: 1.25 !important; }
.text-decoration-none { text-decoration: none !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
@media (min-width: 768px) { .d-md-flex { display: flex !important; } }
@media (min-width: 768px) { .justify-content-md-between { justify-content: space-between !important; } }
@media (min-width: 768px) { .mt-md-0 { margin-top: 0px !important; } }
@media (min-width: 768px) { .pt-md-0 { padding-top: 0px !important; } }
@media (min-width: 768px) { .pb-md-0 { padding-bottom: 0px !important; } }
@media (min-width: 992px) { .mx-lg-0 { margin-right: 0px !important; margin-left: 0px !important; } }
@media (min-width: 992px) { .px-lg-0 { padding-right: 0px !important; padding-left: 0px !important; } }
@media (min-width: 992px) { .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; } }
@media (min-width: 1200px) { .d-xl-flex { display: flex !important; } }
@media (min-width: 1200px) { .mb-xl-0 { margin-bottom: 0px !important; } }
@media (min-width: 1200px) { .px-xl-0 { padding-right: 0px !important; padding-left: 0px !important; } }
@media (min-width: 1200px) { .pb-xl-0 { padding-bottom: 0px !important; } }
@media (min-width: 1400px) { .mt-xxl-5 { margin-top: 3rem !important; } }
@media (min-width: 1400px) { .me-xxl-5 { margin-right: 3rem !important; } }
@media (min-width: 1400px) { .pt-xxl-5 { padding-top: 3rem !important; } }
@media (min-width: 1400px) { .pe-xxl-5 { padding-right: 3rem !important; } }
.flex-wrap { flex-wrap: wrap !important; }
.gap-5 { gap: 3rem !important; }
@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } }
@media (min-width: 768px) { .mt-md-5 { margin-top: 3rem !important; } }
@media (min-width: 768px) { .me-md-5 { margin-right: 3rem !important; } }
@media (min-width: 768px) { .mb-md-0 { margin-bottom: 0px !important; } }
@media (min-width: 768px) { .mb-md-5 { margin-bottom: 3rem !important; } }
@media (min-width: 768px) { .ms-md-0 { margin-left: 0px !important; } }
@media (min-width: 768px) { .ms-md-3 { margin-left: 1rem !important; } }
@media (min-width: 768px) { .ms-md-4 { margin-left: 1.5rem !important; } }
@media (min-width: 768px) { .pt-md-4 { padding-top: 1.5rem !important; } }
@media (min-width: 768px) { .pe-md-5 { padding-right: 3rem !important; } }
@media (min-width: 768px) { .pb-md-3 { padding-bottom: 1rem !important; } }
.col-1 { flex: 0 0 auto; width: 8.33333%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.3333%; }
@media (min-width: 1400px) { .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; } }
.fade { transition: opacity 0.15s linear; }
.fade:not(.show) { opacity: 0; }
.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }
.card-body { flex: 1 1 auto; padding: 1rem; }
.card-header { padding: 0.5rem 1rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child { border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0px 0px; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
@media (min-width: 1200px) { .d-xl-none { display: none !important; } }
@media (min-width: 1400px) { .pb-xxl-5 { padding-bottom: 3rem !important; } }
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem; } }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
[type="search"] { outline-offset: -2px; appearance: textfield; }
.me-5 { margin-right: 3rem !important; }
.text-white { color: rgb(255, 255, 255) !important; }
@media (min-width: 768px) { .flex-md-column { flex-direction: column !important; } }
@media (min-width: 768px) { .me-md-0 { margin-right: 0px !important; } }
b, strong { font-weight: bolder; }
label { display: inline-block; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px) { legend { font-size: 1.5rem; } }
legend + * { clear: left; }
@media (min-width: 768px) { .justify-content-md-start { justify-content: flex-start !important; } }
@media (min-width: 768px) { .px-md-0 { padding-right: 0px !important; padding-left: 0px !important; } }
.small, small { font-size: 0.875em; }

/* ===== 50-chrome.css ===== */
/* ---------------------------------------------------------------------------------------------------------------
   Page chrome on Cassiopeia: header (desktop navbar, phone/tablet toolbar), drawer, footer, back-to-top, cookie bar.
   The source is a Buildr/ZGF page: #logowrap (desktop header, 136 px), #toolbar (phone/tablet bar) and a Slidebars
   off-canvas. Cassiopeia's header.container-header plays both roles; user.js adds the hamburger, the drawer, the
   sticky spacer, the back-to-top and the footer year.
   --------------------------------------------------------------------------------------------------------------- */

html, body { overflow-x: clip; }
html { width: 100% !important; height: auto; font-size: 62.5%; font-weight: 300; color: #555; }
body { height: auto; min-height: 0; display: block; position: static; }

/* Cassiopeia's grid: the source has a single full-width column */
.site-grid { display: block; margin: 0; padding: 0; }
.site-grid > .grid-child, .site-grid .container-component { display: block; max-width: none; width: 100%; padding: 0; margin: 0; }
.container-component > * + *, .container-component > :first-child { margin-top: 0; }
.container-banner, .container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b { margin: 0; }
#system-message-container:empty { display: none; }
main { display: block; }
.com-content-article, .item-page { margin: 0; padding: 0; }
.com-content-article__body { margin: 0; padding: 0; }

/* ---- Header: desktop, 788 px and wider ---------------------------------------------------------------------- */
header.container-header {
  display: flex; flex-wrap: nowrap; align-items: center;
  height: 13.6rem; min-height: 13.6rem; padding: 0; margin: 0;
  background: var(--color-beige) none; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);
  position: relative; z-index: 10;
}
header.container-header > .grid-child { max-width: none; margin: 0; padding: 0; }
header.container-header > .grid-child:first-child { flex: 0 0 33.3333%; width: 33.3333%; padding-left: 5.4rem; }
header.container-header .navbar-brand { margin: 0; padding: 0; display: block; }
header.container-header .navbar-brand a { display: block; line-height: 0; }
header.container-header .navbar-brand img { display: block; width: auto; height: auto; max-width: 100%; }
header.container-header > .container-nav {
  flex: 0 0 66.6667%; width: 66.6667%; height: 13.6rem; padding: 0 2rem 0 0;
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap;
}
header.container-header .container-nav nav { margin: 0; padding: 0; }

header.container-header .mod-menu {
  display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; gap: 2.1rem;
  margin: 0; padding: 0; list-style: none; color: var(--color-dark-blue);
}
header.container-header .mod-menu > li { position: relative; margin: 0; padding: 0; line-height: 4rem; list-style: none; z-index: 10; }
header.container-header .mod-menu > li + li { margin-left: 0; }
header.container-header .mod-menu > li::after, header.container-header .mod-menu > li:hover::after { content: none; display: none; }
header.container-header .mod-menu a,
header.container-header .mod-menu .mod-menu__heading,
header.container-header .mod-menu span {
  display: block; padding: 0; margin: 0; border: 0; background: transparent;
  font-family: "Quasimoda", sans-serif !important; font-size: 1.9rem; font-weight: 500; line-height: 4rem;
  color: var(--color-dark-blue) !important; white-space: nowrap; text-decoration: none; cursor: pointer;
}
header.container-header .mod-menu > li > .mod-menu__heading { cursor: default; }
/* Joomla 6 renders a parent heading as <button class="mod-menu__toggle-sub"><span class="mod-menu__heading">…</span><span class="icon-chevron-down"> */
header.container-header .mod-menu button.mod-menu__toggle-sub {
  display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: inherit; cursor: default; font: inherit; line-height: inherit;
}
header.container-header .mod-menu button.mod-menu__toggle-sub .icon-chevron-down { display: none; }
header.container-header .mod-menu button.mod-menu__toggle-sub:focus-visible { outline: 2px solid var(--color-dusty-blue); outline-offset: 4px; }
header.container-header .mod-menu > li.item-136 > a,
header.container-header .mod-menu a.btn-border-brown {
  padding: 1.4rem 2.5rem; background: transparent; line-height: normal;
  color: var(--color-light-brow) !important; border: 2px solid #d1b493; transition: all 0.5s ease-in-out;
}
header.container-header .mod-menu > li.item-136:hover > a,
header.container-header .mod-menu a.btn-border-brown:hover,
header.container-header .mod-menu a.btn-border-brown:focus-visible {
  background: var(--color-light-brow) !important; color: var(--color-beige) !important; border: 2px solid #d1b493;
}

/* Source bug: below 1100 px the navbar (1,009 px) ran off the left edge and over the logo. From 788 to 1199 px the whole
   bar scales with the viewport (em based spacing) so every item stays visible and clear of the logo; at 1200 px and wider
   it is the source's own size, gap and padding. */
@media (min-width: 788px) and (max-width: 1199px) {
  header.container-header .mod-menu { font-size: clamp(1.15rem, calc((100vw - 25.5rem) / 45.3), 1.9rem); gap: 1.105em; }
  header.container-header .mod-menu a, header.container-header .mod-menu .mod-menu__heading, header.container-header .mod-menu span { font-size: 1em; line-height: 2.1053em; }
  header.container-header .mod-menu > li { line-height: 2.1053em; }
  header.container-header .mod-menu > li.item-136 > a, header.container-header .mod-menu a.btn-border-brown { padding: 0.7368em 1.3158em; line-height: normal; }
  header.container-header .mod-menu > li.parent > ul { font-size: 1.9rem; }
}
@media (min-width: 1440px) {
  header.container-header > .container-nav { padding-right: 7rem; }
  header.container-header .mod-menu { gap: 5.1rem; }
}

/* "Nos missions" dropdown: 331 px panel under the item, fades in on hover and keyboard focus */
header.container-header .mod-menu > li.parent > ul {
  display: block; position: absolute; top: 100%; left: 0; z-index: 98;
  min-width: 33.1rem; margin: 0; padding: 2.6rem 3rem 3rem; list-style: none; font-size: 1rem;
  background: var(--color-beige); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04); color: var(--color-dark-blue);
  opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}
header.container-header .mod-menu > li.parent:hover > ul,
header.container-header .mod-menu > li.parent:focus-within > ul,
header.container-header .mod-menu > li.parent.ac-open > ul { opacity: 1; visibility: visible; transition: opacity 0.4s ease, visibility 0s; }
header.container-header .mod-menu > li.parent.ac-closed > ul { opacity: 0; visibility: hidden; }
header.container-header .mod-menu > li.parent > ul > li { margin: 0 0 1.1rem; padding: 0; line-height: 2em; list-style: none; width: 100%; }
header.container-header .mod-menu > li.parent > ul > li:last-child { margin-bottom: 0; }
header.container-header .mod-menu > li.parent > ul a { display: block; width: 100%; line-height: inherit; }

/* Fixed after the first scroll (desktop): same height, same shadow, a spacer keeps the content in place */
.ac-sticky-fill { display: none; height: 13.6rem; }
@media (min-width: 788px) {
  html.ac-fixed header.container-header { position: fixed; top: 0; left: 0; width: 100%; }
  html.ac-fixed .ac-sticky-fill { display: block; }
}

/* ---- Hamburger, drawer (phone and tablet toolbar, up to 787 px) ---------------------------------------------- */
.ac-toggle { display: none; }
.ac-drawer { display: none; }

@media (max-width: 787px) {
  header.container-header { padding: 0 4.2rem 0 3.6rem; justify-content: space-between; margin-top: 1px; }
  header.container-header > .grid-child:first-child { flex: 0 0 auto; width: auto; padding-left: 0; }
  header.container-header .navbar-brand img { content: url("/images/logo-mobile.svg"); }
  header.container-header > .container-nav { display: none; }
  .ac-toggle {
    display: block; flex: 0 0 auto; width: 4.4rem; height: 4.4rem; margin: 0; padding: 0; border: 0;
    background: transparent; cursor: pointer; line-height: 0;
  }
  .ac-toggle img { display: block; width: 100%; height: 100%; }

  /* Slidebars: the page slides to the left and a full-width panel sits underneath */
  body > header.container-header, body > .site-grid, body > footer.container-footer { transition: transform 400ms; }
  html.ac-drawer-open body > header.container-header,
  html.ac-drawer-open body > .site-grid,
  html.ac-drawer-open body > footer.container-footer { transform: translateX(-100%); }
  .ac-drawer {
    position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; overflow-y: auto;
    background: var(--color-beige); display: none;
  }
  html.ac-drawer-open .ac-drawer, .ac-drawer.ac-show { display: block; }
  .ac-drawer__heading { display: flex; justify-content: space-between; align-items: center; padding: 2rem 3.6rem 9rem; }
  .ac-drawer__heading img { display: block; max-width: 100%; height: auto; }
  .ac-drawer__close { width: 4.4rem; height: 4.4rem; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; line-height: 0; }
  .ac-drawer__close img { width: 100%; height: 100%; }
  .ac-drawer__body { display: flex; flex-direction: column; text-align: center; padding: 0 3.6rem 8rem; min-height: calc(100% - 16.6rem); }
  .ac-drawer__menu { display: flex; flex-direction: column; flex: 1 1 auto; gap: 2.4rem; margin: 0; padding: 0; list-style: none; }
  .ac-drawer__menu li { margin: 0; padding: 0; list-style: none; border: 0; }
  .ac-drawer__menu a, .ac-drawer__menu .ac-drawer__heading-item {
    display: inline; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer;
    font-family: "Quasimoda", sans-serif; font-weight: 500; font-size: 2.2rem !important; line-height: inherit;
    color: var(--color-dark-blue) !important; text-decoration: none;
  }
  .ac-drawer__menu > li.parent > .ac-drawer__heading-item::after {
    font-family: "Font Awesome 6 Free"; content: "\f0d7"; display: inline-block; padding-left: 2rem; font-weight: 900;
  }
  .ac-drawer__menu > li > ul { display: none; margin: 0; padding: 0; list-style: none; }
  .ac-drawer__menu > li.ac-open > ul { display: block; }
  .ac-drawer__menu > li > ul a { display: block; margin-top: 2.4rem; color: var(--color-dusty-blue) !important; }
  .ac-drawer__menu > li:last-child { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; }
  .ac-drawer__menu > li:last-child a {
    display: block; padding: 2.1rem 1.1rem !important; background: transparent !important; border: 2px solid #d1b493 !important;
    color: var(--color-light-brow) !important; transition: all 0.5s ease-in-out;
  }
  .ac-drawer__menu > li:last-child:hover a { background: var(--color-light-brow) !important; color: var(--color-beige) !important; }
}

/* ---- Footer and copyright (the modules carry the source markup) ------------------------------------------------- */
footer.container-footer {
  background: transparent none; box-shadow: none; border: 0; margin: 0; padding: 0; color: #555; font-size: 90%; position: relative;
}
footer.container-footer .grid-child { display: block; max-width: none; width: 100%; margin: 0; padding: 0; }
footer.container-footer a { color: #555; }

/* The empty zentools2 band above the footer on the home page (grid13) */
body.homepage .site-grid { padding-bottom: 1.5rem; }
@media (min-width: 1200px) { body.homepage .site-grid { padding-bottom: 9.1rem; } }

/* ---- Back-to-top (desktop and tablet): transparent button with a white arrow, as on the source ------------------ */
.ac-totop {
  position: fixed; right: 0; bottom: 0; z-index: 10; display: block; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0s linear 0.4s; margin: 0 10px 10px 0; padding: 3.75px 7.5px;
  border: 1px solid transparent; border-radius: 2.5px; background: transparent; color: #212529; font-size: 10px; line-height: 15px; cursor: pointer;
}
.ac-totop.ac-totop--show { opacity: 1; visibility: visible; transition: opacity 0.4s, visibility 0s; }
.ac-totop a { display: inline; color: #212529; text-decoration: none; cursor: pointer; }
.ac-totop .ac-totop__icon { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 10px; line-height: 10px; padding: 0 8px; color: #fff; display: inline-block; }
.ac-totop .ac-totop__icon::before { content: "\f062"; }
@media (max-width: 767px) { .ac-totop { display: none !important; } }

/* ---- Cookie bar (informational, replaces the SP Cookie Consent plugin) --------------------------------------------- */
.ac-cookiebar {
  position: fixed; left: 0; bottom: 0; z-index: 10001; width: 100%; box-sizing: border-box;
  background: #124556; color: #fff; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
}
.ac-cookiebar[hidden] { display: none; }
.ac-cookiebar *, .ac-cookiebar *::before, .ac-cookiebar *::after { box-sizing: border-box; }
.ac-cookiebar { display: flex; flex-wrap: wrap; align-items: center; padding: 20px; }
.ac-cookiebar[hidden] { display: none; }
.ac-cookiebar__action { margin-top: 15px; }
.ac-cookiebar__text { margin: 0; padding: 0; font-weight: 500; }
@media (min-width: 992px) {
  .ac-cookiebar__text { flex: 0 0 75%; max-width: 75%; }
  .ac-cookiebar__action { flex: 0 0 25%; max-width: 25%; margin-top: 0; text-align: right; }
}
.ac-cookiebar__accept {
  display: inline-block; padding: 7px 15px; border: 0; border-radius: 0.25rem; background: #d2b493; color: #fff;
  font-family: "Open Sans", sans-serif; font-size: 90%; font-weight: bold; line-height: 1.5; text-align: center; white-space: nowrap;
  vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.ac-cookiebar__accept:hover, .ac-cookiebar__accept:focus, .ac-cookiebar__accept:active { color: #fff; }

/* ---- Bootstrap 5 collapse/tab states driven by user.js ---- */
.collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; }
@media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }
.fade:not(.show) { opacity: 0; }
.fade.show { opacity: 1; }

/* The source wrapped the page in clearing rows (.zen-row::after); contain floated tab panes the same way */
main::after, .com-content-article::after, .com-content-article__body::after { content: ""; display: block; clear: both; }

/* ===== 60-article.css ===== */
/* Joomla article layout on the legal pages: title row and the compact info aside of the source (theme.audit.css rules, same order) */
.com-content-article .page-header { margin: 0; padding: 0; border: 0; }
.com-content-article .page-header h1 { line-height: 1.2em; padding: 0 0 15px; margin-top: 0; }
.muted { color: rgb(85, 85, 85); }
.flat-list { margin: 0px 0px 30px; }
.flat-list li { list-style-type: none; float: left; margin-right: 10px; }
.zen-nav { list-style-type: none; margin: 0px 0px 30px; float: left; width: 100%; }
.zen-nav li { display: inline-block; }
.zen-nav.zen-nav-divider li { padding: 10px 0px; margin-right: 10px; }
.zen-nav.zen-nav-divider li a, .zen-nav.zen-nav-divider li span { color: rgb(85, 85, 85); }
.zen-nav.zen-nav-divider li::after { content: "/"; color: rgb(85, 85, 85); margin-left: 10px; }
.zen-nav.zen-nav-divider li:last-child::after { content: ""; margin: 0px; }
.article-info { font-size: 90%; margin-top: -15px; }
.article-aside { font-size: 90%; color: rgb(85, 85, 85); }
.article-aside .article-info { width: 80%; }
.icon-block { position: absolute; top: -20px; right: 0px; }
.article-aside .article-info + .icon-block { position: static; margin-top: -15px; float: right; width: auto; }
.article-aside .article-info + .icon-block > li { padding: 10px 0px; margin-left: 10px; }
.article-aside li a { color: rgb(85, 85, 85); font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: none; letter-spacing: normal; font-size: inherit; }
.article-info.small, .icon-block.small { font-size: 0.875em; }
.article-aside li ::before { margin-right: 10px; }

/* previous/next article (theme.audit.css .pager/.pagenav) */
.pagenav { margin: 0px; }
.pagenav li { float: left; list-style-type: none; margin: 0px; }
.pagenav li.next { float: right; }
.pagenav li > a, .pagenav li > span { display: inline-block; padding: 0px 10px; background: transparent; border: 1px solid rgb(238, 238, 238); color: rgb(153, 153, 153); min-height: 42px; line-height: 42px; margin-right: 0px; }
.pagenav li a span { display: inline-block; }
.pagenav li a span[class^="icon-"], .pagenav li a span[class*=" icon-"] { display: none; }
.pager { margin: 0px; }
.pager li { float: left; list-style-type: none; margin: 0px; }
.pager li.next { float: right; }
.pager li > a, .pager li > span { display: inline-block; padding: 0px 10px; min-height: 42px; line-height: 42px; margin-right: 0px; }
.pager li a span { display: inline-block; }
.pager li a span[class^="icon-"], .pager li a span[class*=" icon-"] { display: none; }