.rounded_button {
  display: block;
  background-color: #090810;
  border: 1px solid #090810;
  padding: 1.25rem 38px;
  font-weight: 700;
  font-size: 1.25rem;
  color: white;
  border-radius: 2.955rem;
  margin: 0;
  height: 100%;
  float: left;
}
@media (max-width: 480px) {
  .rounded_button {
    padding: 1rem 2rem;
    font-size: 1rem;
  }
}
.rounded_button--transparent {
  background-color: transparent;
  color: #090810;
}
.rounded_button--white {
  background-color: #fff;
  color: #d81a1e;
}
.rounded_button--white_bg_red:hover {
  background-color: #d81a1e;
}
.rounded_button--white__tiny {
  display: flex;
  justify-content: space-evenly;
  border: 1px solid transparent;
  height: auto;
  padding: 1.25rem 3.5rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 2.955rem;
  margin: 10px 0 10px 0;
}
.rounded_button--red {
  background-color: #d81a1e;
  color: #fff;
}
.rounded_button--red_bg_red:hover {
  background-color: #d81a1e;
}
.rounded_button--red__tiny {
  display: flex;
  justify-content: space-evenly;
  border: 1px solid transparent;
  height: auto;
  padding: 1.25rem 3.5rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 2.955rem;
  margin: 10px 0 10px 0;
}
.rounded_button:hover {
  background-color: #fff !important;
  color: #08070d !important;
}
.rounded_button:focus {
  background-color: #fff !important;
  color: #08070d !important;
}

.btn-wrapper {
  width: auto;
  display: inline-block;
  flex-basis: 76px;
}
.btn-wrapper i {
  margin-left: 16px;
}

.close_button {
  border: none;
  color: #090810;
}
.close_button:hover {
  color: rgb(28.125, 25, 50);
  background-color: transparent;
}

button#button_newsletter {
  height: 60px;
  border-top-left-radius: 0px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 0px;
  background-color: #d81a1e;
  color: #fff;
  padding: 0 23px;
}
button#button_newsletter:hover {
  background-color: rgb(231.6859504132, 61.3140495868, 64.9008264463);
  color: #fff;
}

a {
  text-decoration: none;
}

.grand_titre {
  font-size: 3.5rem;
  font-weight: 700;
  color: #090810;
  margin-bottom: 8px;
}
.grand_titre__center {
  text-align: center;
}
.grand_titre__center--white {
  color: #fff;
}

.titre_normal {
  font-size: 2.5rem;
  font-weight: 700;
  color: #090810;
  margin-bottom: 8px;
}
.titre_normal__center {
  text-align: center;
}

.newsletter_titre {
  font-size: 2.5rem;
  font-weight: 700;
}
.newsletter_titre--red {
  color: #d81a1e;
}
.newsletter_titre--white {
  color: #fff;
}
.newsletter_titre--white_normal {
  font-size: 18px;
  color: #fff;
}

.boutons_liens_externes {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.boutons_liens_externes a {
  margin-top: 20px;
  margin-bottom: 20px;
}

.code_de_conduite {
  display: flex;
  margin: 50px 0px 50px 0px;
  padding: 40px;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-evenly;
  background-color: #f2f1fa;
  border-radius: 30px;
}

.group {
  padding: 10px;
  height: auto;
  align-items: center;
  align-content: center;
}
.group_top {
  margin-bottom: 100px;
}
.group_bottom .quote {
  margin-bottom: 10px;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.group_bottom .content {
  margin-bottom: 30px;
}

.kopakelatra .column_group .group_thumbnail img {
  width: auto;
}

.column_group {
  margin: 20px 0 20px 0;
}
.column_group .group_thumbnail {
  margin: 20px 0 20px 0;
}
.column_group .group_thumbnail img {
  object-fit: cover;
  border-radius: 0px;
}
.column_group.image {
  height: 557px;
}
.column_group img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.banniere_wrapper {
  margin: 20px 0px 20px 0px;
}
.banniere_wrapper .banniere__head {
  margin: 20px 0px 20px 0px;
}
.banniere_wrapper .banniere__head.image {
  height: 557px;
  width: 1312px;
}
.banniere_wrapper .banniere__head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* PAGE EXPORT */
#export {
  margin-bottom: 40px;
}

#export .circuit-distribution {
  display: block;
}

@media (min-width: 768px) {
  div.product {
    margin-bottom: 0;
    position: relative;
    margin: 50px 0 0 0;
  }
  div.product div.images {
    float: left;
    width: 48%;
  }
  table.woocommerce-product-attributes.shop_attributes,
  .circuit-distribution {
    /*float: right;
      width: 52%;*/
  }
  .circuit-distribution.title {
    /*margin-top: 40px;*/
  }
  .circuit-distribution.title h2 {
    font-size: 18px;
    font-weight: 700;
    color: #090810;
  }
  .circuit-distribution.content {
    margin-bottom: 40px;
  }
  /* MESSAGE ABUS */
  /* FIN MESSAGE ABUS */
}
div.product div.images.woocommerce-product-gallery {
  position: relative;
  max-width: 48%;
}
@media (max-width: 767px) {
  div.product div.images.woocommerce-product-gallery {
    max-width: 100%;
  }
}

.msg-abus {
  max-width: 1120px;
  background-color: #d81a1e;
  margin: 48px auto;
  padding: 60px 15px;
  border-radius: 20px;
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
}

#export .woocommerce-product-gallery {
  opacity: 1 !important;
}

/*BLOCK HIDDEN: REVIEW, COMMENT, META*/
#export #review_form_wrapper,
#export div.woocommerce-Tabs-panel--reviews,
#export .product_meta,
#export .wc-tabs {
  display: none;
}

.entry-summary .product-logo {
  float: left;
  width: auto;
  max-width: 120px;
}
.entry-summary .product-logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .entry-summary .product-logo {
    max-width: 100px;
  }
  .entry-summary .product-logo img {
    width: 100%;
    height: auto;
  }
}

.entry-summary .title-sociaux {
  font-weight: bold;
  text-align: center;
  margin: 0px 0 0 20px;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: start;
  float: left;
  max-width: 206px;
  text-align: left;
  line-height: 100%;
}
@media (max-width: 767px) {
  .entry-summary .title-sociaux {
    margin: 30px 0 0 20px;
    font-size: 50px;
  }
}

.woocommerce-product-details__short-description {
  clear: both;
}

@media (max-width: 767px) {
  .container,
  .container-sm {
    max-width: 100%;
  }
}
/* END REVIEW - COMMENT */
/* END PAGE EXPORT */
.produit-content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  max-width: 100%;
  flex-flow: row wrap;
}
.produit-content .woocommerce-product-gallery__wrapper {
  width: 100%;
  height: 100%;
}
.produit-content .woocommerce-product-gallery__wrapper .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.produit-content .woocommerce-product-gallery__wrapper .slick-list,
.produit-content .woocommerce-product-gallery__wrapper .slick-track {
  height: 100%;
}
.produit-content .woocommerce-product-gallery__wrapper .slick-list img,
.produit-content .woocommerce-product-gallery__wrapper .slick-track img {
  margin: auto;
}
@media (max-width: 992px) {
  .produit-content .woocommerce-product-gallery__wrapper .slick-list img,
  .produit-content .woocommerce-product-gallery__wrapper .slick-track img {
    max-height: 350px;
    width: auto;
    height: auto;
    max-width: 100%;
  }
}
.produit-content .prev {
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 1;
}
.produit-content .next {
  position: absolute;
  top: 45%;
  right: 0;
  z-index: 1;
}

.star-int .medaille {
  display: none !important;
}
.star-int .title-sociaux {
  margin-top: 28px;
}
@media (max-width: 767px) {
  .star-int .title-sociaux {
    margin-top: 15px;
    font-size: 50px;
  }
}
.star-int .title-sociaux .reseaux-liste {
  display: none;
}
.star-int .type-product .woocommerce-product-gallery {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  width: 100%;
  height: 100%;
}
.star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-list,
.star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-track {
  height: 100%;
}
.star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-list img,
.star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-track img {
  margin: auto;
}
@media (max-width: 768px) {
  .star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-list img,
  .star-int .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-track img {
    max-height: 350px;
    width: auto;
    height: auto;
    max-width: 100%;
  }
}
.star-int .slick-dots li button {
  border: 2px #090810 solid;
  padding: 0;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 10px;
}
.star-int .slick-dots li button:before {
  display: none;
}
.star-int .slick-dots li.slick-active button {
  border: 0;
  background-color: #D81A1E;
  padding: 0;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 10px;
}

.items-description {
  font-family: "Open Sans";
  max-width: 48%;
}
@media (max-width: 767px) {
  .items-description {
    max-width: 100%;
  }
}
.items-description h1 {
  color: #090810;
}
.items-description .price {
  display: table;
  width: 100%;
}
.items-description p {
  font-size: 16px;
  font-weight: 400;
  color: #8D8BA7;
}
.items-description .summary {
  width: 100%;
}
.items-description .summary .woocommerce-product-details__short-description {
  margin: 35px 0;
}
.items-description .summary .woocommerce-product-details__short-description p {
  font-size: 22px;
  font-weight: 700;
  color: #090810;
}
.items-description .woocommerce-Tabs-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.items-description .woocommerce-Tabs-panel h2 {
  font-size: 18px;
  font-weight: 700;
  color: #090810;
}

.stat-content {
  margin-bottom: 25px;
  padding: 32px 24px;
  border: 1px #F2F1FA solid;
  border-radius: 8px;
}

.woocommerce-product-attributes {
  margin-bottom: 40px;
}
.woocommerce-product-attributes .badge {
  padding: 5px 12px;
  border: 1px solid #878786;
  border-radius: 15px;
}
.woocommerce-product-attributes .badge p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #878786;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item--attribute_pa_disponibilite.badge {
  border: 1px solid #0DB295;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item--attribute_pa_disponibilite.badge p {
  color: #0DB295;
}

.medaille {
  display: flex;
  flex-flow: row wrap;
}
.medaille .items {
  display: flex;
  gap: 15px;
  width: 48%;
  margin-bottom: 15px;
  align-items: center;
  padding: 10px;
}
.medaille .items p {
  color: #090810;
  font-size: 12px;
  font-weight: 500;
}

