/*CSS home 8*/
/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*
font-family: "PT Sans", sans-serif;
*/
:root{
  --c-dark:#1e1f1c;
  --c-dark-2:#1e1e1c;
  --c-gray:#c0c0c0;
  --c-text:#000;
  --shadow:5px 5px 12px #0000003b;
}
*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
body{font-family:"PT Sans",sans-serif}

/* ================================
   Ciblage page produit #28
=================================== */
body#product.product-id-28 .blockreassurance_product,
body#product[data-id-product="28"] .blockreassurance_product{
  display:none !important;
}

/* ================================
   Masquages simples
=================================== */
.sidebar .block .title_block{display:none}
.leo-megamenu .navbar-nav > li.parent > a span.menu-title::before,
.leo-megamenu .navbar-nav > li.parent > a span.menu-title::after{content:none}

/* ================================
   Login modal
=================================== */
.leo-quicklogin-modal .modal-header{
  height:200px;
  background:url(../img/compte.jpg) center/cover no-repeat;
}

/* ================================
   Entreprise (image)
=================================== */
.entreprise img{
  max-width:100%;
  height:auto;
  float:right;
  margin-right:-6%;
}

/* ================================
   CMS wrappers
=================================== */
.cms-id-7 .container,
.cms-id-8 .container,
.cms-id-9 .container{
  max-width:100%;
  padding:0;
}
.box-cusmenu .nav-tabs .nav-link.active, .box-cusmenu .nav-tabs .nav-link.active:focus, .box-cusmenu .nav-tabs .nav-link.active:hover, .box-cusmenu .nav-tabs .nav-item.open .nav-link, .box-cusmenu .nav-tabs .nav-item.open .nav-link:focus, .box-cusmenu .nav-tabs .nav-item.open .nav-link:hover{
    background: transparent;
    color: #000000;
}
.blog-container .blog-meta > span:last-child {

    display: none;
}

.cms-id-7 #wrappersavoir,
.cms-id-8 #wrappersavoir,
.cms-id-9 #wrappersavoir,
.cms-id-10 #wrappersavoir{
  max-width:1200px;
  margin-inline:auto;
  padding:0;
  background:linear-gradient(270deg,#f5f5f5 81%,transparent 16%);
}
.cms-id-7 h1,.cms-id-8 h1,.cms-id-9 h1{ text-align:center }

/* ================================
   Blocs LPE
=================================== */
.LPE-border{border-inline:3px solid var(--c-dark)}
.LPE-presentation{
  background:#fff;
  box-shadow:var(--shadow);
  padding:50px;
}

/* ================================
   Badges / Buttons / Prices
=================================== */
.product-flags li.product-flag{padding:8px; box-shadow:none}
.product-flags .product-flag.new{background:var(--c-gray)}
#blockcart-modal .cart-content a.btn,
.product-add-to-cart .product-quantity .add-to-cart,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout,
.continue.btn,
button.btn.btn-primary.center-block,
.checkout.cart-detailed-actions.card-block .btn{
  background:var(--c-dark-2);
  color:#fff;
}

/* ================================
   Détails produit & deal box
=================================== */
.LPE-detail-produit::before{
  content:"";
  position:absolute;
  background-color:var(--c-dark);
  height:78px; width:11px;
  top:-1em; right:5em;
  transition:1.2s ease; z-index:999; border-radius:33px;
}
.box-dealof .ApHtml{
  position:relative; max-width:inherit; bottom:0; right:0;
  text-align:right; padding:0;
}
.box-dealof .ApHtml a{
  text-transform:uppercase; color:#fff; padding:12px 14px;
  border-bottom:1px solid; display:inline-block; letter-spacing:2px; margin-top:30px; transition:.4s;
}
.box-dealof .ApHtml h3{
  font-size:51px; color:#000; letter-spacing:.05em; margin:0; text-transform:uppercase;
}
.box-dealof .ApHtml h4{font-size:37px; font-weight:400; letter-spacing:.3em; margin:0; text-transform:uppercase}
.box-dealof::before{
  content:"";
  position:absolute; width:231px; height:13px; background:#000;
  top:0; left:0; transform:translateX(-50%); transition:.4s; border-radius:33px;
}
.box-dealof:hover::before{width:70%}

