@charset "UTF-8";
@import "../../assets/fonts/Lato/Lato/latofonts.css";
:root {
  --couleur-bg-annonce: #C6E4F5;
  --couleur-annonce: #177EB8;
  --couleur-principale: #001F2E;
  --couleur-action: #ED7620;
  --Content-3: #819097;
  --couleur-content-2: #55687D;
  --couleur-positivie: #22b26f;
  --couleur-erreur: #ed4949;
  --couleur-bg-erreur: #FDE8E8;
  --couleur-texte-clair: #55687D;
  --couleur-promo: #C23B3B;
  --couleur-bg-1: #F5F4F4;
  --couleur-bg-1-hover: #DCE1E5;
  --couleur-active: #ED7620;
  --couleur-disabled: #D3DBDE;
  --couleur-bg-options: #F5FAFF;
  --couleur-bg-panier: #F6F7F7;
}

@font-face {
  font-family: "Bebas";
  src: url("/assets/fonts/BebasNeue/BebasNeue.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato/fonts/Lato-Medium.woff") format("woff"), url("/assets/fonts/Lato/Lato/fonts/Lato-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Janda Elegant Handwriting";
  src: url("/assets/fonts/Janda/JandaElegantHandwriting.woff2") format("woff2"), url("/assets/fonts/Janda/JandaElegantHandwriting.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 16px;
}

body.site_communication,
.page_shop {
  color: #001F2E;
  font-family: "LatoWeb", sans-serif;
  line-height: normal;
  font-weight: 400;
}
body.site_communication a,
.page_shop a {
  text-decoration: none;
  color: #001F2E;
}
body.site_communication p,
.page_shop p {
  font-size: 1rem;
}
body.site_communication img,
.page_shop img {
  max-width: 100%;
}
body.site_communication ul,
.page_shop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.site_communication h1, body.site_communication .h1,
.page_shop h1,
.page_shop .h1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 24px;
  font-family: "Bebas", sans-serif;
}
@media screen and (max-width: 991px) {
  body.site_communication h1, body.site_communication .h1,
.page_shop h1,
.page_shop .h1 {
    font-size: 40px;
  }
}
body.site_communication h2,
.page_shop h2 {
  font-family: "Bebas", sans-serif;
  font-size: 54px;
  font-weight: 700;
  color: #023F5D;
}
@media screen and (max-width: 991px) {
  body.site_communication h2,
.page_shop h2 {
    font-size: 36px;
  }
}
body.site_communication nav,
.page_shop nav {
  position: sticky;
  background: white;
  top: 0;
  padding: 32px 0;
  z-index: 999;
  transition: top 0.3s ease-in-out;
}
@media all and (max-width: 991px) {
  body.site_communication nav,
.page_shop nav {
    padding: 12px 0;
  }
}
body.site_communication nav .nav-item,
.page_shop nav .nav-item {
  font-weight: 800;
}
body.site_communication nav .nav-item a,
.page_shop nav .nav-item a {
  white-space: nowrap;
}
body.site_communication nav .nav-item .nav-link.second,
.page_shop nav .nav-item .nav-link.second {
  padding: 8px 13px;
  background-color: #ED7620;
  border-radius: 4px;
  color: white;
  display: block;
  transition-property: background-color, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: fit-content;
}
body.site_communication nav .nav-item .nav-link.second:hover,
.page_shop nav .nav-item .nav-link.second:hover {
  background-color: #CF5800;
  opacity: 1;
}
body.site_communication nav .nav-item .nav-link:not(.second),
.page_shop nav .nav-item .nav-link:not(.second) {
  padding-right: 0;
  padding-left: 0;
  transition: color 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 4px;
  width: fit-content;
}
body.site_communication nav .nav-item .nav-link:not(.second) svg,
.page_shop nav .nav-item .nav-link:not(.second) svg {
  width: 17px;
}
body.site_communication nav .nav-item .nav-link:not(.second) svg path,
.page_shop nav .nav-item .nav-link:not(.second) svg path {
  transition: stroke 0.3s ease-in-out;
}
body.site_communication nav .nav-item .nav-link:not(.second):after,
.page_shop nav .nav-item .nav-link:not(.second):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 100%;
  height: 3px;
  background-color: #ED7620;
  transition: right 0.3s ease-in-out;
}
body.site_communication nav .nav-item .nav-link:not(.second):hover, body.site_communication nav .nav-item .nav-link:not(.second).active,
.page_shop nav .nav-item .nav-link:not(.second):hover,
.page_shop nav .nav-item .nav-link:not(.second).active {
  color: #ED7620;
}
body.site_communication nav .nav-item .nav-link:not(.second):hover svg path, body.site_communication nav .nav-item .nav-link:not(.second).active svg path,
.page_shop nav .nav-item .nav-link:not(.second):hover svg path,
.page_shop nav .nav-item .nav-link:not(.second).active svg path {
  stroke: #ED7620;
}
body.site_communication nav .nav-item .nav-link:not(.second):hover:after, body.site_communication nav .nav-item .nav-link:not(.second).active:after,
.page_shop nav .nav-item .nav-link:not(.second):hover:after,
.page_shop nav .nav-item .nav-link:not(.second).active:after {
  right: 0;
}
body.site_communication nav .navbar-brand,
.page_shop nav .navbar-brand {
  height: 40px;
  margin-right: 96px;
}
body.site_communication nav .navbar-brand img,
.page_shop nav .navbar-brand img {
  height: 100%;
}
@media all and (max-width: 1319px) {
  body.site_communication nav .navbar-brand,
.page_shop nav .navbar-brand {
    margin-right: 64px;
  }
}
body.site_communication nav .navbar-nav,
.page_shop nav .navbar-nav {
  gap: 48px;
}
@media all and (max-width: 1319px) {
  body.site_communication nav .navbar-nav,
.page_shop nav .navbar-nav {
    gap: 35px;
  }
}
@media all and (max-width: 991px) {
  body.site_communication nav .navbar-nav,
.page_shop nav .navbar-nav {
    gap: 8px;
  }
}
body.site_communication nav .btns_boutique,
.page_shop nav .btns_boutique {
  display: flex;
  gap: 8px;
}
body.site_communication nav .btns_boutique .moncompte, body.site_communication nav .btns_boutique .panier_nav a,
.page_shop nav .btns_boutique .moncompte,
.page_shop nav .btns_boutique .panier_nav a {
  padding: 9px;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  transition: background-color 0.3s ease-in-out;
}
body.site_communication nav .btns_boutique .moncompte:hover, body.site_communication nav .btns_boutique .panier_nav a:hover,
.page_shop nav .btns_boutique .moncompte:hover,
.page_shop nav .btns_boutique .panier_nav a:hover {
  background-color: #DCE9EF;
}
body.site_communication nav .btns_boutique .panier_nav span,
.page_shop nav .btns_boutique .panier_nav span {
  display: none;
}
body.site_communication nav .btns_boutique .connexion,
.page_shop nav .btns_boutique .connexion {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.site_communication nav .btns_boutique .connexion span,
.page_shop nav .btns_boutique .connexion span {
  margin-left: 8px;
}
body.site_communication nav .btns_boutique .moncompte span,
.page_shop nav .btns_boutique .moncompte span {
  display: none;
}
body.site_communication nav .btns_boutique.disconnected,
.page_shop nav .btns_boutique.disconnected {
  display: none;
}
body.site_communication footer,
.page_shop footer {
  background-color: #023F5D;
  text-align: center;
  padding-top: 64px;
  padding-bottom: 16px;
  color: white;
}
body.site_communication footer a,
.page_shop footer a {
  color: white;
}
body.site_communication footer .logo,
.page_shop footer .logo {
  max-width: 272px;
  width: 100%;
  margin-bottom: 56px;
}
body.site_communication footer .besoin_renseignement,
.page_shop footer .besoin_renseignement {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 24px;
}
body.site_communication footer .renseignements,
.page_shop footer .renseignements {
  font-size: 18px;
  margin-bottom: 56px;
}
body.site_communication footer #credits,
.page_shop footer #credits {
  background: none;
  border: none;
  font-size: 10px;
}
body.site_communication main,
.page_shop main {
  padding: 0;
}
body.site_communication .titre_avant_articles,
.page_shop .titre_avant_articles {
  margin-bottom: 40px;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
}
body.site_communication .sur_h1,
.page_shop .sur_h1 {
  font-family: "Janda Elegant Handwriting", sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: #ED7620;
}
@media screen and (max-width: 991px) {
  body.site_communication .sur_h1,
.page_shop .sur_h1 {
    font-size: 24px;
  }
}
body.site_communication .swiper-arrow,
.page_shop .swiper-arrow {
  background-color: #ED7620;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: background-color 0.3s ease-in-out;
}
body.site_communication .swiper-arrow:disabled,
.page_shop .swiper-arrow:disabled {
  cursor: default !important;
  background-color: #ABBBCC;
}
body.site_communication .swiper-arrow:hover:not(:disabled),
.page_shop .swiper-arrow:hover:not(:disabled) {
  background-color: #CF5800;
}
body.site_communication .card_nouveaute,
.page_shop .card_nouveaute {
  border-radius: 4px;
  overflow: hidden;
  display: block;
}
body.site_communication .card_nouveaute-img_container,
.page_shop .card_nouveaute-img_container {
  width: 100%;
  aspect-ratio: 128/79;
  overflow: hidden;
}
body.site_communication .card_nouveaute-img_container img,
.page_shop .card_nouveaute-img_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease-in-out;
}
body.site_communication .card_nouveaute-desc,
.page_shop .card_nouveaute-desc {
  padding: 16px;
  font-weight: 700;
}
body.site_communication .card_nouveaute-rayon,
.page_shop .card_nouveaute-rayon {
  font-size: 14px;
  font-weight: 500;
  color: #55687D;
  margin-bottom: 8px;
}
body.site_communication .card_nouveaute:hover,
.page_shop .card_nouveaute:hover {
  opacity: 1;
}
body.site_communication .card_nouveaute:hover img,
.page_shop .card_nouveaute:hover img {
  scale: 1.2;
}
body.site_communication .card_web_vitrine,
.page_shop .card_web_vitrine {
  padding: 32px;
  background-color: white;
  box-shadow: 0px 15px 15px 0px rgba(232, 239, 247, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
@media (min-width: 992px) {
  body.site_communication .card_web_vitrine,
.page_shop .card_web_vitrine {
    margin-top: 75px;
  }
}
body.site_communication .card_web_vitrine-populaire,
.page_shop .card_web_vitrine-populaire {
  margin-top: 0;
  outline: 3px dotted #ED7620;
}
body.site_communication .card_web_vitrine-badge,
.page_shop .card_web_vitrine-badge {
  color: white;
  background-color: #ED7620;
  padding: 8px;
  border-radius: 4px;
  width: fit-content;
  margin-bottom: 40px;
}
body.site_communication .card_web_vitrine-titre,
.page_shop .card_web_vitrine-titre {
  color: #ED7620;
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 16px;
}
body.site_communication .card_web_vitrine-prix,
.page_shop .card_web_vitrine-prix {
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 8px;
}
body.site_communication .card_web_vitrine-prix sup,
.page_shop .card_web_vitrine-prix sup {
  font-weight: 500;
}
body.site_communication .card_web_vitrine-premiere_annee,
.page_shop .card_web_vitrine-premiere_annee {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}
body.site_communication .card_web_vitrine-prix_2,
.page_shop .card_web_vitrine-prix_2 {
  font-size: 14px;
  font-weight: 900;
  color: #55687D;
  margin-bottom: 32px;
}
body.site_communication .card_web_vitrine-prix_2 span,
.page_shop .card_web_vitrine-prix_2 span {
  font-weight: 500;
}
body.site_communication .card_web_vitrine-contenu, body.site_communication .card_web_vitrine-options ul,
.page_shop .card_web_vitrine-contenu,
.page_shop .card_web_vitrine-options ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
body.site_communication .card_web_vitrine-contenu li, body.site_communication .card_web_vitrine-options ul li,
.page_shop .card_web_vitrine-contenu li,
.page_shop .card_web_vitrine-options ul li {
  font-weight: 500;
  display: flex;
  gap: 16px;
}
body.site_communication .card_web_vitrine-contenu li:before, body.site_communication .card_web_vitrine-options ul li:before,
.page_shop .card_web_vitrine-contenu li:before,
.page_shop .card_web_vitrine-options ul li:before {
  content: "";
  display: block;
  width: 16px;
  height: 19px;
  background: url("/images/inclus.svg") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
body.site_communication .card_web_vitrine-contenu li.non_inclus, body.site_communication .card_web_vitrine-options ul li.non_inclus,
.page_shop .card_web_vitrine-contenu li.non_inclus,
.page_shop .card_web_vitrine-options ul li.non_inclus {
  color: #ABBBCC;
}
body.site_communication .card_web_vitrine-contenu li.non_inclus:before, body.site_communication .card_web_vitrine-options ul li.non_inclus:before,
.page_shop .card_web_vitrine-contenu li.non_inclus:before,
.page_shop .card_web_vitrine-options ul li.non_inclus:before {
  background-image: url("/images/non_inclus.svg");
}
body.site_communication .card_web_vitrine-contenu li.non_inclus .card_web_vitrine-commentaire, body.site_communication .card_web_vitrine-options ul li.non_inclus .card_web_vitrine-commentaire,
.page_shop .card_web_vitrine-contenu li.non_inclus .card_web_vitrine-commentaire,
.page_shop .card_web_vitrine-options ul li.non_inclus .card_web_vitrine-commentaire {
  color: #ABBBCC;
}
body.site_communication .card_web_vitrine-commentaire,
.page_shop .card_web_vitrine-commentaire {
  color: #55687D;
  font-size: 14px;
  font-weight: 400;
}
body.site_communication .card_web_vitrine-options,
.page_shop .card_web_vitrine-options {
  background-color: #E9EFF6;
  padding: 16px;
  margin-bottom: 32px;
}
body.site_communication .card_web_vitrine-options ul,
.page_shop .card_web_vitrine-options ul {
  margin-bottom: 0;
}
body.site_communication .card_web_vitrine-options-titre,
.page_shop .card_web_vitrine-options-titre {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 24px;
}
body.site_communication .card_web_vitrine-warning,
.page_shop .card_web_vitrine-warning {
  color: #55687D;
  font-size: 14px;
  display: flex;
  margin-bottom: 32px;
  gap: 8px;
}
body.site_communication .card_web_vitrine-warning:before,
.page_shop .card_web_vitrine-warning:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/images/info.svg") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
body.site_communication .card_web_vitrine-bouton,
.page_shop .card_web_vitrine-bouton {
  background-color: #ED7620;
  color: white;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  text-align: center;
  display: block;
  transition: background-color 0.3s ease-in-out;
}
body.site_communication .card_web_vitrine-bouton:hover,
.page_shop .card_web_vitrine-bouton:hover {
  background-color: #CF5800;
  opacity: 1;
}
body.site_communication #barre_orange,
.page_shop #barre_orange {
  transition: top 0.3s ease-in-out;
}
body.site_communication .bloc, body.site_communication .padding_bloc,
.page_shop .bloc,
.page_shop .padding_bloc {
  padding: 120px 0;
}
@media all and (max-width: 991px) {
  body.site_communication .bloc, body.site_communication .padding_bloc,
.page_shop .bloc,
.page_shop .padding_bloc {
    padding: 70px 0;
  }
}
body.site_communication .bloc-no_padding, body.site_communication .padding_bloc-no_padding,
.page_shop .bloc-no_padding,
.page_shop .padding_bloc-no_padding {
  padding: unset;
}
body.site_communication .thumbnails_dropzone,
.page_shop .thumbnails_dropzone {
  border: none;
  padding: 0;
}
body.site_communication .thumbnails_dropzone-titre,
.page_shop .thumbnails_dropzone-titre {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 24px;
  margin-top: 48px;
}
body.site_communication .dropzone,
.page_shop .dropzone {
  border: 2px dashed #55687D;
}
body.site_communication .dropzone.dz-clickable,
.page_shop .dropzone.dz-clickable {
  transition: background-color 0.3s ease-in-out;
}
body.site_communication .dropzone.dz-clickable:hover,
.page_shop .dropzone.dz-clickable:hover {
  background: rgba(220, 233, 239, 0.7);
}
body.site_communication .dropzone .dz-button,
.page_shop .dropzone .dz-button {
  color: #55687D;
  line-height: 1.4em;
}
body.site_communication .dropzone .dz-button span,
.page_shop .dropzone .dz-button span {
  font-weight: 700;
  color: #ED7620;
  text-decoration: underline;
}
body.site_communication .dropzone .dz-button:before,
.page_shop .dropzone .dz-button:before {
  content: "";
  width: 46px;
  height: 46px;
  display: block;
  margin: auto;
  background: url("/images/add_image.svg") no-repeat center;
  background-size: contain;
  margin-bottom: 16px;
}
body.site_communication .modal_drop-titre,
.page_shop .modal_drop-titre {
  font-family: Bebas, sans-serif;
  font-size: 54px;
  font-weight: 700;
  color: #023F5D;
  text-align: center;
  margin-bottom: 24px;
}
body.site_communication .modal_drop-texte,
.page_shop .modal_drop-texte {
  max-width: 640px;
  margin: auto;
  text-align: center;
  margin-bottom: 48px;
}
body.site_communication .modal_drop .modal-body,
.page_shop .modal_drop .modal-body {
  padding: 32px;
}
body.site_communication .modal_drop .bouton,
.page_shop .modal_drop .bouton {
  display: inline-flex;
}
@media all and (max-width: 991px) {
  body.site_communication .modal_drop .bouton,
.page_shop .modal_drop .bouton {
    width: 100%;
    justify-content: center;
  }
}
body.site_communication .bouton,
.page_shop .bouton {
  border-radius: 8px;
  background: var(--couleur-action, #ED7620);
  color: white;
  height: 54px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-property: background-color, border-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  border: 1px solid var(--couleur-action);
  font-size: 16px;
  font-weight: 700;
  padding: 0 16px;
}
body.site_communication .bouton:not(disabled, .disabled):hover,
.page_shop .bouton:not(disabled, .disabled):hover {
  background-color: var(--couleur-action-hover, #d26416);
  border-color: var(--couleur-action-hover, #d26416);
}
body.site_communication .bouton:disabled, body.site_communication .bouton.disabled,
.page_shop .bouton:disabled,
.page_shop .bouton.disabled {
  background: var(--couleur-disabled, #D3DBDE);
  border-color: var(--couleur-disabled, #D3DBDE);
  cursor: default;
}
body.site_communication .bouton-secondaire,
.page_shop .bouton-secondaire {
  background-color: transparent;
  color: var(--couleur-action);
}
body.site_communication .bouton-secondaire svg path,
.page_shop .bouton-secondaire svg path {
  stroke: var(--couleur-action);
  transition: stroke 0.3s ease-in-out;
}
body.site_communication .bouton-secondaire:not(disabled, .disabled):hover,
.page_shop .bouton-secondaire:not(disabled, .disabled):hover {
  color: white;
}
body.site_communication .bouton-secondaire:not(disabled, .disabled):hover svg path,
.page_shop .bouton-secondaire:not(disabled, .disabled):hover svg path {
  stroke: white;
}
body.site_communication .bouton-small,
.page_shop .bouton-small {
  height: 36px;
  font-size: 14px;
}
body.site_communication#page_home #bloc_1,
.page_shop#page_home #bloc_1 {
  background-color: #023F5D;
  color: white;
}
body.site_communication#page_home #bloc_1 img,
.page_shop#page_home #bloc_1 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media all and (max-width: 991px) {
  body.site_communication#page_home #bloc_1 img,
.page_shop#page_home #bloc_1 img {
    max-height: 300px;
  }
}
body.site_communication#page_home #bloc_1 .bloc_texte,
.page_shop#page_home #bloc_1 .bloc_texte {
  padding: 70px;
}
@media all and (max-width: 991px) {
  body.site_communication#page_home #bloc_1 .bloc_texte,
.page_shop#page_home #bloc_1 .bloc_texte {
    padding: 24px;
  }
}
body.site_communication#page_home #bloc_3,
.page_shop#page_home #bloc_3 {
  background-color: #E9EFF6;
}
body.site_communication#page_home #bloc_4 ul,
.page_shop#page_home #bloc_4 ul {
  padding-left: 16px;
  list-style: initial;
}
body.site_communication#page_home #bloc_4 ul li,
.page_shop#page_home #bloc_4 ul li {
  margin-bottom: 16px;
}
body.site_communication#page_home #bloc_4 .produit_phare,
.page_shop#page_home #bloc_4 .produit_phare {
  margin: 16px 0;
  font-size: 18px;
  font-weight: 700;
}
body.site_communication#page_home #bloc_5,
.page_shop#page_home #bloc_5 {
  background-color: #F6F6F3;
  text-align: center;
}
body.site_communication#page_home #bloc_5 p,
.page_shop#page_home #bloc_5 p {
  color: #185172;
}
body.site_communication#page_home #bloc_5 .container,
.page_shop#page_home #bloc_5 .container {
  position: relative;
}
body.site_communication#page_home #bloc_5 .picto_flottant,
.page_shop#page_home #bloc_5 .picto_flottant {
  position: absolute;
  opacity: 0;
  transition: top 0.3s ease-out, bottom 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, opacity 0.3s ease-out, transform 0s ease-out 0.3s;
}
body.site_communication#page_home #bloc_5 .picto_flottant#picto_1,
.page_shop#page_home #bloc_5 .picto_flottant#picto_1 {
  top: 50%;
  left: 50%;
  transform: translate(50%, 50%);
}
body.site_communication#page_home #bloc_5 .picto_flottant#picto_2,
.page_shop#page_home #bloc_5 .picto_flottant#picto_2 {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
body.site_communication#page_home #bloc_5 .picto_flottant#picto_3,
.page_shop#page_home #bloc_5 .picto_flottant#picto_3 {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
body.site_communication#page_home #bloc_5 .picto_flottant#picto_4,
.page_shop#page_home #bloc_5 .picto_flottant#picto_4 {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
body.site_communication#page_home #bloc_5 .picto_flottant#picto_5,
.page_shop#page_home #bloc_5 .picto_flottant#picto_5 {
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}
@media all and (max-width: 991px) {
  body.site_communication#page_home #bloc_5 .picto_flottant,
.page_shop#page_home #bloc_5 .picto_flottant {
    display: none;
  }
}
@media all and (min-width: 992px) {
  body.site_communication#page_home #bloc_5:hover .picto_flottant,
.page_shop#page_home #bloc_5:hover .picto_flottant {
    opacity: 1;
    transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0s linear 0s;
  }
  body.site_communication#page_home #bloc_5:hover .picto_flottant#picto_1,