.partenaire {
  display: flex;
}
.partenaire .box {
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #F2F1FA;
  border-radius: 8px;
  padding: 12px 24px 12px 24px;
  gap: 16px;
}
.partenaire .box .label {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #090810;
}
.partenaire .box .resp {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.company-card .card-item {
  width: 100%;
  box-shadow: 0px 4px 10px 0px rgba(74, 58, 255, 0.0588235294);
  padding: 24px;
  gap: 4px;
  border-radius: 8px;
  cursor: pointer;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.company-card .card-item:hover {
  box-shadow: 0px 8px 16px 0px rgba(74, 58, 255, 0.2);
  transform: translateY(-4px);
}
.company-card .titre {
  padding: 8px 0px 16px 0px;
  gap: 10px;
  border: 0px 0px 1px 0px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #08070d;
}
.company-card .adresse {
  display: flex;
  gap: 4px;
}
.company-card .text {
  font-size: 18px;
  font-weight: 700;
  color: #8D8BA7;
}
.company-card .web {
  display: flex;
  gap: 4px;
}

/* BEGIN HOMEPAGE */
section {
  padding: 20px;
}

.banniere {
  background-color: #f2f2f2;
  text-align: center;
  padding: 50px 0;
}
.banniere.ensemble-vison {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  height: 1100px;
  min-height: 1100px;
  background-size: cover;
}
.banniere.ensemble-vison .bl {
  border-left: 1px solid rgba(255, 214, 215, 0.5);
}
.banniere.ensemble-vison .br {
  border-right: 1px solid rgba(255, 214, 215, 0.5);
}
.banniere.ensemble-vison .bt {
  border-top: 1px solid rgba(255, 214, 215, 0.5);
}
.banniere.ensemble-vison .bb {
  border-bottom: 1px solid rgba(255, 214, 215, 0.5);
}
.banniere.ensemble-vison .m {
  padding: 34px;
}
.banniere.ensemble-vison .blmobile {
  border: none;
}
@media screen and (max-width: 991px) {
  .banniere.ensemble-vison .m {
    padding: 4% 20px;
  }
}
@media screen and (max-width: 767px) {
  .banniere.ensemble-vison {
    height: auto;
    background-position-y: top;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 0;
  }
  .banniere.ensemble-vison .bl, .banniere.ensemble-vison .br, .banniere.ensemble-vison .bt, .banniere.ensemble-vison .bb, .banniere.ensemble-vison .blmobile {
    border: none;
    border-bottom: 1px solid rgb(255, 214, 215);
  }
  .banniere.ensemble-vison .title_vison {
    text-align: center !important;
    width: 100%;
  }
}

.nos-chiffres,
.rse,
.produits-services {
  background-color: #ddd;
  padding: 20px;
  margin-top: 20px;
}

/* END HOMEPAGE */
.newsletter_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.newsletter_titre__text {
  margin-bottom: 20px;
  line-height: 30px;
}

.newsletter_content__form {
  width: 70%;
}
@media (max-width: 480px) {
  .newsletter_content__form {
    width: 100%;
  }
}
.newsletter_content__form .newsletter_button {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .newsletter_content__form .input-group {
    flex-direction: column;
    gap: 10px;
  }
  .newsletter_content__form .input-group .form-control,
  .newsletter_content__form .input-group .newsletter_button {
    width: 100%;
    border-radius: 60px !important;
  }
}

.newsletter input#input_newsletter {
  height: 60px;
  border-top-left-radius: 60px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 64px;
  padding: 0px 28px 0px 28px;
}

.newsletter_titre--white_normal {
  font-weight: 400;
  font-size: 18px;
}

.social_titre__text {
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .newsletter {
    position: relative;
  }
  .newsletter .newsletter_wrapper {
    height: 25.1rem;
  }
  .newsletter .social_wrapper {
    height: 25.1rem;
  }
  .newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
  }
  .newsletter .newsletter_background,
  .newsletter .social_background {
    background-size: cover;
    background-position: center center;
    height: 50%;
    width: 100%;
    position: absolute;
  }
  .newsletter .newsletter_background {
    background-image: url(../../assets/images/background/bkg_newsletter.png);
    left: 0;
    z-index: -2;
    background-size: 272px;
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  .newsletter .social_background {
    background-image: url(../../assets/images/background/bkg_socio.png);
    right: 0;
    z-index: -2;
    background-size: 296px;
    background-repeat: no-repeat;
    background-position: bottom left;
  }
  .newsletter .social_background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .newsletter_background {
    background-position: center;
  }
  .social_background {
    background-position: center;
  }
}
@media (min-width: 992px) {
  .newsletter {
    position: relative;
  }
  .newsletter .newsletter_wrapper {
    height: 26.25rem;
  }
  .newsletter .social_wrapper {
    height: 26.25rem;
  }
  .newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
  }
  .newsletter .newsletter_background,
  .newsletter .social_background {
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 50%;
    position: absolute;
  }
  .newsletter .newsletter_background {
    background-image: url(../../assets/images/background/bkg_newsletter.png);
    left: 0;
    z-index: -2;
    background-size: 272px;
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  .newsletter .social_background {
    background-image: url(../../assets/images/background/bkg_socio.png);
    right: 0;
    z-index: -2;
    background-size: 296px;
    background-repeat: no-repeat;
    background-position: bottom left;
  }
  .newsletter .social_background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
@media screen and (min-width: 992px) and (max-width: 767px) {
  .newsletter_background {
    background-position: center;
  }
  .social_background {
    background-position: center;
  }
}
.social_wrapper {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reseaux_sociaux {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.reseaux_sociaux .social_card {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 6px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.reseaux_sociaux .social_card a {
  color: #d81a1e;
  font-size: 40px;
}

@media (max-width: 768px) {
  .social_titre__text {
    width: 100%;
  }
}
.footer_logo img {
  width: 60%;
}
@media (max-width: 992px) {
  .footer_logo img {
    max-width: 200px;
  }
}

.footer_wrapper {
  background-color: #f2f1fa;
  padding-top: 100px;
  padding-bottom: 30px;
}

.footer_logo_description {
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer_logo_description p {
  font-size: 16px;
  font-weight: 400;
}

.top_footer {
  margin-bottom: 50px;
}
.top_footer .star_logo_position {
  margin-bottom: 20px;
}

.bottom_footer {
  align-items: center;
}
@media (min-width: 992px) {
  .bottom_footer .align_right {
    text-align: right;
  }
}
.bottom_footer .text {
  color: #08070d;
  text-align: center;
  font-size: small;
}

.footer_logo_description {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #08070d;
}

.top_footer_nav {
  color: #08070d;
  font-weight: 700;
  margin-bottom: 14px;
  font-size: 20px;
}

.footer_nav_item ul {
  list-style: none;
}
.footer_nav_item ul li {
  margin-bottom: 7px;
}
.footer_nav_item ul a {
  text-decoration: none;
  color: #08070d;
  font-size: 16px;
  font-weight: 400;
}
.footer_nav_item ul a:hover {
  color: #d81a1e;
}

.footer_wrapper .bottom_footer .text ul {
  display: flex;
  list-style: none;
  margin: 0px;
  text-align: right;
  flex-wrap: nowrap;
  justify-content: end;
}
.footer_wrapper .bottom_footer .text ul li a {
  color: #08070d;
  text-align: center;
  font-size: small;
  font-weight: normal;
}
.footer_wrapper .bottom_footer .text ul li a:hover {
  color: #d81a1e;
}
.footer_wrapper .bottom_footer .text ul li:not(:last-child):after {
  content: " | ";
}

.header_nav {
  padding: 0px 32px;
  box-shadow: 0px 10px 28px rgba(20, 20, 43, 0.1);
  z-index: 9999;
  background-color: #d81a1e;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s;
}
@media (max-width: 1250px) {
  .header_nav {
    padding: 0 15px;
  }
  .header_nav .container {
    padding: 0;
  }
}
.header_nav .logo-green {
  display: none;
}
.header_nav.header-white {
  background-color: #fff;
  transition: 0.3s;
}
.header_nav.header-white .logo-red {
  display: none;
}
.header_nav.header-white .logo-green {
  display: block;
}
.header_nav.header-white .navbar-nav a {
  color: #090810 !important;
}
.header_nav.header-white .current_page_item.active a {
  font-weight: 700;
}
.header_nav.header-white .navbar-toggler .fa-bars {
  color: #08070d !important;
}
.header_nav.header-white .navbar-nav a.dropdown-item:hover {
  background-color: #fff;
  color: #090810;
}
.header_nav.header-white .current_page_item.active a {
  color: #090810;
}
.header_nav + .container {
  padding-top: 63px;
}

.navbar-nav a {
  color: #fff;
  margin: 0 10px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 1440px) {
  .navbar-nav a {
    margin: 0 5px;
  }
}
.navbar-nav a:hover {
  color: #fff;
}
.navbar-nav a:focus {
  color: #fff;
}
.navbar-nav a.dropdown-item {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-nav a.dropdown-item:hover {
  background-color: #d81a1e;
  color: #fff;
}

.dropdown-menu .current-menu-item a, .dropdown-menu .current-menu-item a span {
  color: #090810;
}

.logo_header img {
  width: 172px;
  height: 64px;
}

.navbar-nav {
  margin-left: auto;
}

.dropdown-menu {
  border: 1px solid #f2f1fa !important;
  border-radius: 1px !important;
  margin-top: 26px !important;
}

a.dropdown-item {
  color: #08070d;
}

.dropdown-item {
  width: auto !important;
  padding: 16px 24px 16px 10px;
}
.dropdown-item:hover {
  background: #d81a1e;
  color: #fff;
}

.navbar-nav .nav-link.show {
  color: #fff;
}

.menu-item.active a.nav-link {
  font-weight: 700;
}

.current_page_item.active a {
  color: #fff;
  font-weight: 700;
}

.navbar-nav a.dropdown-item {
  margin: 0;
}

ul.dropdown-menu.show {
  padding: 0;
}

.single__collab__heading__h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 56px;
  line-height: 66px;
  color: #090810;
}

.single__collaborateur__container h2,
.single__collaborateur__container h1 {
  color: var(--black);
}

.single__collab__heading__h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 46px;
  color: #090810;
}

.single__collab__heading__p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #8d8ba7;
}

.single__collab__heading__img {
  max-width: 100%;
  background-size: cover;
  height: auto;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  height: 100%;
}

.single__collaborateur__container h1 {
  color: var(--black);
}
.single__collaborateur__container h2 {
  color: var(--black);
}
.single__collaborateur__container .wrap-img {
  height: 550px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.emplois__job__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 6px 20px rgba(74, 58, 255, 0.08);
  border-radius: 8px;
}

.emplois__job__card__pill {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  gap: 16px;
  width: 92px;
  height: 34px;
  background: #08070d;
  border-radius: 30px;
  margin: 10px 0px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}
.emplois__job__card__pill__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  gap: 16px;
  width: 92px;
  height: 34px;
  background: #d81a1e;
  border-radius: 30px;
  margin: 10px 0px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}

.emplois__job__header {
  font-style: normal;
  font-weight: 800;
  font-size: 56px;
  line-height: 66px;
  color: #08070d;
}

.emplois__job__card__localisation {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #8d8ba7;
}

.emplois__job__card__title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #08070d;
}

.emplois .btn-emploie {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 36px;
  box-shadow: 0px 10px 28px rgba(20, 20, 43, 0.1);
  border-radius: 40px;
  color: #08070d;
  text-transform: capitalize;
  font-weight: 700;
  border: 1px #08070d solid;
  outline: none;
  background-color: transparent;
}

.emplois .btn-emploie:hover,
.emplois .btn-emploie[type=submit]:focus {
  background-color: #08070d;
  color: #fff;
}

@media (max-width: 600px) {
  .emplois__job__header {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
  }
}
.emplois__job__card__pill__stage {
  background-color: #d81a1e;
}

.modal-star-model {
  z-index: 99999;
  color: #090810;
}
.modal-star-model .btn-close {
  position: absolute;
  top: 30px;
  right: 30px;
  outline: none;
  border: 0;
}
.modal-star-model form {
  padding: 64px;
}
@media (max-width: 768px) {
  .modal-star-model form {
    padding: 20px;
  }
}
.modal-star-model .modal-title {
  font-size: 36px;
  font-weight: 800;
}
.modal-star-model label {
  font-weight: 700;
  font-size: 18px;
}
.modal-star-model .form-control {
  background-color: #F9F9FF;
  border: 0;
  height: 72px;
}
@media (max-width: 768px) {
  .modal-star-model .form-control {
    height: 40px;
  }
}

.custome-file {
  content: "";
}
.custome-file label {
  width: 100%;
}
.custome-file .label {
  margin-bottom: 10px;
  display: block;
}
.custome-file .champ-input {
  width: 100%;
  height: 72px;
  padding: 10px;
  position: relative;
  background-color: #f9f9ff;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.custome-file .champ-input p {
  margin-top: 15px;
}
.custome-file .champ-input .btn-file {
  position: absolute;
  right: 10px;
  background-color: #08070d;
  color: #fff;
  height: 49px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  padding: 15px 25px;
  cursor: pointer;
}

.wiziwyg p {
  font-size: 18px;
}

.btn__emploie__active {
  background-color: #08070d !important;
  color: #fff !important;
}

.formations__heading__h1 {
  /* Heading */
  /* Headings/H1 */
  font-style: normal;
  font-weight: 800;
  font-size: 56px;
  line-height: 66px;
  /* Neutral Colors/Headings Black */
  color: #090810;
}
@media (max-width: 600px) {
  .formations__heading__h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
.formations__heading__h1 {
  /* or 118% */
}

.formations__heading__p {
  /* Body/Default */
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  /* or 167% */
  /* Neutral Colors/Color 900 */
  color: #8d8ba7;
}

.formations__heading__img {
  /* Image Container */
  width: 100%;
  height: 100%;
}

.formations__heading__img__cont {
  width: 100%;
  height: 100%;
  background-size: cover;
}

@media (max-width: 600px) {
  .join_us_wrapper {
    padding: 0 !important;
    margin-bottom: 15px;
  }
  .join_us_wrapper h2.small-title {
    font-size: 25px !important;
  }
}
.join_us_wrapper .join_us {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #f2f1fa;
  background: url(./../images/background/bkg-agence.png) no-repeat center center;
  background-size: cover;
  padding: 60px;
  border-radius: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
  height: 308px;
  max-width: 1040px;
}
.join_us_wrapper .join_us .text_left {
  display: flex;
  width: 500px;
}
.join_us_wrapper .join_us h2.title-white-red {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .join_us_wrapper {
    padding: 30px;
  }
  .join_us_wrapper .join_us {
    margin-top: 0;
    margin-bottom: 0;
    gap: 30px;
    padding: 30px;
    height: auto;
  }
}

.image_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 12px;
}
.image_overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.card_body_first {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.card_first {
  border: none;
}

.card_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.card_date {
  font-size: 14px;
}

.card_body {
  padding: 0px 15px 15px;
}
.card_body--foreground {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  z-index: 1;
}
.card_body .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 95px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .last_actualities {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .last_actualities .card_wrapper {
    height: auto;
    margin-bottom: 20px;
  }
  .last_actualities .card_wrapper .card-text {
    width: 100%;
  }
  .last_actualities .card_wrapper--tiny .card {
    border-radius: 12px;
    border: none;
  }
  .last_actualities .card_wrapper .image_cap {
    height: 250px;
  }
  .last_actualities .card_wrapper .card {
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 992px) {
  .last_actualities {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .last_actualities .card_wrapper {
    height: auto;
    margin-bottom: 20px;
  }
  .last_actualities .card_wrapper .card-text {
    width: 100%;
  }
  .last_actualities .card_wrapper--tiny {
    width: 286px;
  }
  .last_actualities .card_wrapper--tiny .card {
    border-radius: 12px;
    border: none;
  }
  .last_actualities .card_wrapper .image_cap {
    height: 250px;
  }
  .last_actualities .card_wrapper .card {
    background-color: rgba(0, 0, 0, 0);
  }
}
.produits_services {
  height: 860px;
  z-index: 0;
  position: relative;
}
.produits_services::after {
  content: "";
  height: 100%;
  width: 50%;
  left: 50%;
  background-color: var(--red);
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.produits_services .container {
  z-index: 2;
  position: relative;
}
.produits_services .container .produits {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  padding-top: 90px !important;
}
.produits_services .container .produits figure {
  width: 100%;
}
.produits_services .container .produits figure .img-fluid {
  max-width: 100%;
  height: auto;
}
.produits_services .container .produits h2 {
  padding: 0 20px;
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.produits_services .container .produits .btn {
  border: 1px solid var(--black);
}
.produits_services .container .produits .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 52px;
  padding: 0 20px;
}
.produits_services .container .produits .contents {
  padding: 0 64px;
}
@media (max-width: 991px) {
  .produits_services .container .produits .contents {
    padding: 20px;
  }
}
.produits_services .container .services {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 90px !important;
}
.produits_services .container .services figure {
  width: 100%;
}
.produits_services .container .services figure .img-fluid {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 991px) {
  .produits_services .container .services {
    position: relative;
  }
}
.produits_services .container .services h2 {
  padding: 0 20px;
  min-height: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.produits_services .container .services .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 52px;
  padding: 0 20px;
}
.produits_services .container .services .btn.btn-white {
  color: var(--black);
}
.produits_services .container .services .btn.btn-white .arrow-right::before {
  background: url(./../images/icons/arrow-right-black.svg) no-repeat center center;
}
.produits_services .container .services .btn.btn-white:hover {
  color: var(--white);
}
.produits_services .container .services .btn.btn-white:hover .arrow-right::before {
  background: url(./../images/icons/arrow-right-hover.svg) no-repeat center center;
}
.produits_services .container .services .contents {
  padding: 0 15px 0 64px;
}
@media (max-width: 991px) {
  .produits_services .container .services .contents {
    padding: 20px;
  }
}
@media screen and (max-width: 991px) {
  .produits_services {
    height: 600px;
    overflow: hidden;
    height: auto;
  }
  .produits_services::after {
    width: 100%;
    left: 0;
    bottom: 0;
    top: 600px;
  }
  .produits_services .container .description {
    min-height: 70px;
    justify-content: center;
    flex-direction: column;
    display: flex;
    padding: 0;
  }
  .produits_services .container .h2 {
    min-height: 85px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .produits_services .container .produits {
    margin-bottom: 0px;
    padding-top: 40px !important;
  }
  .produits_services .container .produits figure {
    height: 225px;
  }
  .produits_services .container .produits figure .img-fluid {
    height: 100%;
    display: block;
    margin: 0 auto;
  }
  .produits_services .container .produits h2 {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .produits_services .container .produits .description {
    margin: 0;
    padding: 0 30px;
    min-height: 45px;
  }
  .produits_services .container .services {
    padding-top: 0 !important;
  }
  .produits_services .container .services figure {
    height: 220px;
  }
  .produits_services .container .services figure .img-fluid {
    height: 100%;
    padding-top: 0 !important;
    display: block;
    margin: 0 auto;
  }
  .produits_services .container .services .btn {
    margin-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .produits_services::after {
    background-color: unset;
  }
  .produits_services {
    margin-bottom: 40px;
  }
}
.card_evenement {
  box-shadow: 1px 1px 11px 0px rgba(195, 195, 195, 0.5);
  border-radius: 10px;
  margin: 4px;
  font-family: sans-serif;
  font-weight: bold;
  width: 180px;
  height: 400px; /* Ajustez la hauteur selon vos besoins */
  min-width: 300px;
  color: #8D8BA7;
}

.btn_white {
  background-color: white;
  border-color: lightgray;
  box-shadow: 0px 5px 11px 5px rgba(195, 195, 195, 0.5);
  height: 60px;
  width: auto;
}

.filter h1 {
  font-size: 56px;
}

.ensemble-vison {
  background: #FAFAFF;
}
.ensemble-vison .text-left {
  text-align: left;
}
.ensemble-vison .logo-visons, .ensemble-vison .logo_b {
  width: 208px;
  height: 192px;
  margin-top: 8%;
}
.ensemble-vison .mr {
  margin-right: 47%;
}
.ensemble-vison .btn-primary {
  width: 370px;
  height: 76px;
  padding: 9px 53px 26px 59px;
  border-radius: 47.27px;
  gap: 8px;
  background: #5d5a88;
  color: #fff;
  border: none;
  margin-top: 23px;
}
.ensemble-vison .arrow_right {
  width: 20px;
  height: 20px;
  font-size: 32px;
}
.ensemble-vison .content-stat {
  margin-top: 10%;
}
.ensemble-vison .bl {
  border-left: 1px solid #D4D2E3;
}
.ensemble-vison .bt {
  border-top: 1px solid #D4D2E3;
}
.ensemble-vison .m {
  padding: 34px;
}
.ensemble-vison .title_vison {
  max-width: 430px;
  font-weight: 700;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .ensemble-vison .btn_container {
    max-width: 480px;
  }
}

.section-rse {
  background: #fff;
  padding: 64px 0;
}
.section-rse img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}
.section-rse .mt {
  margin-top: 14%;
}
.section-rse .rounded_button {
  background: #fff;
  color: #5d5a88;
}
@media (max-width: 991px) {
  .section-rse img {
    height: 100%;
    object-fit: contain;
  }
}

.produit-et-service .title_vison {
  text-align: right;
}
.produit-et-service .product {
  background: #F2F1FA;
  height: auto;
  padding: 64px;
}
.produit-et-service .service {
  margin-top: 4%;
  background: #FAFAFF;
  height: auto;
  padding: 64px;
}
.produit-et-service .btn-primary {
  width: 210px;
  height: 76px;
}

/* BEGIN RENCONTREZ-NOUS */
.bloc-niveau-2 {
  text-align: center;
  padding: 50px 0;
}
.bloc-niveau-2 h2 {
  color: var(--black);
  font-size: 36px;
  margin-bottom: 40px;
}
.bloc-niveau-2 h3 {
  font-size: 18px;
  font-weight: 700;
  color: #090810;
}
.bloc-niveau-2 p {
  font-size: 16px;
  font-weight: 400;
  color: #090810;
}

.bloc-niveau-2 .comite-direction {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.bloc-niveau-2 div.comite-direction ul {
  flex-wrap: wrap;
  justify-content: start;
  padding-left: 0;
  gap: 60px;
}

.bloc-niveau-2 div ul,
.bloc-niveau-3 div ul {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.bloc-niveau-2 div li {
  list-style: none;
  height: 314px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 180px;
  width: 180px;
  align-items: center;
  /*gap: 10px;*/
}
.bloc-niveau-2 div li img {
  border-radius: 50%;
  width: 180px;
  height: 180px;
  background-color: #9795B5;
  display: block;
  /*object-fit: contain;*/
}
.bloc-niveau-2 div li b {
  /*min-height: 48px;*/
}

.bloc-niveau-2 li img {
  width: 180px;
  height: auto;
  object-fit: cover;
}

.bloc-niveau-2 li .img-comite {
  min-height: 180px;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  background-color: #9795b5;
  display: block;
}

.bloc-niveau-3 {
  background-color: #d81a1e;
  padding: 20px;
  margin: 20px 0;
  height: auto;
  color: #fff;
}

.bloc-niveau-3 h2, .bloc-niveau-3 h2 > p {
  font-size: 36px;
  font-weight: 800;
  max-width: 574px;
}

.bloc-niveau-3 .texte-bloc-collaborateur p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #fff;
  max-width: 574px;
}

.bloc-niveau-3 div li {
  padding: 10px;
}

.bloc-niveau-3 .bloc-collaborateur a {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}
.bloc-niveau-3 .bloc-collaborateur a.linkDesign {
  flex: 0 0 auto;
  flex-basis: 280px;
  max-height: 280px;
  min-height: 280px;
  display: flex;
  overflow: hidden;
  margin-bottom: 14px;
}
.bloc-niveau-3 .bloc-collaborateur a.linkDesign img {
  max-height: 100%;
  width: auto;
  object-fit: cover;
}
.bloc-niveau-3 .bloc-collaborateur a.linkText {
  color: #fff;
  min-height: 48px;
  display: block;
  line-height: 20px;
}
.bloc-niveau-3 .bloc-collaborateur p.nom-collabo {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
}

.bloc-niveau-3 div div.image-collabo {
  width: 100%;
  height: 100%;
}

.bloc-niveau-3 div div.image-collabo img {
  width: 100%;
  max-height: 290px;
  overflow: hidden;
}

.bloc-niveau-3 div div.nom-collabo {
  width: 226px;
}

.bloc-niveau-3 .slick-initialized .slick-slide {
  padding-right: 0;
}

.comite-collaborateur.slick-initialized.slick-slider {
  margin-left: -3px;
}

.rencontrez-nous .join_us h2.col-md-7.white.small-title {
  width: 43%;
}

.rencontrez-nous .group_top {
  margin: 0;
}
.rencontrez-nous .group_top .column_group p {
  font-size: 18px;
}

@media (max-width: 800px) {
  .bloc-niveau-2 div ul,
  .bloc-niveau-3 div ul {
    flex-direction: column;
  }
}
/* END RENCONTREZ-NOUS */
button.slick-prev.slick-arrow {
  display: none !important;
}

button.slick-next.slick-arrow {
  display: none !important;
}

button:focus, button:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  outline: none;
}

.card-histoire {
  height: 420px;
  border-radius: 16px;
  padding-top: 32px;
  padding-right: 40px;
  padding-bottom: 32px;
  padding-left: 40px;
  background-color: white;
}

.container-respect {
  margin-top: 20px;
  height: 670px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.card-valeur {
  padding-top: 89px;
}

.container-trait-culture {
  margin-top: 214px;
  height: 670px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.container-creation {
  height: 670px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 5%;
  background-position: center;
}

.container-vision {
  width: 100%;
  height: 960px;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-mission {
  width: 100%;
  height: 960px;
  background-repeat: no-repeat;
  background-size: cover;
}

.row.test > * {
  width: 50%;
}

.prev {
  background: transparent;
  border: none;
}

.next {
  background: transparent;
  border: none;
}

.title-histoire {
  font-size: 56px;
  font-weight: 800;
  line-height: 66px;
  text-align: left;
}
.title-histoire + .row .slick-track {
  margin: 0;
}

.text-container-mission {
  padding-top: 90%;
  text-align: right;
  padding-right: 10%;
}

.text-container-vision {
  padding-top: 20%;
  padding-left: 10%;
  padding-right: 10%;
}

.text-container-vision p {
  font-size: 18px;
}

.text-container-vision strong {
  font-size: 36px;
}

.text-container-mission p {
  font-size: 18px;
  color: white;
}

.text-container-mission strong {
  font-size: 36px;
  color: white;
}

.text-container-consideration {
  border-radius: 200px;
  width: 320px;
  height: 320px;
  padding: 0px 32px;
  text-align: center;
}

.text-container-consideration strong {
  font-family: Open Sans;
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
  letter-spacing: 0em;
  text-align: center;
  color: #FFFFFF;
}

.container-rencontrer {
  margin: 2%;
  width: 50%;
  margin-left: 25%;
  background-color: black;
  height: 308px;
  border-radius: 40px;
}

.text-description-rencontrer {
  padding-left: 5%;
  color: white;
  font-weight: bold;
  font-size: 23px;
  padding-top: 14%;
}

.contain-button-rencontrer {
  padding-left: 10%;
  padding-top: 15%;
  padding-right: 10%;
}

.btn-rencontrer {
  background: #D81A1E;
  width: 238px;
  height: 62px;
  border-radius: 44.9px;
  font-size: 20px;
  color: white;
}

.head-histoire.container-fluid {
  background-color: #d81a1e;
  margin-right: 0;
  margin-left: 0;
  overflow-x: hidden;
}

.card-title {
  color: red;
  font-size: 36px;
}

.card-title p {
  font-size: 16px;
}

.container-vision-mission {
  background-repeat: no-repeat;
  background-size: cover;
  height: 960px;
  background-position: top center;
}

.mission-wrap {
  color: white;
  text-align: right;
  padding-top: 10%;
  padding-right: 5%;
  margin-bottom: 20%;
}

.vision-wrap {
  text-align: left;
  margin-top: 32%;
  color: white;
}

.glass-card {
  background: rgba(9, 8, 16, 0.08);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4.5px);
}

.mission-wrap strong {
  font-size: 36px;
}

.vision-wrap strong {
  font-size: 36px;
}

.mission-wrap p {
  font-size: 18px;
  line-height: 24px;
}

.vision-wrap p {
  font-size: 18px;
  line-height: 24px;
}

.histoire-wrap-join_us {
  background-repeat: no-repeat;
  background-size: cover;
}

.circle-glass {
  background: rgba(0, 0, 0, 0.11);
  backdrop-filter: blur(6.9px);
}

.card-text {
  color: #8D8BA7;
  font-size: 16px;
}

.card-histoire img {
  border: 0;
  margin: 0 auto;
  min-height: 206px;
  width: auto;
}
.card-histoire img.img-thumbnail {
  padding: 0;
  margin-bottom: 20px;
  object-fit: cover;
}

.button-group-slick {
  right: 100px;
  bottom: 60px;
}

.text-card-histoire p {
  height: 72px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: right;
  color: #8D8BA7;
}

.title-month-histoire {
  font-size: 24px;
  font-weight: 800;
  line-height: 34px;
  letter-spacing: 0px;
  text-align: right;
  color: #090810;
}

.depuis-wrap {
  padding-left: 55%;
}

.depuis-wrap strong {
  color: white;
  font-size: 20px;
}

.depuis-wrap p {
  color: white;
  font-size: 30px;
  font-weight: bolder;
}

.title-valeur-histoire {
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
  letter-spacing: 0em;
  text-align: left;
  color: #090810;
}

.describe-valeur {
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

.section-histoire {
  padding-top: 64px;
}

@media screen and (max-width: 1001px) {
  .mission-wrap {
    margin-top: 10%;
    margin-right: 0%;
  }
  .vision-wrap {
    margin-left: 0%;
  }
}
@media screen and (max-width: 991px) {
  .container-vision-mission {
    height: auto;
  }
  .vision-wrap {
    margin-top: 10%;
  }
  .mission-wrap {
    margin-bottom: 10%;
  }
}
@media screen and (max-width: 767px) {
  .title-histoire {
    font-size: 32px;
  }
}
@media screen and (max-width: 376px) {
  .depuis-wrap strong {
    font-size: 15px;
  }
  .depuis-wrap p {
    font-size: 25px;
  }
}
@media screen and (max-width: 450px) {
  .text-container-consideration {
    width: 260px;
    height: 260px;
  }
  .text-container-consideration strong {
    font-size: 25px;
  }
}
nav.woocommerce-breadcrumb {
  display: flex;
  align-items: center;
  height: 60px;
}

nav.woocommerce-breadcrumb a {
  color: #d81a1e;
  padding: 0px 10px;
}

:root {
  --red: rgba(216, 26, 30, 1);
  --gray: rgba(141, 139, 167, 1);
  --black: rgba(9, 8, 16, 1);
  --white: rgba(255, 255, 255, 1);
  --border-pink:rgba(255, 214, 215, 1);
}

.red {
  color: var(--red);
}

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

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

.gray {
  color: var(--gray);
}

.bkg-red {
  background-color: #d51c20 !important;
}

.bkg-black {
  background-color: var(--black) !important;
}

.bkg-gray {
  background-color: var(--gray) !important;
}

.bkg-white {
  background-color: var(--white) !important;
}

body {
  font-family: "Open Sans";
}

h1 {
  font-size: 72px;
}

.specific-page-title, .specific-page-title h1 {
  font-size: 56px !important;
  color: var(--black);
  padding: 10px 0;
}

h2 {
  font-size: 44px;
}
h2.small-title {
  font-size: 36px;
}

h3 {
  font-weight: 800;
}

h1, h2, h3, h4, h5 {
  font-weight: 800 !important;
}

.heading-1 {
  font-size: clamp(36px, 8vw, 70px);
}

.heading-2 {
  font-size: clamp(28px, 4vw, 50px);
  line-height: 46px !important;
}

a {
  font-size: 20px;
  font-weight: 700;
}

p {
  font-size: 20px;
  font-weight: 400;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.border-none {
  border: none;
}

.btn.btn-black {
  background-color: var(--black);
  color: white;
  height: 66px;
  border-radius: 40px;
  width: auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn.btn-black:hover {
  background-color: var(--white);
  color: black;
}

.btn.btn-primary {
  background-color: var(--red);
  color: white;
  height: 66px;
  border-radius: 40px;
  width: auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn.btn-primary .arrow-right {
  position: relative;
}
.btn.btn-primary .arrow-right::before {
  content: "";
  height: 100%;
  line-height: 55px;
  background: url(./../images/icons/arrow-right-hover.svg) no-repeat center center;
  width: 16px;
  height: 16px;
  background-size: 15px;
  display: block;
}
.btn.btn-primary:hover .arrow-right::before {
  content: "";
  background: url(./../images/icons/arrow-right.svg) no-repeat center center;
  width: 16px;
  height: 16px;
  background-size: 15px;
  display: block;
}

.btn.btn-primary:hover {
  background-color: var(--white);
  color: var(--red);
  border: 1px solid var(--red);
}

.btn.btn-white {
  background-color: var(--white);
  color: var(--red);
  height: 66px;
  border-radius: 40px;
  width: auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn.btn-white .arrow-right {
  position: relative;
}
.btn.btn-white .arrow-right::before {
  content: "";
  height: 100%;
  line-height: 55px;
  background: url(./../images/icons/arrow-right.svg) no-repeat center center;
  width: 16px;
  height: 16px;
  background-size: 15px;
  display: block;
}
.btn.btn-white:hover .arrow-right::before {
  content: "";
  background: url(./../images/icons/arrow-right-hover.svg) no-repeat center center;
  width: 16px;
  height: 16px;
  background-size: 15px;
  display: block;
}
.btn.btn-white.btn-white-border-black {
  border: 1px solid var(--black);
  color: var(--black);
}
.btn.btn-white.btn-white-border-black .arrow-right::before {
  background: url(./../images/icons/arrow-right-black.svg) no-repeat center center;
}
.btn.btn-white.btn-white-border-black:hover .arrow-right::before {
  background: url(./../images/icons/arrow-right-hover.svg) no-repeat center center;
}

.btn.btn-white:hover {
  background-color: var(--red);
  color: var(--white);
  border: 1px solid var(--white);
}

.btn.btn-red {
  background-color: var(--red);
  color: white;
  height: auto;
  border-radius: 40px;
  width: auto;
  padding: 20px 40px;
}
.btn.btn-red:hover {
  background-color: var(--white);
  color: var(--red);
  border: 1px solid var(--red);
}

.small-gap {
  gap: 20px;
}

.medium-gap {
  gap: 32px;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.text-justify {
  text-align: justify;
}

.single__emploies__title {
  font-style: normal;
  font-weight: 800;
  font-size: 56px;
  line-height: 66px;
  color: #08070d;
}
@media (max-width: 768px) {
  .single__emploies__title {
    font-size: 40px;
  }
}

.single__emploies__jobtype {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 36px;
  color: #fff;
  background: #08070d;
  border-radius: 40px;
  font-weight: 700;
  font-size: 18px;
}
.single__emploies__jobtype__stage {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 36px;
  gap: 16px;
  color: #fff;
  background: #d81a1e;
  border-radius: 40px;
  font-weight: 700;
}

.single__emploies__localisation {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 8px 24px;
  gap: 8px;
  background: #fff;
  border: 1.33333px solid #8d8ba7;
  border-radius: 40px;
  font-size: 18px;
}

.single__emploies__para {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #8d8ba7;
}

.single__emploies__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 24px;
  gap: 24px;
  border: 1px solid #f2f1fa;
  border-radius: 8px;
}
.single__emploies__card h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #d81a1e;
}
.single__emploies__card ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #8d8ba7;
}

.single__emploies__postule {
  display: flex;
  justify-content: center;
  align-items: center;
}
.single__emploies__postule a {
  padding: 20px 56px !important;
  background: #08070d !important;
  box-shadow: 0px 10px 28px rgba(20, 20, 43, 0.1) !important;
  border-radius: 47.2727px !important;
  color: #fff !important;
  border: 0;
  font-weight: 700;
  font-size: 20px;
}
.single__emploies__postule a:hover {
  background: white !important;
  color: #08070d !important;
  border: #08070d solid 1px;
}

.modal {
  overflow: hidden !important;
}

.modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.modal-header {
  border: none !important;
}

.modal-content {
  background: #ffffff;
  border-radius: 12px;
}

.modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
}
.modal-footer button {
  padding: 20px 56px !important;
  gap: 16px !important;
  background: #08070d !important;
  box-shadow: 0px 10px 28px rgba(20, 20, 43, 0.1) !important;
  border-radius: 47.2727px !important;
  color: #fff !important;
}

.medaille_entete_gauche .grand_titre {
  font-size: 3rem;
}
@media (max-width: 991px) {
  .medaille_entete_gauche .grand_titre {
    font-size: 2rem;
  }
}
.medaille_entete_gauche .sous_titre {
  font-size: 2rem;
  font-weight: 700;
  color: #d81a1e;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .medaille_entete_gauche .sous_titre {
    font-size: 1.5rem;
  }
}
.medaille_entete_gauche .paragraphe {
  text-align: left;
}

.medaille_entete_droite .image img {
  width: 564.88px;
  height: 557px;
  border-radius: 12px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .medaille_entete_droite .image img {
    height: 300px;
  }
}

.medaille_wrapper {
  margin: 100px 0px 40px 0px;
}
.medaille_wrapper .row {
  align-items: center;
}
.medaille_wrapper .medaille_entete_gauche {
  margin-bottom: 10px;
}

.medailles_history_wrapper {
  margin-top: 10px;
  margin-bottom: 50px;
}
.medailles_history_wrapper .image_medaille {
  background-color: #08070d;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
.medailles_history_wrapper .image_medaille .description {
  font-size: 1.5rem;
  font-weight: 600;
}
.medailles_history_wrapper .medaille_column {
  padding: 0px;
  height: 50vw;
}
@media (max-width: 780px) {
  .medailles_history_wrapper .medaille_column {
    height: auto;
  }
}
.medailles_history_wrapper .dates_medaille {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 991px) {
  .medailles_history_wrapper .dates_medaille {
    height: auto;
  }
}
.medailles_history_wrapper .dates_medaille.gauche {
  text-align: right;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle {
  width: 76%;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle .top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle .top .separator {
  height: 3px;
  background-color: #d81a1e;
  width: 17%;
  margin-left: 13px;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle .top .date_text {
  font-size: 3rem;
  font-weight: 700;
  color: #d81a1e;
  width: 90%;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle .bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle .bottom .separator {
  height: 2px;
  background-color: #fff;
  width: 18%;
}
.medailles_history_wrapper .dates_medaille.gauche .intervalle .bottom .date_event p {
  font-weight: 600;
  width: 100%;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle {
  width: 76%;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle .top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle .top .separator {
  height: 3px;
  background-color: #d81a1e;
  width: 17%;
  margin-right: 13px;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle .top .date_text {
  font-size: 3rem;
  font-weight: 700;
  color: #d81a1e;
  width: 100%;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle .bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle .bottom .separator {
  height: 2px;
  background-color: #fff;
  width: 18%;
}
.medailles_history_wrapper .dates_medaille.droite .intervalle .bottom .date_event p {
  font-weight: 600;
  width: 100%;
}

/* PAGE EVENEMENTS PRIVES */
.bloc-partenaire {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.bloc-partenaire .scroll {
  display: flex;
  flex-wrap: wrap;
}

.box-partenaire {
  border: 0.1px solid rgba(128, 128, 128, 0.5);
  border-radius: 10px;
  padding: 10px;
  margin: 2px;
  width: 230px;
  height: 150px;
}

button.tarifs-conditions {
  gap: 16px !important;
  background: #08070d !important;
  box-shadow: 0px 10px 28px rgba(20, 20, 43, 0.1) !important;
  border-radius: 47.2727px !important;
  color: #fff !important;
  padding: 5px 30px;
  margin: auto;
}
button.tarifs-conditions:hover {
  background: white !important;
  color: #08070d !important;
  border: #08070d solid 1px !important;
}

#filter-form {
  width: 100%;
  display: flex;
  gap: 7px;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  #filter-form {
    flex-flow: row wrap;
  }
}
#filter-form .input-container {
  max-width: 39%;
  width: 100%;
}
@media (max-width: 600px) {
  #filter-form .input-container {
    max-width: 100%;
  }
}
#filter-form .form-control {
  font-weight: 400;
  font-size: 16px;
}
#filter-form ::placeholder {
  color: #090810;
  font-weight: 400;
}
#filter-form .select {
  margin-right: 5px !important;
}
#filter-form .select#zone-partenaire {
  max-width: 110px;
  width: 100%;
}

#recherche-partenaire {
  height: 50px;
  padding-left: 15px;
  margin: 2px;
  font-size: small;
  border-radius: 25px;
  background-color: #f7f7f7;
  width: 100%;
  display: block;
  border: 0;
}

#province-partenaire,
#zone-partenaire {
  display: inline-block;
  height: 50px;
  padding-right: 10px;
  margin: 2px;
  font-size: small;
  border: 1px solid grey;
  border-radius: 25px;
  background-color: transparent;
  color: grey;
  text-align-last: center;
  border: #090810 1px solid;
}

#filter-btn {
  border: 0;
  padding: 10px;
  position: absolute;
  top: 3px;
  right: 15px;
}

.pagination {
  width: 100%;
}
.pagination a {
  font-size: 15px;
  padding: 5px;
}
.pagination span.current {
  font-size: 15px;
  padding: 5px;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
  margin: 100px auto;
}

.loader::before,
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #179046;
  animation: prixClipFix 2s linear infinite;
}

.loader::after {
  border-color: #FF3D00;
  animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
  inset: 6px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
/* END PAGE EVENEMENTS PRIVES */
.p-40px {
  padding: 40px;
}
@media (max-width: 991px) {
  .p-40px {
    padding: 15px;
  }
}

.h-100vh {
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 991px) {
  .h-100vh {
    height: auto;
  }
}

.evenement-prives {
  content: "";
}
.evenement-prives .container-trait-culture {
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .evenement-prives .container-trait-culture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
  }
}
.evenement-prives .container-trait-culture img {
  width: auto;
  height: 100%;
  max-width: unset;
  min-width: 100%;
}
@media (max-width: 991px) {
  .evenement-prives .container-trait-culture img {
    height: auto;
  }
}
.evenement-prives .content-desc {
  position: relative;
}
@media (max-width: 991px) {
  .evenement-prives .content-desc {
    overflow: hidden;
  }
}
.evenement-prives .content-desc .desc {
  position: absolute;
  padding: 50px 64px;
}
@media (max-width: 991px) {
  .evenement-prives .content-desc .desc {
    position: static;
    padding: 15px;
  }
}
.evenement-prives .content-desc .desc p {
  font-size: 18px;
  font-weight: 400;
  color: #8D8BA7;
  max-width: 450px;
}
.evenement-prives .content-desc .desc .title {
  font-size: 56px;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 991px) {
  .evenement-prives .content-desc .desc .title {
    font-size: 40px;
    line-height: 100%;
  }
}
.evenement-prives .content-desc .desc .title b,
.evenement-prives .content-desc .desc .title strong {
  color: #d81a1e;
  display: block;
}
@media (max-width: 991px) {
  .evenement-prives .content-desc-right .grand_titre {
    font-size: 40px;
    line-height: 100%;
  }
}
@media (max-width: 1024px) and (min-width: 992px) {
  .evenement-prives .content-desc-right .filter-form {
    flex-direction: column;
  }
  .evenement-prives .content-desc-right .filter-form .w-50 {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .evenement-prives .content-desc-right .filter-form {
    flex-direction: column;
  }
  .evenement-prives .content-desc-right .filter-form .w-50 {
    width: 100% !important;
  }
}
.evenement-prives .content-desc-right .filter-form .menu-select {
  justify-content: end;
  flex-flow: row wrap;
}
@media (max-width: 1024px) and (min-width: 992px) {
  .evenement-prives .content-desc-right .filter-form .menu-select {
    width: 100% !important;
    justify-content: start;
  }
}
@media (max-width: 600px) {
  .evenement-prives .content-desc-right .filter-form .menu-select {
    width: 100% !important;
    justify-content: start;
  }
}
.evenement-prives .content-desc-right .filter-form .menu-select .select {
  width: auto;
  color: #090810 !important;
  font-weight: 400;
  font-size: 18px !important;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll {
  margin-top: 24px;
  padding: 7px;
  gap: 3%;
  max-height: 75vh;
  overflow: auto;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll::-webkit-scrollbar {
  width: 8px;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll {
  /* Track */
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll::-webkit-scrollbar-track {
  background: #BCBACD;
  border-radius: 10px;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll {
  /* Handle */
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll::-webkit-scrollbar-thumb {
  background: #090810;
  border-radius: 10px;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll {
  /* Handle on hover */
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll {
  /* width */
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item {
  margin: 0 0 3%;
  box-shadow: 1px 1px 11px 0px rgba(195, 195, 195, 0.5);
  border-radius: 10px;
  padding: 24px 20px;
  color: #8D8BA7;
  min-width: 200px;
  width: 22.5%;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item {
    width: 48%;
  }
}
@media (max-width: 600px) {
  .evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item {
    width: 100%;
  }
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item .text-black {
  color: #090810;
  font-size: 20px;
  font-weight: 700;
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item .content {
  content: "";
}
.evenement-prives .content-desc-right .bloc-partenaire .scroll .grid-item button.tarifs-conditions {
  border: 0;
  font-size: 12px;
  max-width: 250px;
  width: 100%;
  height: 42px;
}

.modal-partenaire .gap-2 {
  margin-bottom: 10px;
}
.modal-partenaire span.ico-svg {
  margin-top: -5px;
}
.modal-partenaire .modal-content {
  padding: 30px 40px;
}
@media (max-width: 480px) {
  .modal-partenaire .modal-content {
    padding: 20px 15px;
  }
}
.modal-partenaire .modal-title {
  line-height: 100%;
}
.modal-partenaire .content {
  color: #8D8BA7;
  font-weight: 700;
  font-size: 18px;
}
.modal-partenaire .content .text-black {
  color: #090810;
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
}
.modal-partenaire .details-partenaire {
  padding: 24px;
  border: 1px #F2F1FA solid;
  border-radius: 8px;
}
.modal-partenaire .details-partenaire h3,
.modal-partenaire .details-partenaire h2,
.modal-partenaire .details-partenaire h4,
.modal-partenaire .details-partenaire h5 {
  font-weight: 700 !important;
  color: #090810;
  font-size: 18px;
  border-bottom: solid 1px #D4D2E3;
  padding-bottom: 5px;
}
.modal-partenaire .details-partenaire ul {
  padding: 0;
}
.modal-partenaire .details-partenaire ul li {
  color: #8D8BA7;
  font-size: 18px;
  font-weight: 400;
  list-style: none;
}
.modal-partenaire .details-partenaire ul li em {
  font-style: normal;
  color: #090810;
  margin-right: 10px;
}
.modal-partenaire .details-partenaire ul li strong {
  font-weight: 700;
  color: #090810;
}
.modal-partenaire .tarifs-conditions {
  border: 0;
  font-size: 12px;
  max-width: 250px;
  width: 100%;
}

body {
  padding-top: 90px !important;
}

.header_nav + .container {
  padding-top: 0 !important;
}

@media (max-width: 767px) {
  .formations__section__two {
    align-items: start !important;
  }
  .formations__section__two .px-mobile {
    padding: 12px !important;
  }
  .formations__section__two .img {
    height: 295px;
  }
  .formations__section__two .img img {
    height: 100%;
    width: auto !important;
    margin: auto;
  }
}
#simulateur {
  padding: 20px;
}
#simulateur p input {
  width: 30%;
}
#simulateur p label {
  width: 300px;
}
#simulateur td.right {
  text-align: right;
}
#simulateur td.total {
  color: #d81a1e;
  font-weight: bold;
}
#simulateur .liste-produit {
  margin: 40px 0;
}
#simulateur .liste-produit .scroll-table {
  height: 400px;
  /* Set the height of the container */
  overflow-y: auto;
  /* Enable vertical scrolling */
  border: 1px solid #ddd;
}
#simulateur .liste-produit .scroll-table table {
  width: 100%;
  border-collapse: collapse;
}
#simulateur .liste-produit .scroll-table thead th,
#simulateur .liste-produit .scroll-table tfoot td {
  position: sticky;
  background-color: #f9f9f9;
  z-index: 1;
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
#simulateur .liste-produit .scroll-table thead th {
  top: 0;
}
#simulateur .liste-produit .scroll-table tfoot td {
  bottom: 0;
}
#simulateur .liste-produit .scroll-table tbody td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
#simulateur .liste-produit .scroll-table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
@media screen and (max-width: 767px) {
  #simulateur .liste-produit .scroll-table table tr td input {
    width: 100px !important;
  }
}
#simulateur #btn-simulation:hover:disabled {
  background-color: transparent;
  color: #d81a1e;
  cursor: default;
}
#simulateur .msg-paiement {
  max-width: 500px;
  margin: 30px auto;
  border: 1px solid #e18e01;
  background-color: rgba(255, 165, 0, 0.2);
  text-align: center;
  border-radius: 6px;
  height: 48px;
  line-height: 48px;
  color: #e18e01;
  font-weight: 600;
}
#simulateur .simu-input {
  border: solid 1px #5d5a88;
}
#simulateur .is-invalid {
  border: 1px solid red;
}
#simulateur .alert-danger {
  color: red;
}

.simulator-form .form-group .input-column p label {
  font-weight: 700;
  margin-bottom: 6px;
  width: 100% !important;
}
.simulator-form .form-group .input-column p input {
  width: 100% !important;
  padding: 2px 24px;
  min-height: 54px;
  border-radius: 8px;
  border: 1px solid var(--gray-light);
  background-color: #f9f9ff;
  vertical-align: middle;
  font-size: 16px;
}
.simulator-form p input.btn-submit {
  color: #fff;
  border-radius: 40px;
  width: auto !important;
  padding: 0 32px;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
  border: 1px solid var(--red);
  background-color: var(--red);
  height: 66px;
  line-height: 64px;
  display: block;
}
.simulator-form p input.btn-submit:hover {
  background-color: var(--white);
  color: var(--red);
}

.carousel-wrapper {
  position: relative;
}
.carousel-wrapper .carousel-text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* Cover the entire width of the carousel */
  height: 100%;
  /* Cover the entire height of the carousel */
  display: flex;
  align-items: center;
  /* Vertically center text */
  justify-content: left;
  /* Align text to the left */
  padding-left: 20%;
  padding-right: 20%;
  /* Optional: Add some padding from the left */
  z-index: 10;
  /* Ensure the text is above the carousel images */
  background-color: rgba(0, 0, 0, 0.5);
  /* Semi-transparent background covering the entire carousel */
  color: white;
  /* Customize based on your design */
}
.carousel-wrapper .carousel-text-overlay .text-box .text-red {
  color: #d81a1e;
}
.carousel-wrapper .celebrer-caroussel {
  height: 634px;
  /* Make sure the carousel height is defined */
}
.carousel-wrapper .celebrer-caroussel .carousel-item {
  height: 100%;
}
.carousel-wrapper .celebrer-caroussel .carousel-item img {
  height: 100%;
  object-fit: cover;
}

.carousel-indicators {
  position: absolute;
  bottom: 20px;
  /* Adjust the position of indicators slightly above the bottom */
  left: 34%;
  /* Centers the indicators horizontally */
  transform: translateX(-50%);
  /* Centers the indicators perfectly */
  z-index: 11;
  /* Ensures they appear above the carousel */
  display: flex;
  justify-content: center;
  gap: 8px;
  /* Adds some space between each indicator */
}

.carousel-indicators button {
  background-color: rgba(255, 255, 255, 0.8);
  /* Default semi-transparent white */
  border: none;
  width: 12px;
  /* Set a fixed width */
  height: 12px;
  /* Set the same height for a perfect circle */
  border-radius: 50%;
  /* Makes the indicators perfectly round */
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  /* Smooth transition */
}

.carousel-indicators .active {
  background-color: #d81a1e;
  /* Red color for active indicator */
  width: 14px;
  /* Slightly increase the size of the active indicator */
  height: 14px;
}

.carousel-indicators button:hover {
  background-color: #d81a1e;
  /* Red color on hover */
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  width: 12px;
  height: 12px;
  padding: 0;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}

.carousel-indicators .active {
  background-color: #d81a1e;
  /* Red color for active indicator */
  width: 12px;
  /* Slightly increase the size of the active indicator */
  height: 12px;
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
  .carousel-wrapper .carousel-text-overlay {
    padding-left: 10%;
    padding-right: 10%;
    /* Decrease padding for smaller screens */
  }
  .text-box {
    margin-left: 0;
    margin-right: 0;
  }
  .celebrer-caroussel {
    height: 349px;
    /* Make sure the carousel height is defined */
  }
}
@media (max-width: 480px) {
  .carousel-wrapper .carousel-text-overlay {
    padding-left: 0%;
    padding-right: 0%;
    /* Decrease padding for smaller screens */
  }
  .celebrer-caroussel {
    height: 435px;
    /* Make sure the carousel height is defined */
  }
}
#cgu {
  margin-top: 100px;
  text-align: justify;
}
#cgu .text-black {
  margin-bottom: 50px;
  font-size: 14px;
}

html {
  margin: 0 !important;
}

.contact_star {
  margin-top: 90px;
  padding-top: 0;
}
.contact_star .image-bg {
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.contact_star .image-bg .square_card {
  height: 300px;
  row-gap: 10px;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}
.contact_star .image-bg .square_card p, .contact_star .image-bg .square_card a {
  font-size: 16px;
  line-height: 18px;
}
.contact_star .input-group {
  column-gap: 20px;
  justify-content: space-between;
}
.contact_star .input-group .input-column {
  flex: 0 0 auto;
  flex-basis: calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.contact_star .input-group .input-column p {
  font-size: 18px;
}
.contact_star .input-group .input-column .wpcf7-form-control {
  max-width: 100%;
}
.contact_star p.label + p > span input {
  width: 100%;
  padding: 2px 24px;
  min-height: 54px;
  border-radius: 8px;
  border: 1px solid var(--gray-light);
  background-color: #F9F9FF;
  vertical-align: middle;
  font-size: 16px;
}
.contact_star p.label + p > span input[type=checkbox] {
  width: auto;
}
.contact_star p.label + p > span input[type=checkbox] + span {
  font-size: 13px;
  font-weight: 400;
}
.contact_star p.label + p > span textarea {
  background-color: #F9F9FF;
  width: 100%;
  min-height: 188px;
  border: 1px solid var(--gray-light);
  padding: 12px 20px;
  border-radius: 10px;
}
.contact_star .wpcf7-form p {
  font-size: 18px;
  font-family: "Open Sans";
}
.contact_star .wpcf7-form p.label {
  font-weight: 700;
  margin-bottom: 6px;
}
.contact_star .wpcf7-form p .wpcf7-not-valid-tip {
  font-size: 14px;
}
.contact_star .wpcf7-form p .btn-submit {
  background-color: var(--black);
  color: white;
  height: 54px;
  border-radius: 40px;
  width: auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
}
.contact_star .wpcf7-form p .btn-submit:hover {
  background-color: var(--white);
  color: black;
}

.card-contact {
  background-color: white;
  width: auto;
  height: 300px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover;
  background-position: center;
}

.text-card-contact {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #D81A1E;
  padding-top: 20%;
  flex: 0 0 100%;
}

.social_card_contact {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background-color: #FFD6D7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social_card_contact a {
  font-size: 12px;
  color: #D81A1E;
}

.social-contact {
  justify-content: space-between;
  width: 70%;
  padding-bottom: 20%;
}

.container-contact-card .col {
  padding: 0;
  margin: 0;
}

.title_contact h1 {
  font-size: 36px;
}

/* BEGIN NOS MARQUES */
#nos-marques {
  padding-top: 100px;
}

#nos-marques .content-categories {
  margin-bottom: 25px;
  padding-bottom: 25px;
  display: flex;
  flex-flow: row wrap;
}

.bloc-category {
  max-width: 46%;
  text-align: center;
  width: 100%;
}
.bloc-category.bieres, .bloc-category.boissons-gazeuses {
  height: 385px;
  margin-bottom: 20px;
}
.bloc-category.bieres img, .bloc-category.boissons-gazeuses img {
  height: 100%;
  width: auto;
}
.bloc-category.alcoomix, .bloc-category.energy-drinks, .bloc-category.eaux {
  height: 250px;
  margin-bottom: 20px;
}
.bloc-category.alcoomix img, .bloc-category.energy-drinks img, .bloc-category.eaux img {
  height: 100%;
  width: auto;
}
@media (max-width: 600px) {
  .bloc-category {
    max-width: 100%;
  }
}
.bloc-category a {
  font-size: 50px;
  color: #08070d;
  display: block;
  margin: 10px;
  box-shadow: 1px 1px 16px #dbdbdb;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  display: block;
}
.bloc-category img {
  max-width: 100%;
  height: auto;
  min-height: 200px;
  font-size: 15px;
}
@media (max-width: 600px) {
  .bloc-category img {
    min-height: 150px;
  }
}

.name-category {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 44px;
  line-height: 100%;
}
@media (max-width: 580px) {
  .name-category {
    font-size: 25px;
  }
}

/* END NOS MARQUES */
.image_content {
  width: auto;
  height: 557px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
}

.title-description-bloc {
  font-size: 50px;
  font-weight: 800;
  line-height: 66px;
  letter-spacing: 0px;
  text-align: left;
  color: #090810;
}

.description-bloc-rse {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: #8D8BA7;
}

.title-nos-action-rse {
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
  letter-spacing: 0px;
  text-align: left;
  color: #090810;
}

.chiffre-nos-action-rse {
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
  letter-spacing: 0px;
  text-align: center;
  color: #090810;
}

.chiffre-nos-action-rse a {
  color: #D81A1E !important;
}

.describe-nos-action {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #9795B5;
}

.container-nos-actions {
  height: 174px;
  padding: 24px 16px 24px 16px;
  border-radius: 15px;
  border: solid;
  border-width: 1px;
  gap: 16px;
  border-color: #D4D2E3;
}

.title-project-rse {
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
  letter-spacing: 0px;
  text-align: left;
  color: #090810;
}

.wrapper-project {
  background-color: #D81A1E;
}

.project-title-card {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0px;
  text-align: left;
  color: #FFFFFF;
}

.project-location-card {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #FFFFFF;
}

.project-descrition-card {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #FFFFFF;
}

.videoRse .container iframe {
  width: 100%;
  height: 557px;
  border-radius: 12px;
}

.project-rse {
  position: relative;
}
.project-rse.slick-initialized .slick-slide {
  width: 100%;
  padding-right: 0;
}
.project-rse .slick-slide img {
  height: 600px;
  width: 100%;
  object-fit: cover;
}
.project-rse .slick-slide .wrapper-project {
  height: 600px;
  position: relative;
}
.project-rse .slick-slide .wrapper-project h3 {
  font-weight: 700 !important;
}
.project-rse .slick-slide .wrapper-project h4 {
  font-weight: 500 !important;
}
.project-rse button.slick-prev.slick-arrow, .project-rse button.slick-next.slick-arrow {
  display: block !important;
  bottom: 30px;
  top: auto;
}
.project-rse .slick-arrow {
  font-size: 0;
}
.project-rse button.slick-next.slick-arrow {
  right: 52px !important;
  left: auto;
  padding: 0;
  border: none;
  width: 20px !important;
}
.project-rse button.slick-next.slick-arrow:hover {
  color: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.project-rse button.slick-next.slick-arrow::before {
  content: "";
  width: 51px;
  height: 43px;
  background: url(./../images/arrow-next.svg) no-repeat center center;
  background-size: 50px;
  display: block;
  z-index: 9;
  position: relative;
}
.project-rse button.slick-prev.slick-arrow {
  right: calc(25% - 42px) !important;
  left: auto;
  z-index: 2;
  border: none;
  padding: 0 !important;
  width: 20px !important;
}
.project-rse button.slick-prev.slick-arrow:hover {
  color: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.project-rse button.slick-prev.slick-arrow::before {
  content: "";
  width: 51px;
  height: 43px;
  background: url(./../images/arrow-prev.svg) no-repeat center center;
  background-size: 50px;
  display: block;
  z-index: 9;
  position: relative;
}
.project-rse .slick-dots {
  width: 24%;
  right: 20px;
  bottom: 35px;
}
.project-rse .slick-dots li {
  width: 16px;
  height: 16px;
}
.project-rse .slick-dots li button {
  width: 6px;
  height: 6px;
  color: transparent;
  border: 2px solid white;
  outline: none;
  background: transparent;
  border-radius: 30px;
}
.project-rse .slick-dots li button::before {
  content: "";
  width: 10px;
  height: 10px;
}
.project-rse .slick-dots li.slick-active button {
  border: 2px solid white;
  background: white;
}
.project-rse .slick-dots li.slick-active button::before {
  opacity: 1;
  color: transparent;
  content: "";
}
.project-rse .slick-dots li.slick-active button:focus, .project-rse .slick-dots li.slick-active button:hover {
  background: white !important;
}
@media screen and (max-width: 767px) {
  .project-rse .slick-slide .wrapper-project {
    padding-bottom: 100px !important;
  }
  .project-rse button.slick-prev.slick-arrow {
    right: calc(50% - 36px) !important;
  }
}
@media screen and (max-width: 575px) {
  .project-rse .slick-slide .wrapper-project {
    height: auto;
  }
  .project-rse button.slick-prev.slick-arrow {
    left: 23px !important;
  }
  .project-rse .project-rse button.slick-next.slick-arrow {
    right: 55px !important;
  }
}

div#product-category {
  display: flex;
  align-items: center;
  margin-top: 100px;
}

.content-category {
  border-radius: 30px;
  background-color: #f2f1fa;
  margin: 10px auto 10px auto;
  padding-right: 20px;
}
.content-category a {
  color: #08070d;
  padding-left: 10px;
}

.content-category.active {
  background-color: #d81a1e !important;
}
.content-category.active a {
  color: #fff !important;
}

.circuit-distribution {
  display: none;
}

#tab-additional_information {
  display: block !important;
}

.woocommerce-tabs ul {
  display: none;
}

#produit-rse {
  max-width: 996px;
  margin: auto;
  width: 100%;
  padding: 15px;
}

#produit-rse .img-product-rse {
  max-width: 996px;
  min-height: 350px;
  width: 100%;
  background-color: #F9F9FF;
  border-radius: 30px;
}