/* ================================
   Cartes produit (listing)
=================================== */
.plist-dsimple .thumbnail-container .pro3-btn{bottom:7px; left:63px; right:33px; opacity:1; visibility:visible}
.thumbnail-container .product-price-and-shipping .price{font-size:22px; color:#000}
.thumbnail-container a.product-thumbnail img,
.thumbnail-container a.product-thumbnail .product-additional img{background:transparent !important}
.thumbnail-container .product-title a{font-size:1.5em; padding:10px 0 19px}

/* ================================
   Mega menu
=================================== */
.leo-megamenu .navbar-nav{ text-align:center }
.leo-megamenu .navbar-nav > li{
  display:flex; flex-direction:column; align-items:stretch;
}
.leo-megamenu .navbar-nav > li > a{ padding:23px 10px }
.leo-megamenu .navbar-nav > li > a.dropdown-toggle::after{
  transform:rotate(270deg); font-size:20px; font-weight:700;
}
.leo-megamenu .navbar-nav > li.parent > a .menu-title,
.leo-megamenu .navbar-nav > li > a > .menu-title{
  position:static;
  font-size:clamp(1.125rem, 1rem + .5vw, 1.5rem);
  font-variant:all-petite-caps; font-weight:600;
}
.leo-megamenu .dropdown-menu{ top:27% }
.leo-megamenu .dropdown-menu li a{
  font-size:22px; color:#000; padding:8px 0;
}
.leo-megamenu .navbar-nav > li.leo-2 > .dropdown-menu{ min-width:280px }

/* ================================
   Bouton menu custom
=================================== */
.cus-btnmenu{position:relative}
.cus-btnmenu::before{
  content:""; width:22px; height:5px; background-color:#222;
  position:absolute; top:28px; left:10px; transition:.4s ease-in-out;
}
.cus-btnmenu::after{
  content:""; width:33px; height:34px; position:absolute; top:14px; left:10px;
  transition:.4s ease-in-out; border:5px solid #222; border-width:5px 0;
}
.cus-btnmenu:hover::before{ width:41px }

/* ================================
   Home : titres, images & blocs
=================================== */
.page-home .ApImage img{ background:transparent }
.page-home .ApColumn .title_block{
  position:relative; text-align:center; padding:0; margin:0;
  font-size:clamp(24px, 2.5vw, 53px); letter-spacing:.05em; color:#272727;
  text-transform:uppercase;
}
.page-home .ApColumn .title_block::before{
  content:""; width:117px; height:1px; background:#000;
  position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
}
.page-home .ApColumn .title_block::after{
  content:"///"; line-height:20px; background:#fff; padding:0 2px;
  position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  color:#000; font-size:12px; font-family:"PT Sans",sans-serif; letter-spacing:0;
}
.page-home .ApColumn .sub-title-widget{
  text-align:center; max-width:620px; margin:0 auto 30px; font-size:2em;
}

/* Feature products block */
.box-featureproduct .ApColumn .ApHtml .title_block{ color:#656565 }
.box-featureproduct .products_block{
  background:#ffffffe8; padding:56px 20px 50px;
  margin-block:12em 23em;
}

/* Hover images (box-h4bn2 / box-cateh8) */
.box-h4bn2{ padding-bottom:0 }
.box-h4bn2 .ApImage{ position:relative; margin:0; padding-bottom:100%; overflow:hidden }
.box-h4bn2 .ApImage img{ filter:brightness(.5); transition:transform .4s, filter .4s }
.box-h4bn2 .ApImage:hover img{ transform:scale(1.1); filter:brightness(1) }
.box-h4bn2 .ApImage .image_description{
  position:absolute; top:50%; left:0; right:0; padding:0 30px;
  transform:translateY(-50%); text-align:center; color:#fff; pointer-events:none; opacity:1;
}
.box-h4bn2 .ApImage .image_description h3{
  color:inherit; font-size:60px; margin:0 0 10px; line-height:1; letter-spacing:.2em;
}

.box-cateh8 .ApImage{ overflow:visible }
.box-cateh8 .ApImage img{ filter:brightness(.5); transition:transform .4s, filter .4s, border-radius .4s }
.box-cateh8 .ApImage:hover img{ transform:scale(1.02); filter:brightness(.5); border-radius:8px }
.box-cateh8 .ApImage .image_description{ padding:0 11px; pointer-events:auto }
.box-cateh8 .ApImage .image_description h4{ margin:0 0 32px }
.box-cateh8 .ApImage .image_description h5{ color:#fff; font-size:17px; font-weight:400 }

/* ================================
   Footer
=================================== */
#colfooter{ background:#fff; padding-top:4em }
#colfooter .block-social{ text-align:center }
#colfooter.block-social li,
.block-social li{ width:66px }
#colfooter .block-social li,
.block-social li a{ color:#5b5b5b }
.block-social li.youtube a::before{ content:"Youtube"; font-family:"PT Sans" }
.block-social li.linkedin a::before{ content:"Linkedin"; font-family:"PT Sans" }
.block-social li.facebook a::before{ content:"Facebook"; font-family:"PT Sans" }
.block-social li.instagram a::before{ content:"Instagram"; font-family:"PT Sans" }
.block-social li.youtube a,
.block-social li.linkedin a,
.block-social li.facebook a,
.block-social li.instagram a{ background-color:transparent; color:#5e5e5e }
.footer-container .ApHtml p{ text-align:center; color:#000 }
.logofooter{ text-align:center }
.box-footertop2{ padding:0 }
.box-footertop2 .ApColumn .title_block{ color:#000 }
div.box-coppy2{ border-top:1px solid #333 }

/* ================================
   Header/top bar
=================================== */
.box-top .col-logo{ padding-bottom:0 }
.box-top .h-logo{ padding:10px 0; text-align:center }
.box-top .h-logo img{ max-height:124px; height:auto }
.box-top .col-info{
  display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end;
  width:70%; column-gap:16px;
}
.box-top .col-info #_desktop_cart .header .cart-products-count{
  position:absolute; line-height:12px; min-width:12px; padding:7px 9px; background:#000; color:#fff;
  font-size:10px; top:0; left:50%; transform:translateX(-50%); border-radius:50%; box-shadow:0 2px 2px rgba(0,0,0,.2);
}
.ti-user::before{ content:"Mon compte"; font-family:"PT Sans" }
.ti-shopping-cart::before{ content:"Mon panier"; font-family:"PT Sans" }

/* ================================
   Divers
=================================== */
.author{
display:none !important}

.box-footertop2 .ApLink li a:hover {
    color: #000000;
}
.page-home .ApColumn .title_block,
.box-dealof .ApHtml h3,
.box-dealof .ApHtml h4,
.latest-blogs .blog-container .blog-title{ font-family:"PT Sans",sans-serif }

#wrapperblog::before{
  content:""; position:absolute; width:231px; height:13px !important;
  background:#272727 !important; bottom:46em; left:0; transform:translateX(-50%);
  transition:.4s; border-radius:33px;
}
#wrapperblog:hover::before{ width:45% }

.block-toggler.accordion_small_screen .collapse{
  display:flex; justify-content:space-evenly;
}

.box-cusmenu{ left:0 !important; transform:translateX(0) !important; transition:.4s; width:500px; height:80% }
.box-cusmenu .nav-tabs{ background:#fff }
.box-cusmenu .nav-tabs .nav-link.active{ background:#fff }
.box-cusmenu .tab-content .tab-pane{ height:calc(90vh - 80px); background:#fff }
.box-cusmenu .tab-pane .ApBlockLink{ width:100% }
.box-cusmenu .ApBlockLink a{ font-size:1.8em }
.cus-closemenu{
  position:fixed; top:10px; left:48px !important; width:512px; height:50px; cursor:pointer;
}
.cus-closemenu::before,
.cus-closemenu::after{ height:4px; background:#000 }

.show-cusmenu .cus-bgoverlay{ visibility:hidden }

#espacementcol{ padding-bottom:80px }

/* ================================
   Latest blogs
=================================== */
.latest-blogs .blog-image-container{
  position:relative; padding-bottom:100%; overflow:hidden;
}
.latest-blogs .blog-image-container img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.4s ease-in-out;
}
.latest-blogs .blog-container{ position:relative }
.latest-blogs .blog-container:hover .blog-image-container img{ transform:scale(1.1) }
.latest-blogs .blog-container .left-block{ width:50% }
.latest-blogs .blog-container .right-block{
  position:absolute; top:50%; right:70px; width:50%; transform:translateY(-50%); padding:30px; background-color:#fff;
}
.latest-blogs .blog-container p.blog-desc{ margin-top:10px }
.latest-blogs .blog-container .blog-title{
  font-size:22px; font-weight:400; margin:0 0 50px; color:#000; text-transform:uppercase; line-height:30px; max-height:90px; overflow:hidden;
}
.latest-blogs .blog-container .blog-title a{ color:inherit; display:block; transition:.4s }
.latest-blogs .blog-container .blog-title a:hover{ color:#000 }
.latest-blogs .blog-container .blog-meta{ color:#9d9d9d }
.latest-blogs .blog-container .blog-meta a{ color:inherit; transition:.4s }
.latest-blogs .blog-container .blog-meta a:hover{ color:#000 }
.latest-blogs .blog-container .blog-meta > span::after{ content:"/"; padding:0 10px }
.latest-blogs .blog-container .blog-meta > span:last-child::after{ display:none }
.latest-blogs .owl-theme .owl-controls .owl-pagination{ margin-top:50px }
.latest-blogs .blog-viewall .btn{
  background:none; color:#666; letter-spacing:.2em; padding:5px 0; position:relative;
}
.latest-blogs .blog-viewall .btn::before{
  content:""; position:absolute; inset:auto 0 0 0; height:2px; background:#eee; transition:.4s cubic-bezier(.44,.13,.48,.87);
}
.latest-blogs .blog-viewall .btn:hover{ color:#70908d }
.latest-blogs .blog-viewall .btn:hover::before{ height:5px; background:#70908d }

/* ================================
   RESPONSIVE
=================================== */

/* ≥1800px */
@media (min-width:1800px){
  #wrapper-produit::before{
    content:""; position:absolute; display:inline-block; background-color:var(--c-dark);
    height:129px; width:11px; top:60em; right:30em; transition:1.2s ease; z-index:999; border-radius:33px;
  }
  #colonne-photo{ padding-top:18em }
}

/* ≥1256px */
@media (min-width:1256px){
  .box-cateh8 .ApImage .image_description h3{
    font-size:43px !important; margin:0 0 10px; line-height:1; letter-spacing:.1em;
  }
  .box-top .h-logo img{ margin-left:7em }
}

/* 1200px–1600px tweaks */
@media (max-width:1600px){
  .page-home .ApColumn .title_block{ font-size:34px }
  .box-cateh8 .ApImage .image_description h3{
    font-size:43px !important; margin:0 0 10px; line-height:1; letter-spacing:.1em;
  }
}

/* ≥992px */
@media (min-width:992px){
  .box-cateh8 .ApImage::before{
    content:""; position:absolute; width:13px; height:97px; background:var(--c-gray);
    left:50%; transform:translateY(-50%); transition:.4s; border-radius:33px; z-index:999;
  }
  #colonne-texte{ padding-top:7em }
}

/* 992px–1199px */
@media (min-width:992px) and (max-width:1199px){
  .latest-blogs .blog-container .right-block{ padding:20px; right:0 }
}

/* ≤1199px */
@media (max-width:1199px){
  .page-home .ApColumn .title_block{ font-size:30px; padding:80px 0 30px; margin:0 0 30px }
}

/* ≤991px */
@media (max-width:991px){
  .page-home .ApColumn .title_block{ font-size:28px }
  .box-top .col-info{
    justify-content:center; width:100%;
  }
  /* barres verticales décoratives cachées sur mobile */
  div.ApImage.ecoresponsable::before,
  div.ApImage.maitrise::before,
  div.ApImage.savoirfaire::before{ display:none }
  /* éviter les débordements d’image entreprise */
  .entreprise img{ float:none; margin:20px auto 0; display:block }
}

/* ≤767px */
@media (max-width:767px){
  .page-home .ApColumn .title_block{ font-size:26px; padding:60px 0 20px; margin:0 0 30px }
}

/* ≤600px */
@media (max-width:600px){
  .latest-blogs .blog-container .left-block{ width:100% }
  .latest-blogs .blog-container .right-block{ right:20px }
  .latest-blogs .blog-container .blog-title{ font-size:20px; margin:0 0 10px }
}

/* ≤480px */
@media (max-width:480px){
  .latest-blogs .blog-container .right-block{
    position:static; transform:none; width:100%; padding:20px 0 0;
  }
}



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