/* Moved from Theme.custom_css (https://kreezalid.s3.eu-central-1.amazonaws.com/552245/app/custom.css?v=1788523974) */
/*****************************************************************************/
/************************ REPRISE CSS MNJ ************************************/
/*****************************************************************************/

/* ===== IMPORT POLICE POPPINS ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');


/* ============================================================
   Comment ça marche — ccm.css
   À coller dans : Thème > Custom CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');

.ze-ccm * { box-sizing: border-box; }

.ze-ccm {
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  color: #1e1e1e;
  line-height: 1.65;
}

/********SUPPRIME NEWLETTER EN FOOTER ****/
.mailchimp_form_body {
    text-align: center;
    padding: 2.5em 0;
    float: left;
    width: 100%;
    display: none;
}


/*** SUPPRIME HEADER & FOOTER de la HOME ***/

.homepage-body .ze-header,
.homepage-body .site-footer {
  display: none !important;
}

.homepage-body nav.navbar.navbar-inverse {
  display: none !important;
}
.homepage-body .scrolling-container {
  display: none !important;
}

/*___________________________________________________________________*/
/* ___________________ LANDING HOME ________________________________*/
/* __________________________________________________________________*/

/* ================================================
   LANDING — Footer
   ================================================ */
.lp-footer {
  background: #1A0F5C;
  padding: 32px 24px;
}
.lp-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.lp-footer-services,
.lp-footer-legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.lp-footer-services a,
.lp-footer-legal a {
  font-size: 14px;
  color: #C0B8F0;
  text-decoration: none;
  transition: color 0.15s;
}
.lp-footer-services a {
  font-weight: 500;
}
.lp-footer-services a:hover,
.lp-footer-legal a:hover {
  color: #E8A020;
}
.lp-footer-legal a {
  font-size: 12px;
  color: #6B5FA5;
}
.lp-footer-sep {
  color: #6B5FA5;
  font-size: 12px;
}
@media (max-width: 768px) {
  .lp-footer { padding: 24px 20px; }
}






/* ================================================
   LANDING — Catégories SEO
   ================================================ */
.lp-cats-seo {
  background: #1A0F5C;
  padding: 64px 24px;
}
.lp-cats-seo-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}
.lp-cats-seo-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.lp-cats-seo-badge {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  flex-shrink: 0;
}
.lp-cats-seo-badge--acheter {
  background: #E8A020;
  color: #1A0F5C;
}
.lp-cats-seo-badge--louer {
  background: #312783;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.3);
}
.lp-cats-seo-title {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
.lp-cats-seo-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 16px;
}
.lp-cats-seo-list li a {
  font-size: 13px;
  color: #C0B8F0;
  text-decoration: none;
  line-height: 1.4;
}
.lp-cats-seo-list li a:hover {
  color: #E8A020;
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .lp-cats-seo-inner { grid-template-columns: 1fr; gap: 48px; }
  .lp-cats-seo-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .lp-cats-seo { padding: 48px 20px; }
  .lp-cats-seo-list { grid-template-columns: repeat(2, 1fr); }
}




/* ================================================
   LANDING — Partenaires
   ================================================ */
.lp-partenaires {
  background: #FAF8FF;
  padding: 80px 24px;
  border-top: 1px solid #E0D8EE;
}
.lp-partenaires-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.lp-partenaires-surtitle {
  font-size: 13px;
  font-weight: 500;
  color: #E8A020;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
}
.lp-partenaires-title {
  font-size: 32px;
  font-weight: 700;
  color: #1A0F5C;
  margin: 0 0 48px;
}
.lp-partenaires-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 48px;
}
.lp-partenaires-grid img {
  height: 90px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: filter 0.2s, opacity 0.2s;
}
.lp-partenaires-grid img:hover {
  filter: grayscale(0%);
  opacity: 1;
}
@media (max-width: 768px) {
  .lp-partenaires { padding: 48px 20px; }
  .lp-partenaires-title { font-size: 24px; }
  .lp-partenaires-grid { gap: 32px; }
  .lp-partenaires-grid img { height: 36px; }
}




/* ================================================
   LANDING — Avis
   ================================================ */
.lp-avis {
  background: #ffffff;
  padding: 80px 24px;
}
.lp-avis-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.lp-avis-surtitle {
  font-size: 13px;
  font-weight: 500;
  color: #E8A020;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
}
.lp-avis-title {
  font-size: 32px;
  font-weight: 700;
  color: #1A0F5C;
  margin: 0 0 12px;
}
.lp-avis-note {
  font-size: 15px;
  color: #888888;
  margin: 0 0 48px;
}
.lp-avis-trustpilot {
  color: #00B67A;
  font-weight: 600;
  text-decoration: none;
}
.lp-avis-trustpilot:hover { text-decoration: underline; }
.lp-avis-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  text-align: left;
}
.lp-avis-card {
  background: #FAF8FF;
  border: 1px solid #E0D8EE;
  border-radius: 16px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lp-avis-stars {
  color: #00B67A;
  font-size: 20px;
  letter-spacing: 2px;
}
.lp-avis-text {
  font-size: 15px;
  color: #1A0F5C;
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
.lp-avis-auteur {
  font-size: 13px;
  color: #888888;
  margin: 0;
  font-style: italic;
}
@media (max-width: 1024px) {
  .lp-avis-grid { grid-template-columns: 1fr; max-width: 600px; margin: 0 auto; }
}
@media (max-width: 768px) {
  .lp-avis { padding: 48px 20px; }
  .lp-avis-title { font-size: 24px; }
}






/* ================================================
   LANDING — Location
   ================================================ */
.lp-location {
  background: #FAF8FF;
  padding: 80px 24px;
}
.lp-location-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.lp-location-surtitle {
  font-size: 13px;
  font-weight: 500;
  color: #E8A020;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.lp-location-title {
  font-size: 28px;
  font-weight: 700;
  color: #1A0F5C;
  margin: 0 0 8px;
}
.lp-location-voir-tout {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #312783;
  text-decoration: none;
  margin-bottom: 32px;
}
.lp-location-voir-tout:hover { color: #E8A020; }
.lp-location-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.lp-produit-badge--location {
  background: #312783 !important;
}
@media (max-width: 1024px) {
  .lp-location-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .lp-location { padding: 48px 20px; }
  .lp-location-title { font-size: 22px; }
  .lp-location-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}







/* ================================================
   LANDING — Produits acheter
   ================================================ */
.lp-produits {
  background: #ffffff;
  padding: 80px 24px;
}
.lp-produits-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.lp-produits-surtitle {
  font-size: 13px;
  font-weight: 500;
  color: #E8A020;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.lp-produits-title {
  font-size: 28px;
  font-weight: 700;
  color: #1A0F5C;
  margin: 0 0 8px;
  display: inline-block;
}
.lp-produits-voir-tout {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #312783;
  text-decoration: none;
  margin-bottom: 32px;
}
.lp-produits-voir-tout:hover { color: #E8A020; }
.lp-produits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.lp-produit-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #E0D8EE;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
  position: relative;
}
.lp-produit-card:hover {
  box-shadow: 0 8px 24px rgba(49,39,131,0.10);
  transform: translateY(-2px);
  text-decoration: none;
}
.lp-produit-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #1A0F5C;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  z-index: 1;
}
.lp-produit-img {
  width: 100%;
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center;
  background-color: #E8E2F8;
}
.lp-produit-info {
  padding: 20px;
  background: #FAF8FF;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lp-produit-title {
  font-size: 16px;
  font-weight: 600;
  color: #1A0F5C;
  margin: 0;
}
.lp-produit-desc {
  font-size: 13px;
  color: #888888;
  margin: 0;
  flex: 1;
}
.lp-produit-link {
  font-size: 13px;
  font-weight: 600;
  color: #312783;
}
.lp-produit-card:hover .lp-produit-link {
  color: #E8A020;
}
@media (max-width: 1024px) {
  .lp-produits-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .lp-produits { padding: 48px 20px; }
  .lp-produits-title { font-size: 22px; }
  .lp-produits-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}


/* ================================================
   LANDING — 4 services
   ================================================ */
.lp-services {
  background: #FAF8FF;
  padding: 80px 24px;
}
.lp-services-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.lp-services-surtitle {
  font-size: 13px;
  font-weight: 500;
  color: #E8A020;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
}
.lp-services-title {
  font-size: 32px;
  font-weight: 700;
  color: #1A0F5C;
  margin: 0 0 16px;
}
.lp-services-desc {
  font-size: 16px;
  color: #888888;
  margin: 0 0 48px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.lp-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.lp-service-card {
  background: #ffffff;
  border: 1px solid #E0D8EE;
  border-radius: 16px;
  padding: 32px 24px;
  text-align: left;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: box-shadow 0.2s, transform 0.2s;
}
.lp-service-card:hover {
  box-shadow: 0 8px 24px rgba(49,39,131,0.10);
  transform: translateY(-2px);
  text-decoration: none;
}
.lp-service-emoji {
  font-size: 32px;
}
.lp-service-title {
  font-size: 20px;
  font-weight: 600;
  color: #1A0F5C;
  margin: 0;
}
.lp-service-desc {
  font-size: 14px;
  color: #888888;
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
.lp-service-link {
  font-size: 14px;
  font-weight: 600;
  color: #312783;
}
.lp-service-card:hover .lp-service-link {
  color: #E8A020;
}
@media (max-width: 1024px) {
  .lp-services-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .lp-services { padding: 48px 20px; }
  .lp-services-title { font-size: 24px; }
  .lp-services-grid { grid-template-columns: 1fr; gap: 16px; }
}




/* ================================================
   LANDING — Hero
   ================================================ */
.lp-hero {
  background: #F5EBDC;
  padding: 80px 24px;
}
.lp-hero-section {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.lp-hero-title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #2B0200;
  line-height: 1.2;
  margin: 0 0 40px;
}
.lp-hero-title em {
  font-style: italic;
  color: #D4944A;
}
.lp-hero-ctas {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.lp-hero-btn {
  padding: 14px 28px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s, transform 0.15s;
}
.lp-hero-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
}
.lp-hero-btn--primary {
  background: #D4944A;
  color: #ffffff;
}
.lp-hero-btn--primary:hover {
  background: #C07A30;
  color: #ffffff;
}
.lp-hero-btn--secondary {
  background: transparent;
  color: #2B0200;
  border: 2px solid #D4944A;
}
.lp-hero-btn--secondary:hover {
  background: rgba(212,148,74,0.1);
  color: #2B0200;
}
@media (max-width: 768px) {
  .lp-hero { padding: 48px 20px; margin-top: 120px; }
  .lp-hero-title { font-size: 1.6rem; margin-bottom: 28px; }
  .lp-hero-ctas { flex-direction: column; align-items: center; }
}



/* ================================================
   LANDING — Header
   ================================================ */
.lp-header {
  background: #ffffff;
  border-bottom: 1px solid #E0D8EE;
  padding: 0 24px;
}
.lp-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 12px 0;
}
.lp-header-logo img {
  height: 40px;
  width: auto;
}
.lp-header-nav {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.lp-header-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.15s;
}
.lp-header-link:hover {
  background: #F5F3FF;
  text-decoration: none;
}
.lp-header-emoji {
  font-size: 20px;
  flex-shrink: 0;
}
.lp-header-link-text {
  display: flex;
  flex-direction: column;
}
.lp-header-link-title {
  font-size: 14px;
  font-weight: 600;
  color: #1A0F5C;
  line-height: 1.3;
}
.lp-header-link-sub {
  font-size: 11px;
  color: #888888;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .lp-header-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .lp-header-nav {
    margin-left: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }
  .lp-header-link {
    padding: 8px 10px;
  }
  .lp-header-link-sub {
    display: none;
  }
}






/* ___________________ / FIN LANDING HOME __________________________*/











/* ── HERO pleine largeur ─────────────────────────────────── */
.ze-ccm__hero {
  position: relative;
  width: 100%;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 0;
}

.ze-ccm__hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://cdn.kreezalid.com/kreezalid/552245/files/1001501/ccm_hero.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* Vague blanche en bas du hero */
.ze-ccm__hero-wave {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 2;
  line-height: 0;
}

.ze-ccm__hero-wave svg {
  display: block;
  width: 100%;
  height: 60px;
}

/* Boîte de texte semi-transparente */
.ze-ccm__hero-content {
  position: relative;
  z-index: 1;
  max-width: 520px;
  margin-left: 6%;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 4px;
  padding: 36px 40px;
}

.ze-ccm__hero-title {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.5rem, 3.2vw, 2.2rem) !important;
  color: #1e1e1e !important;
  line-height: 1.25 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.ze-ccm__hero-title strong,
.ze-ccm__hero-title b {
  color: #1e1e1e;
  font-weight: 800;
}

.ze-ccm__hero-subtitle {
  font-size: 0.97rem;
  color: #3a3a3a;
  margin: 0;
  line-height: 1.7;
}

/* ── Contenu principal ───────────────────────────────────── */
.ze-ccm__body {
  max-width: 1080px;
  margin: 0 auto;
  padding: 64px 20px 80px;
}

/* ── Section ─────────────────────────────────────────────── */
.ze-ccm__section { margin-bottom: 72px; }

.ze-ccm__section-title {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.2rem, 3vw, 1.65rem) !important;
  color: #1e1e1e !important;
  text-align: center;
  margin: 0 0 40px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  line-height: 1.3 !important;
}

/* ── Grille étapes ───────────────────────────────────────── */
.ze-ccm__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 36px;
}

