.elementor-widget-page-title .elementor-heading-title, .elementor-widget-page-title .hfe-page-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-page-title .hfe-page-title-icon i{color:var( --e-global-color-primary );}.elementor-widget-page-title .hfe-page-title-icon svg{fill:var( --e-global-color-primary );}.elementor-2976 .elementor-element.elementor-element-50bc33e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2976 .elementor-element.elementor-element-22a2c33{color:#484848;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-shopengine-filterable-product-list .filter-content-row{grid-template-columns:repeat(1, 1fr);}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-tag-sale-badge{display:block;color:#FFFFFF;background-color:#4285F4;font-size:14px;font-weight:500;text-transform:capitalize;line-height:50px;border-radius:50% 50% 50% 50%;min-width:auto;min-height:auto;padding:0;text-align:center;width:50px;height:50px;left:5%;top:5%;}.elementor-2976 .elementor-element.elementor-element-d12e38a .price del{display:inline-block;}.elementor-2976 .elementor-element.elementor-element-d12e38a .price .shopengine-badge{display:inline-block;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav button{font-size:18px;font-weight:500;line-height:20px;color:#999999;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav button:hover{color:#F03D3F;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav button.active{color:#F03D3F;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav li button{margin:0 15px 0 0px;padding:0px 0 15px 0;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav li:first-child button{padding-left:0;margin-left:0;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav li:last-child button{padding-right:0;margin-right:0;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav li button{margin:0 0px 0 15px;padding:0px 0 15px 0;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav button.active::before, .elementor-2976 .elementor-element.elementor-element-d12e38a .filter-nav button:hover::before{border-style:solid;border-width:0px 0px 2px 0px;border-color:#F03D3F;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-single-product-item{background-color:#fff;padding:15px 15px 15px 15px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-single-product-item{padding:15px 15px 15px 15px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-thumb{padding:0px 0px 15px 0px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-thumb{padding:0px 0px 15px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-category ul li a{font-size:13px;font-weight:400;line-height:20px;color:#858585;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-category ul li a:hover{color:#F03D3F;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-category{line-height:0;padding:0px 0px 0px 0px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-category{line-height:0;padding:0px 0px 0px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-title{font-size:15px;font-weight:400;line-height:18px;margin:0;padding:0px 0px 5px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-title a{color:#535353;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-title a:hover{color:#0A0A0A;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-title{margin:0;padding:0px 0px 5px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-rating .star-rating{font-size:12px;color:#fec42d !important;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-rating .star-rating::before{color:#fec42d !important;}.elementor-2976 .elementor-element.elementor-element-d12e38a .rating-count{color:#999999;font-size:12px;font-weight:400;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-rating{line-height:0;padding:0px 0px 10px 0px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-rating{line-height:0;padding:0px 0px 10px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .shopengine-discount-badge{font-size:10px;font-weight:700;line-height:18px;color:#FFFFFF;background:#F54F29;border-radius:2px 2px 2px 2px;padding:0px 10px 0px 10px;margin:0px 0px 0px 5px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .shopengine-discount-badge{border-radius:2px 2px 2px 2px;padding:0px 10px 0px 10px;margin:0px 5px 0px 0px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-tag-sale-badge{border-radius:50% 50% 50% 50%;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .price span.amount{color:#101010;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .price del span.amount{color:#999999;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .price{font-size:18px;font-weight:700;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-single-product-item .product-price :is(.onsale-off, .price del){font-size:12px;font-weight:700;line-height:24px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-price{padding:10px 0px 10px 0px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-price{padding:10px 0px 10px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .price ins, .product-price .price del{margin-right:5px;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .price ins, .rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .product-price .price del{margin-left:5px;margin-right:0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .prodcut-description{font-size:14px;font-weight:400;line-height:20px;color:#666666;padding:15px 0px 15px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#F2F2F2;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .prodcut-description{padding:15px 0px 15px 0px;border-width:1px 0px 0px 0px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .add-to-cart-bt .se-btn{transition:none !important;color:#101010 !important;font-size:15px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .add-to-cart-bt .se-btn:hover{color:#F03D3F !important;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .add-to-cart-bt .se-btn.active{color:#F03D3F !important;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .add-to-cart-bt .se-btn:hover i{color:#F03D3F !important;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .add-to-cart-bt .se-btn.active i{color:#F03D3F !important;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-content .filtered-product-list .shopengine-single-product-item .add-to-cart-bt .button{font-size:13px;font-weight:500;line-height:18px;letter-spacing:0.4px;color:#FFFFFF;background:#3E3E3E;padding:12px 14px 12px 14px;}.elementor-2976 .elementor-element.elementor-element-d12e38a .filter-content .filtered-product-list .shopengine-single-product-item .add-to-cart-bt .button:hover{color:#FFFFFF;background:#F54F29;}.rtl .elementor-2976 .elementor-element.elementor-element-d12e38a .filter-content .filtered-product-list .shopengine-single-product-item .add-to-cart-bt .button{padding:12px 14px 12px 14px;}.elementor-2976 .elementor-element.elementor-element-0b0817e{color:#484848;}.elementor-2976 .elementor-element.elementor-element-9ec32d9{color:#484848;}.elementor-2976 .elementor-element.elementor-element-6b06517{color:#484848;}.elementor-2976 .elementor-element.elementor-element-27300ab{color:#484848;}.elementor-2976 .elementor-element.elementor-element-8bd1163{color:#484848;}.elementor-2976 .elementor-element.elementor-element-0c293e8{color:#484848;}.elementor-2976 .elementor-element.elementor-element-a083446{color:#484848;}.elementor-2976 .elementor-element.elementor-element-cb18925{padding:0px 0px 0px 32px;border-style:solid;border-width:0px 0px 0px 8px;border-radius:0px 0px 0px 14px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);color:#484848;}.elementor-2976 .elementor-element.elementor-element-d216b03{color:#484848;}.elementor-2976 .elementor-element.elementor-element-f180021{color:#484848;}.elementor-2976 .elementor-element.elementor-element-8042b64{padding:0px 0px 0px 32px;border-style:solid;border-width:0px 0px 0px 8px;border-radius:0px 0px 0px 14px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);color:#484848;}.elementor-2976 .elementor-element.elementor-element-a2cfd22{color:#484848;}.elementor-2976 .elementor-element.elementor-element-2917b6d{color:#484848;}.elementor-2976 .elementor-element.elementor-element-85ee08f{padding:0px 0px 0px 32px;border-style:solid;border-width:0px 0px 0px 8px;border-radius:0px 0px 0px 14px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);color:#484848;}.elementor-2976 .elementor-element.elementor-element-1db1a7f{color:#484848;}.elementor-2976 .elementor-element.elementor-element-a8d1789{color:#484848;}.elementor-2976 .elementor-element.elementor-element-b58c611{color:#484848;}.elementor-2976 .elementor-element.elementor-element-224d030{color:#484848;}.elementor-2976 .elementor-element.elementor-element-3e81f53{padding:0px 0px 0px 32px;border-style:solid;border-width:0px 0px 0px 8px;border-radius:0px 0px 25px 4px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);font-family:"Tahoma", Sans-serif;font-weight:700;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#0052D5;}.elementor-2976 .elementor-element.elementor-element-1408a9d{color:#484848;}.elementor-2976 .elementor-element.elementor-element-762fd96{color:#505050;}.elementor-2976 .elementor-element.elementor-element-5751c96{color:#505050;}.elementor-2976 .elementor-element.elementor-element-b2882ec{padding:0px 0px 0px 32px;border-style:solid;border-width:0px 0px 0px 8px;border-radius:0px 0px 25px 4px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);font-family:"Tahoma", Sans-serif;font-weight:700;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#0052D5;}.elementor-2976 .elementor-element.elementor-element-8b98ea9{color:#505050;}.elementor-2976 .elementor-element.elementor-element-aefe8a0{color:#505050;}.elementor-2976 .elementor-element.elementor-element-7d07e7c{color:#505050;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-shopengine-filterable-product-list .filter-content-row{grid-template-columns:repeat(3, 1fr);}}@media(max-width:767px){.elementor-2976 .elementor-element.elementor-element-50bc33e{width:var( --container-widget-width, 245.688px );max-width:245.688px;--container-widget-width:245.688px;--container-widget-flex-grow:0;}.elementor-2976 .elementor-element.elementor-element-d12e38a .shopengine-shopengine-filterable-product-list .filter-content-row{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for html, class: .elementor-2976 .elementor-element.elementor-element-0dd5192 */
/* Conteneur - 3 lignes x 2 colonnes ultra compact */
.boutons-compacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  max-width: 100%;
  margin: 15px 0;
}