.page_shop#page_home #bloc_5:hover .picto_flottant#picto_1 {
    top: 38px;
    left: 20px;
    transform: translate(0, 0);
  }
  body.site_communication#page_home #bloc_5:hover .picto_flottant#picto_2,
.page_shop#page_home #bloc_5:hover .picto_flottant#picto_2 {
    bottom: 40px;
    left: 110px;
    transform: translate(0, 0);
  }
  body.site_communication#page_home #bloc_5:hover .picto_flottant#picto_3,
.page_shop#page_home #bloc_5:hover .picto_flottant#picto_3 {
    top: 20px;
    right: 175px;
    transform: translate(0, 0);
  }
  body.site_communication#page_home #bloc_5:hover .picto_flottant#picto_4,
.page_shop#page_home #bloc_5:hover .picto_flottant#picto_4 {
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
  }
  body.site_communication#page_home #bloc_5:hover .picto_flottant#picto_5,
.page_shop#page_home #bloc_5:hover .picto_flottant#picto_5 {
    bottom: 20px;
    right: 240px;
    transform: translate(0, 0);
  }
}
body.site_communication#page_home #bloc_5 .ligne_1,
.page_shop#page_home #bloc_5 .ligne_1 {
  font-size: 32px;
  font-weight: 700;
}
body.site_communication#page_home #bloc_5 .ligne_2,
.page_shop#page_home #bloc_5 .ligne_2 {
  font-size: 40px;
  font-weight: 700;
  color: #155072;
  line-height: 100%;
  margin-bottom: 26px;
}
body.site_communication#page_home #bloc_5 .bouton_tadaaam,
.page_shop#page_home #bloc_5 .bouton_tadaaam {
  display: block;
  width: fit-content;
  margin: auto;
  margin-top: 24px;
  padding: 16px 32px;
  border-radius: 64px;
  border: 1px solid #F9D100;
  background: #FFDB27;
  color: #155072;
  font-weight: 700;
}
body.site_communication#page_brand_kit .bloc, body.site_communication#page_brand_kit .padding_bloc,
.page_shop#page_brand_kit .bloc,
.page_shop#page_brand_kit .padding_bloc {
  padding: 75px 0;
}
@media all and (max-width: 991px) {
  body.site_communication#page_brand_kit .bloc, body.site_communication#page_brand_kit .padding_bloc,
.page_shop#page_brand_kit .bloc,
.page_shop#page_brand_kit .padding_bloc {
    padding: 70px 0;
  }
}
body.site_communication#page_brand_kit .bloc-no_padding, body.site_communication#page_brand_kit .padding_bloc-no_padding,
.page_shop#page_brand_kit .bloc-no_padding,
.page_shop#page_brand_kit .padding_bloc-no_padding {
  padding: unset;
}
body.site_communication#page_brand_kit .titre_bloc,
.page_shop#page_brand_kit .titre_bloc {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 40px;
}
body.site_communication#page_brand_kit .card_telecharger, body.site_communication#page_brand_kit .card_telecharger_voir,
.page_shop#page_brand_kit .card_telecharger,
.page_shop#page_brand_kit .card_telecharger_voir {
  border-radius: 4px;
  overflow: hidden;
}
body.site_communication#page_brand_kit .card_telecharger-titre, body.site_communication#page_brand_kit .card_telecharger_voir-titre,
.page_shop#page_brand_kit .card_telecharger-titre,
.page_shop#page_brand_kit .card_telecharger_voir-titre {
  font-weight: 700;
  width: calc(100% - 16px);
  margin: auto;
  margin-top: 16px;
  height: 2.5em;
  line-height: 125%;
  display: block;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
