/*
Theme name: archeon
Theme URI: https://codegraphique.fr
Author: Code graphique
Author URI: https://codegraphique.fr
Description: Archeon
Version: 1.0
*/


/***********
 * GLOBALS *
 ***********/

.scroll-to-top-button {
  background: #F11731;
  color: white;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  transition: .2s opacity ease-in-out;
  z-index: 99999;
}
.button-email {
  background: #F11731;
  color: white;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 70px;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  transition: .2s opacity ease-in-out;
  z-index: 99999;
}

.button-email img,
.scroll-to-top-button img{
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.category-presse-fr .hpv-article,
.category-presse-en .hpv-article,
.press-article{
    display: none;
}

.text-shadow-noir{
    text-shadow: #000000 1px 0 15px;
}
.text-shadow-blanc{
    text-shadow: #ffffff 1px 0 15px;
}
.category-presse-fr .press-article,
.category-presse-en .press-article{
    display: block;
}
input[type=checkbox] {
    display: inline-block;
}

 * {
  margin: 0;
  padding: 0
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
}

a{
    color: #000;
    transition: color .5s ease;
}

a:hover{
    color: #F11731;
    transition: color .5s ease;
}
.fond-blanc p{
    color: #494949;
}
p{
    line-height: 1.8rem;
}

.page {
    background-color:   #000;
    margin-top: 81px;
}

.bt_bb_text h4{
    color: #F11731;
    margin-top: 2rem;
}

body, button, input, select, textarea{
    font-family: "Lexend", serif;
}

.slider-center-bottom .bt_bb_content_slider_item[class*="bt_bb_background_overlay"] .bt_bb_content_slider_item_content{
    bottom: 5rem;
    position: absolute;
}

.actu-press .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner,
.actu-home .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner{
    position: relative;
}

.actu-press .bt_bb_grid_item_post_content,
.actu-home .bt_bb_grid_item_post_content {
    background: none;
    position: absolute;
    padding:    2rem;
    color: #fff;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    transition: background 1s ease;
}
.actu-press .bt_bb_grid_item_post_content:hover,
.actu-home .bt_bb_grid_item_post_content:hover {
    background: rgba(0, 0, 0, 0.5);
    transition: background 1s ease;
}
.actu-press .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title,
.actu-home .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title {
    bottom: 2rem;
    position: absolute;
    padding-bottom: 0;
    transition: padding-bottom .5s ease;
    width: inherit;
}

.actu-press .bt_bb_grid_item:hover .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title,
.actu-home .bt_bb_grid_item:hover .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title{
        padding-bottom: 3rem;
        transition: padding-bottom .5s ease;
}

.actu-press .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title a,
.actu-home .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title a{
    font-size: 22px;
    font-weight: 500;
    text-shadow: #000000 1px 0 15px;
}

.actu-press .bt_bb_grid_item_post_content .bt_bb_grid_item_meta,
.actu-home .bt_bb_grid_item_post_content .bt_bb_grid_item_meta {
    top: 2rem;
    position: absolute;
}
.actu-press .bt_bb_grid_item_post_content .bt_bb_grid_item_meta .bt_bb_grid_item_date:before,
.actu-home .bt_bb_grid_item_post_content .bt_bb_grid_item_meta .bt_bb_grid_item_date:before{
    display: none;
}
.actu-press .bt_bb_css_post_grid.bt_bb_shape_round .bt_bb_grid_item,
.actu-home .bt_bb_css_post_grid.bt_bb_shape_round .bt_bb_grid_item {
    height: fit-content;
}

.bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories li a{
    color: #CB2228;
    background: none;
    padding: 0;
    font-size: 14px;
}

.bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:hover, .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item.active {
    background: none ;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;
}

.bt_bb_post_grid_filter {
    padding: 1em 0 2em 0;
}


.bt_bb_css_post_grid .bt_bb_css_post_grid_content a {
    font-weight: 500;
}

.bt_bb_grid_item_post_content .bt_bb_grid_item_meta {
    padding: 0;
}

.bt_bb_css_post_grid .bt_bb_grid_item .bt_bb_grid_item_inner {
    border-radius: 7px;
}

.bt_bb_grid_item_post_content {
    padding: 1.5em;
}

#wpadminbar{
  display: none;
}