#produit-rse iframe {
  width: 100%;
}

.list-produits {
  padding: 10px 0;
  display: flex;
  justify-content: end;
  box-shadow: 0px 2px 0px 0px #f7f7f7;
  float: left;
  margin-top: 100px;
  width: 200px;
}
.list-produits ul {
  list-style: none;
}
@media (max-width: 768px) {
  .list-produits {
    margin-top: 50px;
  }
}
.list-produits #product-category {
  display: flex;
  flex-flow: row wrap;
  gap: 16px !important;
}
.list-produits #product-category .content-category {
  margin: 0;
  background-color: #fafaff;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 25px 0 15px !important;
}
.list-produits #product-category .content-category img {
  height: 40px;
}

body main.main-product {
  max-width: 100% !important;
  padding: 0;
}
@media (max-width: 1080px) {
  body main.main-product {
    padding: 0 1rem;
  }
}

.fiche-produit {
  display: flex;
  flex-flow: row wrap;
  padding: 0 !important;
}
.fiche-produit .content-wrap {
  display: flex;
  flex-flow: row wrap;
}
.fiche-produit .list-produits {
  width: 100% !important;
  margin-top: 0px;
  justify-content: center;
}
.fiche-produit #product-category {
  margin-top: 0;
}
.fiche-produit .product {
  width: 30%;
  box-shadow: 3px 0px 14px -4px #ccc;
  margin: 0;
  max-width: 315px;
  position: relative;
  background: #fff;
}
@media (max-width: 580px) {
  .fiche-produit .product {
    z-index: 10;
    transition: 0.3s;
    height: 100%;
    width: 100%;
    max-width: 100%;
  }
}
.fiche-produit .product .products {
  padding: 0;
}
.fiche-produit .product .products li {
  list-style: none;
  border-bottom: #D4D2E3 solid 1px;
  min-height: 60px;
}
.fiche-produit .product .products li a {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  color: #08070d;
}
.fiche-produit .product .products li a img {
  width: 40px;
}
.fiche-produit .product .products li a .svg-ico {
  display: none;
}
.fiche-produit .product .products li:last-child {
  border-bottom: 0;
  padding: 40px 15px;
}
.fiche-produit .product .products li.active {
  background-color: #2d0911;
}
.fiche-produit .product .products li.active a {
  color: #fff;
  font-weight: 700;
  position: relative;
}
.fiche-produit .product .products li.active a .svg-ico {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
}
.fiche-produit .produit-content {
  width: 68%;
  padding-top: 30px;
}
@media (max-width: 991px) {
  .fiche-produit .produit-content {
    flex-direction: column;
  }
}
@media (max-width: 580px) {
  .fiche-produit .produit-content {
    width: 100%;
  }
}
.fiche-produit .produit-content .item {
  width: 48%;
}
@media (max-width: 991px) {
  .fiche-produit .produit-content .item {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .fiche-produit .produit-content .items-description {
    max-width: 100%;
    padding: 15px;
  }
}
.fiche-produit .woocommerce-product-gallery {
  position: relative;
}
@media (max-width: 580px) {
  .fiche-produit .fiche-produit {
    padding: 0;
  }
  .fiche-produit .product-logo {
    display: none;
  }
  .fiche-produit .title-sociaux {
    margin: 0;
    line-height: 100%;
  }
}
.fiche-produit .slick-dots {
  display: flex;
  justify-content: center;
}
.fiche-produit .slick-dots li {
  border-radius: 50%;
  border: 2px solid black;
  width: 10px;
  height: 10px;
}
.fiche-produit .slick-dots li.slick-active {
  border: 0;
  background-color: #d81a1e;
}
.fiche-produit .slick-dots li button:before {
  display: none;
}

@media (max-width: 1080px) {
  .site-main {
    max-width: 100% !important;
  }
}
@media (max-width: 480px) {
  .medaille .items {
    width: 100%;
  }
}
.woocommerce-product-gallery__trigger {
  display: none;
}

.fs-24 {
  font-size: 24px !important;
}

.fw-700 {
  font-weight: 700 !important;
}

@media (max-width: 600px) {
  .card.card {
    margin: 0 !important;
  }
}

.article-liste .row {
  margin-left: 0;
  margin-right: 0;
}
.article-liste .input-group .form-select,
.article-liste .form-group .form-select {
  height: 66px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #08070d;
}
.article-liste .input-group .input-search,
.article-liste .form-group .input-search {
  max-width: 419px;
  height: 66px;
  padding-left: 15px;
  margin: 2px;
  font-size: small;
  background-color: #f7f7f7;
  width: 100%;
  display: block;
  border: 0;
  color: #08070d;
  border-radius: 50px !important;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .article-liste .input-group .input-search,
  .article-liste .form-group .input-search {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.article-liste .input-group .btn-ico,
.article-liste .form-group .btn-ico {
  border: 0;
  padding: 10px;
  position: absolute;
  top: 8px;
  right: 15px;
}

.last_actualities_slider {
  background-color: #F9F9FF;
  padding: 64px 0 64px 64px;
}
@media (max-width: 1080px) {
  .last_actualities_slider {
    padding: 1rem;
  }
}
.last_actualities_slider .btn.btn-white.btn-white-border-black {
  border: 1px solid #D4D2E3;
}
.last_actualities_slider .content.content-home {
  gap: 0;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1080px) {
  .last_actualities_slider .content.content-home {
    flex-direction: column;
  }
}
.last_actualities_slider .content.content-home .card {
  min-height: 1px;
}
@media (max-width: 1080px) {
  .last_actualities_slider .content.content-home .card {
    width: 100% !important;
  }
}
.last_actualities_slider .content.content-home .card .card-body h2 {
  font-size: 44px;
}
.last_actualities_slider .slide-event {
  width: 70%;
  overflow: hidden;
  padding-bottom: 50px;
}
@media (max-width: 1080px) {
  .last_actualities_slider .slide-event {
    width: 100%;
  }
}
.last_actualities_slider .slide-event .slick-list {
  margin-right: -100px;
}
@media (max-width: 1080px) {
  .last_actualities_slider .slide-event .slick-list {
    margin-right: 0;
  }
}
.last_actualities_slider .slide-event .slick-list .card_evenement {
  box-shadow: none;
  background-color: white;
}
.last_actualities_slider .slide-event .slick-dots {
  bottom: 0;
  display: flex;
  justify-content: start;
}
.last_actualities_slider .slide-event .slick-dots li {
  border-radius: 50%;
  border: 2px solid black;
  width: 10px;
  height: 10px;
}
.last_actualities_slider .slide-event .slick-dots li.slick-active {
  border: 0;
  background-color: #d81a1e;
}
.last_actualities_slider .slide-event .slick-dots li button:before {
  display: none;
}

.last_actualities {
  padding-top: 30px !important;
}
.last_actualities .content {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
  justify-content: start;
}
.last_actualities .content.content-home {
  gap: 20px;
}
.last_actualities .content.content-home .card.card_first {
  width: 28%;
}
@media (max-width: 768px) {
  .last_actualities .content.content-home .card.card_first {
    width: 47%;
  }
}
@media (max-width: 600px) {
  .last_actualities .content.content-home .card.card_first {
    width: 100%;
  }
}
.last_actualities .content.content-home .card {
  width: 22%;
  min-width: 245px;
}
@media (max-width: 768px) {
  .last_actualities .content.content-home .card {
    width: 47%;
  }
}
@media (max-width: 600px) {
  .last_actualities .content.content-home .card {
    width: 100%;
  }
}
.last_actualities .content.content-home .card:hover .image_overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.last_actualities .content.content-home .card:hover .image_overlay img {
  transform: scale(1.3);
}
.last_actualities .content.content-home .card_evenement {
  display: flex;
  justify-content: center;
}
.last_actualities .content.content-home .card_evenement img {
  width: 100%;
}
.last_actualities .content.content-event {
  content: "";
  justify-content: space-between;
}
.last_actualities .content.content-event .card {
  width: 48%;
  min-height: 1px;
  border-color: #F2F1FA;
  margin-bottom: 40px;
}
@media (max-width: 1080px) {
  .last_actualities .content.content-event .card {
    width: 100%;
  }
}
.last_actualities .content.content-event .card .card-body {
  display: flex;
}
@media (max-width: 580px) {
  .last_actualities .content.content-event .card .card-body {
    flex-direction: column-reverse;
  }
}
.last_actualities .content.content-event .card .card-body .wiziwyg {
  width: 50%;
  font-family: "Open sans";
}
@media (max-width: 1080px) {
  .last_actualities .content.content-event .card .card-body .wiziwyg {
    width: 65%;
  }
}
@media (max-width: 580px) {
  .last_actualities .content.content-event .card .card-body .wiziwyg {
    width: 100%;
  }
}
.last_actualities .content.content-event .card .card-body .wiziwyg h3 {
  color: Black;
  font-size: 24px;
}
.last_actualities .content.content-event .card .card-body .wiziwyg .date {
  color: #D81A1E;
  font-size: 18px;
  font-weight: 700;
}
.last_actualities .content.content-event .card .card-body .wiziwyg p {
  color: #8D8BA7;
}
.last_actualities .content.content-event .card .card-body .wiziwyg p.fs-16 {
  font-size: 16px;
}
.last_actualities .content.content-event .card .card-body .thumbnail {
  width: 50%;
  border-radius: 13px;
  box-shadow: 0px 0px 7px rgba(216, 26, 30, 0.1);
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  .last_actualities .content.content-event .card .card-body .thumbnail {
    width: 35%;
    justify-content: center;
  }
  .last_actualities .content.content-event .card .card-body .thumbnail img {
    width: 150px !important;
  }
}
@media (max-width: 580px) {
  .last_actualities .content.content-event .card .card-body .thumbnail {
    width: 100%;
  }
  .last_actualities .content.content-event .card .card-body .thumbnail img {
    margin: auto;
  }
}
.last_actualities .content.content-event .card .card-body .thumbnail img {
  width: 100%;
  height: auto;
}
.last_actualities .card {
  position: relative;
  min-height: 405px;
  width: 24.4%;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 1080px) {
  .last_actualities .card {
    width: 31%;
  }
}
@media (max-width: 767px) {
  .last_actualities .card {
    width: 48%;
  }
}
@media (max-width: 580px) {
  .last_actualities .card {
    width: 100%;
  }
}
.last_actualities .card .card_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
}
.last_actualities .card.grid-item:hover .image_overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.last_actualities .card.grid-item:hover .image_overlay img {
  transform: scale(1.3);
}
.last_actualities .image_overlay {
  position: static;
}
.last_actualities .image_overlay:before {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.last_actualities .image_overlay img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 100%;
  width: auto;
  border-radius: 0;
}
@media (max-width: 767px) {
  .last_actualities .image_overlay img {
    max-width: 100%;
    width: 100%;
  }
}
.last_actualities .card_body {
  position: absolute;
  bottom: 15px;
}

@media (max-width: 1080px) {
  .container {
    max-width: 100%;
  }
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination .page-item {
  content: "";
}
.pagination .page-item:first-child .page-link {
  border-radius: 5px 0 0 5px;
}
.pagination .page-item:last-child .page-link {
  border-radius: 0px 5px 5px 0;
}
.pagination .page-item .page-link {
  width: 44px;
  height: 40px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1C1C1C;
  border-color: #DEE2E7;
}
.pagination .page-item .page-link.active {
  background-color: #FFD6D7;
  color: #d81a1e;
}
.pagination .bg-star {
  border: 1px #d81a1e solid !important;
  background-color: #d81a1e;
}

.custome-pagination .page-numbers {
  width: 44px;
  height: 40px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1C1C1C;
  border: 1px solid #DEE2E7;
  text-align: center;
}
.custome-pagination .page-numbers.current {
  background-color: #FFD6D7;
  color: #d81a1e;
}
.custome-pagination .page-numbers.next, .custome-pagination .page-numbers.prev {
  border: 1px #d81a1e solid !important;
  background-color: #d81a1e;
  font-size: 0;
  position: relative;
}
.custome-pagination .page-numbers.next {
  border-radius: 0 5px 5px 0;
}
.custome-pagination .page-numbers.next:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../images/next.svg) no-repeat center;
  display: block;
  position: absolute;
}
.custome-pagination .page-numbers.prev {
  border-radius: 5px 0px 0px 5px;
}
.custome-pagination .page-numbers.prev:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../images/prev.svg) no-repeat center;
  display: block;
  position: absolute;
}

