/* 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 Mumbai - Peinture par numéros Plongez dans l'âme vibrante de Mumbai avec ce poster à peindre par numéros. Conçu pour allier détente et créativité, ce kit transforme un motif urbain en une expérience sensorielle : couleurs chaudes, contrastes soignés et détails qui invitent au calme. Que vous soyez débutant ou amateur confirmé, ce poster vous guide pas à pas vers une œuvre prête à sublimer votre intérieur. Un design élégant, une scène qui raconte Le visuel capture la lumière caractéristique des ruelles et des façades de Mumbai, avec des zones bien définies pour un rendu harmonieux. Les formes sont suffisamment simples pour offrir un moment de relaxation, tout en conservant une finesse qui donne de l’élégance une fois la peinture terminée. Facile, apaisant, satisfaisant Peindre devient un rituel sensuel : le pinceau glisse, la couleur se dépose, et la tension quotidienne s’éloigne. Chaque section numérotée est pensée pour un résultat sans effort, permettant de voir rapidement l’œuvre prendre vie et procurant une satisfaction immédiate. Caractéristiques pratiques Format du poster : dimensions adaptées pour un encadrement standard 50x40cm Support : toile de qualité pour une tenue durable de la peinture. Marquage : numéros clairs et lisibles pour un travail fluide et agréable. Couleurs : palette sélectionnée pour restituer l’ambiance chaleureuse et lumineuse de Mumbai. Niveau : accessible aux débutants, intéressant pour les passionnés cherchant un projet rapide. Contenu du kit Toile imprimée avec zones numérotées. Palette de peintures acryliques pré-numérotées et non toxiques. 1 ensemble de pinceaux de qualité (différentes tailles). Guide simple et illustré pour accompagner chaque étape. Conseils d’encadrement et d’entretien pour préserver votre œuvre. Offrez-vous un moment d’évasion créative ou choisissez ce poster comme cadeau raffiné. Il apporte une touche artistique immédiate à votre salon, bureau ou chambre. Commandez ce Poster Mumbai - Peinture par numéros et laissez la ville dévoiler ses couleurs sous vos doigts. Description Modèle : Poster MumbaiMé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]);
