@charset "UTF-8";
/*  -------------------------
-
-  LAYOUT  
-
---------------------------*/
:root {
  --layout-max-width: 1240px;
  --layout-padding: 0;
  --layout-padding-fluid: calc(32px + 1.618vw);
}

/*  -------------------------
-
-  Global THEME
-
---------------------------*/
/*TAILLE TYPOGRAPHIE*/
/*COULEURS*/
body {
  background: linear-gradient(108deg, #F9F9F9 18.92%, #EBF6F7 81.36%);
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  color: var(--accentDark);
  font-style: normal;
  font-weight: inherit;
  font-family: inherit;
}

:not(footer) .btn {
  position: relative;
  overflow: hidden;
}
:not(footer) .btn:hover::before {
  transform: rotate(-5deg) translate(0, 50%) scaleY(2) scaleX(1.2);
  -webkit-transform: rotate(-5deg) translate(0, 50%) scaleY(2) scaleX(1.2);
  -moz-transform: rotate(-5deg) translate(0, 50%) scaleY(2) scaleX(1.2);
  -ms-transform: rotate(-5deg) translate(0, 50%) scaleY(2) scaleX(1.2);
  -o-transform: rotate(-5deg) translate(0, 50%) scaleY(2) scaleX(1.2);
}
:not(footer) .btn::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: -2;
  background: var(--light);
}
:not(footer) .btn::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
  z-index: -1;
  background: var(--ccpl-blue);
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  transform: rotate(-23deg) translate(0, 50%) scaleY(2) scaleX(0.1);
  -webkit-transform: rotate(-23deg) translate(0, 50%) scaleY(2) scaleX(0.1);
  -moz-transform: rotate(-23deg) translate(0, 50%) scaleY(2) scaleX(0.1);
  -ms-transform: rotate(-23deg) translate(0, 50%) scaleY(2) scaleX(0.1);
  -o-transform: rotate(-23deg) translate(0, 50%) scaleY(2) scaleX(0.1);
}

:not(footer) .is-style-btn-green > .btn {
  background: linear-gradient(60deg, var(--ccpl-green) 17px, #FFFFF4 18px) !important;
}
:not(footer) .is-style-btn-green > .btn::before {
  background: var(--ccpl-green) !important;
}

/* Dans le cas du slider en haut de page, on a un menu différent.
Les éléments du menu sticky étant les mêmes/dupliqués que en overlay,
on ne les affiche que si le menu est sticky  */
/*--------------------------------------------------
    Class créé pour l'occasion
    .accessibility -> on déplace l'icone d'accessibilité dans cette zone
    .accessibility-slider -> on clone l'icone d'accessibilité dans cette zone
    .sticky-visible-only -> groupement d'objets à afficher uniquement dans un cas
--------------------------------------------------*/
#nectar-nav:not(.small-nav) header#top #logo::before,
#nectar-nav:not(.scrolled-down) header#top #logo::before {
  position: absolute;
  top: -40px;
  left: -40px;
  width: 420px;
  height: 160px;
  display: inline-block;
  content: "";
  background: #fff;
  z-index: -1;
  border-bottom-right-radius: 3em;
  -webkit-box-shadow: 0 0 30px -4px rgba(61, 166, 202, 0.27);
          box-shadow: 0 0 30px -4px rgba(61, 166, 202, 0.27);
  transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
}
@media (max-width: 1023px) {
  #nectar-nav:not(.small-nav) header#top #logo::before,
  #nectar-nav:not(.scrolled-down) header#top #logo::before {
    top: -20px;
    left: -20px;
    width: 260px;
    height: 100px;
    border-bottom-right-radius: 2em;
  }
}
header.oxy-sticky-header-active #link-logo .logo {
  max-height: 80px;
}

/* Breadcrump */
#breadcrumbs {
  margin-bottom: 0;
  font-size: 16px;
  opacity: 0.6;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
#breadcrumbs:hover {
  opacity: 1;
}
#breadcrumbs > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*  -------------------------
-
-  LAYOUT 
-
---------------------------*/
/* -------------------------
-
-    TAG
-
---------------------------*/
/* -------------------------
-
-    TOOLS
-
---------------------------*/
/* -------------------------
-
-    Gutemberg
-
---------------------------*/
/*Alignement des boutons en bas*/
/* -------------------------
-
-    Gutentor Design
-
---------------------------*/
/* -------------------------
-
-    DESIGN
-
---------------------------*/
/* -------------------------
-
-    DESIGN
-
---------------------------*/