/***********
 * HEADER *
 ***********/
/* Conteneur principal */
.language-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 2rem;
}

/* Langue actuelle affichée */
.language-dropdown .current-language {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    padding: 0 10px;
}

/* Liste des langues */
.language-dropdown .dropdown-menu {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    gap: 0;
}

/* Icône de flèche */
.language-dropdown .current-language::before {
    content: ' ';
    display: inline-block;
    margin: 0 10px 3px 5px;
    border: solid white;
    border-width: 0 2px 2px 0;
    padding: 5px;
    transform: rotate(45deg);
}

/* Élément de la liste */
.language-dropdown .dropdown-menu li {

    text-align: left;
}

/* Lien dans la liste */
.language-dropdown .dropdown-menu li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    display: block;
    font-size: 1rem;
    font-weight: normal;
    padding: 10px;
}

/* Survol des options */
.language-dropdown .dropdown-menu li a:hover {
    color: #F11731;
}

/* Langue active */
.language-dropdown .dropdown-menu li a.active {
    color: #F11731;
}

/* Effet au survol du conteneur principal */
.language-dropdown .dropdown-menu {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}




.header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000;
    z-index: 999999999;
    height: 81px;
}

.container-header {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    border-bottom: 1px solid rgba(255,255,255,.25);
}

.logo img {
    height: 50px;
}
header .nav-desktop{
    display: contents;
}

header .header-buttons{
    display: flex;
}

header .nav-desktop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 40px;
}

header .header-buttons .distributor-btn{
    margin-right: 40px;
}

header .nav-desktop ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    transition: color 0.3s;
    font-size: 1rem;
}

.contact-us-btn:hover,
.distributor-btn:hover,
header .nav-desktop ul li a:hover {
    color: #F11731;
    font-size: 1rem;
}

.distributor-btn,
.contact-us-btn{
    text-decoration: none;
    color: #fff;
}
.distributor-btn li a::before {
    content: url(assets/img/distributor.svg);
    display: inline-block;
    width: 14px;
    margin: 0px 10px 0 0;
}

.distributor-btn:hover li a::before {
    content: url(assets/img/distributor-red.svg);
}

.contact-us-btn li a {
    border: 1px solid #818181;
    border-radius: 7px;
    padding: 8px 30px;
}

.contact-us-btn:hover li a {
    border: 1px solid #F11731;
}



.menu-responsive{
    display: none;
}


    #overlay,
    #overlay-button {
        display: none;
    }



#mobile-lang{
    display: flex;
    align-items: center;
}
html[lang="en-US"] .lang-fr,
html[lang="fr-FR"] .lang-us {
    display: none;
}


#overlay-button {
  z-index: 99999;
  cursor: pointer;
    padding: 25px 10px;
}
#overlay-button  span {
      height: 0px;
      width: 25px;
      background-color: #000;
      position: relative;
      display: block;
      transition: all .2s ease-in-out;
}
#overlay-button  span:before {
        top: -6px;
        visibility: visible;
      }

#overlay-button  span::after {
        top: 6px;
      }


#overlay-button  span:before,
#overlay-button  span::after {
          height: 2px;
          width: 25px;
          background-color: white;
          position: absolute;
          content: "";
          transition: all .2s ease-in-out;
      }
    }
#overlay-button:hover span,
#overlay-button:hover span:before,
#overlay-button:hover span:after {
      background: #F11731;
    }
}

#overlay-input{
    display: none !important ;
}

header input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked ~ #overlay {
    visibility: visible;
    transition:visibility 0.3s linear;
  }
  
input[type=checkbox]:checked ~ #overlay-button:hover span, span{
      background: transparent;
    }
input[type=checkbox]:checked ~ #overlay-button span:before {
        transform: rotate(45deg) translate(5px, 5px);
        opacity: 1;
      }
input[type=checkbox]:checked ~ #overlay-button span:after {
        transform: rotate(-45deg) translate(4px, -4px);
      }


#overlay {
  height: 100vh;
  width: 100vw;
  background: #000;
  z-index: 2;
  visibility: hidden;
  position: fixed;
  right: 0;
    top: 0;
}

#overlay ul {
    text-align: left;
    padding: 40px 20px;
}
#overlay ul li {
      padding: 10px 0;
  }