/* Style de base des boutons (dimensions réduites de moitié) */
.boutons-compacts .btn-compact {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  border: none;
  cursor: pointer;
  min-height: 36px;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

/* Effet au survol (plus léger) */
.boutons-compacts .btn-compact:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.20);
  color: #ffffff;
}

/* --- COULEURS (inchangées mais adaptées) --- */

.btn-formation {
  background: linear-gradient(135deg, #f7971e, #ffd200);
  color: #1a1a2e;
}
.btn-formation:hover {
  background: linear-gradient(135deg, #e08a0e, #f5c400);
}

.btn-ebook {
  background: linear-gradient(135deg, #1a2980, #26d0ce);
}
.btn-ebook:hover {
  background: linear-gradient(135deg, #15206a, #1fb8b6);
}

.btn-ia {
  background: linear-gradient(135deg, #7f00ff, #e100ff);
}
.btn-ia:hover {
  background: linear-gradient(135deg, #6a00d4, #c900d4);
}

.btn-logiciel {
  background: linear-gradient(135deg, #00b4db, #0083b0);
}
.btn-logiciel:hover {
  background: linear-gradient(135deg, #009ac4, #006f96);
}

.btn-plr {
  background: linear-gradient(135deg, #11998e, #38ef7d);
}
.btn-plr:hover {
  background: linear-gradient(135deg, #0d7d74, #2dd46a);
}

.btn-template {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
}
.btn-template:hover {
  background: linear-gradient(135deg, #e6355a, #e03d1e);
}

/* --- Version mobile : 1 colonne si l'écran est très petit --- */
@media (max-width: 480px) {
  .boutons-compacts {
    grid-template-columns: 1fr;
    gap: 7px;
    max-width: 280px;
    margin: 15px auto;
  }
  .boutons-compacts .btn-compact {
    padding: 8px 12px;
    font-size: 14px;
    min-height: 40px;
    white-space: normal;
  }
}
/* End custom CSS */
/* Start custom CSS for page-title, class: .elementor-2976 .elementor-element.elementor-element-50bc33e */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-22a2c33 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-7ffe784 */
/* End custom CSS */
/* Start custom CSS for shopengine-filterable-product-list, class: .elementor-2976 .elementor-element.elementor-element-d12e38a */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-0b0817e */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-33b5908 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-9ec32d9 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-e87a390 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-6b06517 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-6619c95 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-27300ab */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-cdc910a */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-8bd1163 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-78321b3 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-0c293e8 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-4961681 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-a083446 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-cb18925 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-80e128e */
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-2976 .elementor-element.elementor-element-776e27f */
/* ============================================================
   TABLEAU RESPONSIVE — COMPARATIF CANVA
   Desktop : tableau classique
   Mobile  : chaque ligne devient une carte
   ============================================================ */

/* --- Conteneur : évite le débordement horizontal --- */
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

/* --- Classe utilitaire : masqué visuellement, lisible par lecteurs d'écran --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --- Tableau de base (desktop) --- */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.5;
  min-width: 640px; /* garde une lisibilité sur desktop */
}

.responsive-table th,
.responsive-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

.responsive-table thead th {
  background-color: #f3f4f6;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.responsive-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.responsive-table tbody tr:hover {
  background-color: #f0f9ff;
}

/* ============================================================
   MOBILE (≤ 640 px) : transformation en cartes
   ============================================================ */
@media (max-width: 640px) {

  .responsive-table {
    min-width: 0;
  }

  /* On cache l'en-tête visuellement mais on le garde accessible */
  .responsive-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }

  .responsive-table tbody tr:nth-child(even) {
    background-color: #ffffff;
  }

  .responsive-table td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid #f1f5f9;
    text-align: right;
  }

  .responsive-table td:last-child {
    border-bottom: none;
  }

  /* Libellé de colonne injecté via data-label */
  .responsive-table td::before {
    content: attr(data-label);
    font-weight: 700;
    color: #374151;
    text-align: left;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-d216b03 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-9d23cc6 */
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-2976 .elementor-element.elementor-element-60fe8a2 */
/* ============================================================
   TABLEAU RESPONSIVE — COMPARATIF CANVA GRATUIT / PRO
   Desktop : tableau classique à 3 colonnes
   Mobile  : chaque ligne devient une carte
   ============================================================ */

/* --- Conteneur : évite le débordement horizontal --- */
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

/* --- Classe utilitaire : masqué visuellement, lisible par lecteurs d'écran --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --- Tableau de base (desktop) --- */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.5;
  min-width: 560px; /* lisibilité sur desktop avec 3 colonnes */
}

.responsive-table th,
.responsive-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

.responsive-table thead th {
  background-color: #f3f4f6;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.responsive-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.responsive-table tbody tr:hover {
  background-color: #f0f9ff;
}

/* Mise en valeur de la colonne Canva Pro (optionnel) */
.responsive-table tbody td:nth-child(3) {
  color: #065f46;
  font-weight: 500;
}

/* ============================================================
   MOBILE (≤ 640 px) : transformation en cartes
   ============================================================ */
@media (max-width: 640px) {

  .responsive-table {
    min-width: 0;
  }

  /* On cache l'en-tête visuellement mais on le garde accessible */
  .responsive-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }

  .responsive-table tbody tr:nth-child(even) {
    background-color: #ffffff;
  }

  /* La première cellule (nom de la fonctionnalité) sert de titre de carte */
  .responsive-table td:first-child {
    display: block;
    background-color: #f3f4f6;
    font-weight: 700;
    color: #111827;
    text-align: left;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #e5e7eb;
  }

  .responsive-table td:first-child::before {
    content: none; /* pas de libellé redondant sur le titre de carte */
  }

  /* Les autres cellules : libellé à gauche, valeur à droite */
  .responsive-table td:not(:first-child) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid #f1f5f9;
    text-align: right;
  }

  .responsive-table td:last-child {
    border-bottom: none;
  }

  .responsive-table td:not(:first-child)::before {
    content: attr(data-label);
    font-weight: 700;
    color: #374151;
    text-align: left;
    flex: 0 0 45%;
    max-width: 45%;
  }

  /* On neutralise la mise en valeur desktop sur mobile */
  .responsive-table tbody td:nth-child(3) {
    color: inherit;
    font-weight: inherit;
  }
}
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-f180021 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-8042b64 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-2dbabc4 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-a2cfd22 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-0542e8f */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-2917b6d */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-85ee08f */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-8263448 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-1db1a7f */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-7c785ae */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-a8d1789 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-83e99d1 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-b58c611 */
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-2976 .elementor-element.elementor-element-afa1f30 */
/* ============================================================
   TABLEAU RESPONSIVE — PRIX CANVA PRO / PRO+
   Desktop : tableau classique à 4 colonnes
   Mobile  : chaque ligne devient une carte
   ============================================================ */

/* --- Conteneur : évite le débordement horizontal --- */
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

/* --- Classe utilitaire : masqué visuellement, lisible par lecteurs d'écran --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --- Tableau de base (desktop) --- */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.5;
  min-width: 600px; /* lisibilité sur desktop avec 4 colonnes */
}

.responsive-table th,
.responsive-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

.responsive-table thead th {
  background-color: #f3f4f6;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.responsive-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.responsive-table tbody tr:hover {
  background-color: #f0f9ff;
}

/* Alignement des colonnes de prix à droite sur desktop */
.responsive-table tbody td:nth-child(2),
.responsive-table tbody td:nth-child(3),
.responsive-table tbody td:nth-child(4) {
  text-align: right;
  font-variant-numeric: tabular-nums; /* chiffres alignés */
}

.responsive-table thead th:nth-child(2),
.responsive-table thead th:nth-child(3),
.responsive-table thead th:nth-child(4) {
  text-align: right;
}

/* ============================================================
   MOBILE (≤ 640 px) : transformation en cartes
   ============================================================ */
@media (max-width: 640px) {

  .responsive-table {
    min-width: 0;
  }

  /* On cache l'en-tête visuellement mais on le garde accessible */
  .responsive-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }

  .responsive-table tbody tr:nth-child(even) {
    background-color: #ffffff;
  }

  /* La première cellule (nom du plan) sert de titre de carte */
  .responsive-table td:first-child {
    display: block;
    background-color: #f3f4f6;
    font-weight: 700;
    color: #111827;
    text-align: left;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #e5e7eb;
  }

  .responsive-table td:first-child::before {
    content: none; /* pas de libellé redondant sur le titre de carte */
  }

  /* Les autres cellules : libellé à gauche, valeur à droite */
  .responsive-table td:not(:first-child) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid #f1f5f9;
    text-align: right;
  }

  .responsive-table td:last-child {
    border-bottom: none;
  }

  .responsive-table td:not(:first-child)::before {
    content: attr(data-label);
    font-weight: 700;
    color: #374151;
    text-align: left;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-224d030 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-a74239b */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-3e81f53 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-1408a9d */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-46856a5 */
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-2976 .elementor-element.elementor-element-f07f64e */
/* ============================================================
   TABLEAU RESPONSIVE — SERVICES RÉALISABLES AVEC CANVA
   Desktop : tableau classique à 5 colonnes
   Mobile  : chaque ligne devient une carte
   ============================================================ */

/* --- Conteneur : évite le débordement horizontal --- */
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

/* --- Classe utilitaire : masqué visuellement, lisible par lecteurs d'écran --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --- Tableau de base (desktop) --- */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.5;
  min-width: 720px; /* lisibilité sur desktop avec 5 colonnes */
}

.responsive-table th,
.responsive-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

.responsive-table thead th {
  background-color: #f3f4f6;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.responsive-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.responsive-table tbody tr:hover {
  background-color: #f0f9ff;
}

/* Coloration légère du niveau de difficulté sur desktop */
.responsive-table tbody td:nth-child(4) {
  font-weight: 500;
}

/* ============================================================
   MOBILE (≤ 640 px) : transformation en cartes
   ============================================================ */
@media (max-width: 640px) {

  .responsive-table {
    min-width: 0;
  }

  /* On cache l'en-tête visuellement mais on le garde accessible */
  .responsive-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }

  .responsive-table tbody tr:nth-child(even) {
    background-color: #ffffff;
  }

  /* La première cellule (nom du service) sert de titre de carte */
  .responsive-table td:first-child {
    display: block;
    background-color: #f3f4f6;
    font-weight: 700;
    color: #111827;
    text-align: left;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #e5e7eb;
  }

  .responsive-table td:first-child::before {
    content: none; /* pas de libellé redondant sur le titre de carte */
  }

  /* Les autres cellules : libellé à gauche, valeur à droite */
  .responsive-table td:not(:first-child) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid #f1f5f9;
    text-align: right;
  }

  .responsive-table td:last-child {
    border-bottom: none;
  }

  .responsive-table td:not(:first-child)::before {
    content: attr(data-label);
    font-weight: 700;
    color: #374151;
    text-align: left;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-440a51a */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-762fd96 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-e9075af */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-5751c96 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-b2882ec */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-cd0255f */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-8b98ea9 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-fcf01a0 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-aefe8a0 */
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-475a7ee */
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-2976 .elementor-element.elementor-element-e6c8067 */
/* ============================================================
   FAQ RESPONSIVE — ACCORDÉON ACCESSIBLE (details/summary)
   Desktop : liste aérée, questions en gras, réponses dépliables
   Mobile  : pleine largeur, zones tactiles confortables
   ============================================================ */

/* --- Conteneur principal --- */
.faq-canva {
  width: 100%;
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: inherit;
  box-sizing: border-box;
}

.faq-canva *,
.faq-canva *::before,
.faq-canva *::after {
  box-sizing: border-box;
}

.faq-canva__titre {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1.25rem 0;
  text-align: left;
}

.faq-canva__liste {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* --- Chaque item --- */
.faq-canva__item {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.faq-canva__item[open] {
  border-color: #93c5fd;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);
}

/* --- Question (résumé cliquable) --- */
.faq-canva__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  list-style: none; /* retire le marqueur par défaut */
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

/* Retire le triangle natif sur WebKit */
.faq-canva__question::-webkit-details-marker {
  display: none;
}

.faq-canva__question:hover {
  background-color: #f9fafb;
}

.faq-canva__question:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: -2px;
}

/* --- Indicateur + / − --- */
.faq-canva__question::after {
  content: "+";
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #3b82f6;
  border-radius: 50%;
  background-color: #eff6ff;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.faq-canva__item[open] .faq-canva__question::after {
  content: "−";
  background-color: #dbeafe;
}

/* --- Réponse --- */
.faq-canva__reponse {
  padding: 0 1rem 1rem 1rem;
  color: #374151;
  font-size: 0.95rem;
  line-height: 1.6;
  border-top: 1px solid #f3f4f6;
  background-color: #ffffff;
}

.faq-canva__reponse p {
  margin: 0.75rem 0 0 0;
}

/* ============================================================
   MOBILE (≤ 640 px) : ajustements d'espacement et de taille
   ============================================================ */
@media (max-width: 640px) {

  .faq-canva {
    margin: 1.5rem auto;
    padding: 0 0.75rem;
  }

  .faq-canva__titre {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }

  .faq-canva__question {
    padding: 1rem 0.9rem;
    font-size: 0.95rem;
    gap: 0.75rem;
  }

  .faq-canva__reponse {
    padding: 0 0.9rem 1rem 0.9rem;
    font-size: 0.9rem;
  }

  .faq-canva__question::after {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.1rem;
  }
}

/* ============================================================
   TRÈS PETIT ÉCRAN (≤ 360 px) : éviter les débordements
   ============================================================ */
@media (max-width: 360px) {

  .faq-canva__question {
    font-size: 0.9rem;
    padding: 0.85rem 0.75rem;
  }

  .faq-canva__reponse {
    padding: 0 0.75rem 0.85rem 0.75rem;
    font-size: 0.875rem;
  }
}

/* ============================================================
   ACCESSIBILITÉ : respect de prefers-reduced-motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .faq-canva__item,
  .faq-canva__question::after {
    transition: none;
  }
}
/* End custom CSS */
/* Start custom CSS for e-heading, class: .elementor-2976 .elementor-element.elementor-element-784948e */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2976 .elementor-element.elementor-element-7d07e7c */
/* End custom CSS */
/* Start custom CSS for e-flexbox, class: .elementor-2976 .elementor-element.elementor-element-bfa819f */
/* End custom CSS */