/* ── Carte étape ─────────────────────────────────────────── */
.ze-ccm__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.ze-ccm__step-img-wrap {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #f0ece6;
}

.ze-ccm__step-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.ze-ccm__step:hover .ze-ccm__step-img-wrap img {
  transform: scale(1.04);
}

.ze-ccm__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #D4944A;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 10px;
  flex-shrink: 0;
}

.ze-ccm__step-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #1e1e1e !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.ze-ccm__step-text {
  font-size: 0.9rem;
  color: #6b6760;
  margin: 0;
  line-height: 1.65;
}

/* ── CTA ─────────────────────────────────────────────────── */
.ze-ccm__cta { text-align: center; margin-top: 8px; }

.ze-ccm__btn {
  display: inline-block;
  background: #D4944A;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.97rem;
  font-weight: 600;
  text-decoration: none !important;
  padding: 14px 36px;
  border-radius: 8px;
  transition: background 0.22s ease, transform 0.15s ease;
}

.ze-ccm__btn:hover {
  background: #c07e38;
  transform: translateY(-2px);
}

/* ── Séparateur ──────────────────────────────────────────── */
.ze-ccm__divider {
  border: none;
  border-top: 1px solid #e2ddd8;
  margin: 0 0 64px;
}

/* ── Confiance ───────────────────────────────────────────── */
.ze-ccm__trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.ze-ccm__trust-card {
  background: #fdf3e8;
  border: 1px solid #f0e0c8;
  border-radius: 14px;
  padding: 28px 24px;
}

.ze-ccm__trust-icon {
  font-size: 1.6rem;
  margin-bottom: 12px;
  display: block;
}

.ze-ccm__trust-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.97rem !important;
  font-weight: 700 !important;
  color: #1e1e1e !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.ze-ccm__trust-text {
  font-size: 0.88rem;
  color: #6b6760;
  margin: 0;
  line-height: 1.65;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
  .ze-ccm__hero-content {
    margin-left: 4%;
    padding: 28px 28px;
    max-width: 460px;
  }
}

@media (max-width: 768px) {
  .ze-ccm__steps      { grid-template-columns: 1fr; gap: 24px; }
  .ze-ccm__trust-grid { grid-template-columns: 1fr; gap: 16px; }
  .ze-ccm__hero       { min-height: 420px; align-items: flex-end; }
  .ze-ccm__hero-content {
    margin: 0 16px 48px;
    max-width: 100%;
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .ze-ccm__hero       { min-height: 360px; }
  .ze-ccm__hero-wave svg { height: 40px; }
  .ze-ccm__btn        { width: 100%; text-align: center; display: block; }
  .ze-ccm__body       { padding: 48px 16px 64px; }
}





/**** FAQ CSS *******/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display&display=swap');

/* ── Wrapper ────────────────────────────────────────────────── */
.ze-faq {
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 16px 64px;
  color: #1e1e1e;
  line-height: 1.7;
}

.ze-faq * {
  box-sizing: border-box;
}

/* ── Header ─────────────────────────────────────────────────── */
.ze-faq__header {
  text-align: center;
  margin-bottom: 44px;
}

.ze-faq__title {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.8rem, 4vw, 2.6rem) !important;
  color: #2c2c2c !important;
  letter-spacing: -0.5px;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  line-height: 1.2 !important;
}

.ze-faq__subtitle {
  color: #6b6760;
  font-size: 1rem;
  margin: 0;
}

/* ── Section ────────────────────────────────────────────────── */
.ze-faq__section {
  margin-bottom: 36px;
}

.ze-faq__section-title {
  font-family: 'DM Serif Display', serif !important;
  font-size: 1.05rem !important;
  color: #D4944A !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0 0 8px !important;
  margin: 0 0 10px !important;
  border: none !important;
  border-bottom: 2px solid #D4944A !important;
  background: none !important;
}

/* ── Item ───────────────────────────────────────────────────── */
.ze-faq__item {
  border: 1px solid #e2ddd8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  margin-bottom: 6px !important;
  overflow: hidden;
  transition: box-shadow 0.28s ease;
}

.ze-faq__item:hover {
  box-shadow: 0 4px 16px rgba(212, 148, 74, 0.10);
}

.ze-faq__item--open {
  box-shadow: 0 4px 20px rgba(212, 148, 74, 0.15) !important;
}

/* ── Bouton question ────────────────────────────────────────── */
.ze-faq__question {
  width: 100% !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px;
  padding: 17px 20px !important;
  text-align: left !important;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #2c2c2c !important;
  line-height: 1.5 !important;
  transition: background 0.25s ease, color 0.25s ease;
  margin: 0 !important;
  outline: none !important;
}

.ze-faq__item--open .ze-faq__question {
  background: #fdf3e8 !important;
  color: #D4944A !important;
}

.ze-faq__question:focus-visible {
  outline: 2px solid #D4944A !important;
  outline-offset: -2px;
}

/* ── Icône chevron ──────────────────────────────────────────── */
.ze-faq__icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.5px solid #e2ddd8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease;
  pointer-events: none;
}

.ze-faq__icon svg {
  width: 13px;
  height: 13px;
  stroke: #6b6760;
  fill: none;
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.28s ease;
  display: block;
}

.ze-faq__item--open .ze-faq__icon {
  background: #D4944A;
  border-color: #D4944A;
  transform: rotate(180deg);
}

.ze-faq__item--open .ze-faq__icon svg {
  stroke: #ffffff;
}

/* ── Panneau réponse ────────────────────────────────────────── */
.ze-faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.ze-faq__item--open .ze-faq__answer {
  grid-template-rows: 1fr;
}

.ze-faq__answer-inner {
  overflow: hidden;
}

.ze-faq__answer-content {
  border-top: 1px solid #e2ddd8;
  padding: 14px 20px 20px;
  font-size: 0.91rem;
  color: #6b6760;
  line-height: 1.75;
}

/* ── Formatage contenu ──────────────────────────────────────── */
.ze-faq__answer-content p {
  margin: 0 0 10px;
}

.ze-faq__answer-content p:last-child {
  margin-bottom: 0;
}

.ze-faq__answer-content strong {
  color: #1e1e1e;
  font-weight: 600;
}

.ze-faq__answer-content em {
  font-style: italic;
}

.ze-faq__answer-content ol,
.ze-faq__answer-content ul {
  padding-left: 20px;
  margin: 6px 0 12px;
}

.ze-faq__answer-content li {
  margin-bottom: 5px;
}

.ze-faq__answer-content a {
  color: #D4944A;
  text-decoration: underline;
}

.ze-faq__answer-content .ze-note {
  background: #fdf3e8;
  border-left: 3px solid #D4944A;
  border-radius: 4px;
  padding: 9px 13px;
  margin-top: 12px;
  font-size: 0.87rem;
  color: #b87a35;
  line-height: 1.6;
}

.ze-faq__answer-content table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 0.87rem;
}

.ze-faq__answer-content th,
.ze-faq__answer-content td {
  text-align: left;
  padding: 7px 11px;
  border: 1px solid #e2ddd8;
}

.ze-faq__answer-content th {
  background: #fdf3e8;
  color: #D4944A;
  font-weight: 600;
}

.ze-faq__answer-content tr:nth-child(even) td {
  background: #fafaf8;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 600px) {
  .ze-faq__question {
    padding: 13px 15px !important;
    font-size: 0.9rem !important;
  }
  .ze-faq__answer-content {
    padding: 12px 15px 18px;
  }
}





/******** MNJ POPUP *******/
/* POPUP PROMO ZIC ETHIC */
.ze-promo-popup {
  position: fixed;
  inset: 0;
  display: none;            /* cachée par défaut */
  z-index: 9999;
}

.ze-promo-popup--visible {
  display: block;           /* affichée quand on ajoute cette classe */
}

.ze-promo-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.ze-promo-popup__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 480px;
  width: 90%;
  background: #fff;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.ze-promo-popup__image {
  display: block;
  width: 100%;
  height: auto;
}

.ze-promo-popup__close {
  position: absolute;
  top: 6px;
  right: 8px;
  border: none;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
/* /POPUP PROMO ZIC ETHIC */





/*****************MNJ FICHE PRODUIT *************************/

/* retrait Contacter Zic EThic */
.msg_to_supplier {
    display: none;
}


/* Bouton Poser question vendeur */
.btn-inbox {
    background-color: #d4944a !important; /* nouvelle couleur */
    border-color: #d4944a !important;    /* couleur de bordure identique */
    color: #ffffff !important;           /* couleur du texte */
}

.btn-inbox:hover {
    background-color: #b37a36 !important; /* couleur au survol */
    border-color: #b37a36 !important;
}





/************* MNJ CUSTOM SECTION ********************/

/* ===== STYLE GLOBAL DU HERO SLIDER ===== */
.custom-slider,
.custom-slider * {
  font-family: 'Poppins', sans-serif;
}

/* ===== SLIDER PRINCIPAL ===== */
.custom-slider {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.custom-slider input {
  display: none;
}

.slides {
  display: flex;
  width: 200%;
  transition: transform 0.5s ease-in-out;
}

.slide {
  width: 50%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
}

/* IMAGES DE FOND PAR SLIDE */
.slide1 {
  background-image: url('https://cdn.kreezalid.com/kreezalid/552245/files/1001501/mkt_freeloc_1.jpg');
}

.slide2 {
  background-image: url('');
}

/* CONTENU CENTRAL DU SLIDE */
.slide-overlay {
  background: rgba(255, 255, 255, 0.85);
  padding: 30px 40px;
  text-align: center;
  border-radius: 12px;
  max-width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* TITRE */
.slide h2 {
  margin: 0 0 20px;
  font-size: 2.5em;
  font-weight: 700;
  color: #333333;
}

/* SOUS-TITRE */
.subtitle {
  font-size: 16px;
  margin: 10px 0 20px;
  color: #444;
}

/* BOUTON PRINCIPAL */
.slide .btn {
  display: inline-block;
  padding: 12px 28px;
  background-color: #d4944a;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.slide .btn:hover {
  background-color: #b37836;
}

/* ===== NAVIGATION PAR BULLETS ===== */
.slider-nav {
  text-align: center;
  margin-top: 10px;
}

.slider-nav label {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #ccc;
  border-radius: 50%;
  margin: 0 6px;
  cursor: pointer;
}

/* SLIDE ACTIF */
#slide1:checked ~ .slides {
  transform: translateX(0%);
}

#slide2:checked ~ .slides {
  transform: translateX(-50%);
}

#slide1:checked ~ .slider-nav label[for="slide1"],
#slide2:checked ~ .slider-nav label[for="slide2"] {
  background: #d4944a;
}

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .slide {
    padding: 20px 10px;
    min-height: auto;
  }

  .slide-overlay {
    padding: 20px;
    max-width: 95%;
    margin: 0 auto;
  }

  .slide h2 {
    font-size: 1.8em;
  }

  .subtitle {
    font-size: 14px;
  }

  .slide .btn {
    padding: 10px 20px;
    font-size: 0.9em;
  }
}

/*** FIN HERO SLIDER ***/

/* ============ BLOCS SERVICES NEW ======*/
.zicethic-promos {
  padding: 2rem 1rem;
  background-color: #f8f5f1;
}

.promo-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
}