#overlay ul li a {
        color: white;
        text-decoration: none;
        font-size: 1.5em;
    }
#overlay ul li a:hover {
          color: #F11731;
        }


#overlay .logo{
    text-align: center;
    display: block;
    padding: 15px 0;
    z-index: 4;
}
.site-main{
    margin-top: 50px;
}


/***********
 * FOOTER *
 ***********/
.site-footer {
    color: #ffffff;
    padding: 40px 20px 0;
    background-color: #000;
}
.footer-mention-legal{
    background-color:#1E1E1E ;
    padding: 0 20px;
}

.footer-bottom,
.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1380px;
    margin: 0 auto;
    gap: 20px;
    padding: 40px 0;
}

.footer-bottom {
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    font-size: 14px;
    color: #787878;
}
#menu-mentions-legales,
#menu-mentions-legales-fr,
#menu-footer-menu,
#menu-footer-menu-fr,
#menu-menu-logo-reseaux-sociaux{
    list-style: none;
    display: flex;
}

#menu-mentions-legales,
#menu-mentions-legales-fr{
    gap: 20px;
}

#menu-mentions-legales a,
#menu-mentions-legales-fr a{
    text-decoration: none;
    color: #787878;
}
#menu-mentions-legales a:hover,
#menu-mentions-legales-fr a:hover{
    color: #fff;
    transition: color 0.5s ease;
}
#menu-footer-menu,
#menu-footer-menu-fr{
    gap: 40px;
}

#menu-menu-logo-reseaux-sociaux{
    gap: 25px;
}
.footer-contact a{
    color: #B3B3B3;
    text-decoration: none;
}
#menu-footer-menu li a,
#menu-footer-menu-fr li a,
#menu-menu-logo-reseaux-sociaux li a{
    color: #fff;
    text-decoration: none;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}
.footer-contact a:hover,
#menu-footer-menu-fr li a:hover
#menu-footer-menu li a:hover{
    color: #F11731;
    transition: color 0.5s ease;
}

.footer-right{
    text-align: right;
}
.footer-contact{
    margin-top: 30px;
    color: #B3B3B3;
    font-size: 14px;
}


#menu-menu-logo-reseaux-sociaux li a svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}
#menu-menu-logo-reseaux-sociaux li a:hover svg {
    fill: #F11731;
    transition: fill 0.5s ease;
}


/***********
 * HOME *
 ***********/
.compteur-home-vie{
    border-radius: 15px;
    border: 2px solid #f8ab16;
    margin: 0 20px;
    padding: 10px 5px;
}



.bt_bb_section.bt_bb_video > video {
    width: 100%;
}


.post-2 .mfp-iframe-scaler iframe {
    background: initial;
}
.bt_bb_size_small.bt_bb_button.bt_bb_shape_round a.bt_bb_link,
.bt_bb_size_medium.bt_bb_button.bt_bb_shape_round a.bt_bb_link, 
.bt_bb_size_normal.bt_bb_button.bt_bb_shape_round a.bt_bb_link {
    border-radius: 1em;
}
.bt_bb_button.btn-eolife a:hover,
.btn_eolife_product_hover{
    background-color: rgb(255 0 0) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgb(255 0 0) !important;
    transition: background-color 0.5s ease !important;
}

.bt_bb_button.btn-eolife-x a:hover,
.btn_eolife_x_product_hover{
    background-color: rgb(55 62 230) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgb(55 62 230) !important;
    transition: background-color 0.5s ease !important;
}

.col-product-eolife:before {
    content: '';
    bottom: -8%;
    width: 34%;
    z-index: -1;
    left: 22%;
    background-image: url(assets/img/eolife-ombre.png);
    height: 100%;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    transform: rotate(-18deg);
    position: absolute;
    opacity: 0;
}


.col-product-eolife-x:before {
    content: '';
    bottom: -3%;
    width: 34%;
    z-index: -2;
    left: -9%;
    background-image: url(assets/img/eolifeX-ombre.png);
    height: 100%;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    transform: rotate(15deg);
    position: absolute;
    opacity: 0;
}

.ombre-transition:before{
    opacity: 1 !important;
    transition: opacity 5s ease;

}
.product_hover{
    filter: brightness(.25);
    transition: filter  .5s ease;
}

