/* 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 Montevideo - Peinture par numéros Découvrez la poésie visuelle du Poster Montevideo signé Steloria. Ce kit de peinture par numéros transforme une image élégante en une expérience sensuelle et apaisante. Chaque teinte glisse sur le papier comme une caresse, révélant peu à peu une scène urbaine douce et raffinée. Conçu pour vous offrir un moment créatif simple et gratifiant, ce poster sublime votre intérieur dès sa finition. Pourquoi choisir le Poster Montevideo ? Le Poster Montevideo est pensé pour les amateurs de décoration et de détente. Sa palette harmonieuse mêle tons chauds et bleus veloutés, créant une atmosphère sereine. Facile à utiliser, le kit convient aussi bien aux débutants qu’aux peintres plus confirmés qui souhaitent un résultat esthétique sans compromis. Il apporte une touche d’art accessible et personnelle à votre salon, chambre ou bureau. Ce que contient le kit Une toile pré-imprimée au format généreux, numérotée pour chaque zone. Des pots de peinture acrylique aux couleurs assorties et opaques. Un set de pinceaux de qualité, adapté aux détails et aux surfaces larges. Une notice claire avec conseils pas à pas pour un rendu lisse et professionnel. Avantages pratiques Montage rapide : aucun outil complexe requis, juste un espace calme et du temps pour soi. Nettoyage simple : peintures acryliques faciles à rincer, sans odeur forte. Résultat durable : couleurs résistantes et vivaces une fois sèches. Idée cadeau raffinée : présentée telle quelle, elle enchante les esprits créatifs. Conseils d’usage Commencez par les grandes surfaces puis passez aux détails pour un rendu homogène. Travaillez dans une pièce lumineuse pour mieux apprécier les nuances. Laissez sécher chaque couche avant d’ajouter la suivante pour éviter les bavures. Offrez-vous un moment d’évasion sensuelle avec Steloria. Le Poster Montevideo invite à la détente, à la création et à la décoration soignée. Transformez votre mur en une œuvre douce et pleine d’âme, signée par vos mains. Description Modèle : Poster MontevideoMé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]);