body.site_communication#page_brand_kit .card_telecharger-titre:after, body.site_communication#page_brand_kit .card_telecharger_voir-titre:after,
.page_shop#page_brand_kit .card_telecharger-titre:after,
.page_shop#page_brand_kit .card_telecharger_voir-titre:after {
  content: "Télécharger";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ED7620;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  color: white;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 991px) {
  body.site_communication#page_brand_kit .card_telecharger-titre, body.site_communication#page_brand_kit .card_telecharger_voir-titre,
.page_shop#page_brand_kit .card_telecharger-titre,
.page_shop#page_brand_kit .card_telecharger_voir-titre {
    font-size: 14px;
  }
}
body.site_communication#page_brand_kit .card_telecharger-titre .copyright, body.site_communication#page_brand_kit .card_telecharger_voir-titre .copyright,
.page_shop#page_brand_kit .card_telecharger-titre .copyright,
.page_shop#page_brand_kit .card_telecharger_voir-titre .copyright {
  font-size: 12px;
}
body.site_communication#page_brand_kit .card_telecharger-img_container, body.site_communication#page_brand_kit .card_telecharger_voir-img_container,
.page_shop#page_brand_kit .card_telecharger-img_container,
.page_shop#page_brand_kit .card_telecharger_voir-img_container {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  position: relative;
  padding: 8px;
  background-color: #E9EFF6;
}
body.site_communication#page_brand_kit .card_telecharger-img_container:after, body.site_communication#page_brand_kit .card_telecharger_voir-img_container:after,
.page_shop#page_brand_kit .card_telecharger-img_container:after,
.page_shop#page_brand_kit .card_telecharger_voir-img_container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(220, 233, 239, 0.7);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
body.site_communication#page_brand_kit .card_telecharger-img_container img, body.site_communication#page_brand_kit .card_telecharger-img_container canvas, body.site_communication#page_brand_kit .card_telecharger_voir-img_container img, body.site_communication#page_brand_kit .card_telecharger_voir-img_container canvas,
.page_shop#page_brand_kit .card_telecharger-img_container img,
.page_shop#page_brand_kit .card_telecharger-img_container canvas,
.page_shop#page_brand_kit .card_telecharger_voir-img_container img,
.page_shop#page_brand_kit .card_telecharger_voir-img_container canvas {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger-img_container, body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger_voir-img_container, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger-img_container, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-img_container,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger-img_container,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger_voir-img_container,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger-img_container,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-img_container {
  opacity: 1;
}
body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger-img_container:after, body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger_voir-img_container:after, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger-img_container:after, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-img_container:after,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger-img_container:after,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger_voir-img_container:after,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger-img_container:after,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-img_container:after {
  opacity: 1;
}
body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger-titre, body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger_voir-titre, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger-titre, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-titre,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger-titre,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger_voir-titre,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger-titre,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-titre {
  opacity: 1;
}
body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger-titre:after, body.site_communication#page_brand_kit .card_telecharger:hover .card_telecharger_voir-titre:after, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger-titre:after, body.site_communication#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-titre:after,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger-titre:after,
.page_shop#page_brand_kit .card_telecharger:hover .card_telecharger_voir-titre:after,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger-titre:after,
.page_shop#page_brand_kit .card_telecharger_voir:hover .card_telecharger_voir-titre:after {
  opacity: 1;
}
body.site_communication#page_brand_kit .card_telecharger_voir-img_container:after,
.page_shop#page_brand_kit .card_telecharger_voir-img_container:after {
  background-image: url("/shop/images/eye.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
body.site_communication#page_brand_kit .card_couleur,
.page_shop#page_brand_kit .card_couleur {
  border-radius: 4px;
  overflow: hidden;
  background-color: white;
}
body.site_communication#page_brand_kit .card_couleur-couleur,
.page_shop#page_brand_kit .card_couleur-couleur {
  width: 100%;
  aspect-ratio: 24/11;
  position: relative;
  overflow: hidden;
}
body.site_communication#page_brand_kit .card_couleur-couleur:after,
.page_shop#page_brand_kit .card_couleur-couleur:after {
  content: "Copié";
  position: absolute;
  font-weight: 700;
  padding: 8px 16px;
  color: white;
  background-color: #023F5D;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: top 0.3s ease-in-out;
}
body.site_communication#page_brand_kit .card_couleur-desc,
.page_shop#page_brand_kit .card_couleur-desc {
  padding: 16px;
}
body.site_communication#page_brand_kit .card_couleur-titre,
.page_shop#page_brand_kit .card_couleur-titre {
  font-weight: 700;
  margin-bottom: 4px;
}
body.site_communication#page_brand_kit .card_couleur-code_couleur,
.page_shop#page_brand_kit .card_couleur-code_couleur {
  font-size: 14px;
  color: #55687D;
  font-weight: 500;
  display: flex;
  gap: 8px;
  width: fit-content;
  margin-bottom: 2px;
  cursor: pointer;
}
body.site_communication#page_brand_kit .card_couleur-code_couleur:after,
.page_shop#page_brand_kit .card_couleur-code_couleur:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/images/copy.svg") no-repeat center;
  background-size: contain;
}
body.site_communication#page_brand_kit .card_couleur.copie .card_couleur-couleur:after,
.page_shop#page_brand_kit .card_couleur.copie .card_couleur-couleur:after {
  top: 50%;
}
body.site_communication#page_brand_kit .bottom,
.page_shop#page_brand_kit .bottom {
  background-color: #ED7620;
  padding: 12px;
}
body.site_communication#page_brand_kit .bottom .anchor,
.page_shop#page_brand_kit .bottom .anchor {
  font-weight: 800;
  color: white;
  transition-property: color, border;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  padding: 0.5rem 0;
  position: relative;
  overflow: hidden;
}
body.site_communication#page_brand_kit .bottom .anchor-container,
.page_shop#page_brand_kit .bottom .anchor-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 48px;
}
@media all and (max-width: 991px) {
  body.site_communication#page_brand_kit .bottom .anchor-container,
.page_shop#page_brand_kit .bottom .anchor-container {
    display: none;
  }
}
body.site_communication#page_brand_kit .bottom .anchor.active,
.page_shop#page_brand_kit .bottom .anchor.active {
  color: #001F2E;
  border-color: #001F2E;
}
body.site_communication#page_brand_kit .bottom .anchor.active:after,
.page_shop#page_brand_kit .bottom .anchor.active:after {
  right: 0;
}
body.site_communication#page_brand_kit .bottom .anchor:after,
.page_shop#page_brand_kit .bottom .anchor:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 100%;
  height: 3px;
  background-color: #001F2E;
  transition: right 0.3s ease-in-out;
}
body.site_communication#page_brand_kit .bottom .anchor:hover,
.page_shop#page_brand_kit .bottom .anchor:hover {
  color: #001F2E;
}
body.site_communication#page_brand_kit .bottom .anchor:hover:after,
.page_shop#page_brand_kit .bottom .anchor:hover:after {
  right: 0;
}
@media all and (min-width: 992px) {
  body.site_communication#page_brand_kit .bottom .tiroir,
.page_shop#page_brand_kit .bottom .tiroir {
    display: none;
  }
}
body.site_communication#page_brand_kit #bloc_1,
.page_shop#page_brand_kit #bloc_1 {
  color: white;
}
body.site_communication#page_brand_kit #bloc_1 .top,
.page_shop#page_brand_kit #bloc_1 .top {
  background-color: #023F5D;
  padding: 64px 12px;
}
body.site_communication#page_catalogue .bloc, body.site_communication#page_catalogue .padding_bloc,
.page_shop#page_catalogue .bloc,
.page_shop#page_catalogue .padding_bloc {
  padding: 40px 0;
}
@media all and (max-width: 991px) {
  body.site_communication#page_catalogue .bloc, body.site_communication#page_catalogue .padding_bloc,
.page_shop#page_catalogue .bloc,
.page_shop#page_catalogue .padding_bloc {
    padding: 20px 0;
  }
}
body.site_communication#page_catalogue .bloc-no_padding, body.site_communication#page_catalogue .padding_bloc-no_padding,
.page_shop#page_catalogue .bloc-no_padding,
.page_shop#page_catalogue .padding_bloc-no_padding {
  padding: unset;
}
body.site_communication#page_catalogue #bloc_1 .bloc_couleur,
.page_shop#page_catalogue #bloc_1 .bloc_couleur {
  background-color: #023F5D;
  color: white;
  padding-left: 14px;
  padding-right: 14px;
}
body.site_communication#page_article .article .description h2, body.site_communication#page_article .article .recompenses h2,
.page_shop#page_article .article .description h2,
.page_shop#page_article .article .recompenses h2 {
  font-family: LatoWeb, sans-serif;
}

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