.promo-box {
  background-color: #fff;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  text-align: left;
  transition: transform 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.promo-box:hover {
  transform: translateY(-5px);
}

.promo-label {
  background-color: #F0d3af;
  color: #3a2e1f;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.3em 0.6em;
  border-radius: 4px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.promo-box img {
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 0.75rem;
}

.promo-box h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
  color: #333;
  flex-grow: 1;
}

.promo-link {
  font-size: 1.2rem;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  align-self: flex-start;
}

/* ============ SECTION EXPLICATION TYPES D'INSTRUMENTS ============ */

.zicethic-explain-types {
  background-color: #ffffff;             /* fond blanc */
  padding: 2rem 1.5rem;
}

.explain-container {
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 12px;
  border: 1px solid #f0e2cf;            /* léger cadre, très discret */
  padding: 1.5rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

/* Titre mis en avant */
.explain-text h2 {
  margin: 0 0 0.75rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #3a2e1f;
  border-left: 4px solid #d4944a;
  padding-left: 0.75rem;
}

.explain-text p {
  margin: 0;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

.explain-text strong {
  font-weight: 600;
}

/* Image plus discrète */
.explain-image {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}

.explain-image img {
  max-width: 350px;                     /* taille réduite */
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  opacity: 0.95;
}

/* Responsive */

@media (max-width: 900px) {
  .explain-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .explain-image {
    justify-content: flex-start;
  }

  .explain-image img {
    max-width: 200px;
    margin-top: 0.5rem;
  }

  .zicethic-explain-types {
    padding: 1.75rem 1.25rem;
  }

  .explain-container {
    padding: 1.25rem 1.25rem;
  }

  .explain-text h2 {
    font-size: 1.4rem;
  }

  .explain-text p {
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .zicethic-explain-types {
    padding: 1.5rem 1rem;
  }

  .explain-container {
    padding: 1rem 1rem;
  }

  .explain-image img {
    max-width: 100%;
  }
}


/* =====  MNJ Bloc Rachat Express ===== */
.ze-rachat-express {
  background: #e2d1ff;              /* mauve de fond, ajustable */
  padding: 3rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ze-rachat-express__inner {
  max-width: 800px;
  text-align: center;
}

.ze-rachat-express__title {
  font-size: 2.4rem;
  margin: 0 0 0.75rem;
  font-weight: 700;
}

.ze-rachat-express__subtitle {
  font-size: 1.2rem;
  margin: 0 0 1.75rem;
}

.ze-rachat-express__button {
  display: inline-block;
  padding: 0.9rem 2.4rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  /* couleurs inspirées de Zic Ethic */
  background: #d4944a;
  color: #fff9f4;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease,
              background-color 0.15s ease;
}

.ze-rachat-express__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  background: #be823d;
}

.ze-rachat-express__button:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}



/* ============ SECTION CAMPAGNE SOUTIEN ============ */

.zicethic-support {
  background-color: #544B3D;
  padding: 2rem 1.5rem;
}

.support-container {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  padding: 1.5rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.support-text {
  flex: 1 1 60%;
}

.support-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background-color: #f0d3af;
  color: #3a2e1f;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.support-text h2 {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  color: #3a2e1f;
}

.support-text p {
  margin: 0;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
}

.support-cta {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}

.support-button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  border: none;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  background-color: #d4944a;
  color: #fff;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  white-space: nowrap;
}

.support-button:hover {
  background-color: #b9772e;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}

/* Responsive */

@media (max-width: 768px) {
  .support-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .support-cta {
    width: 100%;
    justify-content: flex-start;
  }

  .support-button {
    width: auto;
  }
}

@media (max-width: 480px) {
  .zicethic-support {
    padding: 1.5rem 1rem;
  }

  .support-container {
    padding: 1.25rem 1.25rem;
  }

  .support-text h2 {
    font-size: 1.1rem;
  }

  .support-text p {
    font-size: 0.9rem;
  }
}


/* =====  BLOC EEA OAE ===== */
.zicethic-pedago {
  background-color: #fff;
  padding: 3rem 1rem;
  text-align: center;
}

.zicethic-pedago .section-title {
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #3a2e1f;
}

.pedago-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.pedago-card {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
  max-width: 500px;
  flex: 1 1 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  text-align: left;
}

.pedago-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.pedago-content {
  padding: 1.5rem;
}

.pedago-content h3 {
  font-size: 1.25rem;
  color: #222;
  margin-bottom: 0.75rem;
}

.pedago-content p {
  font-size: 1rem;
  color: #444;
  margin-bottom: 1.25rem;
}

.pedago-button {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background-color: #d4944a;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s;
}

.pedago-button:hover {
  background-color: #a36d2f;
}


/* ===== BLOC RASSURANCE LOGOS ===== */

.reconnaissance {
  background-color: #fff9f4;
  padding: 4rem 2rem;
  text-align: center;
}

.reconnaissance-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.reconnaissance-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
}

.reconnaissance-logos img {
  max-height: 225px;
  max-width: 300px;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}


.reconnaissance-logos img:hover {
  filter: grayscale(0%);
}

.reconnaissance-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4rem;
}

/********** MNJ MENU RACHAT EXPRESS ***********************/
#menu-item-132693 a {
    font-weight: 800 !important;
    color: #ae8ff7 !important; /* Changez cette couleur selon vos préférences */
}

/********** MNJ MENU LOCATION ***********************/
#menu-item-132694 a {
    font-weight: 800 !important;
    color: #00bf63 !important; /* Changez cette couleur selon vos préférences */
}

/*********** MNJ MENU LOCATION MIS EN AVANT ****************/
#menu-item-129617 a {
    font-weight: bold;
    color: #2a7040 !important;
}


/*********** MNJ BANDEAU HEADER DEFILANT ****************/
.scrolling-content {
    width: 100%;
    text-align: center;
    background-color: black;
    padding: 12px 0;
}

.promo-text {
    color: white;
    font-size: 18px;
    font-weight: bold;
}

/* Mobile */
@media screen and (max-width: 768px) {
    .promo-text {
        font-size: 24px;
    }
}

/* MNJ SUPPRIME DEPOT ANNONCE PIANO*/
option[value="42250"] {
    display: none;
}

option[value="45626"] {
    display: none;
}
option[value="41157"] {
    display: none;
}

option[value="41160"] {
    display: none;
}

/***** MNJ : Tableau de bord : agrandir titre *****/
.white-box .box-title {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 25px;
}


/***** MNJ Logo *****/
@media (min-width: 992px) {
    .navbar-brand>img {
        height: 60px;
        margin-top: -10px;
    }
}
    
/****** !!!!!! A REACTIVITE QUAND NETTOYAGE COMPLET CSS FAIT. Actuellement conflit avec d'autres elements CSS de la prod.  MNJ HOMEPAGE -  SECTION REFERENCES ****/
/* Styles pour les grands écrans (PC) */
.grid-home-partenaires {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 images côte à côte */
    grid-gap: 20px;
    justify-items: center;
    align-items: center;
}

.grid-home-partenaires img {
    width: 100px;
    height: auto;
    object-fit: contain;
    margin: 10px;
}

/* Styles pour les petits écrans (mobile) */
@media only screen and (max-width: 768px) {
    .grid-home-partenaires {
        grid-template-columns: repeat(2, 1fr); /* 2 images par ligne sur mobile */
    }
}

/***** MNJ BOUTONS ******/
    /* MNJ bouton header VENDRE */
    .btn.btn-primary.btn-sm.listing-add {
        border-radius: .375rem;
        padding: 5px 20px;
        font-size: 16px;
    }

/*    .btn.bg-bk:hover{
        background:#d4944a;
        color:#FFF;
    }    */

    /* MNJ bouton custom section */
    .btn-custom {
        border-radius: .375rem; 
        background-color: #d4944a; 
        padding: 10px 15px;
        color: white;
        border: none;    
        font-weight: bold;
    }

    .btn-custom:hover {
        background-color: black; /* Couleur de fond noir au survol */
        color: white; /* Texte blanc au survol */
    }
    
    /* MNJ bouton fiche produit recherche instrument */
    .bg-blue {
    background-color: #c1ff72 !important;
    color: #000 !important;
    padding: 5px 10px;
}

/***** MNJ FOOTER *****/
.footer-contact {
  background-color: #fff;
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  max-width: 280px;
  color: #000000;
  border-color:#D4944A;
  border-width: 2px;
}

.contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.icon {
  margin-bottom: 10px;
}

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

.contact-text .phone-number {
  font-size: 20px; /* Adjust phone number font size here */
  margin: 0;
}

.contact-text .small-text {
  margin: 0;
  font-size: 12px; /* Adjust font size for "numéro non surtaxé" here */
  color: #555555;
}

.contact-text .service-hours {
  margin-top: 10px;
  font-size: 12px; /* Adjust service hours font size here */
  color: #555555;
}

.pro-site {
  /*background-color: #fff9f4;*/
  padding: 10px;
  text-align: left;
  border-radius: 0;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px; /* Adjust font size for the pro site section here */
}

.pro-site a {
  color: #000;
  text-decoration: none;
}

.pro-site a:hover {
  text-decoration: underline;
}


/*****************************************************************************/
/******************* / CSS AVANT REPRISE MNJ *********************************/
/*****************************************************************************/


/*p {
  text-align: justify;
  text-justify: inter-word;
}*/

.page-header, .page-header .subtitle {
    text-align: center;
}

.backtotop {
    box-shadow: none;
}

.breadcrumb > * {
    text-transform: none;
}

.listing_form_price_description{
    background-image:none;
    padding:2em;
}

@media(min-width: 992px){
    .narrow_pad {
        padding-left: 0;
        padding-right: 0;
    }
    #formSubscribeNewsletter input,
    .home-search > div:first-child .form-control,
    .home-search > div:first-child input{
        -webkit-border-top-left-radius: 60px;
        -webkit-border-bottom-left-radius: 60px;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-bottomleft: 60px;
        border-top-left-radius: 60px !important;
        border-bottom-left-radius: 60px !important;
        border-right: 1px solid #f0d6bd;
    }
    #formSubscribeNewsletter button,
    .home-search > div:last-child button{
        -webkit-border-top-right-radius: 60px;
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-topright: 60px;
        -moz-border-radius-bottomright: 60px;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        font-size: 19px;
    }
}

.emoji{
    padding-left: 10%;
}

/* Rules for first category's display */
form select option:first-child {
    color: #555555;
}