.product_initial{
    filter: brightness(1);
    transition: filter  .5s ease;
}



h3.text-home-eolife {
    text-align: center;
    font-size: 4rem;
    line-height: 4.5rem;
    color: #fff;
    transform: scale(0.94);
    animation: scale 1s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.text-home-eolife span {
  opacity: 0;
  filter: blur(4px);

}

.text-home-eolife span:nth-child(1) {
    animation: fade-in 1.5s 0.1s ;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(2) {
    animation: fade-in 1.5s 0.2s ;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(3) {
    animation: fade-in 1.5s 0.3s;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(4) {
    animation: fade-in 1.5s 0.4s ;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(5) {
    animation: fade-in 1.5s 0.5s;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(6) {
    animation: fade-in 1.5s 0.6s;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(7) {
    animation: fade-in 1.5s 0.7s;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(8) {
    animation: fade-in 1.5s 0.8s;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(9) {
    animation: fade-in 1.5s 0.9s;
    animation-timeline: view();
}

.text-home-eolife span:nth-child(10) {
    animation: fade-in 1.5s 1s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(11) {
    animation: fade-in 1.5s 1.1s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(12) {
    animation: fade-in 1.5s 1.2s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(13) {
    animation: fade-in 1.5s 1.3s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(14) {
    animation: fade-in 1.5s 1.4s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(15) {
    animation: fade-in 1.5s 1.5s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(16) {
    animation: fade-in 1.5s 1.6s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(17) {
    animation: fade-in 1.5s 1.7s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(18) {
    animation: fade-in 1.5s 1.8s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(19) {
    animation: fade-in 1.5s 1.9s;
    animation-timeline: view();
}
.text-home-eolife span:nth-child(20) {
    animation: fade-in 1.5s 2.0s;
    animation-timeline: view();
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.bt_bb_section[class*="dark_gradient"]:before {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%);
}
#awards-home .bt_bb_height_auto .slick-slider .slick-slide{
    padding: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
    aspect-ratio: 22 / 15;
    background-color: #eee;
    margin: 20px;
    border-radius: 15px;
}

.bt_bb_section .padding-0-200{
    padding: 0 200px !important;
}

#img-home-hpv{
    background-image: url('/wp-content/uploads/2025/01/VHP-v2-1-EN.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 25% 0%;
}

#img-home-hpv-fr{
    background-image: url('/wp-content/uploads/2024/12/VHP-v2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 25% 0%;
}

#img-home-innov{
    background-image: url('/wp-content/uploads/2024/12/home-revolution-innovation.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#awards-home .bt_bb_height_auto .slick-slider .slick-slide img{
    object-fit: contain;
    max-height: -webkit-fill-available;
}


/***********
 * ARTICLE *
 ***********/
.wp-block-separator {
    border-top: 1px solid #898989;
}

.wp-block-embed iframe {
    width: 100%;
    min-height: 450px;
}

.single main{
    width: 800px;
    margin: 50px auto;
}

.entry-header{
    background-color: #F0F1F3;
}
h1.entry-title{
    margin: 50px auto;
    padding: 5rem 20px;
    text-align: center;
    font-size: 2.5rem;
    max-width: 800px;
}

article p{
    margin: 20px 0;
}

article a{
    text-decoration: none;
    color: #F11731;
}
.post h1.entry-title{
    margin-top: 81px;
}

.post h1{
    text-align: center ;
}
.post h2,
.post h3,
.post h4,
.post h5,
.post h6{
    margin-top: 3em;
}

.wp-block-button__link {
    color: #000;
    background-color: #fff;
    transition: background-color .5s ease;
    border: 1px solid #000;
    border-radius: 10px;
}

.wp-block-button__link:hover {
    color: #fff;
    background-color: #000;
    transition: background-color .5s ease;
}
#menu-see-all-posts-fr li,
#menu-see-all-posts li{
    list-style: none;
}
#menu-see-all-posts-fr a,
#menu-see-all-posts a{
    color: #fff;
    background-color: #000;
    transition: background-color .5s ease;
    border: 1px solid #000;
    border-radius: 10px;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
    font-weight: 700;
}
#menu-see-all-posts-fr a:hover,
#menu-see-all-posts a:hover{
    color: #000;
    background-color: #fff;
    transition: background-color .5s ease;
    border: 1px solid #000;
}
.menu-see-all-posts-fr-container,
.menu-see-all-posts-container{
    margin-top: -64px;
    margin-bottom: 64px;
}





/***********
 * EOLIFE *
 ***********/

.bt_bb_image img.size-medium{
    height: 65vh ;
    width:  auto;
}
.chiffre-cle-eolife .bt_bb_column_inner.col-xxl-4{
    flex: calc(25% - 40px);
}
.chiffre-cle-eolife .bt_bb_column_inner.col-xxl-3{
    flex: calc(15% - 40px);
}

.chiffre-cle-eolife .bt_bb_column_inner.col-xxl-9 {
    flex: calc(55% - 40px);
}

.eolife-reference-1,
.eolife-reference-2,
.eolife-reference-3{
    display: none;
    transition:     display 1s ease;
}


.eolife-reference-titre-1:hover,
.eolife-reference-titre-2:hover,
.eolife-reference-titre-3:hover{
    cursor: pointer;
}

.eolife-reference-1-initial,
.eolife-reference-2-initial,
.eolife-reference-3-initial{
    display: block;
    transition:     display 1s ease;
    margin-top: 2rem;
}

#section-chiffre-eolife{
    background-image: url('/wp-content/uploads/2025/01/archeon-rcp-bg717x1024-2.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 80vh;
    background-attachment: fixed;
}

#section-chiffre-eolife-x{
    background-image: url('/wp-content/uploads/2025/01/archeon-rcp-bg-eolife-x717x1024.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 80vh;
    background-attachment: fixed;
}

.img-hover-radius img{
   filter: brightness(90%);
}

.img-hover-radius:hover img{
   filter: brightness(50%);
}

.mfp-content header{
    display: none;
}

.mfp-iframe-scaler iframe {
    border-radius: 15px;
    background: #ffffff;
}

.mfp-iframe-holder .mfp-close{
    background-image: url('/wp-content/themes/archeon/assets/img/close.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9999;
    width: 15px;
    height: 15px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 5px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    margin: 15px;
}

.mfp-iframe-holder .mfp-close:hover{
        cursor: pointer;
}
#tech-eolife-x-img{
    background-image: url('/wp-content/uploads/2024/12/background-product-ex.png');
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4rem;
    background-position-x: 4rem;
    border-radius: 10px;
}
#tech-eolife-img{
    background-image: url('/wp-content/uploads/2024/12/background-product.png');
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4rem;
    background-position-x: 4rem;
    border-radius: 10px;
}

.padding-inner-row-0 .bt_bb_column_inner{
    padding: 0;
}

#capteur-flowsense-img .bt_bb_image_content_inner{
    width: 60%;
}

.bt_bb_image.bt_bb_content_exists .bt_bb_image_content .bt_bb_image_content_flex {
    padding: 3em;
}

#capteur-flowsense-img .bt_bb_image_content {
    background-image: url(/wp-content/uploads/2024/12/flowsense-hover-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 155px;
    transition: background-position-x 1s ease;
}

#capteur-flowsense-img:hover .bt_bb_image_content{
    background-position-x: initial;
    transition: background-position-x 1s ease;

}

.bt_bb_button.bouton-red a{
    color: #fff;
    background-color: #F11731;
    box-shadow: none;
    transition: background-color .5s ease;
}

.bt_bb_button.bouton-red a:hover{
    color: #F11731;
    background-color: #fff;
    box-shadow: none;
    transition: background-color .5s ease;
}


.bt_bb_button.bouton-red-2 a{
    color: #F11731;
    background-color: #fff;
    box-shadow: none;
    transition: background-color .5s ease;
    border: 2px solid #f11731;
    border-radius: 5em !important;
}

.bt_bb_button.bouton-red-2 a:hover{
    color: #fff;
    background-color: #F11731;
    box-shadow: none;
    transition: background-color .5s ease;
}

#tabs-eolife-x ul.bt_bb_tabs_header{
    width: 100%;
    border: none;
}

#tabs-eolife-x ul.bt_bb_tabs_header li {
    display: block;
    width: calc(33.33% - (1px));
    text-align: center;
    position: relative;
}

#tabs-eolife-x ul.bt_bb_tabs_header li span {
    font-size: 1.5rem;
}

#tabs-eolife-x ul.bt_bb_tabs_header li:first-child:before{
    content:url('/wp-content/uploads/2024/12/details.svg');
    position: relative;
    vertical-align: middle;
}

#tabs-eolife-x ul.bt_bb_tabs_header li:nth-child(2):before{
    content:url('/wp-content/uploads/2024/12/score.svg');
    position: relative;
    vertical-align: middle;
}

#tabs-eolife-x ul.bt_bb_tabs_header li:last-child:before{
    content:url('/wp-content/uploads/2024/12/volume.svg');
    position: relative;
    vertical-align: middle;
}

#tabs-eolife-x  ul.bt_bb_tabs_header li:hover,
#tabs-eolife-x  ul.bt_bb_tabs_header li.on {
    background-color: transparent;
    color: #F11731;
}

.header-eolife .container-header{
    justify-content: space-between;
}

.header-eolife ul li{
    display: inline-block;
}
#menu-menu-eolife-fr li a,
#menu-menu-eolife li a{
    padding: 0 2rem;
}
.header-eolife ul li a{
    color: #fff;
    text-decoration: none;
}
#post-25535 #menu-eolife-contact-fr li,
#post-21723 #menu-eolife-contact-us li {
    padding: 8px 20px;
    background-image: linear-gradient(to left, #f11731, #e6152e, #da132b, #cf1229, #c41026, #be0f24, #b90e22, #b30d20, #b10c1f, #ae0c1e, #ac0b1d, #aa0a1c);
    border-radius: 7px;
}
#post-25537 #menu-eolife-contact-fr li,
#post-21952 #menu-eolife-contact-us li {
    padding: 8px 20px;
    background-image: linear-gradient(to right, #373ee6, #343bde, #3137d6, #2e34ce, #2b31c6, #2830c0, #242fbb, #212eb5, #1d2eb0, #192eac, #152ea7, #122ea2);
    border-radius: 7px;
}
.header-eolife{
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    background-color: #000;
}

#post-25537 .header, 
#post-25535 .header, 
#post-21952 .header, 
#post-21723 .header{
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}
#post-25537 .header.show, 
#post-25535 .header.show, 
#post-21952 .header.show, 
#post-21723 .header.show {
    transform: translateY(0);
}
#post-25537 .show-menu-eolife .header-eolife, 
#post-25535 .show-menu-eolife .header-eolife, 
#post-21952 .show-menu-eolife .header-eolife, 
#post-21723 .show-menu-eolife .header-eolife{
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
#post-25537  .logo-page-eolife,
#post-25535 .logo-page-eolife-x,
#post-21952 .logo-page-eolife,
#post-21723 .logo-page-eolife-x{
    display: none;
}
#post-25537 #menu-menu-eolife-fr li,
#post-25535 #menu-menu-eolife-fr li,
#post-21723 #menu-menu-eolife li,
#post-21952 #menu-menu-eolife li{
    padding: 30px 0;
}
#post-25537 .active-menu-olife,
#post-21952 .active-menu-olife{
    border-bottom: 3px solid #2439BA;
}
#post-25535 .active-menu-olife,
#post-21723 .active-menu-olife{
    border-bottom: 3px solid #F11731;
}


