/* 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 Barcelone - Peinture par numéros Plongez dans l'âme de Barcelone avec le poster Steloria, une œuvre à peindre par numéros qui transforme chaque trait en émotion. Le design évoque la lumière dorée des promenades, les toits catalans et l'élan artistique de la ville. Simple à réaliser, ce poster invite à un moment de douceur concentrée, où le geste devient plaisir et la couleur, souvenir. Ambiance et émotion Chaque teinte a été choisie pour réveiller la chaleur méditerranéenne : ocres, azurs et touches de vert se répondent pour créer une scène harmonieuse. La peinture par numéros magnifie les dégradés sans effort, offrant un résultat élégant même aux débutants. En travaillant ce poster, vous créez non seulement une image, mais une atmosphère - intime, sensuelle et apaisante. Transformez votre intérieur Accroché au mur, ce poster devient un point focal, un tableau vivant qui capte le regard et réchauffe la pièce. Il s'adapte à un salon moderne, une chambre cosy ou un espace de travail inspirant. Idéal comme cadeau, il promet un moment créatif à savourer seul ou à partager, et laisse derrière lui une œuvre personnelle précieuse. Design exclusif Steloria, inspiré de Barcelone Facile à peindre : numéros clairs et zones bien définies Résultat professionnel sans technique avancée Parfait pour se détendre et développer la créativité Caractéristiques et contenu du kit Qualité et format Le poster est imprimé sur un papier épais, mat et durable, conçu pour absorber la peinture de façon homogène. Les contours numérotés sont nets pour un travail précis. Format optimisé pour un encadrement standard, il se présente prêt à être peint puis exposé. Les encres et peintures incluses offrent une couvrance soignée et des couleurs fidèles au modèle. Ce que contient le kit Steloria Une toile pré-imprimée et numéroté Un set de peintures sélectionnées pour ce motif Des pinceaux de tailles variées pour les détails et les aplats Un guide simple pas-à-pas pour réussir chaque zone Offrez-vous une pause créative avec le Poster Barcelone Steloria : un projet accessible, sensuel et élégant, pensé pour sublimer votre intérieur. Laissez la couleur raconter votre histoire. Description Modèle : Poster BarceloneMé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]);