.pagination-number {
  content: "";
}
.pagination-number .page-item .page-link {
  border-radius: 0 !important;
}

.select-pill select {
  height: 40px;
  border-radius: 40px;
  color: #090810;
  border: #090810 solid 1px;
}

.newsletter_input::-webkit-input-placeholder {
  color: rgba(173, 171, 195, 0.9294117647);
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 1400px) {
  .produits_services .container {
    max-width: 100%;
  }
  .produits_services .container .services h2 {
    font-size: 32px;
    padding: 0;
  }
}
@media (max-width: 1080px) {
  .produits_services .container .produits .contents,
  .produits_services .container .services .contents {
    padding: 0 25px;
  }
}
.cta-card {
  display: flex;
  background-color: #d81a1e;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5%;
  border-radius: 8px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
}
.cta-card .cta-left-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  height: 130px;
  width: 450px;
}
.cta-card .cta-left-content .cta-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 43.58px;
}
.cta-card .cta-left-content .cta-sub-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}
.cta-card .cta-left-content .cta-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 1024px) {
  .cta-card {
    margin-left: 5%;
    margin-right: 5%;
    padding: 4%;
  }
  .cta-card .cta-left-content {
    height: auto;
  }
  .cta-card .cta-left-content .cta-title {
    font-size: 28px;
    line-height: 36px;
  }
  .cta-card .cta-left-content .cta-sub-title {
    font-size: 16px;
  }
  .cta-card .cta-left-content .cta-desc {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .cta-card {
    flex-direction: column;
    margin-left: 5%;
    margin-right: 5%;
    padding: 3%;
    text-align: center;
  }
  .cta-card .cta-left-content {
    align-items: center;
    justify-content: center;
    height: auto;
    width: auto;
    margin-bottom: 20px;
  }
  .cta-card .cta-left-content .cta-title {
    font-size: 24px;
    line-height: 32px;
  }
  .cta-card .cta-left-content .cta-sub-title {
    font-size: 14px;
  }
  .cta-card .cta-left-content .cta-desc {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .cta-card {
    margin-left: 2%;
    margin-right: 2%;
    padding: 2%;
  }
  .cta-card .cta-left-content {
    margin-bottom: 15px;
  }
  .cta-card .cta-left-content .cta-title {
    font-size: 20px;
    line-height: 28px;
  }
  .cta-card .cta-left-content .cta-sub-title {
    font-size: 12px;
  }
  .cta-card .cta-left-content .cta-desc {
    font-size: 11px;
  }
}
.cta-card .cta-right-content .button {
  height: 64px;
  width: 64px;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.cta-card .cta-right-content .button a {
  font-size: 0px;
}
.cta-card .cta-right-content .button svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #d81a1e;
}
.cta-card .cta-right-content .button:hover {
  background-color: #d81a1e;
  border: solid 1px #fff;
}
.cta-card .cta-right-content .button:hover svg {
  stroke: #fff;
}
@media (max-width: 768px) {
  .cta-card .cta-right-content .button {
    height: 48px;
    width: 48px;
  }
  .cta-card .cta-right-content .button svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 480px) {
  .cta-card .cta-right-content .button {
    height: 40px;
    width: 40px;
  }
  .cta-card .cta-right-content .button svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 320px) {
  .cta-card .cta-right-content .button {
    height: 32px;
    width: 32px;
  }
  .cta-card .cta-right-content .button svg {
    width: 12px;
    height: 12px;
  }
}

:root {
  --base-font-size: 18px;
}

.container {
  color: #5d5a88;
}

body {
  font-family: "Open Sans";
  overflow-x: hidden;
}

/*# sourceMappingURL=style.min.css.map */