/***********
 * LOGIN *
 ***********/

#login-archeon .fls_login_wrapper {
  margin: auto;
}

#login-archeon .fls_reset_pass_wrapper .fls_reset_pass_form #fls_reset_pass,
#login-archeon .fls_registration_wrapper .fls_registration_form #fls_submit,
#login-archeon .fls_registration_wrapper .fls_registration_form #fls_verification_submit,
#login-archeon .fls_login_wrapper input#wp-submit {
  background: #F11731;
}

#login-archeon .fls_reset_pass_wrapper .fls_reset_pass_form input,
#login-archeon .fls_registration_wrapper .fls_registration_form input,
#login-archeon .fls_login_wrapper form#loginform .input {

  width: calc(100% - 24px);
}

#login-archeon .fls_reset_pass_wrapper,
#login-archeon .fls_login_wrapper,
#login-archeon .fls_registration_wrapper {
  max-width: 100%;
}




/***********
 * FAQ *
 ***********/
body .betterdocs-wrapper.betterdocs-single-wrapper .betterdocs-content-wrapper{
    width: calc(100% - 50px);
}
body .betterdocs-searchform {
    width: calc(100% - 44px);
}
body .betterdocs-category-list-wrapper .betterdocs-category-title {
    margin-top: 1.5rem;
}