.empty-bag-title {
    text-align: center;
    margin-top: 20px;
}
.forms-studio {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.forms-studio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

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

.h2-disp {
  font-size: 2.0em;
  margin-bottom: 40px;
}

.zicethic-font {
  font-family: 'Open Sans', sans serif;
  font-weight: 800; 
}

/* Rules for weight. */
.text-bold { font-weight: bold }
.text-center { text-align: center ;}

/* Rules for colors. */
.white-text { color: white; }
.black-text { color: black; }
.gray-dk-text { color: #333333 }
.main-color { color: #d4944a; }
.main-color-dk { color: #916633; }
.dk-gray-text { color: #474747; }
.bg-mc { background-color: #2a7040; }
.bg-mcdk { background-color: #916633; }
.bg-bk { background-color: black; }

/* Rules for margin. */
.mt-0 { margin-top: 0 }
.mt-1 { margin-top: 1rem }
.mt-2 { margin-top: 2rem }
.mt-3 { margin-top: 3rem }
.mt-4 { margin-top: 4rem }
.mt-5 { margin-top: 5rem }
.mt-10 { margin-top: 10rem }
.mb-0 { margin-bottom: 0 }
.mb-1 { margin-bottom: 1rem }
.mb-2 { margin-bottom: 2rem }
.mb-3 { margin-bottom: 3rem }
.mb-4 { margin-bottom: 4rem }
.mb-5 { margin-bottom: 5rem }
.mb-10 { margin-bottom: 10rem }

/* Rules for sizing the text. */
.text-12 { font-size: 12px; }
.text-14 { font-size: 14px; }
.text-16 { font-size: 16px; }
.text-18 { font-size: 18px; }
.text-20 { font-size: 20px; }
.text-24 { font-size: 24px; }
.text-28 { font-size: 28px; }
.text-32 { font-size: 32px; }
.text-36 { font-size: 36px; }
.text-40 { font-size: 40px; }
.text-48 { font-size: 48px; }
.text-72 { font-size: 72px; }
.text-144 { font-size: 144px; }

/* Rules for buttons */
.btn-sobre {
  background-color: transparent;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 3px;
  border: 2px solid #333;
  color: #333;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.btn-sobre:hover {
  background-color: #333;
  color: #f1f1f1;
  border-radius: 50% / 200px;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-72 { font-size: 72px; }
.material-icons.md-144 { font-size: 144px; }

.vertical-line-left {
  border-left: 2px solid;
  display: inline-block;
  margin: 10px 0;
}

.tarifs-vendeur {
  width: 85%;
  max-width: 350px;
}

/* Regle pour cacher note utilisateur */
.rate {
  visibility: hidden;
}

/* Regle pour cacher date de mise en ligne */
.publish_on_date {
  visibility: hidden;
}

.grids {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  margin: 0 auto;
  align-items: start;
  justify-items: center;
}

.cover-tuba {
  height: 310px;
  background-size: cover;
  background-image: url(https://cdn.kreezalid.com/kreezalid/552245/files/993559/image_cover_713px_tuba.png)
}

.img-offre-rentree {
  margin: auto;
  width: 100%;
  max-width: 340px;
  display: block;
  box-shadow: 0 .1rem .5rem 0 rgba(33,33,33,.15);
}

.txt-offre-rentree {
  margin-top: 25px;
}

/* Grid de description de Zic Ehtic *************************************************** */
.zic-ethic-grid {
  justify-content: center;
  grid-template-columns: 60px auto;
  grid-template-rows: auto repeat(4, 1fr);
  row-gap: 20px;
  grid-template-areas:  "home-bienvenue home-bienvenue"
                        "home-offres-img home-offres"
                        "home-qualite-img home-qualite"
                        "home-services-img home-services"
                        "home-circulaire-img home-circulaire"
                        "home-desc-btn home-desc-btn";
}

.home-bienvenue {
  grid-area: home-bienvenue;
}
.home-desc-btn {
  justify-self: center;
  grid-area: home-desc-btn;
}

.home-offres-img {
  align-self: center;
  grid-area: home-offres-img;
}
.home-offres {
  align-self: center;
  justify-self: start;
  grid-area: home-offres;
}

.home-qualite-img {
  align-self: center;
  grid-area: home-qualite-img;
}
.home-qualite {
  align-self: center;
  justify-self: start;
  grid-area: home-qualite;
}

.home-services-img {
  align-self: center;
  grid-area: home-services-img;
}
.home-services {
  align-self: center;
  justify-self: start;
  grid-area: home-services;
}

.home-circulaire-img {
  align-self: center;
  grid-area: home-circulaire-img;
}
.home-circulaire {
  align-self: center;
  justify-self: start;
  grid-area: home-circulaire;
}
/* Fin de Grid de description de Zic Ethic ******************************************** */

/* Grid de Rentrée musicale *************************************************** */
.rentree-grid {
  grid-template-columns: auto 80%;
  grid-template-rows: auto auto;
  row-gap: 5px;
  grid-template-areas:  ". home-rentree-title"
                        ". home-rentree-text1"
                        ". home-rentree-btn1"
                        ". home-rentree-btn2";
  padding-right: 5px;
  /*margin: 10px;*/
}
.rentree-grid2 {
  grid-template-columns: auto 80%;
  grid-template-rows: auto auto;
  row-gap: 5px;
  grid-template-areas:  ". home-rentree-title"
                        ". home-rentree-text1"
                        ". home-rentree-btn1";
  padding-right: 5px;
  /*margin: 10px;*/
}

.btn-reconditionne {
  margin: 0;
}

.rentree_img {
  margin: 15px 0;
  background-size: cover;
  width: 100%;
  height: 200px;
  /*min-height: 15rem;*/
  background-position-x: 50%;
  background-position-y: 50%;
  box-shadow: 0 .1rem .5rem 0 rgba(33,33,33,.15);
}
.home-rentree-title {
  grid-area: home-rentree-title;
}
.home-rentree-title h2 {
  color: #070707;
  font-size: 18px;
  text-align: center;
}
.home-rentree-text1 {
  grid-area: home-rentree-text1;
}
.home-rentree-text1 p {
  line-height: 12pt;
  text-align: center;
  margin: 0;
}
.home-rentree-btn1 {
  grid-area: home-rentree-btn1;
}
.home-rentree-btn2 {
  grid-area: home-rentree-btn2;
}
.home-rentree-btn2 a {
  color: #AD6837;
}
.home-rentree-text2 {
  display: none;
  grid-area: home-rentree-text2;
}
/* Fin de Grid de Rentrée musicale ******************************************** */

/* Grid de Reconditionne occasion ********************************************* */
.recoccas-grid {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  row-gap: 15px;
  column-gap: 0;
  grid-template-areas:  "home-rec"
                        "home-occas";
  margin: 10px 0 10px 0;
}

.home-rec {
    grid-area: home-rec;
    width: 100%;
    padding: 20px 10px 35px 10px;
    background-color: #d4944a70;
    box-shadow: 5px 5px 30px 8px #00000035;
    border-radius: 30px;
}

.home-recoccas-title {
  text-align: center;
}
.home-recoccas-slogan > p {
  text-align: center;
}
.home-recoccas-texte > p {
  text-align: center;
}
.home-occas {
  grid-area: home-occas;
  text-align: end;
  width: 100%;
  padding: 20px 10px 35px 10px;
  background-color: #7b946c70;
  box-shadow: 5px 5px 30px 8px #00000035;
  border-radius: 30px;
}
.home-recoccas-title > h2{
  margin-top: 10px;
  font-size: 18px;
}
.home-recoccas-slogan1 {
  display: block;
}
.home-recoccas-texte {
  font-size: 12px;
}
.home-recoccas-texte1 {
  display: block;
}
/* Fin de Grid de Reconditionne occasion ***************************************** */

/* Grid de Annuaire Pros ********************************************* */
.grid-annuaire {
  grid-template-columns: 1fr;
  grid-template-rows: auto 100px auto auto;
  row-gap: 0;
  column-gap: 0;
  grid-template-areas:  "annuaire-nom"
                        "annuaire-logo"
                        "annuaire-adresse"
                        "annuaire-specialite"
                        "annuaire-boutiqueZE";
  margin: 10px 0 10px 0;
  align-items: center;
  justify-items: center;
}
.annuaire-nom {
  grid-area: annuaire-nom;
  font-size: 22px;
  font-weight: bold;
}
.annuaire-logo {
  grid-area: annuaire-logo;
  max-height: 90%;
  max-width: 100%;
}
.annuaire-adresse {
  grid-area: annuaire-adresse;
}
.annuaire-specialite {
  grid-area: annuaire-specialite;
}
.annuaire-boutiqueZE {
  grid-area: annuaire-boutiqueZE;
}

/* Fin de Grid de Annuaire pros ******************************************************* */

/* Grid de jeu-noel-grid Jeu Concours de Noël ***************************************** */
.jeu-noel-grid {
  grid-template-areas:  "jeu-titre"
                        "jeu-img"
                        "jeu-gain"
                        "jeu-desc1"
                        "jeu-desc2"
                        "jeu-btn";
}
.jeu-titre {
  grid-area: jeu-titre;
}
.jeu-img {
  grid-area: jeu-img;
}
.jeu-gain {
  grid-area: jeu-gain;
}
.jeu-desc1 {
  grid-area: jeu-desc1;
}
.jeu-desc2 {
  grid-area: jeu-desc2;
}
.jeu-btn {
  grid-area: jeu-btn;
}
.jeu-btn .btn {
  width: auto;
}
/* Fin de Grid de Jeu Concours de Noël ************************************************ */

/* Grid de Home-ouverture d'annonces sur Zic Ethic ************************************ */
.grid-home-beta {
  grid-template-columns: minmax(110px 1fr) 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-content: center;
  grid-template-areas:  "home-beta-acheter"
                        "home-beta-aide";
}
.home-beta-img {
  display: none;
  grid-area: home-beta-img;
}
.home-beta-acheter {
  justify-self: start;
  grid-area: home-beta-acheter;
}
.home-beta-aide {
  justify-self: start;
  grid-area: home-beta-aide;
}

.grid-home-ouverture {
  grid-template-areas:  "home-ouverture-argent"
                        "home-ouverture-changement";
}
.home-ouverture-argent {
  grid-area: home-ouverture-argent;
}
.home-ouverture-changement {
  grid-area: home-ouverture-changement;
}

.grid-home-ouverture-btn {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  grid-template-areas:  "home-ouverture-btn-vendre home-ouverture-btn-savoirplus";
}
.home-ouverture-btn-vendre {
  justify-self: end;
  grid-area: home-ouverture-btn-vendre;
}
.home-ouverture-btn-savoirplus {
  align-self: end;
  justify-self: start;
  grid-area: home-ouverture-btn-savoirplus;
}
/* Fin de Grid de Home-ouverture d'annonces sur Zic Ethic ***************************** */

/* Grid de Home intro acheter vendre ************************************************** */
.home-tierconfiance {
  padding: 0;
}
.grid-home-intro-acheter-vendre {
  margin: 25px auto;
  display: grid;
  width: 95%;
  max-width: 250px;
  gap: 5px;
  grid-template-columns: 1fr;
}
.grid-home-intro-btn-acheter, .grid-home-intro-btn-vendre {
  width: 100%;
  height: 200px;
  border-radius: 0;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr;
}
.grid-home-intro-btn-acheter {
  background-color: #d4944a;
}
.grid-home-intro-btn-vendre {
  background-color: black;
}
.home-btn-text-acheter {
  background-color: black;
  color: #d4944a;
  border-radius: 15px;
  border: 3px solid black;
}
.home-btn-text-acheter:hover {
  border: 3px solid black;
}
.home-btn-text-vendre {
  background-color: #d4944a;
  color: black;
  border-radius: 15px;
  border: 3px solid #d4944a;
}
.home-btn-text-vendre:hover {
  border: 3px solid #d4944a;
}
.grid-home-intro-acheter-vendre .home-btn-title:hover {
  color: white;
}
.home-btn-title {
  align-self: center;
}
.grid-home-intro-acheter-vendre .home-btn-text:hover {
  background-color: white;
}
.home-btn-text {
  transition: 0s;
  align-self: start;
}
/* Fin de Grid de Home intro acheter vendre ******************************************* */

/* Grid de Home retours musiciens ***************************************************** */
.grid-home-retours-musiciens {
  padding: 25px 0;
  background-color: #333;
  color: white;
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-areas:  "grid-home-retours-title"
                        "grid-home-retours-texts"
                        "grid-home-retours-btn";
}
/* Fin de Grid de Home retours musiciens ********************************************** */

/* Grid de Home retours title ********************************************************* */
.grid-home-retours-title {
  grid-area: grid-home-retours-title;
}
/* Fin de Grid de Home retours title ************************************************** */

/* Grid de Home retours btn ********************************************************* */
.grid-home-retours-btn {
  grid-area: grid-home-retours-btn;
}
/* Fin de Grid de Home retours title ************************************************** */

/* Grid de Home retours texts ********************************************************* */
.grid-home-retours-texts {
  width: 95%;
  height: auto;
  margin: 0 auto;
  gap: 10px;
  justify-content: space-evenly;
  grid-template-columns: repeat(auto-fill, 250px);
  grid-area: grid-home-retours-texts;
  display: grid;
}
.home-retours {
  background-color: white;
  color: #333;
  height: auto;
  padding: 15px;
  border: 1px;
  border-radius: 7px;
  box-shadow: 5px 5px 30px 8px #00000035;
}
.home-retours-mc {
  background-color: #d4944a;
  color: white;
}
/* Fin de Grid de Home retours texts ************************************************** */

/* Grid de Home recherches musiciens ***************************************************** */
.grid-home-recherches-musiciens {
  padding: 25px 0;
  background-color: #333;
  color: white;
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-areas:  "grid-home-recherches-title"
                        "grid-home-recherches-texts"
                        "grid-home-recherches-btn";
}
/* Fin de Grid de Home recherches musiciens ********************************************** */

/* Grid de Home recherches title ********************************************************* */
.grid-home-recherches-title {
  grid-area: grid-home-recherches-title;
}
/* Fin de Grid de Home recherches title ************************************************** */

/* Grid de Home recherches btn ********************************************************* */
.grid-home-recherches-btn {
  grid-area: grid-home-recherches-btn;
}
/* Fin de Grid de Home recherches title ************************************************** */

/* Grid de Home recherches texts ********************************************************* */
.grid-home-recherches-texts {
  width: 95%;
  height: auto;
  margin: 0 auto;
  gap: 10px;
  justify-content: space-evenly;
  grid-template-columns: repeat(auto-fill, 250px);
  grid-area: grid-home-recherches-texts;
  display: grid;
}
.home-recherches {
  background-color: white;
  color: #333;
  height: auto;
  padding: 15px;
  border: 1px;
  border-radius: 7px;
  box-shadow: 5px 5px 30px 8px #00000035;
}
.home-recherches-mc {
  background-color: #d4944a;
  color: white;
}

/* Fin de Grid de Home recherches texts ************************************************** */

/* Grid de Home Categories ************************************************************ */
.grid-home-categories {
  width: 95%;
  max-width: 1170px;
  height: auto;
  margin: 0 auto;
  gap: 10px;
  justify-content: space-evenly;
  grid-template-columns: repeat(auto-fill, 280px);
  display: grid;
}
.home-category {
  background-size: 100%;
  width: 280px;
  height: 420px;
  text-decoration: none;
}
.home-category .home-category-text{
  color: #916633;
  background-color: rgba(255,255,255,0.9);
  width: 280px;
  height: 11%;
  text-align: center;
  font-size: 26px;
  display: block;
}
.home-category .home-category-zero-annonce{
  color: #916633;
  background-color: rgba(255,255,255,0.9);
  width: 280px;
  height: 13%;
  text-align: center;
  font-size: 22px;
  display: block;
  margin-top: 50%;
  line-height: 1.2em;
}
.home-category .cuivres {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/1_ld.webp);
  background-size: 100%;
  width: 280px;
  height: 420px;
  display: block;
}
.home-category .cuivres:hover {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/2_ld.webp);
  text-decoration: none;
}
.home-category .bois {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/3_ld.webp);
  background-size: 100%;
  width: 280px;
  height: 420px;
  display: block;
}
.home-category .bois:hover {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/4_ld.webp);
  text-decoration: none;
}
.home-category .autres-instruments {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/5_ld.webp);
  background-size: 100%;
  width: 280px;
  height: 420px;
  display: block;
}
.home-category .autres-instruments:hover {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/6_ld.webp);
  text-decoration: none;
}
.home-category .accessoires {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/7_ld.webp);
  background-size: 100%;
  width: 280px;
  height: 420px;
  display: block;
}
.home-category .accessoires:hover {
  background-image: url(https://uploads.zicethic.fr/images/home/home-webp-optimise/8_ld.webp);
  text-decoration: none;
}
/* Fin de Grid de Home Categories ***************************************************** */

/* Grid de Home-ouverture d'annonces sur Zic Ethic ************************************ */
.grid-home-etape-vendre {
  justify-items: center;
  justify-content: center;
  grid-template-areas:  "home-etape-vendre-title"
                        "home-etape-vendre-ajoutez"
                        "home-etape-vendre-ajoutez-txt"
                        "home-etape-vendre-vendez"
                        "home-etape-vendre-vendez-txt"
                        "home-etape-vendre-envoyez"
                        "home-etape-vendre-envoyez-txt"
                        "home-etape-vendre-gagnez"
                        "home-etape-vendre-gagnez-txt";
}
.home-etape-vendre-title {
  grid-area: home-etape-vendre-title;
}
.home-etape-vendre-ajoutez {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/ajoutez.png");
  grid-area: home-etape-vendre-ajoutez;
}
.home-etape-vendre-ajoutez:hover{
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/ajoutez_sombre.png");
}
.home-etape-vendre-vendez {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/vendez.png");
  grid-area: home-etape-vendre-vendez;
}
.home-etape-vendre-vendez:hover {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/vendez_sombre.png");
}
.home-etape-vendre-envoyez {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/envoyez.png");
  grid-area: home-etape-vendre-envoyez;
}
.home-etape-vendre-envoyez:hover {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/envoyez_sombre.png");
}
.home-etape-vendre-gagnez {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/gagnez.png");
  grid-area: home-etape-vendre-gagnez;
}
.home-etape-vendre-gagnez:hover {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/gagnez_sombre.png");
}
.home-etape-vendre-ajoutez-txt {
  grid-area: home-etape-vendre-ajoutez-txt;
}
.home-etape-vendre-vendez-txt {
  grid-area: home-etape-vendre-vendez-txt;
}
.home-etape-vendre-envoyez-txt {
  grid-area: home-etape-vendre-envoyez-txt;
}
.home-etape-vendre-gagnez-txt {
  grid-area: home-etape-vendre-gagnez-txt;
}
.grid-home-etape-vendre p {
  text-align: center;
}
/* Fin de Grid de Home-ouverture d'annonces sur Zic Ethic ***************************** */

/* Grid de Home Facebook ************************************************************** */
.home-facebook {
  background-color: #3b5998;
}
.grid-home-facebook {
  grid-template-areas:  "ccm-vendre-text"
                        "ccm-acheter-text";
}
/* Fin de Grid de Home Facebook ******************************************************* */

/* Grid de A propos Timeline ********************************************************** */
.grid-apropos-timeline {
  background-size: 70% 100%;
  max-width: 920px;
  height: 1000px;
  background-position: center;
  background-repeat: no-repeat;

  grid-template-columns: 1fr;
  column-gap: 0;
  row-gap: 0;
  align-items: center;
  grid-template-areas:  "apropos-timeline-text1"
                        "apropos-timeline-text2"
                        "apropos-timeline-text3";
}
.apropos-timeline-text1 {
  height: 280px;
  width: 80%;
  background-color: white;
  border-radius: 25px;
  padding: 25px;
  grid-area: apropos-timeline-text1;
}
.apropos-timeline-text2 {
  height: 320px;
  width: 80%;
  background-color: white;
  border-radius: 25px;
  padding: 25px;
  grid-area: apropos-timeline-text2;
}
.apropos-timeline-text3 {
  height: 330px;
  width: 80%;
  background-color: white;
  border-radius: 25px;
  padding: 25px;
  grid-area: apropos-timeline-text3;
}
/* Fin de Grid de A propos Timeline *************************************************** */

/* Grid de Home Partenaires *********************************************************** */
.grid-home-partenaires {
  margin-top: 45px;
  max-width: 920px;
  align-items: center;
  column-gap: 0;
  align-content: space-evenly;
  grid-template-columns:  2% 56% 1% 7% 1% 10% 2% 7% 2% 10% 2%;
  grid-template-areas:  ". home-partenaire-mangopay . home-partenaire-lmt . home-partenaire-visalmt . home-partenaire-colissimo . home-partenaire-chronopost .";
}
.home-partenaire-lmt {
  grid-area: home-partenaire-lmt;
}
.home-partenaire-visalmt {
  grid-area: home-partenaire-visalmt;
}
.home-partenaire-mangopay {
  grid-area: home-partenaire-mangopay;
}
.home-partenaire-chronopost {
  grid-area: home-partenaire-chronopost;
}
.home-partenaire-colissimo {
  grid-area: home-partenaire-colissimo;
}
/* Fin de Grid de Home Partenaires  *************************************************** */

/* Grid de Comment ça marche ********************************************************** */
.grid-ccm {
  grid-template-areas:  "ccm-vendre-text"
                        "ccm-acheter-text";
}
.ccm-vendre-text {
  grid-area: ccm-vendre-text;
}
.ccm-vendre-img {
  display: none;
  grid-area: ccm-vendre-img;
}
.ccm-acheter-text {
  grid-area: ccm-acheter-text;
}
.ccm-acheter-img {
  display: none;
  grid-area: ccm-acheter-img;
}
/* Fin de Grid de Comment ça marche *************************************************** */

/* Grid des raison d'acheter sur Zic Ethic ******************************************** */
.acheter-grid {
  grid-template-areas:  "moderation-icon"
                        "moderation-text"
                        "message-icon"
                        "message-text"
                        "option-icon"
                        "option-text"
                        "paiement-icon"
                        "paiement-text"
                        "shipping-icon"
                        "shipping-text"
                        "circulaire-icon"
                        "circulaire-text";
}

.moderation-icon {
  grid-area: moderation-icon;
}

.moderation-text {
  grid-area: moderation-text;
}

.message-icon {
  grid-area: message-icon;
}

.message-text {
  grid-area: message-text;
}

.circulaire-icon {
  grid-area: circulaire-icon;
}

.circulaire-text {
  grid-area: circulaire-text;
}

.paiement-icon {
  grid-area: paiement-icon;
}

.paiement-text {
  grid-area: paiement-text;
}

.shipping-icon {
  grid-area: shipping-icon;
}

.shipping-text {
  grid-area: shipping-text;
}

.option-icon {
  grid-area: option-icon;
}

.option-text {
  grid-area: option-text;
}
/* Fin de Grid des raison d'acheter sur Zic Ethic ************************************* */

/* Grid du process d'achat ************************************************************ */
.process-achat-grid {
  column-gap: 0;
  row-gap: 30px;
  justify-items: start;
  grid-template-columns: 100px auto;
  grid-template-areas:  "etape1-nb etape1-text"
                        "etape2-nb etape2-text"
                        "etape3-nb etape3-text"
                        "etape4-nb etape4-text";
}

.etape-icons {
  width: 50px;
  height: 50px;
  background-size: 50px;
  justify-self: center;
}

.etape1-nb, .etape2-nb, .etape3-nb, .etape4-nb {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 10px 50px auto;
  grid-gap: 0;
  margin: 0 auto;
}

.etape1-nb {
  grid-template-areas:  "none"
                        "etape1-icon"
                        "etape1-vertical-line";
}

.etape2-nb {
  grid-template-areas:  "none"
                        "etape2-icon"
                        "etape2-vertical-line";
}

.etape3-nb {
  grid-template-areas:  "none"
                        "etape3-icon"
                        "etape3-vertical-line";
}

.etape4-nb {
  grid-template-areas:  "none"
                        "etape4-icon"
                        "etape4-vertical-line";
}

.etape1-icon {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/1.png");
  grid-area: etape1-icon;
}

.etape1-text {
  grid-area: etape1-text;
}

.etape2-icon {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/2.png");
  grid-area: etape2-icon;
}

.etape2-text {
  grid-area: etape2-text;
}

.etape3-icon {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/3.png");
  grid-area: etape3-icon;
}

.etape3-text {
  grid-area: etape3-text;
}

.etape4-icon {
  background-image: url("https://cdn.kreezalid.com/kreezalid/552245/files/993559/4.png");
  grid-area: etape4-icon;
}

.etape4-text {
  grid-area: etape4-text;
}

.vertical-line{
  border-left: 2px solid;
  display: inline-block;
  margin: 10px 50%;
}

.etape1-vertical-line {
  height: 150px;
  grid-area: etape1-vertical-line;
}

.etape2-vertical-line {
  height: 60px;
  grid-area: etape2-vertical-line;
}

.etape3-vertical-line {
  height: 40px;
  grid-area: etape3-vertical-line;
}

.etape4-vertical-line {
  height: 0px;
  grid-area: etape4-vertical-line;
}
/* Fin de Grid du process d'achat ***************************************************** */

/* Grid des services acheteurs ******************************************************** */
.services-acheteur-grid {
  column-gap: 0;
  row-gap: 10px;
  justify-items: start;
  grid-template-columns: 1fr;
  grid-template-areas:  "option1-tarif"
                        "option1-details"
                        "option2-tarif"
                        "option2-details"
                        "option3-tarif"
                        "option3-details";
}

.option1-tarif {
  justify-self: center;
  grid-area: option1-tarif;
}

.option1-details {
  grid-area: option1-details;
}

.option2-tarif {
  justify-self: center;
  grid-area: option2-tarif;
}

.option2-details {
  grid-area: option2-details;
}

.option3-tarif {
  justify-self: center;
  grid-area: option3-tarif;
}

.option3-details {
  grid-area: option3-details;
}
/* Fin de Grid des services acheteurs ************************************************* */

/* Grid des offres Zic Ethic ********************************************************** */
.grid-offres {
  row-gap: 25px;
  grid-template-areas:  "offre-solo"
                        "offre-duo-verticale";
}
.offre-solo {
  background-image: url(https://cdn.kreezalid.com/kreezalid/552245/files/993559/offre_solo_6034c8b38d6e4.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 226px;
  width: 250px;
  grid-area: offre-solo;
}
.offre-duo-verticale {
  background-image: url(https://cdn.kreezalid.com/kreezalid/552245/files/993559/offre_duo_verticale_6034c8b377bd9.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 455px;
  width: 250px;
  grid-area: offre-duo-verticale;
}
.offre-duo-horizontale {
  background-image: url(https://cdn.kreezalid.com/kreezalid/552245/files/993559/offre_duo_horizontale_6034c8b3572c8.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 226px;
  width: 648px;
  grid-area: offre-duo-horizontale;
  display: none
}
/* Fin de Grid des offres Zic Ethic s ************************************************* */

/* Grid des etats Zic Ethic *********************************************************** */
.grid-etats-notes {
  grid-template-columns: 30% 30% 30%;
  column-gap: 5%;
  grid-template-areas:  "grid-commeneuf-img grid-commeneuf-title grid-commeneuf-title"
                        "grid-commeneuf-text grid-commeneuf-text grid-commeneuf-text"
                        "grid-tresbonetat-title grid-tresbonetat-title grid-tresbonetat-img"
                        "grid-tresbonetat-text grid-tresbonetat-text grid-tresbonetat-text"
                        "grid-bonetat-img grid-bonetat-title grid-bonetat-title"
                        "grid-bonetat-text grid-bonetat-text grid-bonetat-text"
                        "grid-etatmoyen-title grid-etatmoyen-title grid-etatmoyen-img"
                        "grid-etatmoyen-text grid-etatmoyen-text grid-etatmoyen-text";
}
.grid-commeneuf-img {
  width: 100%;
  align-self: center;
  grid-area: grid-commeneuf-img;
}
.grid-commeneuf-title {
  font-size: 24px;
  align-self: end;
  grid-area: grid-commeneuf-title;
}
.grid-commeneuf-text {
  grid-area: grid-commeneuf-text;
}
.grid-tresbonetat-img {
  width: 100%;
  align-self: center;
  grid-area: grid-tresbonetat-img;
}
.grid-tresbonetat-title {
  font-size: 24px;
  align-self: end;
  grid-area: grid-tresbonetat-title;
}
.grid-tresbonetat-text {
  grid-area: grid-tresbonetat-text;
}
.grid-bonetat-img {
  width: 100%;
  align-self: center;
  grid-area: grid-bonetat-img;
}
.grid-bonetat-title {
  font-size: 24px;
  align-self: end;
  grid-area: grid-bonetat-title;
}
.grid-bonetat-text {
  grid-area: grid-bonetat-text;
}
.grid-etatmoyen-img {
  width: 100%;
  align-self: center;
  grid-area: grid-etatmoyen-img;
}
.grid-etatmoyen-title {
  font-size: 24px;
  align-self: end;
  grid-area: grid-etatmoyen-title;
}
.grid-etatmoyen-text {
  grid-area: grid-etatmoyen-text;
}
/* Fin de Grid des etats Zic Ethic **************************************************** */

/* Grid des services achat Zic Ethic ************************************************** */
.grid-acheter-services {
  grid-template-areas:  "acheter-envoidirect-text"
                        "acheter-passagezicethic-text";
}

.acheter-envoidirect-img {
  display: none;
  grid-area: acheter-envoidirect-img;
}
.acheter-envoidirect-text {
  justify-self: start;
  grid-area: acheter-envoidirect-text;
}
.acheter-passagezicethic-img {
  display: none;
  grid-area: acheter-passagezicethic-img;
}
.acheter-passagezicethic-text {
  justify-self: start;
  grid-area: acheter-passagezicethic-text;
}
/* Fin de Grid des services achat Zic Ethic ******************************************* */

/* Grid des étapes de vente sur Zic Ethic ********************************************* */
.vendre-grid {
  grid-template-areas:  "vendez-article-img"
                        "creez-annonce-text"
                        "vendez-article-text"
                        "recevez-paiement-text";
}

.img-vendre { 
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.creez-annonce-img {
  width: 100%;
  justify-self: center;
  display: none;
  grid-area: creez-annonce-img;
}

.vendez-article-img {
  width: 100%;
  justify-self: center;
  grid-area: vendez-article-img;
}

.recevez-paiement-img {
  width: 100%;
  justify-self: center;
  display: none;
  grid-area: recevez-paiement-img;
}

.creez-annonce-text {
  grid-area: creez-annonce-text;
}

.vendez-article-text {
  grid-area: vendez-article-text;
}

.recevez-paiement-text {
  grid-area: recevez-paiement-text;
}
/* Fin de Grid des étapes de vente sur Zic Ethic ************************************** */

/* Grid de tarifs vendeurs ************************************************************ */
.grid-vendeur-tarifs {
  grid-template-areas:  "vendeur-tarifs-img"
                        "vendeur-tarifs-text";
}
.vendeur-tarifs-img {
  width: 70%;
  align-self: center;
  grid-area: vendeur-tarifs-img;
}
.vendeur-tarifs-text {
  grid-area: vendeur-tarifs-text;
}
/* Fin de Grid de tarifs vendeurs ***************************************************** */

/* Grid de description d'annonces ***************************************************** */
.annonce-grid {
  grid-template-areas:  "annonce-complet-nbtitre"
                        "annonce-complet-text"
                        "annonce-photos-nbtitre"
                        "annonce-photos-text"
                        "annonce-honnete-nbtitre"
                        "annonce-honnete-text"
                        "annonce-factures-nbtitre"
                        "annonce-factures-text"
                        "annonce-gestion-nbtitre"
                        "annonce-gestion-text";
}

.annonce-complet-nbtitre {
  justify-self: start;
  grid-area: annonce-complet-nbtitre;
}
.annonce-complet-titre {
  display: none;
  grid-area: annonce-complet-titre;
}
.annonce-complet-text {
  justify-self: start;
  grid-area: annonce-complet-text;
}

.annonce-photos-nbtitre {
  justify-self: end;
  grid-area: annonce-photos-nbtitre;
}
.annonce-photos-titre {
  display: none;
  grid-area: annonce-photos-titre;
}
.annonce-photos-text {
  justify-self: end;
  grid-area: annonce-photos-text;
}

.annonce-honnete-nbtitre {
  justify-self: start;
  grid-area: annonce-honnete-nbtitre;
}
.annonce-honnete-titre {
  display: none;
  grid-area: annonce-honnete-titre;
}
.annonce-honnete-text {
  justify-self: start;
  grid-area: annonce-honnete-text;
}

.annonce-factures-nbtitre {
  justify-self: end;
  grid-area: annonce-factures-nbtitre;
}
.annonce-factures-titre {
  display: none;
  grid-area: annonce-factures-titre;
}
.annonce-factures-text {
  justify-self: end;
  grid-area: annonce-factures-text;
}

.annonce-gestion-nbtitre {
  justify-self: start;
  grid-area: annonce-gestion-nbtitre;
}
.annonce-gestion-titre {
  display: none;
  grid-area: annonce-gestion-titre;
}
.annonce-gestion-text {
  justify-self: start;
  grid-area: annonce-gestion-text;
}
/* Fin de Grid de description d'annonces ********************************************** */

/* Grid de a propos - Quoi ************************************************************ */
.grid-apropos-quoi {
  max-width: 1000px;
  width: 95%;
  height: auto;
  margin: 0 auto;
  justify-content: space-evenly;
  grid-template-columns: repeat(auto-fill, 200px);
}
.grid-apropos-quoi-items {
  width: 200px;
  padding: 15px;
}
.grid-apropos-quoi-items p {
  text-align: center;
}
/* Fin de Grid de a propos - Quoi ***************************************************** */

/* Grid de a propos definition ******************************************************** */
.grid-apropos-ethique-definition {
  grid-template-columns: 20% auto 20%;
  grid-template-rows: auto auto;
  column-gap: 5%;
  grid-template-areas:  "grid-apropos-ethique-definition-imagedbt grid-apropos-ethique-definition-ethique grid-apropos-ethique-definition-imagefin"
                        "grid-apropos-ethique-definition-text grid-apropos-ethique-definition-text grid-apropos-ethique-definition-text";
}
.grid-apropos-ethique-definition-imagedbt {
  grid-area: grid-apropos-ethique-definition-imagedbt;
}
.grid-apropos-ethique-definition-ethique {
  align-self: center;
  grid-area: grid-apropos-ethique-definition-ethique;
}
.grid-apropos-ethique-definition-text {
  grid-area: grid-apropos-ethique-definition-text;
}
.grid-apropos-ethique-definition-imagefin {
  grid-area: grid-apropos-ethique-definition-imagefin;
}
/* Fin de Grid de a propos definition ************************************************* */

/* Grid de a propos ******************************************************************* */
.grid-equipe {
  grid-template-columns: 1fr;
  grid-template-areas:  "grid-equipe-image"
                        "grid-equipe-text";
}
.grid-equipe-image {
  grid-area: grid-equipe-image;
}
.grid-equipe-text {
  align-self: center;
  grid-area: grid-equipe-text;
}
/* Fin de Grid de a propos ************************************************************ */

/* Grid de a propos ******************************************************************* */
.grid-equipe-photos {
  grid-template-columns: 1fr;
  grid-template-areas:  "grid-equipe-image-christophe"
                        "grid-equipe-text-christophe"
                        "grid-equipe-image-antoine"
                        "grid-equipe-text-antoine";
}
.grid-equipe-image-christophe {
  grid-area: grid-equipe-image-christophe;
}
.grid-equipe-text-christophe {
  align-self: center;
  grid-area: grid-equipe-text-christophe;
}
.grid-equipe-image-antoine {
  grid-area: grid-equipe-image-antoine;
}
.grid-equipe-text-antoine {
  align-self: center;
  grid-area: grid-equipe-text-antoine;
}
.img-photos-equipe {
  width: 300px;
  border-radius: 150px;
}
.lien-linkedin {
  background-image: url(https://cdn.kreezalid.com/kreezalid/552245/files/993559/logo_linkedin_768x768.png);
  background-size: 100%;
  width: 50px;
  height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Fin de Grid de a propos ************************************************************ */

/* Grid de a propos ******************************************************************* */
.grid-mayenne {
  grid-template-columns: 1fr;
  grid-template-areas:  "grid-mayenne-image"
                        "grid-mayenne-text";
}
.grid-mayenne-image {
  grid-area: grid-mayenne-image;
}
.grid-mayenne-text {
  align-self: center;
  grid-area: grid-mayenne-text;
}
/* Fin de Grid de a propos ************************************************************ */

/* Grid de tarifs vendeurs ***************************************************** */
.grid-annonce-intro {
  max-width: 1000px;
  width: 95%;
  height: auto;
  margin: 0 20px;
  justify-content: space-evenly;
  grid-template-columns: repeat(auto-fill, 250px);
}
.annonce-intro-item {
  height: 200px;
  padding: 15px;
  border: 1px;
  border-radius: 7px;
  box-shadow: 5px 5px 30px 8px #00000035;
}
.annonce-intro-item-black {
  background-color: #333;
  color: white;
}
/* Fin de Grid de tarifs vendeurs ***************************************************** */

/* Texte pour référencement des pages catégorie */
.accordion-btn {
  background: linear-gradient(to bottom, rgba(255,255,255,0.62) 0%,rgba(255,255,255,1) 100%);
  color: #d4944a;
  cursor: pointer;
  width: 100%;
  padding: 50px 0 10px 0;
  border: none;
  outline: none;
  font-weight: bold;
  transition: 0.4s;
  position: relative;
  z-index: 0;
  display: inline-block;
  font-size: 14px;
}

.arrow {
  position: relative;
  top: 7px;
}

.first-text {
  position: absolute;
  z-index: -1;
  padding-right: 15px;
}

.first-text.textactive {
  position: static;
  padding-right: 0;
}

.other-texts {
  display: none;
}
.other-texts.textactive {
  display: block;
}

.social-media-category-container {
  display: flex;
  padding: 20px 0 40px 0;
  gap: 10px;
  justify-content: center;
  background-color: #ffffff;
}

.social-media-category-text {
  margin: auto 0;
}

.social-media-category-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icones {
  width: 27px;
}

.grid-offre-livraison-offerte {
  box-shadow: 5px 5px 30px 8px #00000035;
  border-radius: 5px;
  background-color: #ddd;
  column-gap: 10px;
  grid-template-columns: 25% auto;
  grid-template-areas:  "livraison-logo livraison-title"
                        "livraison-text livraison-text";
  align-items: center;
  padding: 0 30px;
  margin-top: 30px;;
}

.livraison-logo {
  grid-area: livraison-logo;
  width: 20vw;
}
.livraison-title {
  grid-area: livraison-title;
  text-align: center;
}
.livraison-text {
  grid-area: livraison-text;
}

.boutons-a-propos {
  text-align: center;
}

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

.report {
  margin-bottom: 20px;
}

.img-in-text {
  height: 2rem;
}

.steps {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 50px;
}

a.btn.bg-bk:hover{
    background:#d4944a;
    color:#FFF;
}

.text-conges {
    padding: 10px;
    margin-top: 10px;
}

.text-conges > p {
    margin: 0;
}

/*
##########################################################################################
##########################################################################################
##########################################################################################
##########################################################################################
####################### LA SUITE CONCERNE LES ADAPTATIONS AUX ############################
##########################################################################################
##########################################################################################
############################ DIFFERENTES TAILLES D'ECRANS ################################
##########################################################################################
##########################################################################################
##########################################################################################
##########################################################################################
##########################################################################################
##########################################################################################
*/

/* MEDIA > 400px ********************************************************************** */
@media (max-width: 400px) {
  .social-media-category-text{
    width: 50%;
    text-align: left;
  }
}
/* Fin de MEDIA > 400px *************************************************************** */

/* MEDIA > 450px ********************************************************************** */
@media (min-width: 450px) {
  .etape1-vertical-line {
    height: 100px;
    grid-area: etape1-vertical-line;
  }
  
  .acheter-grid {
    column-gap: 50px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:  "moderation-icon message-icon"
                          "moderation-text message-text"
                          "option-icon paiement-icon"
                          "option-text paiement-text"
                          "shipping-icon circulaire-icon"
                          "shipping-text circulaire-text";
  }
  
  .services-acheteur-grid {
    grid-template-columns: 200px auto;
    grid-template-areas:  "option1-tarif option1-details"
                          "option2-tarif option2-details"
                          "option3-tarif option3-details";
  }
  .grid-home-beta {
    grid-template-columns: 150px 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-content: center;
    grid-template-areas:  "home-beta-img home-beta-acheter"
                          "home-beta-img home-beta-aide";
  }

  .home-beta-img{
    display: block;
  }

  .grid-etats-notes {
    grid-template-columns: 40% 10% 40%;
    column-gap: 5%;
    grid-template-areas:  "grid-commeneuf-img grid-commeneuf-title grid-commeneuf-title"
                          "grid-commeneuf-img grid-commeneuf-text grid-commeneuf-text"
                          "grid-tresbonetat-title grid-tresbonetat-title grid-tresbonetat-img"
                          "grid-tresbonetat-text grid-tresbonetat-text grid-tresbonetat-img"#ff00003d
                          "grid-bonetat-img grid-bonetat-title grid-bonetat-title"
                          "grid-bonetat-img grid-bonetat-text grid-bonetat-text"
                          "grid-etatmoyen-title grid-etatmoyen-title grid-etatmoyen-img"
                          "grid-etatmoyen-text grid-etatmoyen-text grid-etatmoyen-img";
  }
  
  .grid-apropos-timeline {
    height: 800px;
  }
  .apropos-timeline-text1 {
  height: 190px;
  }
  .apropos-timeline-text2 {
  height: 220px;
  }
  .apropos-timeline-text3 {
  height: 230px;
  }
  
  .recoccas-grid {
    margin: 45px 0 5px 0;
  }
  .home-recoccas-title > h2 {
    margin-top: 20px;
    font-size: 28px;
  }
  .home-recoccas-slogan1, .home-recoccas-texte1 {
    display: inline;
  }

  .grid-offre-livraison-offerte {
    grid-template-columns: 20% auto;
    grid-template-areas:  "livraison-logo livraison-title"
                          "livraison-logo livraison-text";
  }

  .boutons-a-propos {
    display: flex;
    justify-content: space-evenly;
  }
}
/* Fin de MEDIA > 450px *************************************************************** */

/* MEDIA > 550px ********************************************************************** */
@media (min-width: 550px) {
  .grid-offres {
    grid-template-columns: 250px 250px ;
    grid-template-areas:  "offre-solo offre-duo-verticale";
    column-gap: 20px;
    justify-content: center;
  }
  .offre-duo-verticale {
    height: 455px;
    width: 250px;
  }
}
/* Fin de MEDIA > 550px *************************************************************** */

/* MEDIA > 600px ********************************************************************** */
@media (min-width: 600px) {
  .etape1-vertical-line {
    height: 50px;
    grid-area: etape1-vertical-line;
  }
  
  .etape2-vertical-line {
    height: 20px;
    grid-area: etape2-vertical-line;
  }
  
  .etape3-vertical-line {
    height: 20px;
    grid-area: etape3-vertical-line;
  }
  
  .grid-home-etape-vendre {
    grid-template-columns: repeat(4, minmax(110px, 250px));
    grid-template-areas:  "home-etape-vendre-title home-etape-vendre-title home-etape-vendre-title home-etape-vendre-title"
                          "home-etape-vendre-ajoutez home-etape-vendre-vendez home-etape-vendre-envoyez home-etape-vendre-gagnez"
                          "home-etape-vendre-ajoutez-txt home-etape-vendre-vendez-txt home-etape-vendre-envoyez-txt home-etape-vendre-gagnez-txt";
  }
  
  .grid-apropos-timeline {
    padding: 0 30px;
    height: 750px;
    grid-template-columns: 1fr;
    column-gap: 0;
    align-content: start;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:  "apropos-timeline-text1"
                          "apropos-timeline-text2"
                          "apropos-timeline-text3";
  }
  .apropos-timeline-text1 {
    justify-self: start;
    height: 230px;
    width:500px;
  }
  .apropos-timeline-text2 {
    justify-self: end;
    height: 230px;
    width:500px;
  }
  .apropos-timeline-text3 {
    justify-self: start;
    height: 230px;
    width:500px;
  }
  .grid-equipe {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:  "grid-equipe-image grid-equipe-text";
  }
  .grid-mayenne {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:  "grid-mayenne-image grid-mayenne-text";
  }
  .grid-apropos-ethique-definition {
    grid-template-columns: 150px auto 150px;
    grid-template-rows: auto auto;
    column-gap: 40px;
  }
}
/* Fin de MEDIA > 600px *************************************************************** */

/* MEDIA > 650px ********************************************************************** */
@media (min-width: 650px) {
  .vendre-grid {
    column-gap: 0;
    grid-template-columns: 40% 20% 40%;
    grid-template-areas:  "creez-annonce-img creez-annonce-text creez-annonce-text"
                          "vendez-article-text vendez-article-text vendez-article-img"
                          "recevez-paiement-img recevez-paiement-text recevez-paiement-text";
  }
  
  .creez-annonce-img {
    display: block;
  }
    
  .recevez-paiement-img {
    display: block;
  }

  .creez-annonce-text {
    padding-left: 20px;
    align-self: center;
  }

  .vendez-article-text {
    padding-right: 20px;
    align-self: center;
  }

  .recevez-paiement-text {
    padding-left: 20px;
    align-self: center;
  }

  .grid-etats-notes {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    grid-template-areas:  "grid-commeneuf-img grid-tresbonetat-img grid-bonetat-img grid-etatmoyen-img"
                          "grid-commeneuf-title grid-tresbonetat-title grid-bonetat-title grid-etatmoyen-title"
                          "grid-commeneuf-text grid-tresbonetat-text grid-bonetat-text grid-etatmoyen-text";
  }
  .grid-home-intro-acheter-vendre {
    max-width: 1100px;
    grid-template-columns: 1fr 1fr;
  }
  
  .grid-annuaire {
    grid-template-columns: 200px auto;
    grid-template-rows: 70px 50px 40px 40px;
    grid-template-areas:  "annuaire-logo annuaire-nom"
                          "annuaire-logo annuaire-adresse"
                          "annuaire-logo annuaire-specialite"
                          "annuaire-logo annuaire-boutiqueZE";
  }
  .annuaire-nom {
    font-size: 28px;
    align-self: center;
    margin: 0;
  }
}
/* Fin de MEDIA > 650px *************************************************************** */

/*  MEDIA > 700px ********************************************************************* */
@media (min-width: 700px) {
    .process-achat-grid {
      grid-template-columns: 200px auto;
      grid-template-rows: 1fr 1fr 1fr 1fr;
    }

    .etape1-nb, .etape2-nb, .etape3-nb, .etape4-nb {
      grid-template-rows: 10px auto;
    }

    .etape-icons {
      width: 100px;
      height: 100px;
      background-size: 100px;
    }

    .etape1-text, .etape2-text, .etape3-text, .etape4-text {
      align-self: start;
    }
  
    .etape1-vertical-line, .etape2-vertical-line,
    .etape3-vertical-line, .etape4-vertical-line {
      height: 0px;
    }

    .grid-home-ouverture {
      justify-content: center;
      grid-template-columns: 250px 250px;
      grid-template-areas:  "home-ouverture-argent home-ouverture-changement";
    }

    .grid-home-beta {
      justify-content: center;
      grid-template-columns: 150px 500px;
    }
    
    .grid-vendeur-tarifs {
      grid-template-columns: 1fr 1fr;
      grid-template-areas:  "vendeur-tarifs-img vendeur-tarifs-text";
    }
    .vendeur-tarifs-img {
      width: 100%;
    }

    .grid-equipe-photos {
      grid-template-columns: 300px auto 300px;
      column-gap: 30px;
      grid-template-areas:  "grid-equipe-image-christophe grid-equipe-text-christophe grid-equipe-text-christophe"
                            "grid-equipe-text-antoine grid-equipe-text-antoine grid-equipe-image-antoine";
    }
  
    /*.grid-home-partenaires {
      padding: 25px;
      align-items: center;
      justify-content: center;
      grid-template-columns: 300px minmax(5%, 20px) 300px;
      grid-template-rows: 1fr 50px 0.5fr;
      grid-template-areas:  "home-partenaire-lmt . home-partenaire-visalmt"
                            ". . ."
                            "home-partenaire-mangopay . home-partenaire-chronopost";
    }*/
}
/* Fin de MEDIA > 700px *************************************************************** */

/*  MEDIA > 768x ********************************************************************* */
@media (min-width: 768px) {
  .cover-tuba {
    height: 300px;
    background-image: url(     https://cdn.kreezalid.com/kreezalid/552245/files/993559/image_cover_759px_tuba.png)
  }

  .services-acheteur-grid {
    column-gap: 10px;
    grid-template-columns: 250px 250px 250px;
    justify-content: center;
    grid-template-areas:  "option1-tarif option2-tarif option3-tarif"
                          "option1-details option2-details option3-details";
  }

  .grid-ccm {
    grid-template-columns: auto 10% auto;
    column-gap: 10px;
    grid-template-areas:  "ccm-vendre-img ccm-vendre-text ccm-vendre-text"
                          "ccm-acheter-text ccm-acheter-text ccm-acheter-img";
  }
  .ccm-vendre-img {
    align-self: center;
    display: block;
  }
  .ccm-acheter-img {
    align-self: center;
    display: block;
  }

  .grid-acheter-services{
    grid-template-columns: 30% 70%;
    grid-template-areas:  "acheter-envoidirect-img acheter-envoidirect-text"
                          "acheter-passagezicethic-img acheter-passagezicethic-text";
  }  
  .acheter-envoidirect-img {
    display: block;
  }
  .acheter-passagezicethic-img {
    display: block;
  }
  .grid-apropos-timeline {
    padding: 0;
    max-width: 690px;
  }
    .steps {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* Fin de MEDIA > 768px *************************************************************** */

/*  MEDIA > 992x ********************************************************************** */
@media (min-width: 992px) {
  .cover-tuba {
    background-size: cover;
    height: 328px;
    background-image: url(https://cdn.kreezalid.com/kreezalid/552245/files/993559/image_cover_920px_tuba.png)
  }
  .grid-apropos-timeline {
    padding: 0;
    max-width: 753px;
  }
  
  /*.grid-offres {
    grid-template-columns: 250px 648px ;
    grid-template-areas:  "offre-solo offre-duo-horizontale";
    justify-content: center;
  }
  .offre-duo-verticale {
    display: none;
  }
  .offre-duo-horizontale {
    display: block;
  }*/
  
  .img-offre-rentree {
    width: 75%;
    max-width: 500px;
  }

  .btn-reconditionne {
    margin-top: 0.5rem;
  }
  
  .recoccas-grid {
    grid-template-columns: 45% auto 45%;
    row-gap: 0;
    column-gap: 0;
    grid-template-areas:  "home-rec . home-occas";
  }
  .home-rec, .home-occas {
    height: 100%;
  }
  .home-recoccas-slogan > p {
    text-align: center;
  }
  .home-recoccas-texte > p {
    text-align: center;
  }

  .jeu-noel-grid {
    align-items: center;
    grid-template-columns: auto 5% 10% 15% 25% 5% auto;
    grid-template-areas:  ". jeu-titre jeu-titre jeu-titre jeu-titre jeu-titre ."
                          ". jeu-img jeu-gain jeu-gain jeu-gain . ."
                          ". jeu-desc1 jeu-desc1 jeu-desc1 jeu-desc2 jeu-desc2 ."
                          ". jeu-btn jeu-btn jeu-btn jeu-btn jeu-btn .";
  }
  .jeu-titre {
    font-size: 2em;
  }
  .jeu-gain {
    font-size: 1.5em;
  }
  .jeu-desc1, .jeu-desc2 {
    font-size: 1.4em;
  }
  .jeu-btn > p {
    font-size: 1.2em;
  }

}
/* Fin de MEDIA > 992px **************************************************************** */

/* MEDIA > 1200px ********************************************************************** */
@media (min-width: 1200px) {
   .grid-offres {
    grid-template-columns: 250px 648px ;
    grid-template-areas:  "offre-solo offre-duo-horizontale";
    justify-content: center;
  }
  .offre-duo-verticale {
    display: none;
  }
  .offre-duo-horizontale {
    display: block;
  }
  
  .acheter-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:  "moderation-icon message-icon option-icon"
                          "moderation-text message-text option-text"
                          "paiement-icon shipping-icon circulaire-icon"
                          "paiement-text shipping-text circulaire-text";
    }

  .vendre-grid {
    column-gap: 50px;
    justify-content: center;
    grid-template-columns: 360px 360px 360px;
    grid-template-areas:  "creez-annonce-img vendez-article-img recevez-paiement-img"
                          "creez-annonce-text vendez-article-text recevez-paiement-text";
  }

  .creez-annonce-text {
    padding-left: 0;
    align-self: start;
    justify-self: center;
  }

  .vendez-article-text {
    padding-right: 0;
    align-self: start;
    justify-self: center;
  }

  .recevez-paiement-text {
    padding-left: 0;
    align-self: start;
    justify-self: center;
  }

  .cover-tuba {
    height: 400px;
    background-image: url(     https://cdn.kreezalid.com/kreezalid/552245/files/993559/image_cover_920px_tuba.png)
  }

  .annonce-grid {
    column-gap: 25px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas:  "annonce-complet-titre annonce-photos-titre annonce-honnete-titre annonce-factures-titre annonce-gestion-titre"
                          "annonce-complet-text annonce-photos-text annonce-honnete-text annonce-factures-text annonce-gestion-text";
    /*column-gap: 0;
    grid-template-columns: 15% 15% 5% 10% 10% 10% 5% 15% 15%;
    grid-template-areas:  
                          "annonce-complet-titre annonce-complet-titre . annonce-photos-titre annonce-photos-titre annonce-photos-titre . annonce-honnete-titre annonce-honnete-titre"
                          "annonce-complet-text annonce-complet-text . annonce-photos-text annonce-photos-text annonce-photos-text . annonce-honnete-text annonce-honnete-text"
                          "annonce-factures-titre annonce-factures-titre annonce-factures-titre annonce-factures-titre . annonce-gestion-titre annonce-gestion-titre annonce-gestion-titre annonce-gestion-titre"
                          "annonce-factures-text annonce-factures-text annonce-factures-text annonce-factures-text . annonce-gestion-text annonce-gestion-text annonce-gestion-text annonce-gestion-text";*/
  }

  /*.annonce-grid p {
    text-justify: none;
  }*/

  .annonce-complet-nbtitre {
    display: none;
  }
  .annonce-complet-titre {
    display: block;
  }
  
  .annonce-photos-nbtitre {
    display: none;
  }
  .annonce-photos-titre {
    display: block;
  }
  
  .annonce-honnete-nbtitre {
    display: none;
  }
  .annonce-honnete-titre {
    display: block;
  }
  
  .annonce-factures-nbtitre {
    display: none;
  }
  .annonce-factures-titre {
    display:block;
  }
  
  .annonce-gestion-nbtitre {
    display: none;
  }
  .annonce-gestion-titre {
    display: block;
  }

  .zic-ethic-grid {
    justify-content: center;
    grid-template-columns: repeat(3, 300px);
    grid-template-rows: repeat(4, auto);
    row-gap: 10px;
    grid-template-areas:  "home-bienvenue home-offres-img home-qualite-img"
                          "home-bienvenue home-offres home-qualite"
                          "home-desc-btn home-services-img home-circulaire-img"
                          "home-desc-btn home-services home-circulaire";
  }
  .home-offres {
    align-self: start;
  }
  .home-qualite {
    align-self: start;
  }
  .home-services {
    align-self: start;
  }
  .home-circulaire {
    align-self: start;
  }

  .home-desc-btn {
    justify-self: start;
    align-self: center;
  }
  .zic-ethic-grid p {
    text-align: center;
  }
  .home-container {
    width: 1000px;
    padding: 40px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .grid-home-retours-texts, .grid-home-recherches-texts {
    max-width: 1100px;
  }
  .grid-apropos-timeline {
    padding: 0;
    max-width: 920px;
  }

  .rentree-grid {
    grid-template-columns: auto 45% 25%;
    row-gap: 0;
    grid-template-areas:  ". home-rentree-title home-rentree-title"
                          ". home-rentree-text1 home-rentree-text1"
                          ". home-rentree-btn1 home-rentree-btn1"
                          ". home-rentree-text2 home-rentree-btn2";
  }
  .rentree-grid2 {
    grid-template-columns: auto 45% 25%;
    row-gap: 0;
    grid-template-areas:  ". home-rentree-title home-rentree-title"
                          ". home-rentree-text1 home-rentree-text1"
                          ". home-rentree-btn1 home-rentree-btn1"
                          ". home-rentree-text2 home-rentree-text2";
  }
  .home-rentree-title h2 {
    font-size: 32px;
  }
  .home-rentree-text1 p {
    font-size: 20px;
    line-height: normal;
  }
  .home-rentree-btn1 {
    margin-top: 5px;
  }
  .home-rentree-btn2 {
    margin-top: 10px;
    justify-self: start;
  }
  .home-rentree-btn2 a {
    margin-top: 0;
  }
  .home-rentree-text2 {
    display: inline;
    margin-top: 10px;
    justify-self: end;
  }
  .home-rentree-text2 p {
    margin-top: 7px;
  }
}
/* Fin de MEDIA > 1200px *************************************************************** */

.listing-supplier-group {
  font-weight: bold;
  /*background-color: #d4944a;
  border-bottom-left-radius: 100%;*/
  top: 0;
  color: #fff;
  font-size: 15px;
  transform: rotate(20deg);
  width: 75px;
  /*padding: 5px 7px;*/
  right: 0;
  position: absolute;
}

/* MNJ Picto Reconditionné sur liste annonces */

.listing-supplier-group2 {
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.9;
    background-color: #C1ff72;
    color: black;
    padding: 0 8px 5px 10px;
    border-radius: 0 0 0 20px;
    width: 115px;
}

.listing-whishlist {
  text-align: left;
  /*font-weight: bold;
  background-color: black;
  border-bottom-right-radius: 100%;
  top: 0;
  color: #fff;
  font-size: 20px;
  left: 0;
  padding: 5px 7px;
  position: absolute;*/
}

.listing-state {
  /*font-weight: bold;*/
  color: black;
}

.listing-category {
  color: black;
  text-align: center;
  font-size: 18px;
}

.listing-link {
  display: block;
}

.listing-link:hover {
  text-decoration: none;
}

.wishlist-btn {
  margin-top: 0;
}

.price-large {
  font-size: 24px;
  font-weight: bold;
  background-color: #d4944d;  
  border-radius: 5px;
  color: white;
  padding: 0 40px;
}

.listing-supplier-avatar, 
.listing-supplier-note,
.listing-premiere-vente {
  display: inline;
}

.listing-premiere-vente {
  color: black;
}

.card {
  margin-top: 20px;
}

.home_about_you > .container {
    padding: 0;
    width: 100%;
}

.home_about_you .edito_img {
    display: none;
} 

.edito_text {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.custom_sect_content > .row {
    margin-left: 0;
    margin-right: 0;
}

.entry-title a {
  display: none;
}

.listing_contact_form_wrap > h2 {
  display: none;
}

#main_title-input-div, #texte_pour_miniature-input-div, #documents_lies_a_l_annonce-input-div, #reconditionne-input-div, #bon_plan-input-div {
  display: none;
}

.listing-attribut-factures_d_achat_ou_de_revision {
    display: none;
}

.ze-modal-container {
  visibility: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
}

.ze-modal-container.ze-modal-active {
  visibility: visible;
}

.ze-close-modal {
  padding: 8px 10px;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-color: #d4944a;
  color: #fff;
}

.ze-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #333333d3;
}

.ze-modal {
  width: 95%;
  max-width: 500px;
  min-width: 300px;
  padding: 30px;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

header.ze-header-inactive {
  z-index: 0;
}

.payment-method-item:hover {
    cursor: default;
}
.payment-method-item {
    box-shadow: none;
}

#menu-item-100273 {
    background-color: #d4944a;
}
#menu-item-100273 a {
    color: white;
}

.texteseocategorie p {
    font-size : 0.75rem;
}

.texteseocategorie h3 {
    font-size : 0.87rem;
}


.texteseocategorie h2 {
    font-size : 1rem;
}


.texteseocategorie li{
    font-size : 0.75rem;
}

.logo-oae {
    margin-left: auto;
    margin-right: auto;
    width: 50%; 
}

.video-container-reportagefr3 {
    max-width: 800px;
    margin: 50px auto;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.iframe-reportagefr3 {
    width: 100%;
    height: 400px; /* Vous pouvez ajuster la hauteur selon vos besoins */
    display: block;
    border: none;
}

#reconditionnement {
    background-color: #fff;
    color: #333;
    padding: 20px;}

#reconditionnement .container {
    max-width: 1200px;
    margin: auto;
}

#reconditionnement h2, #reconditionnement h3, #reconditionnement h4, #eea h2, #eea h3, #eea h4 {
    color: #d4944a;
}

#reconditionnement h2, .container-comparative-rec-neuf h2, #eea h2 {
     text-align: center;
     margin-top: 5rem;
     font-size:2.5rem;
}

.container-comparative-rec-neuf h2 {
     color: #d4944a;
     margin-top: 1rem;
}

#reconditionnement p, #eea p {
    line-height: 1.6;
}

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

.steps .step img {
    height: auto;
    margin: auto;
}

.benefits ul {
    list-style: none;
    padding: 0;
}

.benefits ul li {
    background-color: #d4944a;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
}

.impact {
    background-color: #f4f4f4;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    border-radius: 5px;
}

.accordion {
    border-radius: 25px;
    background-color: #774c60;
    padding: 50px;
    width: 97%;
    max-width: 1350px;
    margin: auto auto 50px auto;
}

.accordion-item {
    background-color: #f5f5ef;
    border-radius: 30px;
    padding: 20px 30px;
    margin-bottom: 15px;
}

.accordion-header {
  padding: 10px;
  cursor: pointer;
  color: #1A1423;
  font-weight: bold;
  font-size: 1.25rem;
}

.accordion-content p {
    margin-bottom: 0.3rem;
}

.accordion-content {
  display: none;
  padding: 10px;
}

.active .accordion-content {
  display: block;
}

/*.image-container {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
}*/

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

.image-container picture {
  width: 100%;
  height: auto;
  display: block;
}

.container-comparative-rec-neuf {
    background-color: #f5f5ef;
    padding: 50px;
}

.comparative-rec-neuf {
    grid-template-columns: 1fr 20% 20% 20%;
    grid-template-areas:  "comparative-item-title rec-title neuf-title occ-title"
                          "comparative-item1 rec-check-circle1 neuf-check-circle1 occ-cancel1"
                          "comparative-item2 rec-check-circle2 neuf-check-circle2 occ-cancel2"
                          "comparative-item3 rec-check-circle3 neuf-check-circle3 occ-cancel3"
                          "comparative-item4 rec-check-circle4 neuf-check-circle4 occ-cancel4"
                          "comparative-item5 rec-check-circle5 neuf-check-circle5 occ-cancel5"
                          "comparative-item6 rec-check-circle6 neuf-cancel6 occ-cancel6"
                          "comparative-item7 rec-check-circle7 neuf-cancel7 occ-cancel7";
    padding: 50px;
    background-color: #fff;
    border-radius: 25px;
    max-width: 1200px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.comparative-item1-title {
    grid-area: comparative-item-title;
}
.comparative-item1 {
    font-weight: 600;
    grid-area: comparative-item1;
    text-align: left;
}
.comparative-item2 {
    font-weight: 600;
    grid-area: comparative-item2;
    text-align: left;
}
.comparative-item3 {
    font-weight: 600;
    grid-area: comparative-item3;
    text-align: left;
}
.comparative-item4 {
    font-weight: 600;
    grid-area: comparative-item4;
    text-align: left;
}
.comparative-item5 {
    font-weight: 600;
    grid-area: comparative-item5;
    text-align: left;
}
.comparative-item6 {
    font-weight: 600;
    grid-area: comparative-item6;
    text-align: left;
}
.comparative-item7 {
    font-weight: 600;
    grid-area: comparative-item7;
    text-align: left;
}
.rec-title {
    font-size: large;
    font-weight: bold;
    color: #1A1423;
    grid-area: rec-title;
}
.neuf-title {
    font-size: large;
    font-weight: bold;
    color: #1A1423;
    grid-area: neuf-title;
}
.occ-title {
    font-size: large;
    font-weight: bold;
    color: #1A1423;
    grid-area: occ-title;
}
.rec-check-circle1 {
    color: green;
    grid-area: rec-check-circle1;
}
.neuf-check-circle1 {
    color: green;
    grid-area: neuf-check-circle1;
}
.occ-cancel1 {
    color: red;
    grid-area: occ-cancel1;
}
.rec-check-circle2 {
    color: green;
    grid-area: rec-check-circle2;
}
.neuf-check-circle2 {
    color: green;
    grid-area: neuf-check-circle2;
}
.occ-cancel2 {
    color: red;
    grid-area: occ-cancel2;
}
.rec-check-circle3 {
    color: green;
    grid-area: rec-check-circle3;
}
.neuf-check-circle3 {
    color: green;
    grid-area: neuf-check-circle3;
}
.occ-cancel3 {
    color: red;
    grid-area: occ-cancel3;
}
.rec-check-circle4 {
    color: green;
    grid-area: rec-check-circle4;
}
.neuf-check-circle4 {
    color: green;
    grid-area: neuf-check-circle4;
}
.occ-cancel4 {
    color: red;
    grid-area: occ-cancel4;
}
.rec-check-circle5 {
    color: green;
    grid-area: rec-check-circle5;
}
.neuf-check-circle5 {
    color: green;
    grid-area: neuf-check-circle5;
}
.occ-cancel5 {
    color: red;
    grid-area: occ-cancel5;
}
.rec-check-circle6 {
    color: green;
    grid-area: rec-check-circle6;
}
.neuf-cancel6 {
    color: red;
    grid-area: occ-cancel6;
}
.occ-cancel6 {
    color: red;
    grid-area: neuf-cancel6;
}
.rec-check-circle7 {
    color: green;
    grid-area: rec-check-circle7;
}
.neuf-cancel7 {
    color: red;
    grid-area: neuf-cancel7;
}
.occ-cancel7 {
    color: red;
    grid-area: occ-cancel7;
}

.eea-reconditionnement {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas:  "eea-reconditionnement-img"
                          "eea-reconditionnement-text";
    margin: 50px auto;
}
.eea-reconditionnement-img {
    grid-area: eea-reconditionnement-img;
    align-self: center;
    text-align: center;
}
.eea-reconditionnement-img img, .eea-impact-positif-img img {
    width: 80%;
    max-width: 400px;
}
.eea-reconditionnement-text {
    grid-area: eea-reconditionnement-text;
}
.eea-choix-zic-ethic-titles {
    font-weight: bold;
    font-size: 1.1rem;
}

.eea-impact-positif {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas:  "eea-impact-positif-img"
                          "eea-impact-positif-text";
    margin: 50px auto;
}
.eea-impact-positif-img {
    grid-area: eea-impact-positif-img;
    justify-self: center;
    align-self: center;
    text-align: center;
}
.eea-impact-positif-text {
    grid-area: eea-impact-positif-text;
}
.eea-reconditionnement-text h3, .eea-impact-positif-text h3 {
    text-align: center;
}

@media (min-width: 1000px) {
    .eea-reconditionnement {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:  "eea-reconditionnement-img eea-reconditionnement-text";
        margin: 50px auto;
    }
    .eea-impact-positif {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:  "eea-impact-positif-text eea-impact-positif-img";
        margin: 50px auto;
    }
    .eea-reconditionnement-text h3, .eea-impact-positif-text h3 {
        text-align: left;
    }
}

.eea-contact {
    width: 80ù;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 10%;
    grid-template-areas: "eea-contact-tel-logo eea-contact-mail-logo"
                         "eea-contact-tel-numero-small-screen eea-contact-mail-text";
}
.eea-contact-tel-logo {
    grid-area: eea-contact-tel-logo;
}
.eea-contact-tel-numero-small-screen {
    grid-area: eea-contact-tel-numero-small-screen;
    font-size: 1.2rem;
}
.eea-contact-tel-numero-large-screen {
    grid-area: eea-contact-tel-numero-large-screen;
    font-size: 2rem;
    display: none;
}
.eea-contact-mail-logo {
    grid-area: eea-contact-mail-logo;
}
.eea-contact-mail-text {
    grid-area: eea-contact-mail-text;
    font-size: 1.2rem;
}
.eea-contact-tel-logo span, .eea-contact-mail-logo span {
    font-size: 38px;
}

@media (min-width: 650px) {
    .eea-contact {
        width: 650px;
        column-gap: 50px;
        grid-template-areas: "eea-contact-tel-logo eea-contact-mail-logo"
                             "eea-contact-tel-numero-large-screen eea-contact-mail-text";
    }
    .eea-contact-tel-numero-small-screen {
        display: none;
    }
    .eea-contact-tel-numero-large-screen {
        display: block;
    }
    .eea-contact-mail-text {
        font-size: 2rem;
    }
    .eea-contact-tel-logo span, .eea-contact-mail-logo span {
        font-size: 72px;
    }
}

.home-eea-redirection {
    margin: 10vh 0;
}
.home-eea-redirection img {
    border-radius: 30px;
}

/* retire la marge des filtres à facettes sur les listings */
.search-filter-content .mb-3 {
    margin-bottom: 0px;
}