/* STYLE CMONSITE EDITOR */ .contenu-editable h1{background-color:transparent;font-family:Spectral;font-size:60px;font-weight:normal;color:rgba(0,0,0,1);}.footer_p{background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);padding-left:0px;padding-right:0px;padding-bottom:0px;border-style:none;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}.button, input[type="submit"]{background-color:rgba(46,46,46,1);border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;border-top-left-radius:32px;padding-left:25px;padding-right:25px;padding-top:9px;padding-bottom:9px;text-transform:uppercase;letter-spacing:0.05em;border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.contenu-editable h2{background-color:transparent;color:inherit;font-size:40px;font-family:Spectral;font-weight:normal;margin-top:10px;margin-bottom:10px;}body{font-family:Open Sans;color:#000000;background-color:transparent;}.button:hover, input[type="submit"]:hover{background-color:rgba(10,0,0,1);color:rgba(255,255,255,1);border-style:none;}.button:focus, input[type="submit"]:focus{background-color:rgba(10,0,0,1);color:rgba(255,255,255,1);border-style:none;}.is-fixed #nav-principal .navigation_link_p{font-family:Open Sans;color:rgba(0,0,0,1);text-transform:uppercase;letter-spacing:0.05em;}header.is-fixed .logo{height:auto;}header.is-fixed .logo img{height:auto;}header .logo img{height:auto;}#nav-principal .navigation_link_p.actif{color:#010618;font-size:16px;box-shadow:inset 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);font-weight:normal;}#nav-principal .navigation_button_p.actif .navigation_link_p{color:#010618;font-size:16px;box-shadow:inset 0px 0px 0px 0px ;background-color:rgba(255,255,255,1);font-weight:normal;}#nav-principal .navigation_link_p{color:#010618;font-family:Open Sans;text-transform:uppercase;letter-spacing:0.05em;background-color:rgba(255,255,255,1);}#nav-principal .navigation_link_p:hover{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_link_p:focus{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_button_p:hover .navigation_link_p{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal .navigation_button_p:focus .navigation_link_p{box-shadow:none;color:#010618;background-color:transparent;}#nav-principal>ul{justify-content:flex-end;}header .logo{height:auto;}.wrapper{padding-left:0px;padding-right:0px;padding-bottom:0px;background-image:none;}.contenu-editable h3{font-family:Open Sans;font-weight:normal;background-color:transparent;color:rgba(0,0,0,1);font-size:18px;margin-top:0px;margin-bottom:0px;letter-spacing:0.05em;}.footer__links{padding-top:10px;padding-bottom:10px;border-style:solid;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}.footer__links a{font-size:14px;text-transform:uppercase;letter-spacing:0.1em;color:rgba(0,0,0,1);}.footer__links a:hover{color:rgba(0,0,0,1);}.footer__links a:focus{color:rgba(0,0,0,1);}#bloc-fil-title{background-color:transparent;background-image:none;}#bloc-fil-title::before{background-color:transparent;box-shadow:none;background-image:none;}.title_section{font-family:Spectral;text-transform:uppercase;font-weight:normal;font-size:0px;padding-top:20px;padding-bottom:20px;color:transparent;}.nav-static-breadcrumb li a:hover{color:rgba(0,0,0,1);}.nav-static-breadcrumb li a:focus{color:rgba(0,0,0,1);}.nav-static-breadcrumb li a.actif{color:rgba(0,0,0,1);}.nav-static-breadcrumb li::before{color:rgba(46,46,46,1);}.nav-static-breadcrumb li a{color:rgba(46,46,46,1);font-size:13px;}.alert-info{background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);border-color:rgba(0,0,0,1);border-style:none;}.template-panier .connexion a span{display:undefined;}.template-panier .connexion a{color:rgba(0,0,0,1);font-weight:normal;}.template-panier #header-panier{color:rgba(0,0,0,1);font-weight:normal;}.template-panier #header-panier .count-live{background-color:rgba(181,3,3,1);}.template-panier .ajout_panier .button{padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;}.template-panier-2 #header-panier .panier_text{display:none;}.template-panier-2 #header-panier{text-transform:uppercase;font-family:Open Sans;letter-spacing:0.05em;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;border-top-width:2px;border-style:none;background-color:rgba(255,255,255,1);}#nav-principal .sous_navigation_link_p{color:rgba(0,0,0,1);font-family:Open Sans;text-transform:uppercase;letter-spacing:0.05em;}#nav-principal .sous_navigation_link_p.actif{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_button_p.actif .sous_navigation_link_p{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_link_p:hover{color:rgba(0,0,0,1);}#nav-principal .sous_navigation_link_p:focus{color:rgba(0,0,0,1);}#nav-principal .navigation_button_p > ul{border-style:none;}.template_boutique_2 .produits .productImageWrap img{object-fit:cover;}.produits .zoom-inner{display:block;color:rgba(255,255,255,1);padding-top:7px;background-color:rgba(0,0,0,1);}.template_boutique_1 .produits .addbasket{display:inline-block;}.template_boutique_1 .produits .productImageWrap img{object-fit:cover;}.produits .zoom-inner:hover{color:rgba(255,255,255,1);background-color:rgba(0,0,0,1);}.produits .zoom-inner:focus{color:rgba(255,255,255,1);background-color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a:hover{color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a:focus{color:rgba(0,0,0,1);}.template_boutique_1 .produits .nomprod a{font-family:Spectral;font-size:18px;}.template_boutique_1 .produits .prix .prixprod{font-size:16px;font-weight:normal;}.template_boutique_1 .hors-stock{color:rgba(166,0,0,1);border-color:rgba(166,0,0,1);background-color:rgba(0,0,0,1);}.template_fiche_produit .hors-stock{color:rgba(0,0,0,1);text-align:left;}#fiche-produit .wrap-description .prix{justify-content:flex-start;}.template_fiche_produit .block-fiche-brand h2{color:rgba(0,0,0,1);font-family:Spectral;text-transform:uppercase;letter-spacing:0.05em;}.template_fiche_produit .block-fiche-brand a{color:rgba(0,0,0,1);}.template_fiche_produit .block-fiche-brand p{color:rgba(0,0,0,1);}.template_fiche_produit .bloc-description-detaille > .h4{font-family:Spectral;font-size:20px;text-align:center;}.template_fiche_produit_1 .wrap-images .grande-image img{object-fit:contain;object-position:center center;}.template_fiche_produit .bloc-quantite input{border-style:none;font-size:16px;font-family:Open Sans;}#fiche-produit .wrap-description .bloc-bt-quantity .bt-quantity{border-style:none;}.template_fiche_produit .bloc-quantite label{font-weight:normal;}#fiche-produit .top_fiche .button.addbasket{font-size:16px;}#fiche-produit .wrap-description .prix .prixprod{font-weight:700;}.template-panier .produit_panier .panier_nom a{text-decoration:none;font-family:Spectral;font-size:18px;}.template-panier .produit_panier .panier_description{font-family:Open Sans;font-size:12px;}.template-panier-2 #header-panier .fa-shopping-cart{border-style:none;font-size:20px;}.template-panier #paniercontent .produit_panier{border-top-right-radius:25px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:25px;}.template-panier #paniercommande{border-bottom-left-radius:25px;border-bottom-right-radius:25px;}.template-panier #paniercontent{border-color:rgba(0,0,0,1);border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:25px;}.template-panier #paniercommande .text-total{font-family:Spectral;font-size:16px;}.template-panier #paniercommande .total-price{font-family:Spectral;font-size:20px;font-weight:700;}.template-panier #paniertable .suppr .picto-panier{color:#000000;}.template_flux_panier a:not(.button){font-weight:700;text-decoration:none;font-family:Open Sans;font-size:18px;}.template_flux_panier_1 .block-resume-cart .resume-cart-legend{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);}.stepper-tabs .stepper-item .step-counter{background-color:rgba(235,235,235,1);color:rgba(0,0,0,1);}.stepper-tabs .stepper-item.active .step-counter{background-color:rgba(0,0,0,1);--stepper-item-done-bg:rgba(0,0,0,1);}.stepper-tabs .stepper-item.step-done .step-counter{background-color:rgba(0,0,0,1);--stepper-item-done-bg:rgba(0,0,0,1);}.template_flux_panier_1 .resume-cart-products .down-quantity,.template_flux_panier_1 .resume-cart-products .up-quantity{background-color:transparent;color:rgba(0,0,0,1);}#flux-panier input[type="password"],#flux-panier input[type="text"],#flux-panier select,#flux-panier textarea{border-style:solid;font-size:20px;font-family:Open Sans;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.stepper-tabs .stepper-item::before{border-color:rgba(235,235,235,1);--stepper-item-done-color:rgba(235,235,235,1);}.stepper-tabs .stepper-item::after{border-color:rgba(235,235,235,1);--stepper-item-done-color:rgba(235,235,235,1);}.stepper-tabs .stepper-item.active::before{border-color:rgba(0,0,0,1);--stepper-item-done-color:rgba(0,0,0,1);}.template_flux_panier_1 .button.button-secondary{background-color:rgba(46,46,46,1);}.template_flux_panier_1 .button.button-secondary:hover{background-color:rgba(0,0,0,1);}.template_flux_panier_1 .button.button-secondary:focus{background-color:rgba(0,0,0,1);}.template_flux_panier_1 .connexion-inscription-header h4{color:rgba(255,255,255,1);}.template_flux_panier_1 .connexion-inscription-header{background-color:rgba(0,0,0,1);}#connexion-inscription .form-group input[type="password"], #connexion-inscription .form-group input[type="text"], #connexion-inscription .form-group select, #connexion-inscription .form-group textarea{border-style:solid;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}.template_flux_panier_1 .infoscommande-header h4{color:rgba(255,255,255,1);font-family:Open Sans;text-align:center;}.template_flux_panier_1 .infoscommande-header{background-color:rgba(0,0,0,1);}.template_flux_panier_1 #finish h5{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);font-family:Open Sans;text-align:center;}.template_flux_panier_1 .content-carriers-none{background-color:rgba(255,255,255,1);box-shadow: 0px 0px 0px 0px ;border-style:none;color:rgba(46,46,46,1);font-size:18px;}.alert-danger{background-color:rgba(255,255,255,1);border-style:none;font-weight:700;color:rgba(166,0,0,1);font-size:18px;text-transform:uppercase;text-align:center;}.template_boutique_1 .produits .produit_etiquette{background-color:rgba(0,0,0,1);margin-top:0px;padding-bottom:13px;padding-left:15px;padding-right:15px;padding-top:13px;}.template_boutique_1 .produits .produit_etiquette .titre-etiquette{font-family:Open Sans;font-weight:normal;}.template_boutique_1 .container-etiquette.with-etiquette ~ .remise{background-color:rgba(0,0,0,1);}.template_boutique_1 .container-etiquette.with-etiquette ~ .remise .text-remise{font-family:Open Sans;font-size:15px;}#fiche-produit .produit_etiquette{background-color:rgba(0,0,0,1);}#fiche-produit .produit_etiquette .titre-etiquette{font-family:Open Sans;font-size:20px;font-weight:normal;}#fiche-produit .wrap-description .prix .oldprix{color:rgba(166,0,0,1);}.produits .addbasket{display:undefined;background-color:rgba(0,0,0,1);font-size:15px;border-style:none;}.produits .addbasket:hover{color:rgba(255,255,255,1);}.produits .addbasket:focus{color:rgba(255,255,255,1);}header .slogan{color:#010618;text-align:center;font-size:15px;font-family:Material Symbols Outlined;}.header-conteneur #blocContent{background-image:;background-color:transparent;}a:where(.widget-texte-content a){font-size:25px;}.banner{background-color:#FFFFFF;}#nav-principal > ul > li.hasDropdown > a span::after{color:#010618;}.template-panier-2{background-color:transparent;margin-top:0px;border-top-width:0px;padding-top:0px;}#nav-principal{background-color:rgba(255,255,255,1);border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;box-shadow: 0px 0px 0px 0px ;}#nav-principal .dropDown{background-color:rgba(255,255,255,1);}.header-conteneur{background-image:url('');}header{background-color:rgba(255,255,255,1);background-image:none;}@media (min-width:1081px){header.is-fixed{min-height:100px;}header.is-fixed .logo{bottom:auto;right:auto;height:auto;top:15px;left:0px;}header.is-fixed .logo img{height:auto;}header .logo img{height:auto;}header{min-height:165px;}header .logo{height:auto;width:65px;top:0px;left:0px;bottom:auto;right:auto;}.header-conteneur{max-width:1326px;}.template_fiche_produit .wrap-images{width:60%;}.template_fiche_produit_2 .grande-image .sliderImageFicheProd img,.template_fiche_produit_2 .grande-image .sliderImageFicheProd video{height:596px;}.template-panier #paniercontent .produit_panier .panier_image{width:18%;}header .slogan{width:50px;top:46px;left:38px;}.header-conteneur #blocContent{max-width:72px;}.template-panier-2{top:0px;right:0px;left:0%;}}@media (min-width:1081px) and (max-width:1280px){header .logo{top:34px;left:0px;height:auto;width:63px;}header .logo img{height:auto;}.header-conteneur{max-width:1143px;}}@media (min-width:0) and (max-width:1080px){.contenu-editable h1{font-size:35px;}.contenu-editable h2{font-size:30px;}header .logo{width:67px;top:29px;height:auto;box-shadow:none;left:251.39%;bottom:auto;right:auto;}header .logo img{height:auto;}.template-panier-2 #header-panier{box-shadow: 0px 0px 0px 0px ;background-color:transparent;font-size:18px;border-style:none;border-top-width:2px;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;}#nav-principal>ul{background-color:rgba(255,255,255,1);border-style:solid;border-top-width:2px;border-bottom-width:2px;border-left-width:0px;border-right-width:0px;}#nav-principal .sous_navigation_link_p{background-color:rgba(255,255,255,1);}.menu #nav-principal .menu_burger{box-shadow: 0px 0px 0px 0px ;bottom:auto;right:auto;top:3px;left:3px;color:rgba(17,24,39,1);background-color:transparent;}.template-panier-2{background-color:transparent;top:1px;right:5px;bottom:auto;left:auto;margin-top:0px;padding-top:10px;padding-right:10px;}.banner .banner__item{font-size:15px;}#nav-principal{background-color:rgba(255,255,255,1);background-image:none;}header .slogan{width:50px;}.template-panier-2 #header-panier .fa-shopping-cart{display:inline-block;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;font-size:14px;margin-top:0px;}.template-panier-2 #header-panier .panier_text{display:undefined;}.header-conteneur #blocContent{background-image:none;max-width:375px;}}/* ========================================================= INACIO — CSS GLOBAL FINAL NETTOYÉ & STABLE Version consolidée 2026 Objectif : - conserver les mises en page existantes - garder le rendu premium Inacio - supprimer les doublons / patchs empilés - alléger les effets coûteux - rester compatible CmonSite Compatibilité : - sans :where() - sans :has() - sans :is() ========================================================= */ /* ========================================================= 00) BASE GLOBALE ========================================================= */ html, body{ max-width:100%; overflow-x:hidden; color:#111827 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; scroll-behavior:auto !important; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06), transparent 55%), linear-gradient(180deg,#f7fbfe 0%, #f2f7fc 100%) !important; } body{ min-height:100vh; top:0 !important; -webkit-overflow-scrolling:touch; } *, *::before, *::after{ box-sizing:border-box; } img{ max-width:100%; height:auto; display:block; transition:none !important; transform:none !important; will-change:auto !important; } ::selection{ background:#0ea5e9; color:#ffffff; } a{ color:#0b5cab !important; text-decoration:none !important; } a:hover{ color:#0284c7 !important; text-decoration:underline !important; } a.addbasket, a.button, .button a, .inacio-btn2, .inacio-pillbtn, .inacio-btn{ text-decoration:none !important; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible{ outline:3px solid rgba(14,165,233,.28) !important; outline-offset:2px !important; box-shadow:none !important; } /* ========================================================= 01) WRAPPERS CMONSITE / FOND GLOBAL ========================================================= */ .wrapper-content, .wrapper-content_p, #main-conteneur, #main-container, #wrapcontent, #wrap, #wrapper, #container, #conteneur, #page, #global, #layout, #main, .wrapper, .container, .page, .global, .layout, .colonne_gauche, .colonne_droite, .sidebar, .side, aside, #colonneG, #colonneD, #content_p, .side-content, .content_p{ background:transparent !important; background-image:none !important; margin-top:0 !important; padding-top:0 !important; border-top:0 !important; box-shadow:none !important; } .wrapper-content::before, .wrapper-content::after, #main-conteneur::before, #main-conteneur::after{ content:none !important; display:none !important; } .full-background, .row.row-grid, .widget-col, .widget.widget-code-source, .widget.widget-code-source .widget-content, .widget.widget-code-source .code-source-content, .widget.widget-texte, .widget.widget-texte .widget-content, .text-widget, .text-widget-content, .contenu-editable, .contenu-editable .widget-content{ background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; } .widget-smal-height, .widget-small-height{ min-height:auto !important; height:auto !important; } .text-widget, .contenu-editable, .text-livre{ margin-left:auto !important; margin-right:auto !important; } .wrapper-content #blocContent, .wrapper-content_p #blocContent, #main-conteneur .wrapper-content #blocContent, #main-conteneur .wrapper-content_p #blocContent, #main-container .wrapper-content #blocContent, #main-container .wrapper-content_p #blocContent{ max-width:1198px !important; margin:18px auto 36px !important; padding:22px 16px 46px !important; border-radius:26px !important; border:1px solid #e7ebf0 !important; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06), transparent 55%), linear-gradient(180deg,#f8fbfd 0%, #f4f7fb 100%) !important; box-shadow:0 24px 70px rgba(0,0,0,.07) !important; } @media (max-width:740px){ .wrapper-content #blocContent, .wrapper-content_p #blocContent, #main-conteneur .wrapper-content #blocContent, #main-conteneur .wrapper-content_p #blocContent, #main-container .wrapper-content #blocContent, #main-container .wrapper-content_p #blocContent{ margin:12px 10px 24px !important; padding:18px 12px 34px !important; border-radius:20px !important; } } header #blocContent, header.banniere_header_p #blocContent, header.banniere.header_p #blocContent, header .header-conteneur #blocContent, header #headercontent #blocContent{ max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; } #blocContent hr, .wrapper-content hr{ border:0 !important; height:1px !important; background:rgba(15,23,42,.10) !important; margin:18px 0 !important; } /* ========================================================= 02) HEADER FINAL STABLE + MENU + LOUPE ========================================================= */ #header, header, header.banniere_header_p, header.banniere.header_p{ position:relative !important; width:100% !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; z-index:1000 !important; } #header::before, header.banniere_header_p::before, header.banniere.header_p::before{ content:""; position:absolute; inset:0; background: radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08) 0%, rgba(0,0,0,0) 58%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06) 0%, rgba(0,0,0,0) 60%), linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 100%) !important; border-bottom:1px solid rgba(15,23,42,.08); box-shadow:0 6px 18px rgba(0,0,0,.045) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; pointer-events:none; z-index:0; } #header > *, header.banniere_header_p > *, header.banniere.header_p > *{ position:relative !important; z-index:2 !important; } header .header-conteneur, header #headercontent, header nav#nav-principal, header .menu.navigation_p, header [class*="colonne_droite"], header [class*="colonne_gauche"], header [id*="colonneD"], header [id*="colonneG"], header [class*="panier"], header [id*="panier"]:not(#paniercontent):not(#panierContent){ background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; } @media (min-width:901px){ header .header-conteneur, header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:10px !important; } header #blocContent, header #headercontent, header #headercontent #blocContent, header.banniere_header_p #headercontent, header.banniere.header_p #headercontent{ flex:0 0 auto !important; width:auto !important; max-width:72px !important; min-width:72px !important; margin:0 !important; padding:0 !important; float:none !important; display:flex !important; align-items:center !important; } header .logo, header #logo, header #headercontent .logo, header.banniere_header_p #headercontent .logo, header.banniere.header_p #headercontent .logo{ position:relative !important; display:block !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; max-width:58px !important; width:58px !important; height:auto !important; margin:0 auto !important; transform:none !important; } header.banniere_header_p #headercontent img, header.banniere.header_p #headercontent img{ max-height:62px !important; width:auto !important; } header .menu.navigation_p, header nav#nav-principal, header.banniere_header_p nav#nav-principal, header.banniere.header_p nav#nav-principal, header.banniere_header_p .menu.navigation_p, header.banniere.header_p .menu.navigation_p{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; margin:0 !important; padding:0 !important; float:none !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; } header #nav-principal > ul, header.banniere_header_p nav#nav-principal > ul, header.banniere.header_p nav#nav-principal > ul{ display:flex !important; flex-wrap:nowrap !important; white-space:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; margin:0 !important; padding:0 !important; } header #nav-principal > ul > li, header.banniere_header_p nav#nav-principal > ul > li, header.banniere.header_p nav#nav-principal > ul > li{ float:none !important; display:block !important; flex:0 0 auto !important; position:relative !important; margin:0 !important; padding:0 !important; z-index:1000 !important; } header #nav-principal, header #nav-principal ul, header #nav-principal li, header #nav-principal li *{ background:transparent !important; background-image:none !important; box-shadow:none !important; } header #nav-principal > ul > li > a.navigation_link_p{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:7px 9px !important; font-size:11px !important; line-height:1.1 !important; white-space:nowrap !important; border-radius:999px !important; position:relative !important; overflow:hidden !important; background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.26) 100%) !important; border:1px solid rgba(15,23,42,.09) !important; color:#0b5cab !important; box-shadow:0 10px 22px rgba(0,0,0,.045), inset 0 1px 0 rgba(255,255,255,.78) !important; transition:transform .16s ease, filter .16s ease, border-color .16s ease, box-shadow .16s ease !important; } header #nav-principal > ul > li > a.navigation_link_p:hover{ transform:translateY(-1px) !important; filter:brightness(1.03) !important; border-color:rgba(11,92,171,.16) !important; box-shadow:0 12px 26px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.86) !important; } header #nav-principal li.actif > a.navigation_link_p{ border-color:rgba(11,92,171,.20) !important; } #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p, #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; padding:0 !important; flex:0 0 38px !important; border-radius:999px !important; background:rgba(15,23,42,.04) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 10px 24px rgba(0,0,0,.08) !important; color:#0b5cab !important; } #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p span, #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p span{ display:inline-block !important; font-size:0 !important; line-height:0 !important; } #nav-principal li.has_picto.b-search.navigation_button_p a.navigation_link_p span::before, #nav-principal li.has_picto[class*="search"].navigation_button_p a.navigation_link_p span::before, #nav-principal li.has_picto.b-search.navigation_button_p i.fa.fa-search, #nav-principal li.has_picto[class*="search"].navigation_button_p i{ display:block !important; font-size:16px !important; line-height:1 !important; color:#0b5cab !important; opacity:1 !important; visibility:visible !important; margin:0 !important; } } @media (min-width:1400px){ header .header-conteneur, header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ max-width:1380px !important; margin:0 auto !important; padding:10px 22px !important; } } @media (max-width:900px){ header.banniere_header_p .header-conteneur, header.banniere.header_p .header-conteneur{ display:block !important; } } #nav-principal ul.menu__dropdown, #nav-principal ul.menu__dropdown.dropdown, #nav-principal ul.dropdown, header .menu_dropdown, header #nav-principal li ul, header .dropDown, header .dropdown, header .subMenu, header .submenu, header ul.dropDown, header ul.dropdown, header .navigation_menuitem_submenu, header .navigation_submenu, header .menu-principal .sous_menu, header .menu-principal .submenu, header [class*="drop"], header [class*="sub"][class*="menu"]{ position:absolute !important; overflow:visible !important; background:#ffffff !important; background-image:none !important; border:1px solid rgba(15,23,42,.12) !important; border-radius:18px !important; box-shadow:0 18px 44px rgba(0,0,0,.14) !important; z-index:10000 !important; padding:10px !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } #nav-principal ul.menu__dropdown a, header .menu_dropdown a, header #nav-principal li ul li a{ color:#0b1220 !important; font-weight:750 !important; padding:10px 12px !important; border-radius:12px !important; display:block !important; text-decoration:none !important; } #nav-principal ul.menu__dropdown a:hover, header .menu_dropdown a:hover, header #nav-principal li ul li a:hover{ background:rgba(15,23,42,.06) !important; transform:none !important; } /* ========================================================= 03) BANDEAU + TRADUCTEUR ========================================================= */ .banner{ position:relative !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .banner::before{ content:""; position:absolute; inset:0; background:rgba(255,255,255,.35); border-bottom:1px solid rgba(15,23,42,.06); pointer-events:none; } .banner__item, .banner__item *{ color:#0b1220 !important; font-weight:800 !important; font-size:14px !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left{ background:transparent !important; background-color:transparent !important; border:0 !important; box-shadow:none !important; left:20px !important; top:0 !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left #block-google-trad, .cmonsite-toolbar.cmonsite-toolbar--top-left #google_translate_element, .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget-simple{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget{ font-size:0 !important; line-height:0 !important; color:transparent !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget-simple span{ background:transparent !important; display:none !important; } .cmonsite-toolbar.cmonsite-toolbar--top-left .goog-te-gadget-simple img{ display:block !important; width:22px !important; height:22px !important; border-radius:999px !important; margin:0 !important; box-shadow:none !important; border:0 !important; } .goog-logo-link, .goog-te-banner-frame{ display:none !important; } /* ========================================================= 04) PANIER HEADER + MINI-PANIER ========================================================= */ #panier{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:999px !important; overflow:visible !important; z-index:11000 !important; background:linear-gradient(180deg, rgba(255,255,255,.60) 0%, rgba(255,255,255,.22) 100%) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 12px 28px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.90) !important; backface-visibility:hidden; -webkit-backface-visibility:hidden; will-change:auto !important; } @media (min-width:901px){ #panier{ width:38px !important; height:38px !important; margin-left:6px !important; flex:0 0 38px !important; align-self:center !important; } } @media (max-width:900px){ #panier{ width:46px !important; height:46px !important; pointer-events:auto !important; transform:none !important; } } #panier a.paniertoggle{ position:absolute !important; inset:0 !important; display:block !important; border-radius:999px !important; background:transparent !important; z-index:5 !important; pointer-events:auto !important; } #panier #header-panier, #panier #header-panier *{ background:transparent !important; box-shadow:none !important; border:0 !important; } #panier i.fa-shopping-cart, #panier i.fa.fa-shopping-cart{ color:#0b5cab !important; font-size:18px !important; line-height:1 !important; margin:0 !important; background:transparent !important; } #panier .panier_text{ display:none !important; } #panier .count-live, #panier .count, #panier .panier_count, #panier .panier_nb, #panier span[class*="count"], #panier span[id*="count"], #panier #header-panier .count-live, #panier #header-panier .count{ position:absolute !important; top:-3px !important; right:-6px !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:18px !important; height:18px !important; padding:0 5px !important; border-radius:999px !important; background:#e11d48 !important; color:#ffffff !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; border:2px solid rgba(255,255,255,.92) !important; box-shadow:0 8px 18px rgba(0,0,0,.16) !important; z-index:999 !important; pointer-events:none !important; } @media (max-width:900px){ #panier #header-panier, #panier #header-panier a{ pointer-events:auto !important; } #panier #header-panier a{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; position:relative !important; z-index:10 !important; } #panier #header-panier a *{ pointer-events:none !important; } } #paniercontent, #panierContent{ z-index:11001 !important; pointer-events:auto !important; background:#ffffff !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:22px !important; box-shadow:0 24px 60px rgba(15,23,42,.18) !important; overflow:hidden !important; padding:12px 12px 14px !important; will-change:auto !important; } #paniercontent a, #panierContent a, #paniercontent button, #panierContent button, #paniercontent input, #panierContent input{ position:static !important; inset:auto !important; width:auto !important; height:auto !important; transform:none !important; pointer-events:auto !important; } #paniercontent img, #panierContent img, #paniertable img{ width:54px !important; max-width:54px !important; border-radius:12px !important; box-shadow:0 10px 24px rgba(0,0,0,.10) !important; } #paniercontent .panier_quantite, #panierContent .panier_quantite, #paniercontent .quantite, #panierContent .quantite, #paniercontent .quantity, #panierContent .quantity, #paniercontent [class*="quantit"], #panierContent [class*="quantit"], #paniercontent [class*="qte"], #panierContent [class*="qte"]{ float:none !important; clear:none !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; } #paniercontent .panier_quantite .text-quantity, #panierContent .panier_quantite .text-quantity{ margin:0 6px 0 0 !important; line-height:1 !important; } #paniercontent .panier_quantite .downtqte, #paniercontent .panier_quantite .updqte, #panierContent .panier_quantite .downtqte, #panierContent .panier_quantite .updqte, #paniercontent #paniertable input[type="button"][value="-"], #panierContent #paniertable input[type="button"][value="-"], #paniercontent #paniertable input[type="button"][value="+"], #panierContent #paniertable input[type="button"][value="+"], #paniercontent #paniertable button[value="-"], #panierContent #paniertable button[value="-"], #paniercontent #paniertable button[value="+"], #panierContent #paniertable button[value="+"], #paniercontent #paniertable a[class*="plus"], #panierContent #paniertable a[class*="plus"], #paniercontent #paniertable a[class*="moins"], #panierContent #paniertable a[class*="moins"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 44px !important; width:44px !important; min-width:44px !important; height:44px !important; line-height:1 !important; padding:0 !important; margin:0 !important; border-radius:999px !important; border:1px solid rgba(15,23,42,.12) !important; background:rgba(15,23,42,.03) !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; font-weight:950 !important; font-size:18px !important; text-decoration:none !important; color:#0b1220 !important; } #paniercontent .panier_quantite .inputqte input, #panierContent .panier_quantite .inputqte input, #paniercontent #paniertable input[type="text"], #panierContent #paniertable input[type="text"], #paniercontent #paniertable input[type="number"], #panierContent #paniertable input[type="number"]{ width:64px !important; min-width:64px !important; height:44px !important; padding:0 !important; margin:0 !important; border-radius:999px !important; border:1px solid rgba(15,23,42,.14) !important; background:#ffffff !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; font-weight:950 !important; text-align:center !important; line-height:44px !important; } #paniercommande{ float:none !important; clear:both !important; display:block !important; margin:12px 0 0 !important; padding:0 !important; text-align:right !important; } #paniercommande .fdp, #paniercommande [class*="fdp"], #paniercommande [id*="fdp"], #paniercommande .livraison, #paniercommande [class*="livraison"], #paniercommande [id*="livraison"], #paniercommande .port, #paniercommande [class*="port"], #paniercommande [id*="port"]{ display:none !important; } #paniercommande::before{ content:"Frais de port : calculés à l’étape suivante" !important; display:block !important; width:fit-content !important; margin:4px 0 6px auto !important; padding:8px 12px !important; border-radius:999px !important; border:1px solid rgba(15,23,42,.10) !important; background:radial-gradient(120% 160% at 20% 0%, rgba(14,165,233,.10) 0%, rgba(0,0,0,0) 55%), rgba(255,255,255,.78) !important; color:rgba(17,24,39,.62) !important; font-size:12px !important; font-weight:850 !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; } #paniercontent #paniercommande .totalpanier, #panierContent #paniercommande .totalpanier{ display:block !important; width:100% !important; text-align:right !important; white-space:nowrap !important; font-weight:900 !important; margin:6px 0 10px !important; } #paniercontent #paniercommande .total-live, #panierContent #paniercommande .total-live{ display:none !important; } #paniercommande a, #paniercommande .button, #paniercommande input[type="submit"]{ display:block !important; width:100% !important; box-sizing:border-box !important; margin:0 !important; border-radius:999px !important; padding:16px 18px !important; font-weight:950 !important; letter-spacing:.10em !important; text-transform:uppercase !important; background:radial-gradient(120% 160% at 20% 0%, rgba(56,189,248,.10) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#ffffff 0%, #f3f4f6 100%) !important; color:#0b1220 !important; border:1px solid rgba(15,23,42,.14) !important; box-shadow:0 18px 55px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.90), 0 0 0 1px rgba(14,165,233,.18) !important; text-decoration:none !important; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } #paniercommande a:hover, #paniercommande .button:hover, #paniercommande input[type="submit"]:hover{ transform:translateY(-1px) !important; filter:brightness(1.02) !important; } /* ========================================================= 05) HOME — STRUCTURE INACIO ========================================================= */ .inacio-home, .inacio-wrap{ background:transparent !important; } .inacio-home{ color:#111827; } .inacio-home .inacio-wrap{ max-width:1180px; margin:0 auto; padding:22px 16px 56px; } .inacio-home .inacio-card, .inacio-home .inacio-section.inacio-card, .inacio-home .inacio-box, .inacio-home .inacio-tile, .inacio-home .inacio-newsletter, .inacio-home .inacio-card.inacio-newsletter{ background:#ffffff !important; border:1px solid rgba(15,23,42,.07) !important; box-shadow:0 18px 50px rgba(0,0,0,.06) !important; } .inacio-home .inacio-card{ border-radius:24px; overflow:hidden; } .inacio-home .inacio-heroCard{ border-radius:24px; overflow:hidden; background:#ffffff; border:1px solid #e9edf2; box-shadow:0 18px 50px rgba(0,0,0,.06) !important; animation:none !important; } .inacio-home .inacio-heroImg{ width:100%; height:auto; display:block; } .inacio-home .inacio-section.inacio-card.inacio-glass, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass{ background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(251,252,254,.88) 100%) !important; border:1px solid rgba(15,23,42,.07) !important; border-radius:28px !important; box-shadow:0 18px 50px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.75) !important; padding:28px 28px 30px !important; overflow:hidden !important; } .inacio-home .inacio-head, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-head{ padding:16px 2px 0; display:flex !important; flex-direction:column !important; gap:14px !important; } .inacio-home .inacio-h1, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-h1{ margin:0 0 6px !important; font-size:36px !important; font-weight:900 !important; line-height:1.08 !important; letter-spacing:-.03em !important; color:#0b1220 !important; } .inacio-home .inacio-lead, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-lead{ margin:0 0 10px !important; font-size:16px !important; line-height:1.5 !important; color:#374151 !important; font-weight:600 !important; opacity:1 !important; max-width:980px !important; } .inacio-home .inacio-catsRow, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catsRow{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin:4px 0 2px !important; } .inacio-home .inacio-catPill, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-catPill{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:11px 18px !important; border-radius:999px !important; background:rgba(255,255,255,.86) !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 8px 20px rgba(0,0,0,.04) !important; color:#0b5cab !important; font-weight:850 !important; white-space:nowrap !important; line-height:1.1 !important; text-decoration:none !important; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } .inacio-home .inacio-catPill:hover{ transform:translateY(-1px) !important; box-shadow:0 12px 24px rgba(0,0,0,.06) !important; } .inacio-home .inacio-bullets{ display:flex !important; flex-wrap:wrap !important; gap:14px !important; margin-top:10px !important; line-height:1.45 !important; } .inacio-home .inacio-bullet{ flex:1 1 calc(50% - 7px) !important; min-width:280px !important; background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.68) 100%) !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:18px !important; padding:16px 18px !important; box-shadow:0 10px 24px rgba(0,0,0,.04) !important; color:#111827 !important; line-height:1.45 !important; font-weight:750; } .inacio-home .inacio-bullets .inacio-bullet p{ margin:0 !important; font-size:15px !important; font-weight:400 !important; line-height:1.35 !important; color:#4b5563 !important; } .inacio-home .inacio-bullets .inacio-bullet .inacio-paynote{ display:block !important; margin-top:6px !important; color:#5b6472 !important; font-size:14px !important; line-height:1.4 !important; font-weight:600 !important; } .inacio-home .inacio-box, .inacio-home .inacio-tile{ border-radius:18px; padding:16px; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } .inacio-home .inacio-box:hover, .inacio-home .inacio-tile:hover{ transform:translateY(-2px); } .inacio-home .inacio-sectionHead, .inacio-home .inacio-titleCard, .inacio-sectionHead{ box-shadow:0 14px 36px rgba(0,0,0,.07) !important; } .inacio-home .inacio-sectionHead{ padding:22px 26px !important; margin:22px 0 14px !important; border-radius:24px !important; border:1px solid #e7ebf0 !important; background:radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 62%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important; } .inacio-home .inacio-sectionHead .inacio-h2{ margin:0 !important; line-height:1.05 !important; } .inacio-home .inacio-titleCard{ padding:18px 22px !important; } .inacio-home .inacio-titleCard .inacio-muted{ margin:6px 0 0 !important; } .inacio-home .inacio-btn2, .inacio-secHeadAction .inacio-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:12px 16px !important; border-radius:999px !important; font-weight:900 !important; text-decoration:none !important; background:rgba(17,24,39,.04) !important; border:1px solid rgba(17,24,39,.10) !important; color:#0b1220 !important; box-shadow:0 12px 28px rgba(0,0,0,.08) !important; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } .inacio-home .inacio-btn2.primary{ background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important; border:1px solid rgba(2,132,199,.35) !important; color:#ffffff !important; box-shadow:0 12px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; } .inacio-home .inacio-btn2:hover, .inacio-secHeadAction .inacio-btn:hover{ transform:translateY(-1px) !important; filter:brightness(1.01) !important; } .inacio-secHeadRow{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; } .inacio-secHeadText{ flex:1 1 280px; } .inacio-secHeadAction{ flex:0 0 auto; } .inacio-secHeadAction .inacio-btn{ min-height:44px; padding:11px 18px !important; background:#0b1220 !important; color:#ffffff !important; font-size:14px; box-shadow:0 12px 28px rgba(0,0,0,.16) !important; } .page_accueil .inacio-secHead, .page_accueil .inacio-sectionHead, .page-index .inacio-secHead, .page-index .inacio-sectionHead{ max-width:1280px !important; margin:26px auto 18px !important; padding:0 !important; border-radius:24px !important; background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.34) 100%) !important; border:1px solid rgba(15,23,42,.06) !important; box-shadow:0 10px 26px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.70) !important; overflow:hidden !important; } .page_accueil .inacio-secHead .inacio-secHeadRow, .page_accueil .inacio-sectionHead .inacio-head2, .page-index .inacio-secHead .inacio-secHeadRow, .page-index .inacio-sectionHead .inacio-head2{ padding:28px 30px !important; margin:0 !important; } .page_accueil .inacio-secHead .inacio-h2, .page_accueil .inacio-sectionHead .inacio-h2, .page-index .inacio-secHead .inacio-h2, .page-index .inacio-sectionHead .inacio-h2, .page_accueil .inacio-secHead .inacio-h1small, .page_accueil .inacio-sectionHead .inacio-h1small, .page-index .inacio-secHead .inacio-h1small, .page-index .inacio-sectionHead .inacio-h1small{ margin:0 !important; color:#0b1220 !important; font-size:40px !important; font-weight:400 !important; line-height:1.08 !important; letter-spacing:0 !important; text-transform:none !important; background:none !important; border:0 !important; box-shadow:none !important; } .page_accueil .inacio-secHead p, .page_accueil .inacio-sectionHead .inacio-muted, .page-index .inacio-secHead p, .page-index .inacio-sectionHead .inacio-muted{ margin:8px 0 0 !important; color:#4b5563 !important; font-size:16px !important; font-weight:400 !important; line-height:1.35 !important; } @media (max-width:700px){ .inacio-home .inacio-wrap{ padding:18px 14px 46px; } .inacio-home .inacio-section.inacio-card.inacio-glass, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass{ padding:20px 18px 22px !important; border-radius:22px !important; } .inacio-home .inacio-h1, .inacio-home .inacio-wrap > .inacio-section.inacio-card.inacio-glass .inacio-h1{ font-size:30px !important; line-height:1.15 !important; } .inacio-home .inacio-bullets{ gap:10px !important; } .inacio-home .inacio-bullet{ flex:1 1 100% !important; min-width:0 !important; padding:14px 16px !important; } } @media (max-width:640px){ .page_accueil .inacio-secHead, .page_accueil .inacio-sectionHead, .page-index .inacio-secHead, .page-index .inacio-sectionHead{ margin:18px auto 14px !important; border-radius:18px !important; } .page_accueil .inacio-secHead .inacio-secHeadRow, .page_accueil .inacio-sectionHead .inacio-head2, .page-index .inacio-secHead .inacio-secHeadRow, .page-index .inacio-sectionHead .inacio-head2{ padding:20px 18px !important; } .page_accueil .inacio-secHead .inacio-h2, .page_accueil .inacio-sectionHead .inacio-h2, .page-index .inacio-secHead .inacio-h2, .page-index .inacio-sectionHead .inacio-h2, .page_accueil .inacio-secHead .inacio-h1small, .page_accueil .inacio-sectionHead .inacio-h1small, .page-index .inacio-secHead .inacio-h1small, .page-index .inacio-sectionHead .inacio-h1small{ font-size:30px !important; } .inacio-secHeadRow{ align-items:flex-start; } .inacio-secHeadAction, .inacio-secHeadAction .inacio-btn{ width:100%; } } /* ========================================================= 06) HOME — POURQUOI ACHETER ICI / GLASS MINI ========================================================= */ .inacio-home .inacio-section.inacio-card.inacio-glassMini{ padding:20px 20px 18px !important; border-radius:22px !important; border:1px solid #e7ebf0 !important; background:radial-gradient(120% 160% at 18% 0%, rgba(56,189,248,.08) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important; box-shadow:0 14px 34px rgba(0,0,0,.06) !important; overflow:hidden !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-head2{ padding:0 0 14px !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-h1small{ margin:0 0 6px !important; font-size:22px !important; line-height:1.12 !important; font-weight:800 !important; color:#0b1220 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-muted{ margin:0 !important; font-size:14px !important; line-height:1.35 !important; color:#5b6472 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ padding:0 !important; gap:12px !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3 > article{ width:100% !important; max-width:100% !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box{ width:100% !important; max-width:100% !important; padding:12px 14px !important; border-radius:14px !important; border:1px solid #e7ebf0 !important; background:#ffffff !important; box-shadow:0 6px 16px rgba(0,0,0,.04) !important; transform:none !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box:hover{ transform:none !important; box-shadow:0 6px 16px rgba(0,0,0,.04) !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box .inacio-h3{ margin:0 0 4px !important; font-size:15px !important; line-height:1.25 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box p{ margin:0 !important; font-size:14px !important; line-height:1.35 !important; color:#4b5563 !important; font-weight:600 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-ctaBottom{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; padding:12px 0 0 !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-ctaRow{ gap:10px !important; margin-top:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2{ min-height:44px !important; padding:10px 16px !important; font-size:14px !important; box-shadow:0 8px 18px rgba(0,0,0,.05) !important; } @media (min-width:901px){ .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:14px !important; align-items:stretch !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3 > article{ width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-box{ height:100% !important; } } @media (max-width:900px){ .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-grid3{ display:flex !important; flex-direction:column !important; gap:12px !important; } } @media (max-width:640px){ .inacio-home .inacio-section.inacio-card.inacio-glassMini{ padding:18px 16px !important; } .inacio-home .inacio-section.inacio-card.inacio-glassMini .inacio-btn2{ width:100% !important; } } /* ========================================================= 07) NEWSLETTER HOME ========================================================= */ .inacio-home .inacio-newsletter, .inacio-home .inacio-card.inacio-newsletter, .inacio-home .inacio-section.inacio-newsletter{ text-align:center !important; padding:28px 22px !important; border-radius:18px !important; } .inacio-home .inacio-newsletter .roundedgraymsg, .inacio-home .inacio-newsletter .roundedgraymsg *, .inacio-home .inacio-newsletter form div, .inacio-home .inacio-newsletter form fieldset{ background:transparent !important; box-shadow:none !important; border:0 !important; } .inacio-home .inacio-newsletter form, .inacio-home .inacio-newsletter .form-newsletter{ max-width:760px !important; margin:0 auto !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .inacio-home .inacio-newsletter h2, .inacio-home .inacio-newsletter .inacio-h1small, .inacio-home .inacio-newsletter .inacio-h2{ display:block !important; margin:0 0 8px !important; } .inacio-home .inacio-newsletter .inacio-muted{ margin:0 0 14px !important; } .inacio-home .inacio-newsletter form p:nth-of-type(1), .inacio-home .inacio-newsletter form p:nth-of-type(2), .inacio-home .inacio-newsletter form p:nth-of-type(3), .inacio-home .inacio-newsletter form p:nth-of-type(4), .inacio-home .inacio-newsletter form h3, .inacio-home .inacio-newsletter form h4, .inacio-home .inacio-newsletter .form-newsletter__title, .inacio-home .inacio-newsletter .header_newsletter, .inacio-home .inacio-newsletter .law-computer-and-freedoms, .inacio-home .inacio-newsletter .footer_newsletter{ display:none !important; } .inacio-home .inacio-newsletter label{ display:block !important; margin:14px 0 8px !important; text-align:left !important; font-weight:850 !important; } .inacio-home .inacio-newsletter input[type="email"], .inacio-home .inacio-newsletter input[type="text"], .inacio-home .inacio-newsletter #newsletter_email{ width:100% !important; height:56px !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.14) !important; background:#ffffff !important; padding:0 16px !important; outline:none !important; box-shadow:0 10px 26px rgba(0,0,0,.06) !important; text-align:left !important; } .inacio-home .inacio-newsletter button, .inacio-home .inacio-newsletter input[type="submit"], .inacio-home .inacio-newsletter #newsletter_valid{ margin-top:16px !important; } .inacio-home .inacio-newsFinePrint{ display:block !important; text-align:center !important; margin-top:14px !important; font-size:13px !important; line-height:1.35 !important; color:#6b7280 !important; opacity:.78 !important; } @media (max-width:640px){ .inacio-home .inacio-newsletter, .inacio-home .inacio-card.inacio-newsletter, .inacio-home .inacio-section.inacio-newsletter{ padding:22px 16px !important; } .inacio-home .inacio-newsletter input[type="email"], .inacio-home .inacio-newsletter input[type="text"], .inacio-home .inacio-newsletter #newsletter_email{ height:52px !important; } } /* ========================================================= 08) TRUSTBAR / FOOTER TRUST ========================================================= */ .inacio-qtrust{ width:100%; background:transparent; margin:16px 0 0; } .inacio-qtrust__inner{ max-width:1180px; margin:0 auto; padding:14px 16px; display:flex; align-items:center; gap:14px; border-radius:22px; background:linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%); border:1px solid #e7ebf0; box-shadow:0 14px 34px rgba(0,0,0,.06) !important; overflow-x:auto; -webkit-overflow-scrolling:touch; animation:none !important; } .inacio-ft{ width:100%; margin:18px 0 0; background:transparent; } .inacio-ft__inner{ max-width:1200px; margin:0 auto; padding:12px 14px; display:flex; align-items:center; gap:14px; border-radius:22px; background:radial-gradient(120% 180% at 20% 0%, rgba(99,102,241,.22) 0%, rgba(0,0,0,0) 55%), radial-gradient(120% 180% at 80% 0%, rgba(34,211,238,.18) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#0a1020 0%, #070a12 100%); border:1px solid rgba(255,255,255,.12); box-shadow:0 20px 56px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08) !important; overflow-x:auto; -webkit-overflow-scrolling:touch; animation:none !important; } /* ========================================================= 09) LISTINGS PRODUITS / BOUTONS / CHAMPS ========================================================= */ #blocContent .product-title a, #blocContent .product_name a, #blocContent .nom_produit a, #blocContent h2 a, #blocContent h3 a{ color:#0b1220 !important; font-weight:900 !important; letter-spacing:-.15px !important; line-height:1.25 !important; } #blocContent .price, #blocContent .prix, #blocContent .product_price{ color:#111827 !important; font-weight:850 !important; } #blocContent select, #blocContent .tri select, #blocContent .sort select, #blocContent input[type="text"], #blocContent input[type="email"], #blocContent input[type="tel"], #blocContent input[type="password"], #blocContent input[type="number"], #blocContent textarea{ border-radius:14px !important; border:1px solid rgba(15,23,42,.14) !important; background:#ffffff !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; padding:10px 12px !important; } #blocContent input[type="text"]:focus, #blocContent input[type="email"]:focus, #blocContent select:focus, #blocContent textarea:focus{ outline:none !important; border-color:#0ea5e9 !important; box-shadow:0 0 0 3px rgba(14,165,233,.16), 0 10px 22px rgba(0,0,0,.06) !important; } #blocContent .liste-produits .produit, #blocContent .liste_produits .produit, #blocContent .products .product, #blocContent .produits .produit, #blocContent .product-list .product, #blocContent .vignette_produit{ background:#ffffff !important; border:1px solid #e7ebf0 !important; border-radius:22px !important; box-shadow:0 18px 46px rgba(2,8,23,.07) !important; padding:16px !important; overflow:hidden !important; margin:0 0 14px !important; display:flex; flex-direction:column; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } #blocContent .produit:hover{ transform:translateY(-4px); box-shadow:0 22px 52px rgba(0,0,0,.10) !important; } #blocContent .liste-produits img, #blocContent .liste_produits img, #blocContent .products img, #blocContent .produits img, #blocContent .product-list img, #blocContent .vignette_produit img, .block_unique_product img, .produits img{ border-radius:18px !important; display:block !important; } #blocContent .produit img, #blocContent .vignette_produit img, body[class*="page-index"] .widget-product-slider img, .produit img{ transition:transform .18s ease !important; } .produit:hover img{ transform:scale(1.03); } #blocContent .liste-produits h3, #blocContent .liste_produits h3, #blocContent .products h3, #blocContent .product-list h3, #blocContent .vignette_produit h3{ overflow:hidden !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; line-height:1.25 !important; } a.addbasket, button.addbasket, .addbasket a, .block-btn-addbasket a, #btn-addbasket, #addbasket, input#btn-addbasket, input#addbasket, #blocContent a.button, #blocContent .button a, #blocContent button.button, #blocContent input[type="submit"], #blocContent input[type="button"], .wrapper-content a.button, .wrapper-content button.button, #newsletter_valid, .form-newsletter button, button[type="submit"], input[type="submit"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; border-radius:999px !important; padding:14px 18px !important; border:1px solid rgba(2,132,199,.35) !important; background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important; color:#ffffff !important; font-weight:900 !important; letter-spacing:.2px !important; box-shadow:0 16px 34px rgba(2,132,199,.20), 0 14px 34px rgba(0,0,0,.08) !important; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important; cursor:pointer; user-select:none; } a.addbasket:hover, .addbasket a:hover, .block-btn-addbasket a:hover, #btn-addbasket:hover, #addbasket:hover, #newsletter_valid:hover, .form-newsletter button:hover, button[type="submit"]:hover, input[type="submit"]:hover{ filter:brightness(1.03) !important; transform:translateY(-1px) !important; } a.addbasket span, a.addbasket i, a.addbasket .fa, .addbasket a span, .addbasket a i, .block-btn-addbasket a span, .block-btn-addbasket a i{ color:#ffffff !important; font-weight:900 !important; } /* ========================================================= 10) SLIDER HOME / NOUVEAUTÉS ========================================================= */ body[class*="page-index"] .widget-product-slider{ margin:0 !important; } body[class*="page-index"] .widget-product-slider .swiper{ padding:14px 16px 34px !important; overflow:visible !important; } body[class*="page-index"] .widget-product-slider .swiper-slide{ width:320px !important; margin-right:14px !important; height:auto !important; box-sizing:border-box !important; } body[class*="page-index"] .widget-product-slider .produits{ position:relative !important; background:#ffffff !important; border:1px solid rgba(15,23,42,.10) !important; border-radius:22px !important; box-shadow:0 16px 40px rgba(2,8,23,.10) !important; padding:16px !important; display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } body[class*="page-index"] .widget-product-slider .height-align{ height:auto !important; min-height:0 !important; } body[class*="page-index"] .widget-product-slider .productImageWrap, body[class*="page-index"] .widget-product-slider .productContentWrap{ float:none !important; width:100% !important; } body[class*="page-index"] .widget-product-slider .productImageWrap{ width:170px !important; height:170px !important; margin:8px auto 12px !important; border-radius:22px !important; overflow:hidden !important; background-color:#f8fafc !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; box-shadow:0 10px 22px rgba(0,0,0,.10) !important; } body[class*="page-index"] .widget-product-slider .productImageWrap img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:22px !important; } body[class*="page-index"] .widget-product-slider .container-etiquette{ position:absolute !important; left:14px !important; top:14px !important; z-index:3 !important; } body[class*="page-index"] .widget-product-slider p.desc{ display:none !important; } body[class*="page-index"] .widget-product-slider h3.nomprod{ width:100% !important; margin:6px 0 10px !important; font-size:12px !important; line-height:1.25 !important; font-weight:900 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#0b5ea9 !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; hyphens:none !important; overflow:hidden !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; min-height:32px !important; } body[class*="page-index"] .widget-product-slider p.prix{ margin:0 !important; font-size:20px !important; font-weight:900 !important; color:#0b1220 !important; } body[class*="page-index"] .widget-product-slider p.prix del, body[class*="page-index"] .widget-product-slider p.prix s{ font-size:14px !important; opacity:.55 !important; margin-left:6px !important; } body[class*="page-index"] .widget-product-slider .block-btn-addbasket{ width:100% !important; margin-top:12px !important; } body[class*="page-index"] .widget-product-slider a.addbasket{ width:100% !important; max-width:240px !important; box-shadow:0 12px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; } body[class*="page-index"] .widget-product-slider .swiper-button-prev, body[class*="page-index"] .widget-product-slider .swiper-button-next{ width:42px !important; height:42px !important; border-radius:999px !important; background:rgba(255,255,255,.95) !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:0 18px 50px rgba(0,0,0,.18) !important; } body[class*="page-index"] .widget-product-slider .swiper-button-prev:after, body[class*="page-index"] .widget-product-slider .swiper-button-next:after{ font-size:16px !important; font-weight:900 !important; color:#0284c7 !important; } body[class*="page-index"] .widget-product-slider .swiper-pagination-bullet{ width:9px !important; height:9px !important; opacity:.35 !important; background:#0b5ea9 !important; } body[class*="page-index"] .widget-product-slider .swiper-pagination-bullet-active{ opacity:1 !important; } @media (max-width:1100px){ body[class*="page-index"] .widget-product-slider .swiper-slide{ width:300px !important; } } @media (max-width:980px){ body[class*="page-index"] .widget-product-slider .swiper-slide{ width:280px !important; } } @media (max-width:768px){ body.page-index .widget-product-slider{ overflow:hidden !important; } body.page-index .widget-product-slider .swiper{ padding:10px 10px 28px !important; } body.page-index .widget-product-slider .swiper-slide{ width:86vw !important; margin-right:12px !important; } body.page-index .widget-product-slider .produits{ padding:14px 12px 14px !important; border-radius:20px !important; } body.page-index .widget-product-slider .productImageWrap{ position:relative !important; width:172px !important; height:172px !important; margin:10px auto 10px !important; border-radius:18px !important; overflow:hidden !important; visibility:visible !important; opacity:1 !important; } body.page-index .widget-product-slider .productImageWrap a, body.page-index .widget-product-slider .productImageWrap picture{ position:absolute !important; inset:0 !important; display:block !important; } body.page-index .widget-product-slider .productImageWrap img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; } body.page-index .widget-product-slider h3.nomprod{ font-size:13px !important; line-height:1.2 !important; } body.page-index .widget-product-slider p.prix{ font-size:20px !important; } body.page-index .widget-product-slider a.addbasket{ width:100% !important; max-width:none !important; padding:13px 16px !important; font-size:16px !important; } body.page-index .widget-product-slider .swiper-button-prev, body.page-index .widget-product-slider .swiper-button-next{ display:none !important; } } @media (max-width:480px){ body.page-index .widget-product-slider .swiper-slide{ width:90vw !important; } body.page-index .widget-product-slider .productImageWrap{ width:180px !important; height:180px !important; } } /* ========================================================= 11) CATÉGORIES / PASTILLES BOUTIQUE ========================================================= */ .template_boutique, .template_boutique_all, .template_boutique_1, .border_p.template_boutique_category, .boutique_header, .boutique_header_contenu-editable, .widget.widget-categories-thumbnail, .widget.widget-categories-thumbnail .widget-content, .categories-thumbnail, .categories-thumbnail__item, .categories-thumbnail__item-link, .categories-thumbnail__item-position-text, .categories-thumbnail__item-text{ position:relative !important; z-index:1 !important; } .widget.widget-categories-thumbnail, .widget.widget-categories-thumbnail .widget-content, #grid-972759 + .widget.widget-categories-thumbnail{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; padding:0 !important; margin:0 !important; } #grid-972759{ display:none !important; } .widget.widget-categories-thumbnail .categories-thumbnail, #grid-477787 .categories-thumbnail, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail{ display:flex !important; flex-wrap:wrap !important; gap:18px 22px !important; align-items:flex-start !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item, #grid-477787 .categories-thumbnail__item, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; padding:0 !important; margin:0 !important; width:auto !important; flex:0 0 auto !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item::before, .widget.widget-categories-thumbnail .categories-thumbnail__item::after, .widget.widget-categories-thumbnail .categories-thumbnail::before, .widget.widget-categories-thumbnail .categories-thumbnail::after, .widget.widget-categories-thumbnail .widget-content::before, .widget.widget-categories-thumbnail .widget-content::after, #grid-477787 .categories-thumbnail__item::before, #grid-477787 .categories-thumbnail__item::after, #grid-477787 .categories-thumbnail__item > a.button::before, #grid-477787 .categories-thumbnail__item > a.button::after{ content:none !important; display:none !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link, #grid-477787 .categories-thumbnail__item > a.button, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:54px !important; padding:0 28px !important; border-radius:999px !important; text-decoration:none !important; white-space:nowrap !important; overflow:hidden !important; background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.92) 100%) !important; border:1px solid rgba(15,23,42,.07) !important; box-shadow:0 8px 22px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(15,23,42,.03) !important; color:#0b5cab !important; font-size:15px !important; font-weight:800 !important; letter-spacing:.01em !important; text-transform:none !important; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link::before{ content:"" !important; position:absolute !important; inset:1px !important; border-radius:999px !important; background:linear-gradient(180deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 58%) !important; pointer-events:none !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text, .widget.widget-categories-thumbnail .categories-thumbnail__item-text, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text{ position:relative !important; z-index:2 !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:54px !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; text-align:center !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-text span, .widget.widget-categories-thumbnail .categories-thumbnail__item-link span, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-text span, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link span{ position:relative !important; z-index:2 !important; color:#0b5cab !important; font-size:15px !important; font-weight:800 !important; letter-spacing:.01em !important; font-style:normal !important; text-transform:none !important; background:transparent !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover, #grid-477787 .categories-thumbnail__item > a.button:hover, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover{ transform:translateY(-1px) !important; border-color:rgba(11,92,171,.14) !important; box-shadow:0 12px 26px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(15,23,42,.03) !important; } @media (max-width:640px){ .widget.widget-categories-thumbnail .categories-thumbnail, #grid-477787 .categories-thumbnail, #grid-972759 + .widget.widget-categories-thumbnail .categories-thumbnail{ gap:14px 14px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link, .widget.widget-categories-thumbnail .categories-thumbnail__item-position-text, .widget.widget-categories-thumbnail .categories-thumbnail__item-text, #grid-477787 .categories-thumbnail__item > a.button{ min-height:48px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-link, #grid-477787 .categories-thumbnail__item > a.button{ padding:0 20px !important; } .widget.widget-categories-thumbnail .categories-thumbnail__item-text span, .widget.widget-categories-thumbnail .categories-thumbnail__item-link span{ font-size:14px !important; } } /* ========================================================= 12) BADGES PHOTO / LISTING PRODUITS ========================================================= */ .container-etiquette{ top:10px !important; left:10px !important; display:flex !important; flex-direction:column !important; gap:6px !important; } .container-etiquette .titre-etiquette, .container-etiquette .h3.titre-etiquette, .container-etiquette .etiquette, .container-etiquette .promotion, .container-etiquette [class*="etiquette"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; max-width:max-content !important; padding:6px 10px !important; min-height:auto !important; border-radius:8px !important; font-size:10px !important; line-height:1.1 !important; font-weight:900 !important; letter-spacing:.04em !important; text-transform:uppercase !important; box-shadow:0 8px 18px rgba(0,0,0,.10) !important; background:#0b1220 !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.10) !important; } .container-etiquette .promotion, .container-etiquette [class*="promo"]{ background:#111111 !important; color:#ffffff !important; } .container-etiquette a, .container-etiquette span, .container-etiquette div{ font-size:inherit !important; line-height:inherit !important; color:inherit !important; } .produit_etiquette.produit_galerie_background_p{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important; max-width:max-content !important; } .produit_etiquette.produit_galerie_background_p .titre-etiquette, .produit_etiquette.produit_galerie_background_p .h3.titre-etiquette, .produit_galerie_background_p > .titre-etiquette, .produit_galerie_background_p > .h3.titre-etiquette{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; max-width:max-content !important; padding:6px 10px !important; margin:0 !important; border-radius:8px !important; background:#0b1220 !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow:0 8px 18px rgba(0,0,0,.10) !important; font-size:10px !important; line-height:1.1 !important; font-weight:900 !important; letter-spacing:.04em !important; text-transform:uppercase !important; } .produit_etiquette.produit_galerie_background_p .titre-etiquette *, .produit_etiquette.produit_galerie_background_p .h3.titre-etiquette *{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:inherit !important; } .remise{ box-shadow:0 8px 18px rgba(0,0,0,.10) !important; } .container-etiquette.with-etiquette{ top:10px !important; left:10px !important; gap:6px !important; } @media (max-width:768px){ .container-etiquette{ top:8px !important; left:8px !important; gap:5px !important; } .container-etiquette .titre-etiquette, .container-etiquette .h3.titre-etiquette, .container-etiquette .etiquette, .container-etiquette .promotion, .container-etiquette [class*="etiquette"]{ padding:5px 8px !important; font-size:9px !important; border-radius:7px !important; } } /* ========================================================= 13) FICHE PRODUIT — STRUCTURE INACIO ========================================================= */ #inacio-home *, #fiche-produit *, .fiche-produit *{ box-sizing:border-box; } #fiche-produit::before, #fiche-produit::after, .fiche-produit::before, .fiche-produit::after{ content:none !important; display:none !important; } #fiche-produit .inacio-wrap, .fiche-produit .inacio-wrap{ max-width:980px !important; margin:8px auto 0 !important; padding:26px 18px !important; border-radius:28px !important; border:1px solid rgba(15,23,42,.10) !important; background:radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.12) 0%, rgba(56,189,248,0) 62%), radial-gradient(140% 190% at 82% 0%, rgba(99,102,241,.07) 0%, rgba(99,102,241,0) 62%), linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%) !important; box-shadow:0 28px 90px rgba(0,0,0,.10) !important; text-align:center !important; color:#0b1220 !important; line-height:1.7 !important; } #fiche-produit .inacio-badges, .fiche-produit .inacio-badges{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; margin:10px 0 18px !important; } #fiche-produit .inacio-badge, .fiche-produit .inacio-badge{ display:inline-flex !important; align-items:center !important; padding:9px 12px !important; border-radius:999px !important; background:radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.14) 0%, rgba(56,189,248,0) 62%), rgba(255,255,255,.88) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; border:1px solid rgba(2,132,199,.20) !important; box-shadow:0 14px 36px rgba(2,8,23,.07), inset 0 1px 0 rgba(255,255,255,.85) !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.10em !important; text-transform:uppercase !important; color:#0b5cab !important; } #fiche-produit .inacio-title, .fiche-produit .inacio-title{ position:relative !important; margin:6px 0 12px !important; font-size:26px !important; font-weight:950 !important; letter-spacing:-.35px !important; line-height:1.18 !important; padding-bottom:14px !important; } #fiche-produit .inacio-title::after, .fiche-produit .inacio-title::after{ content:"" !important; display:block !important; width:92px !important; height:3px !important; margin:12px auto 0 !important; border-radius:999px !important; background:linear-gradient(90deg, rgba(14,165,233,0), rgba(14,165,233,.55), rgba(99,102,241,.35), rgba(14,165,233,0)) !important; } #fiche-produit .inacio-soft, .fiche-produit .inacio-soft{ color:rgba(17,24,39,.76) !important; font-weight:650 !important; max-width:72ch !important; margin-left:auto !important; margin-right:auto !important; line-height:1.75 !important; } #fiche-produit .inacio-section-title, .fiche-produit .inacio-section-title{ position:relative !important; margin:22px 0 10px !important; font-size:13px !important; font-weight:950 !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#0b1220 !important; padding-top:18px !important; } #fiche-produit .inacio-section-title::before, .fiche-produit .inacio-section-title::before{ content:"" !important; display:block !important; width:100% !important; max-width:820px !important; height:1px !important; margin:0 auto 14px !important; border-radius:999px !important; background:linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,.10), rgba(15,23,42,0)) !important; } #fiche-produit .inacio-wrap ul, .fiche-produit .inacio-wrap ul{ max-width:72ch !important; margin:10px auto 0 !important; padding:0 !important; list-style:none !important; text-align:left !important; } #fiche-produit .inacio-wrap li, .fiche-produit .inacio-wrap li{ position:relative !important; margin:10px 0 !important; padding-left:18px !important; font-weight:650 !important; color:rgba(17,24,39,.82) !important; line-height:1.65 !important; } #fiche-produit .inacio-wrap li::before, .fiche-produit .inacio-wrap li::before{ content:"" !important; position:absolute !important; left:0 !important; top:.68em !important; width:7px !important; height:7px !important; border-radius:999px !important; background:rgba(11,92,171,.85) !important; } #fiche-produit .inacio-card, .fiche-produit .inacio-card{ position:relative !important; overflow:hidden !important; margin:14px auto 0 !important; padding:14px !important; max-width:860px !important; border-radius:20px !important; border:1px solid rgba(15,23,42,.10) !important; background:radial-gradient(140% 190% at 18% 0%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 62%), rgba(255,255,255,.88) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; box-shadow:0 18px 48px rgba(0,0,0,.07) !important; } #fiche-produit .inacio-card::before, .fiche-produit .inacio-card::before{ content:"" !important; position:absolute !important; left:-20% !important; right:-20% !important; top:-28px !important; height:70px !important; background:radial-gradient(circle at 50% 30%, rgba(255,255,255,.70), rgba(255,255,255,0) 60%) !important; pointer-events:none !important; opacity:.55 !important; } @media (max-width:740px){ #fiche-produit .inacio-wrap, .fiche-produit .inacio-wrap{ padding:20px 14px !important; border-radius:22px !important; max-width:92vw !important; } } /* ========================================================= 14) FICHE PRODUIT — FAQ / ZOOM / MINIATURES ========================================================= */ #fiche-produit .inacio-faq, .fiche-produit .inacio-faq{ margin-top:12px !important; text-align:center !important; } #fiche-produit .inacio-qa, .fiche-produit .inacio-qa{ border-radius:20px !important; border:1px solid rgba(15,23,42,.10) !important; background:rgba(255,255,255,.86) !important; box-shadow:0 16px 44px rgba(0,0,0,.06) !important; padding:12px 14px !important; margin:10px auto !important; max-width:860px !important; text-align:left !important; } #fiche-produit .inacio-qa summary, .fiche-produit .inacio-qa summary{ cursor:pointer !important; font-weight:950 !important; color:#0b1220 !important; } #fiche-produit .inacio-qa summary::-webkit-details-marker, .fiche-produit .inacio-qa summary::-webkit-details-marker{ display:none !important; } #fiche-produit .inacio-qa summary:after, .fiche-produit .inacio-qa summary:after{ content:"▾" !important; color:rgba(11,18,32,.62) !important; font-size:14px !important; transition:transform .18s ease !important; float:right; } #fiche-produit .inacio-qa[open] summary:after, .fiche-produit .inacio-qa[open] summary:after{ transform:rotate(180deg) !important; } #fiche-produit .inacio-qa p, .fiche-produit .inacio-qa p{ margin:10px 0 0 !important; color:rgba(17,24,39,.78) !important; font-weight:650 !important; line-height:1.65 !important; text-align:left !important; } @media (hover:hover){ #fiche-produit .inacio-qa:hover, .fiche-produit .inacio-qa:hover{ transform:translateY(-1px) !important; box-shadow:0 22px 62px rgba(2,8,23,.09) !important; border-color:rgba(2,132,199,.22) !important; } } .zoomContainer, .zoomWindowContainer, .zoomWindow, .zoomLens, .zoomTint, .zoomPup, #fiche-produit .zoomContainer, #fiche-produit .zoomWindowContainer, #fiche-produit .zoomWindow, .fiche-produit .zoomContainer, .fiche-produit .zoomWindowContainer, .fiche-produit .zoomWindow{ display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } #fiche-produit .wrap-images img, #fiche-produit .wrap-images a img, .fiche-produit .wrap-images img, .fiche-produit .wrap-images a img{ transform:none !important; transition:none !important; animation:none !important; } #fiche-produit .grande-image a, #fiche-produit a.image-zoom, #fiche-produit a.productImageWrap, .fiche-produit .grande-image a, .fiche-produit a.image-zoom, .fiche-produit a.productImageWrap{ cursor:pointer !important; } #fiche-produit #sliderImagePreviews a, .fiche-produit #sliderImagePreviews a{ display:block !important; margin:0 0 12px !important; text-decoration:none !important; } #fiche-produit #sliderImagePreviews a img, .fiche-produit #sliderImagePreviews a img{ border-radius:18px !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 8px 18px rgba(0,0,0,.05) !important; opacity:.96 !important; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease !important; } #fiche-produit #sliderImagePreviews a:hover img, .fiche-produit #sliderImagePreviews a:hover img{ transform:translateY(-1px) !important; border-color:rgba(11,92,171,.18) !important; box-shadow:0 12px 24px rgba(0,0,0,.07), 0 0 0 3px rgba(14,165,233,.06) !important; opacity:1 !important; } /* ========================================================= 15) FICHE PRODUIT — BADGE / MARQUE / CHAMPS / QUANTITÉ ========================================================= */ #fiche-produit .container-etiquette, .fiche-produit .container-etiquette, .template_fiche_produit .container-etiquette{ display:flex !important; justify-content:center !important; align-items:center !important; margin:0 0 22px !important; text-align:center !important; } #fiche-produit .wrap-images .container-etiquette, #fiche-produit .wrap-images .produit_etiquette, .fiche-produit .wrap-images .container-etiquette, .fiche-produit .wrap-images .produit_etiquette{ display:none !important; } #fiche-produit .produit_etiquette, .fiche-produit .produit_etiquette, .template_fiche_produit .produit_etiquette{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; max-width:unset !important; } #fiche-produit .produit_etiquette .titre-etiquette, #fiche-produit .produit_etiquette .h3.titre-etiquette, .fiche-produit .produit_etiquette .titre-etiquette, .fiche-produit .produit_etiquette .h3.titre-etiquette, .template_fiche_produit .produit_etiquette .titre-etiquette, .template_fiche_produit .produit_etiquette .h3.titre-etiquette{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; min-width:340px !important; max-width:100% !important; margin:0 auto !important; padding:18px 34px !important; border-radius:22px !important; border:1px solid rgba(255,255,255,.10) !important; background:radial-gradient(140% 180% at 18% 0%, rgba(14,165,233,.16) 0%, rgba(14,165,233,0) 60%), linear-gradient(180deg,#101726 0%, #070b14 100%) !important; box-shadow:0 16px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(14,165,233,.06) !important; color:#ffffff !important; font-size:17px !important; font-weight:850 !important; line-height:1.2 !important; text-align:center !important; white-space:nowrap !important; } #fiche-produit .produit_etiquette .titre-etiquette i, #fiche-produit .produit_etiquette .h3.titre-etiquette i, .fiche-produit .produit_etiquette .titre-etiquette i, .fiche-produit .produit_etiquette .h3.titre-etiquette i{ display:none !important; } #fiche-produit .produit_etiquette .titre-etiquette::after, #fiche-produit .produit_etiquette .h3.titre-etiquette::after, .fiche-produit .produit_etiquette .titre-etiquette::after, .fiche-produit .produit_etiquette .h3.titre-etiquette::after, .template_fiche_produit .produit_etiquette .titre-etiquette::after, .template_fiche_produit .produit_etiquette .h3.titre-etiquette::after{ content:"" !important; display:inline-block !important; width:18px !important; height:12px !important; border-radius:3px !important; box-shadow:0 1px 4px rgba(0,0,0,.28) !important; background:linear-gradient(90deg,#1f4fbf 0%,#1f4fbf 33.33%,#ffffff 33.33%,#ffffff 66.66%,#d61f2c 66.66%,#d61f2c 100%) !important; transform:translateY(1px) !important; flex:0 0 auto !important; } #fiche-produit .produit_etiquette[data-title*="Numérique"] .titre-etiquette::after, #fiche-produit .produit_etiquette[data-title*="Numérique"] .h3.titre-etiquette::after, .fiche-produit .produit_etiquette[data-title*="Numérique"] .titre-etiquette::after, .fiche-produit .produit_etiquette[data-title*="Numérique"] .h3.titre-etiquette::after{ content:"↓" !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:18px !important; height:18px !important; margin-left:2px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.18) !important; background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%) !important; color:#ffffff !important; font-size:12px !important; font-weight:900 !important; line-height:1 !important; transform:translateY(-1px) !important; } #fiche-produit .produit_etiquette[data-title*="Seconde main"] .titre-etiquette::after, #fiche-produit .produit_etiquette[data-title*="Seconde main"] .h3.titre-etiquette::after, .fiche-produit .produit_etiquette[data-title*="Seconde main"] .titre-etiquette::after, .fiche-produit .produit_etiquette[data-title*="Seconde main"] .h3.titre-etiquette::after, .template_fiche_produit .produit_etiquette[data-title*="Seconde main"] .titre-etiquette::after, .template_fiche_produit .produit_etiquette[data-title*="Seconde main"] .h3.titre-etiquette::after{ content:none !important; display:none !important; } #fiche-produit .block-fiche-titre-brand, .fiche-produit .block-fiche-titre-brand{ margin:0 0 14px !important; text-align:center !important; } #fiche-produit .block-fiche-titre-brand, #fiche-produit .block-fiche-titre-brand a, .fiche-produit .block-fiche-titre-brand, .fiche-produit .block-fiche-titre-brand a{ color:#0b5cab !important; font-weight:900 !important; letter-spacing:.02em !important; line-height:1.15 !important; text-transform:uppercase !important; text-decoration:none !important; } #fiche-produit .reference, .fiche-produit .reference{ display:block !important; margin:0 0 22px !important; color:#4b5563 !important; font-size:14px !important; font-weight:700 !important; } #fiche-produit .wrap-description label, .fiche-produit .wrap-description label{ display:block !important; margin:0 0 10px !important; color:#0b1220 !important; font-weight:800 !important; } #fiche-produit .wrap-description input[type="text"], #fiche-produit .wrap-description input[type="email"], #fiche-produit .wrap-description input[type="tel"], .fiche-produit .wrap-description input[type="text"], .fiche-produit .wrap-description input[type="email"], .fiche-produit .wrap-description input[type="tel"]{ width:100% !important; min-height:54px !important; padding:12px 16px !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,249,251,.98) 100%) !important; color:#111827 !important; font-size:15px !important; font-weight:600 !important; box-shadow:0 8px 20px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; } #fiche-produit .wrap-description input[type="text"]:focus, #fiche-produit .wrap-description input[type="email"]:focus, #fiche-produit .wrap-description input[type="tel"]:focus, .fiche-produit .wrap-description input[type="text"]:focus, .fiche-produit .wrap-description input[type="email"]:focus, .fiche-produit .wrap-description input[type="tel"]:focus{ border-color:rgba(11,92,171,.28) !important; box-shadow:0 0 0 3px rgba(14,165,233,.10), 0 12px 24px rgba(0,0,0,.05) !important; background:#ffffff !important; } @media (min-width:901px){ #fiche-produit .wrap-description .row, .fiche-produit .wrap-description .row{ display:block !important; } #fiche-produit .wrap-description .col.s6, .fiche-produit .wrap-description .col.s6{ width:100% !important; max-width:100% !important; float:none !important; display:block !important; margin:0 0 18px !important; padding:0 !important; } #fiche-produit .wrap-description .declinaison-attribute-group, .fiche-produit .wrap-description .declinaison-attribute-group{ width:100% !important; max-width:420px !important; } } #fiche-produit .bloc-quantite, .fiche-produit .bloc-quantite, .wrap-description .pro-panier .bloc-quantity{ display:flex !important; align-items:center !important; gap:12px !important; margin:18px 0 22px !important; } #fiche-produit .bloc-quantite > label, .fiche-produit .bloc-quantite > label, .wrap-description .pro-panier .bloc-quantity label{ display:block !important; margin:0 0 10px !important; font-weight:900 !important; color:#0b1220 !important; line-height:1 !important; } #fiche-produit .bloc-bt-quantity, .fiche-produit .bloc-bt-quantity, .wrap-description .pro-panier .bloc-bt-quantity{ display:inline-grid !important; grid-template-columns:42px 56px 42px !important; align-items:center !important; column-gap:10px !important; margin-top:8px !important; } #fiche-produit .less-quantity.bt-quantity, #fiche-produit .add-quantity.bt-quantity, .fiche-produit .less-quantity.bt-quantity, .fiche-produit .add-quantity.bt-quantity, .wrap-description .pro-panier .bloc-bt-quantity .less-quantity, .wrap-description .pro-panier .bloc-bt-quantity .add-quantity{ width:42px !important; height:42px !important; min-width:42px !important; border-radius:14px !important; background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,248,250,.98) 100%) !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 6px 16px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; margin:0 !important; } #fiche-produit input.quantite.input_quantity, .fiche-produit input.quantite.input_quantity, .wrap-description .pro-panier .bloc-bt-quantity .input_quantity{ width:82px !important; min-width:82px !important; height:48px !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,249,251,.99) 100%) !important; box-shadow:0 8px 20px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.94) !important; color:#111827 !important; font-size:20px !important; font-weight:850 !important; text-align:center !important; margin:0 !important; } /* ========================================================= 16) FICHE PRODUIT — SHIPPING / CTA / NETTOYAGE ========================================================= */ #fiche-produit .block-shipping, #fiche-produit .description, .fiche-produit .block-shipping, .fiche-produit .description, .wrap-description .description, .wrap-description .block-shipping{ margin:0 0 12px !important; padding:14px 16px !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.08) !important; background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(249,250,252,.98) 100%) !important; box-shadow:0 10px 24px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; } #fiche-produit .row.ajouter-panier a.addbasket, #fiche-produit .row.ajouter-panier a.addbasket.button, #fiche-produit .row.ajouter-panier a.button.addbasket, #fiche-produit .row.ajouter-panier .addbasket.button, #fiche-produit .row.ajouter-panier button, #fiche-produit .row.ajouter-panier input[type="submit"], .fiche-produit .row.ajouter-panier a.addbasket, .fiche-produit .row.ajouter-panier a.addbasket.button, .fiche-produit .row.ajouter-panier a.button.addbasket, .fiche-produit .row.ajouter-panier .addbasket.button, .fiche-produit .row.ajouter-panier button, .fiche-produit .row.ajouter-panier input[type="submit"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:auto !important; padding:16px 30px !important; min-height:58px !important; border-radius:999px !important; font-weight:950 !important; letter-spacing:.55px !important; text-transform:uppercase !important; color:#ffffff !important; background:radial-gradient(120% 140% at 20% 0%, rgba(14,165,233,.20) 0%, rgba(0,0,0,0) 52%), linear-gradient(180deg,#0b1220 0%, #070b14 100%) !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:0 18px 55px rgba(0,0,0,.22), 0 0 0 1px rgba(14,165,233,.08), 0 0 34px rgba(14,165,233,.12) !important; } #fiche-produit .row.ajouter-panier:not(.has-badges)::before, .fiche-produit .row.ajouter-panier:not(.has-badges)::before{ content:" Paiement sécurisé • Expédition rapide & soignée • Support client réactif" !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:14px auto 14px !important; padding:14px 22px !important; max-width:700px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.10) !important; background:radial-gradient(140% 180% at 18% 0%, rgba(14,165,233,.16) 0%, rgba(14,165,233,0) 60%), linear-gradient(180deg,#101726 0%, #070b14 100%) !important; color:#ffffff !important; font-size:13px !important; font-weight:850 !important; line-height:1.35 !important; text-align:center !important; box-shadow:0 16px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(14,165,233,.06) !important; } #fiche-produit .row.ajouter-panier:not(.has-badges)::after, .fiche-produit .row.ajouter-panier:not(.has-badges)::after, #fiche-produit .row.ajouter-panier:not(.not-badges)::after, #fiche-produit .row.ajouter-panier.row.ajouter-panier:not(.not-badges)::after, .wrap-description .row.ajouter-panier:not(.not-badges)::after{ content:none !important; display:none !important; } #fiche-produit p.details-ficheprod, .fiche-produit p.details-ficheprod, #fiche-produit .socialux, .fiche-produit .socialux, .wrap-description .sociaux, .wrap-description .fb-like, .wrap-description .fb-share-button, .wrap-description .fb_iframe_widget, .wrap-description iframe[src*="facebook"]{ display:none !important; height:0 !important; min-height:0 !important; max-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; overflow:hidden !important; } #fiche-produit .wrap-description hr, #fiche-produit .wrap-description .separator, #fiche-produit .wrap-description .line, #fiche-produit .wrap-description .ligne, #fiche-produit .wrap-description [class*="sep"], #fiche-produit .wrap-description [class*="line"], .fiche-produit .wrap-description hr, .fiche-produit .wrap-description .separator, .fiche-produit .wrap-description .line, .fiche-produit .wrap-description .ligne, .fiche-produit .wrap-description [class*="sep"], .fiche-produit .wrap-description [class*="line"], .template_produit hr, .product_right_part hr, .bloc-right hr, .product_sheet hr, .product-detail hr, .produit-detail hr, .wrap-description .block-shipping + hr, .wrap-description .details-ficheprod + hr, .wrap-description hr{ display:none !important; border:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; } .wrap-description .row.ajouter-panier.block-addbasket{ margin-top:16px !important; } @media (max-width:700px){ #fiche-produit .row.ajouter-panier a.addbasket, #fiche-produit .row.ajouter-panier .addbasket.button, #fiche-produit .row.ajouter-panier button, #fiche-produit .row.ajouter-panier input[type="submit"], .fiche-produit .row.ajouter-panier a.addbasket, .fiche-produit .row.ajouter-panier .addbasket.button, .fiche-produit .row.ajouter-panier button, .fiche-produit .row.ajouter-panier input[type="submit"]{ width:100% !important; padding:16px 18px !important; } } @media (max-width:820px){ #fiche-produit .inacio-ft, .fiche-produit .inacio-ft{ position:fixed !important; left:12px !important; right:12px !important; bottom:calc(10px + env(safe-area-inset-bottom)) !important; z-index:50000 !important; margin:0 !important; pointer-events:none !important; } #fiche-produit .inacio-ft__inner, .fiche-produit .inacio-ft__inner{ pointer-events:auto !important; padding:10px 12px !important; border-radius:18px !important; box-shadow:0 26px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08) !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; } #fiche-produit, .fiche-produit{ padding-bottom:130px !important; } } /* ========================================================= 17) CONTACT / CHECKOUT ========================================================= */ body .template_contact .row.blockf{ max-width:980px !important; margin:18px auto 26px !important; padding:22px 18px 26px !important; border-radius:26px !important; border:1px solid #e7ebf0 !important; background:radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.10), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.07), transparent 55%), linear-gradient(180deg,#ffffff,#fbfbfd) !important; box-shadow:0 30px 90px rgba(0,0,0,.10) !important; } body .template_contact .title_section{ margin:0 0 14px !important; font-size:22px !important; font-weight:950 !important; color:#0b1220 !important; } body .template_contact label{ display:block !important; margin:0 0 6px !important; font-weight:900 !important; color:#0b1220 !important; } body .template_contact .form-control{ width:100% !important; background:#ffffff !important; color:#111827 !important; border:1px solid rgba(15,23,42,.14) !important; border-radius:14px !important; padding:14px 16px !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; } body .template_contact .form-control:focus{ border-color:#0ea5e9 !important; box-shadow:0 0 0 3px rgba(14,165,233,.16), 0 10px 22px rgba(0,0,0,.06) !important; } body .template_contact textarea.form-control{ min-height:220px !important; resize:vertical !important; } body .template_contact input[type="file"]{ width:100% !important; background:#ffffff !important; border:1px dashed rgba(2,132,199,.35) !important; border-radius:14px !important; padding:12px 14px !important; box-shadow:0 10px 22px rgba(0,0,0,.05) !important; } body .template_contact input[type="submit"], body .template_contact button[type="submit"]{ display:block !important; width:fit-content !important; margin:18px auto 0 !important; min-height:52px !important; padding:14px 26px !important; border-radius:999px !important; border:1px solid rgba(2,132,199,.35) !important; background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important; color:#ffffff !important; font-weight:950 !important; letter-spacing:.12em !important; text-transform:uppercase !important; box-shadow:0 18px 55px rgba(2,132,199,.20), 0 14px 34px rgba(0,0,0,.10) !important; } .template_flux_panier_1 .connexion-inscription-header, .template_flux_panier_1 .connexion-inscription-header h4, .template_flux_panier_1 .connexion-header, .template_flux_panier_1 .connexion-header h4, .template_flux_panier_1 .connexion-inscription-header *, .template_flux_panier_1 .connexion-header *, .infoscommande-header, .infoscommande-header h4{ color:#ffffff !important; } .infoscommande-header{ background:#0b1220 !important; border-radius:12px 12px 0 0 !important; padding:14px 18px !important; } .block-info-commande_well, .cart-summary, .block-resume-commande{ background:#ffffff !important; border-radius:18px !important; border:1px solid rgba(0,0,0,.08) !important; box-shadow:0 20px 60px rgba(0,0,0,.08) !important; padding:18px !important; } .block-info-commande_well input, .block-info-commande_well select{ border-radius:12px !important; border:1px solid rgba(0,0,0,.12) !important; padding:12px 14px !important; background:#fafafa !important; } .block-info-commande_well input:focus, .block-info-commande_well select:focus{ border-color:#0b5cab !important; background:#ffffff !important; box-shadow:0 0 0 3px rgba(11,92,171,0.1) !important; } #form-order button, #form-order input[type="submit"], #form-order .button{ background:linear-gradient(180deg,#1e90ff,#0b5cab) !important; color:#ffffff !important; border-radius:999px !important; padding:14px 22px !important; font-weight:700 !important; border:none !important; box-shadow:0 10px 30px rgba(11,92,171,0.3) !important; } /* ========================================================= 18) PAGE AVIS CLIENTS ========================================================= */ .livre_dor.template_livreor, .template_livreor{ max-width:1180px !important; margin:18px auto 30px !important; padding:18px 16px 36px !important; border-radius:28px !important; border:1px solid #e7ebf0 !important; background:radial-gradient(120% 180% at 18% 0%, rgba(56,189,248,.08), transparent 55%), radial-gradient(120% 180% at 82% 0%, rgba(99,102,241,.06), transparent 55%), linear-gradient(180deg,#f8fbfd 0%, #f4f7fb 100%) !important; box-shadow:0 24px 70px rgba(0,0,0,.07) !important; } .livre_dor.template_livreor *, .template_livreor *{ box-sizing:border-box; } .livre_dor.template_livreor #bloc-fil, .template_livreor #bloc-fil, .livre_dor.template_livreor #bloc-fil-titre, .template_livreor #bloc-fil-titre, .livre_dor.template_livreor .titre_page, .template_livreor .titre_page{ background:transparent !important; border:0 !important; box-shadow:none !important; } .page-livre_or .text-livre .widget.widget-code-source, .page-livre_or .text-livre .widget.widget-code-source .widget-content, .page-livre_or .text-livre .widget.widget-code-source .code-source-content, .page-livre_or .text-livre .widget.widget-code-source.widget-smal-height, .page-livre_or .text-livre .full-background, .page-livre_or .text-livre .row.row-grid, .page-livre_or .text-livre .widget-col{ background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; } .page-livre_or .text-livre .widget.widget-code-source.widget-smal-height{ min-height:auto !important; height:auto !important; } .page-livre_or .text-livre{ padding:0 !important; margin:0 auto !important; } .page-livre_or .text-livre .inacio-home, .page-livre_or .text-livre .inacio-wrap{ background:transparent !important; } .list-messages, .livre_dor.template_livreor .list-messages, .template_livreor .list-messages{ max-width:980px !important; margin:20px auto !important; padding:0 !important; } .buttonLivre, .livre_dor.template_livreor .buttonLivre, .template_livreor .buttonLivre{ text-align:center !important; margin:20px 0 !important; } .buttonLivre a.addmsglo.button, .buttonLivre a.addmsglo{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; padding:12px 22px !important; border-radius:999px !important; border:1px solid rgba(2,132,199,.35) !important; background:linear-gradient(180deg,#0ea5e9 0%, #0284c7 100%) !important; color:#ffffff !important; font-weight:900 !important; text-decoration:none !important; box-shadow:0 14px 28px rgba(2,132,199,.18), 0 10px 24px rgba(0,0,0,.08) !important; } .message_lo, .livre_dor.template_livreor .message_lo, .template_livreor .message_lo{ width:100% !important; max-width:980px !important; margin:18px auto !important; padding:0 !important; background:transparent !important; border:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:22px !important; } .message_lo .IDLO{ flex:0 0 210px !important; width:210px !important; min-width:210px !important; max-width:210px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:flex-start !important; text-align:left !important; min-height:108px !important; padding:16px 18px !important; border-radius:22px !important; border:1px solid rgba(15,23,42,.07) !important; background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%) !important; box-shadow:0 12px 28px rgba(0,0,0,.05) !important; overflow:hidden !important; } .message_lo .IDLO .infosLO{ display:block !important; width:100% !important; margin:0 0 8px !important; font-size:16px !important; line-height:1.2 !important; font-weight:900 !important; color:#0b5cab !important; white-space:nowrap !important; writing-mode:horizontal-tb !important; transform:none !important; } .message_lo .IDLO .villePaysLO{ display:block !important; width:100% !important; margin:0 0 8px !important; font-size:12px !important; line-height:1.2 !important; font-weight:900 !important; color:#0b1220 !important; text-transform:uppercase !important; letter-spacing:.05em !important; white-space:nowrap !important; writing-mode:horizontal-tb !important; transform:none !important; } .message_lo .IDLO time{ display:block !important; width:100% !important; margin:0 !important; font-size:13px !important; line-height:1.35 !important; color:#6b7280 !important; font-weight:700 !important; white-space:normal !important; writing-mode:horizontal-tb !important; transform:none !important; } .message_lo .contenuMsgLO{ position:relative !important; flex:0 1 620px !important; width:620px !important; max-width:620px !important; min-width:620px !important; min-height:108px !important; padding:18px 24px !important; border-radius:24px !important; border:1px solid rgba(15,23,42,.07) !important; background:#ffffff !important; box-shadow:0 12px 28px rgba(0,0,0,.05) !important; display:flex !important; align-items:center !important; } .message_lo .contenuMsgLO .blcfleche{ position:absolute !important; left:-10px !important; top:50% !important; transform:translateY(-50%) !important; width:0 !important; height:0 !important; border-top:10px solid transparent !important; border-bottom:10px solid transparent !important; border-right:10px solid #ffffff !important; display:block !important; } .message_lo .contenuMsgLO .blcfleche::before, .message_lo .contenuMsgLO .blcfleche::after{ content:none !important; display:none !important; } .message_lo .contenuMsgLO .message, .message_lo .message .message_content, .message_lo .message .message_content p{ width:100% !important; max-width:100% !important; } .message_lo .contenuMsgLO .message{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:10px !important; } .message_lo .message .message_content{ order:1 !important; } .message_lo .message .message_content p{ margin:0 !important; font-size:15px !important; line-height:1.5 !important; color:#374151 !important; font-weight:600 !important; } .message_lo .message .note, .message_lo .message .message_lo_note, .message_lo .message .note.message_lo_note{ order:2 !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; gap:4px !important; width:100% !important; margin:4px 0 0 !important; } .message_lo .message .note i, .message_lo .message .message_lo_note i, .message_lo .message .fa.fa-star, .message_lo .message i.fa-star{ color:#0b5cab !important; font-size:16px !important; line-height:1 !important; text-shadow:none !important; } .message_lo p.web, .message_lo p.web:empty, .message_lo .web:empty, .livre_dor.template_livreor p.web:empty, .template_livreor p.web:empty{ display:none !important; } .text-livre, .livre_dor.template_livreor .text-livre, .template_livreor .text-livre{ max-width:1040px !important; margin-left:auto !important; margin-right:auto !important; } .message_lo.border_p > .IDLO, .message_lo.border_p > .contenuMsgLO.sansSite{ align-self:center !important; } .message_lo.border_p > .contenuMsgLO.sansSite{ position:relative !important; top:6px !important; } @media (max-width:980px){ .message_lo{ max-width:100% !important; } .message_lo .contenuMsgLO{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; } } @media (max-width:820px){ .livre_dor.template_livreor, .template_livreor{ margin:12px 10px 24px !important; padding:14px 10px 24px !important; border-radius:22px !important; } .message_lo{ display:block !important; max-width:100% !important; } .message_lo .IDLO{ width:100% !important; min-width:0 !important; max-width:none !important; margin:0 0 10px !important; min-height:auto !important; } .message_lo .contenuMsgLO{ width:100% !important; min-width:0 !important; max-width:none !important; min-height:auto !important; } .message_lo .contenuMsgLO .blcfleche{ display:none !important; } .message_lo .message .note, .message_lo .message .message_lo_note{ justify-content:flex-start !important; } } /* ========================================================= 19) FOOTER / MENTIONS ========================================================= */ footer, #footer, .footer, .footer_p, .footer-content, .footer_conteneur, #wrapfooter, #footercontent{ background:linear-gradient(180deg,#f7fbfe 0%, #f2f7fc 100%) !important; background-image:none !important; box-shadow:none !important; } .footer-bottom, .footer_bottom, .footer-legal, .footer_legal, .mentions-legales, .mentions_legales, .legal, .cmse-legal, .cmse_legal, #footer-bottom, #footer_bottom, #footer-legal, #footer_legal, #mentions-legales, #mentions_legales, #legal, #cmse-legal, #cmse_legal, .cmse-footer-bottom, .cmse-footer-legal{ max-width:1198px !important; margin:14px auto 26px !important; padding:12px 14px !important; border-radius:16px !important; border:1px solid rgba(15,23,42,.10) !important; background:radial-gradient(120% 160% at 18% 0%, rgba(56,189,248,.08) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg,#ffffff 0%, #f8fbfd 100%) !important; box-shadow:0 16px 44px rgba(0,0,0,.08) !important; color:#6b7280 !important; font-size:12px !important; font-weight:650 !important; text-align:center !important; line-height:1.65 !important; } .footer-bottom a, .footer_bottom a, .footer-legal a, .footer_legal a, .mentions-legales a, .mentions_legales a, .legal a, .cmse-legal a, .cmse_legal a, #footer-bottom a, #footer_bottom a, #footer-legal a, #footer_legal a, #mentions-legales a, #mentions_legales a, #legal a, #cmse-legal a, #cmse_legal a, .cmse-footer-bottom a, .cmse-footer-legal a{ color:#0b5cab !important; font-weight:900 !important; text-decoration:none !important; } /* ========================================================= 20) PERFORMANCE / STABILITÉ ========================================================= */ #blocContent > *, body[class*="page-index"] #blocContent > *, .inacio-home .inacio-heroCard, .inacio-qtrust__inner, .inacio-ft__inner{ animation:none !important; } .produit, .inacio-box, .inacio-card, .inacio-tile, #panier, #paniercontent, #panierContent, #fiche-produit .inacio-ft, .fiche-produit .inacio-ft{ will-change:auto !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ #header::before, header.banniere_header_p::before, header.banniere.header_p::before{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)) !important; } .inacio-qtrust__inner, .inacio-ft__inner{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } } @media (max-width:820px){ .inacio-home .inacio-card, .inacio-home .inacio-heroCard, .inacio-home .inacio-box, .inacio-home .inacio-tile, .inacio-home .inacio-sectionHead, #fiche-produit .inacio-wrap, .fiche-produit .inacio-wrap, #paniercontent, #panierContent, .block-info-commande_well, .cart-summary, .block-resume-commande, .widget.widget-categories-thumbnail .categories-thumbnail__item-link{ box-shadow:0 8px 22px rgba(0,0,0,.055) !important; } } @media (max-width:640px){ .widget.widget-categories-thumbnail .categories-thumbnail__item-link::before, #header::before, header.banniere_header_p::before, header.banniere.header_p::before{ background-image:none !important; } } @media (hover:none){ #blocContent .produit:hover, .inacio-home .inacio-box:hover, .inacio-home .inacio-tile:hover, .widget.widget-categories-thumbnail .categories-thumbnail__item-link:hover, #paniercommande a:hover, #paniercommande .button:hover, #paniercommande input[type="submit"]:hover{ transform:none !important; filter:none !important; } .produit:hover img{ transform:none !important; } } @media (prefers-reduced-motion: reduce){ *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; } } /* ========================================================= INACIO — FIX BOUTONS QUANTITÉ FICHE PRODUIT Corrige le bouton + / - visuellement ========================================================= */ #fiche-produit .bloc-quantite, .fiche-produit .bloc-quantite, .wrap-description .pro-panier .bloc-quantity, .template_fiche_produit .bloc-quantite{ display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; flex-wrap:wrap !important; margin:18px 0 22px !important; } #fiche-produit .bloc-bt-quantity, .fiche-produit .bloc-bt-quantity, .wrap-description .pro-panier .bloc-bt-quantity, .template_fiche_produit .bloc-bt-quantity{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin:0 !important; padding:0 !important; } /* Boutons - et + */ #fiche-produit .less-quantity.bt-quantity, #fiche-produit .add-quantity.bt-quantity, .fiche-produit .less-quantity.bt-quantity, .fiche-produit .add-quantity.bt-quantity, .wrap-description .less-quantity.bt-quantity, .wrap-description .add-quantity.bt-quantity, .template_fiche_produit .less-quantity.bt-quantity, .template_fiche_produit .add-quantity.bt-quantity{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:44px !important; min-width:44px !important; max-width:44px !important; height:44px !important; min-height:44px !important; max-height:44px !important; margin:0 !important; padding:0 !important; border-radius:14px !important; border:1px solid rgba(15,23,42,.08) !important; background:linear-gradient(180deg,#ffffff 0%, #f7f8fa 100%) !important; box-shadow: 0 6px 16px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.92) !important; color:#111827 !important; line-height:1 !important; cursor:pointer !important; overflow:hidden !important; transform:none !important; } /* On force le symbole proprement */ #fiche-produit .less-quantity.bt-quantity::before, .fiche-produit .less-quantity.bt-quantity::before, .wrap-description .less-quantity.bt-quantity::before, .template_fiche_produit .less-quantity.bt-quantity::before{ content:"−" !important; display:block !important; font-size:24px !important; font-weight:500 !important; line-height:1 !important; color:#111827 !important; transform:translateY(-1px) !important; } #fiche-produit .add-quantity.bt-quantity::before, .fiche-produit .add-quantity.bt-quantity::before, .wrap-description .add-quantity.bt-quantity::before, .template_fiche_produit .add-quantity.bt-quantity::before{ content:"+" !important; display:block !important; font-size:24px !important; font-weight:500 !important; line-height:1 !important; color:#111827 !important; transform:translateY(-1px) !important; } /* Champ quantité */ #fiche-produit input.quantite.input_quantity, .fiche-produit input.quantite.input_quantity, .wrap-description input.quantite.input_quantity, .template_fiche_produit input.quantite.input_quantity{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:86px !important; min-width:86px !important; max-width:86px !important; height:48px !important; margin:0 !important; padding:0 !important; text-align:center !important; line-height:48px !important; font-size:20px !important; font-weight:850 !important; border-radius:18px !important; border:1px solid rgba(15,23,42,.10) !important; background:linear-gradient(180deg,#ffffff 0%, #f8f9fb 100%) !important; box-shadow: 0 8px 20px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.94) !important; } /* Sécurité : enlève les anciens styles parasites */ #fiche-produit .less-quantity.bt-quantity *, #fiche-produit .add-quantity.bt-quantity *, .fiche-produit .less-quantity.bt-quantity *, .fiche-produit .add-quantity.bt-quantity *, .wrap-description .less-quantity.bt-quantity *, .wrap-description .add-quantity.bt-quantity *{ display:none !important; }