.betterdocs-live-search .docs-search-result{
    width: 100%;
}
.betterdocs-entry-footer{
    display: none;
}

.betterdocs-wrapper{
    margin-top: 81px;
}

.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a.active, .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:focus, .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover {
    background: #F9FAFB;
}
.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a.active:before {
    background-color: #F11731;
}

#betterdocs-single-content h1,
#betterdocs-single-content h2,
#betterdocs-single-content h3{
    margin-bottom: 2rem;
}

.betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header-inner {
    border-bottom: 2px solid #F11731 !important;
}

body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header {
    background-color: #f1173129;
    border-color: #F11731;
}

body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span {
    background-color: initial;
}

body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
    background-color: #F11731;
}

body .betterdocs-single-wrapper.betterdocs-single-layout-1 .betterdocs-breadcrumb-item.current span {
    color: #F11731;
}

.betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a.active, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a.active, .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a:hover {
    color: #F11731 !important;
}


/***********
 * FORMULAIRE *
 ***********/
.wpcf7 input[type="file"],
.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=tel],
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap textarea{
    padding: 15px;
    border-radius: 7px;
    width: calc(100% - 32px);
    border: 1px solid #d0d0d0;
}

.wpcf7-form-control-wrap select{
    padding: 15px;
    border-radius: 7px;
    width: 100%;
    border: 1px solid #d0d0d0;
}

