/* Pages ressources : Blog / Actualités / Guides */
body.listing-shell{
  background:#f6f3ee !important;
  color:#111;
}

body.listing-shell main,
body.listing-shell .listing-page{
  background:transparent !important;
}

body.listing-shell .site-header{
  background:rgba(0,0,0,.96) !important;
}

body.listing-shell .site-header .header-inner{
  padding:14px 18px !important;
}

body.listing-shell .site-header .brand-logo{
  height:46px !important;
  width:auto !important;
}

body.listing-shell .site-header .header-center .tagline{
  font-size:clamp(12px,3vw,22px) !important;
  letter-spacing:.8px !important;
}

body.listing-shell .site-header .header-center .subline{
  font-size:clamp(9px,1.8vw,13px) !important;
  letter-spacing:3px !important;
}

body.listing-shell .menu-btn{
  width:50px !important;
  height:50px !important;
  border-radius:14px !important;
}

body.listing-shell .listing-page{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:34px 20px 56px !important;
}

body.listing-shell .listing-title,
body.listing-shell .listing-page h1{
  margin:0 0 14px !important;
  font-size:clamp(2.1rem,5vw,4rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  text-align:center !important;
  color:#141414 !important;
}

body.listing-shell .listing-intro,
body.listing-shell .listing-intro-wide{
  max-width:900px !important;
  margin:0 auto 28px !important;
  color:#5e5a56 !important;
  text-align:center !important;
  font-size:clamp(1rem,1.6vw,1.12rem) !important;
  line-height:1.75 !important;
}

body.listing-shell .listing-helper-grid,
body.listing-shell .listing-grid{
  display:grid !important;
  gap:22px !important;
}

body.listing-shell .listing-helper-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  margin:0 0 30px !important;
}

body.listing-shell .listing-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body.listing-shell .listing-section{
  margin-top:8px !important;
  margin-bottom:34px !important;
}

body.listing-shell .listing-section-title,
body.listing-shell .listing-section > h2{
  margin:0 0 18px !important;
  font-size:clamp(1.55rem,3vw,2.4rem) !important;
  line-height:1.08 !important;
  color:#141414 !important;
  text-align:left !important;
}

body.listing-shell .listing-note,
body.listing-shell .listing-card{
  min-width:0;
  box-sizing:border-box;
  background:#fff !important;
  border:1px solid rgba(20,20,20,.09) !important;
  border-radius:24px !important;
  box-shadow:0 12px 34px rgba(0,0,0,.06) !important;
}

body.listing-shell .listing-note{
  padding:22px 22px !important;
  color:#222 !important;
  line-height:1.65 !important;
}

body.listing-shell .listing-note strong{
  display:block;
  margin-bottom:6px;
  font-size:1.14rem;
  color:#141414;
}

body.listing-shell .listing-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:24px !important;
}

body.listing-shell .listing-badge{
  display:inline-flex !important;
  align-items:center;
  min-height:32px;
  padding:7px 12px !important;
  margin:0 0 14px !important;
  border-radius:999px !important;
  background:#f0ece7 !important;
  color:#514b45 !important;
  font-size:.92rem !important;
  font-weight:600 !important;
  line-height:1 !important;
}

body.listing-shell .listing-card-title,
body.listing-shell .listing-card h2,
body.listing-shell .listing-card h3{
  margin:0 0 12px !important;
  font-size:clamp(1.45rem,2.2vw,2.2rem) !important;
  line-height:1.1 !important;
  color:#141414 !important;
}

body.listing-shell .listing-card-title a,
body.listing-shell .listing-card a.listing-link,
body.listing-shell .listing-note a{
  color:inherit !important;
  text-decoration:none !important;
}

body.listing-shell .listing-card-title a:hover,
body.listing-shell .listing-note a:hover{
  text-decoration:underline !important;
  text-underline-offset:3px;
}

body.listing-shell .listing-text,
body.listing-shell .listing-card p,
body.listing-shell .listing-note div{
  margin:0 !important;
  color:#5e5a56 !important;
  font-size:1.02rem !important;
  line-height:1.72 !important;
}

body.listing-shell .listing-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-top:18px !important;
  min-height:50px;
  padding:0 18px !important;
  border-radius:14px !important;
  background:#2f2c2a !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700 !important;
  font-size:1rem !important;
  box-shadow:none !important;
}

body.listing-shell .listing-btn:hover{
  background:#151515 !important;
}

body.listing-shell .listing-cta-wrap{
  text-align:center !important;
  margin-top:16px !important;
}

body.listing-shell .listing-cta-wrap .listing-btn{
  min-width:240px;
}

@media (min-width: 1100px){
  body.listing-shell .site-header .brand-logo{
    height:56px !important;
  }
}

@media (max-width: 991px){
  body.listing-shell{
    padding-top:90px !important;
  }

  body.listing-shell .site-header .header-inner{
    padding:12px 14px !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:8px !important;
  }

  body.listing-shell .site-header .brand-logo{
    height:38px !important;
  }

  body.listing-shell .site-header .header-center .tagline{
    font-size:clamp(11px,3.6vw,16px) !important;
    white-space:nowrap !important;
  }

  body.listing-shell .site-header .header-center .subline{
    font-size:10px !important;
    letter-spacing:2.5px !important;
  }

  body.listing-shell .menu-btn{
    width:46px !important;
    height:46px !important;
  }

  body.listing-shell .listing-page{
    padding:26px 14px 44px !important;
  }

  body.listing-shell .listing-helper-grid,
  body.listing-shell .listing-grid{
    grid-template-columns:1fr !important;
  }

  body.listing-shell .listing-section-title,
  body.listing-shell .listing-section > h2{
    text-align:center !important;
  }
}

@media (max-width: 640px){
  body.listing-shell{
    padding-top:82px !important;
  }

  body.listing-shell .site-header .header-inner{
    padding:10px 12px !important;
  }

  body.listing-shell .site-header .brand-logo{
    height:34px !important;
  }

  body.listing-shell .site-header .header-center .tagline{
    font-size:11px !important;
    letter-spacing:.5px !important;
  }

  body.listing-shell .site-header .header-center .subline{
    font-size:9px !important;
    letter-spacing:2px !important;
  }

  body.listing-shell .listing-title,
  body.listing-shell .listing-page h1{
    font-size:clamp(2rem,9vw,2.5rem) !important;
    text-align:left !important;
  }

  body.listing-shell .listing-intro,
  body.listing-shell .listing-intro-wide{
    text-align:left !important;
    margin-bottom:22px !important;
    font-size:1rem !important;
  }

  body.listing-shell .listing-note,
  body.listing-shell .listing-card{
    border-radius:20px !important;
  }

  body.listing-shell .listing-note{
    padding:18px !important;
  }

  body.listing-shell .listing-card{
    padding:20px !important;
  }

  body.listing-shell .listing-card-title,
  body.listing-shell .listing-card h2,
  body.listing-shell .listing-card h3{
    font-size:1.85rem !important;
    letter-spacing:-.03em !important;
  }

  body.listing-shell .listing-card .listing-btn,
  body.listing-shell .listing-btn{
    width:100% !important;
  }

  body.listing-shell .listing-section-title,
  body.listing-shell .listing-section > h2{
    text-align:left !important;
    font-size:1.8rem !important;
    margin-bottom:14px !important;
  }

  body.listing-shell .listing-helper-grid{
    margin-bottom:22px !important;
  }
}