/* CONTENEUR EN FLEX */ .accordion { display:flex; flex-direction:column; gap:0; /* lignes séparatrices gérées par border */ max-width: 880px; margin: 0 auto; } /* ITEM EN FLEX COLONNE */ .accordion-item { display:flex; flex-direction:column; } /* En-tête : H2 + bouton (ligne en flex) */ .accordion h2 { margin:0; } .accordion button{ all: unset; display:flex; /* FLEX ICI */ align-items:center; justify-content:space-between; gap:14px; width:100%; cursor:pointer; padding:10px 6px; } .accordion .label { flex:1; font-size: clamp(16px, 1.8vw, 22px); font-weight:700; color: #464746; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icona { width:22px; height:22px; opacity:.85; margin-right:6px; color: #464746; } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevrona { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: #464746; } [aria-expanded="true"] .chevrona{ transform: rotate(-180deg); } /* PANNEAU EN FLEX COLONNE + TRANSITION hauteur */ .panel { display:flex; /* FLEX ICI */ flex-direction:column; overflow:hidden; max-height:0; /* fermé */ transition:max-height .28s ease; } .panel[data-open="true"] { max-height: 600px; /* valeur assez grande pour contenir le contenu */ } .panel > div { padding: 0 6px 18px 6px; color: var(--muted); line-height: 1.6; font-size: 16px; } Poster Bali - Peinture par numéros Offrez à votre intérieur une parenthèse sensuelle avec le "Poster Bali" de Steloria. Conçu pour les amateurs d’art et de détente, ce tableau à peindre par numéros transforme un moment créatif en voyage visuel. Les teintes chaudes et les formes fluides évoquent les couchers de soleil balinais, invitant à ralentir, rêver et sublimer votre espace. Ambiance et promesse Chaque coup de pinceau révèle une scène harmonieuse, douce et raffinée. Le Poster Bali est pensé pour libérer la créativité sans contrainte : un guide précis, des couleurs choisies pour leur harmonie, et un rendu final digne d’une œuvre encadrée. Idéal pour personnaliser votre salon, chambre ou bureau, il apporte une touche d’exotisme et de sérénité. Caractéristiques clés Toile de qualité, à la fois souple et résistant pour un rendu net des couleurs. Palette incluse, minutieusement assortie pour respecter les contrastes et les dégradés. Numérotation claire et logicielle pour une progression agréable, même pour les débutants. Contenu de l’ensemble Toile imprimée avec zones numérotées prêtes à peindre. Jeu de peintures acryliques de haute pigmentation, séchage rapide. Pinceaux de qualité variée pour les détails et les aplats. Instructions claires et astuces Steloria pour un résultat professionnel. Pourquoi choisir Poster Bali ? Steloria propose un objet à la fois décoratif et apaisant : peindre favorise la concentration, réduit le stress et procure une satisfaction immédiate. Le Poster Bali est une idée cadeau raffinée ou un moment personnel précieux. Facile à utiliser, il convient à tous les âges et niveaux, et promet un résultat harmonieux qui transformera votre mur en point focal chaleureux. Laissez-vous tenter par l’expérience Steloria : créez, contemplez, appréciez. Ce poster Bali est prêt à révéler votre talent et à sublimer votre intérieur. Description Modèle : Poster BaliMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : roulé ou plié dans un emballage sécurisé // Accordéon : un seul panneau ouvert à la fois const accordion = document.getElementById('accordion'); const buttons = accordion.querySelectorAll('.accordion-item h2 > button'); function closeItem(btn){ btn.setAttribute('aria-expanded', 'false'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "false"; panel.style.maxHeight = null; } function openItem(btn){ btn.setAttribute('aria-expanded', 'true'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "true"; // ajuste la hauteur pour la transition panel.style.maxHeight = panel.scrollHeight + "px"; } buttons.forEach(btn => { btn.addEventListener('click', () => { const wasOpen = btn.getAttribute('aria-expanded') === 'true'; // ferme tous les items buttons.forEach(closeItem); // ouvre seulement celui cliqué s'il n'était pas déjà ouvert if (!wasOpen) openItem(btn); }); // touche Entrée/Espace pour accessibilité btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); }); // (Optionnel) ouvrir le premier par défaut : // if (buttons.length) openItem(buttons[0]);