.wpcf7-submit {
    background: #000 !important;
    color: #fff !important;
    border-radius: 7px;
    width: 100%;
    padding: 15px;
    transition: background .5s ease;
    border: none;
    font-size: 16px;
}

.wpcf7-submit:hover {
    background: #F11731 !important;
    transition: background .5s ease;
}

.wpcf7 form p{
    margin-top: 1rem;
}

.wpcf7-list-item:first-child {
    margin: 0;
}

.c-grid {
   display: grid;
   grid-template-columns: auto auto;
   gap: 20px;
}

.col-formulaire-cg{
    padding: 2rem 4rem !important;
}



/***********
 * EVENEMENT *
 ***********/

#vsel{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

#vsel .vsel-content {
    width: calc(25% - 5.5rem);
    flex-direction: column-reverse;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    border-bottom: none;
    padding: 0 2rem 2rem;
}

#vsel .vsel-meta,
#vsel .vsel-info{
    width: 100% !important  ;
}

#vsel .vsel-meta-link{
    text-align: center;
    margin-top: 2rem;
}
#vsel .vsel-meta-link a{
    color: #fff;
    background-color: #000;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
}


#vsel .vsel-meta-location::before {
    content: url(assets/img/lieu.svg);
    display: inline-block;
    width: 14px;
    margin: 0px 10px 0 0;
}


#vsel .vsel-meta-date::before {
    content: url(assets/img/date.svg);
    display: inline-block;
    width: 14px;
    margin: 0px 10px 0 0;
}


#vsel .vsel-meta-date {
    color:  #7B7B7B;
}


/***********
 * DISTRIBUTOR *
 ***********/


#tabs-distributor .bt_bb_column_inner.col-xxl-4 {
        flex-basis: 25%;
    }

#tabs-distributor  ul.bt_bb_tabs_header {
    border-bottom: 1px solid #a7a7a7;
    width: 100%;
}

#tabs-distributor .bt_bb_tabs_header li.on {
    background-color: #e5e5e5;
}

#tabs-distributor ul.bt_bb_tabs_header li:first-of-type span {
    padding-left: 2em;
}
.text-reference-gris li a,
.text-reference-gris p,
.text-reference-gris li{
    color: #939393;
    font-size: 12px;
}


/***********
 * HPV *
 ***********/
.color-rouge-archeon p,
.color-rouge-archeon{
    color: #F11731;
}

#img-background-hpv{
    background-image: url('/wp-content/uploads/2025/01/img-innovation.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#img-top-section-hpv{
    background-image: url('/wp-content/uploads/2025/01/entete-hpv.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}