/* 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 Bogotá - Peinture par numéros Offrez-vous une expérience créative élégante avec le Poster Bogotá par Steloria. Ce kit transforme un moment de détente en une création riche en émotions. Les lignes nettes et les zones numérotées guident votre geste, tandis que la palette sélectionnée évoque la chaleur et la poésie de Bogotá. Que vous soyez débutant ou amateur confirmé, la réalisation devient un plaisir sensuel : chaque coup de pinceau caresse la toile et révèle progressivement une image harmonieuse et pleine de caractère. Caractéristiques principales Format généreux et design soigné, pensé pour être encadré et exposé. Zones numérotées précises pour un rendu fidèle et sans stress. Palette de couleurs équilibrée, choisie pour sublimer les nuances et la profondeur. Matériaux de qualité pour un résultat durable et facile à fixer. Pourquoi ce poster séduit Une activité relaxante qui stimule la concentration et apaise l'esprit. Un objet décoratif unique, personnalisé par vos mains et prêt à orner votre intérieur. Idéal pour offrir : cadeau élégant, original et personnalisé en quelques heures. Adapté à tous les niveaux : pas besoin d'expérience pour obtenir un résultat professionnel. Comment découvrir et réussir Bogotá ? Commencez par organiser votre espace de travail : lumière douce, surface propre, et une pause inspirante à portée de main. Suivez les numéros, appliquez la peinture avec douceur, et laissez sécher entre chaque couche pour intensifier les contrastes. Le processus est pensé pour valoriser vos gestes et révéler progressivement la scène, comme une apparition délicate et sensuelle. Ce que contient le kit La toile imprimée avec repères numérotés pour chaque zone. Une sélection de peintures adaptées au support. Un ou plusieurs pinceaux de qualité pour les détails et les aplats. Un guide simple et clair pour accompagner chaque étape. Conseils pour un rendu parfait Respectez l’ordre des couleurs pour garder l’harmonie visuelle. Travaillez du fond vers l’avant pour une meilleure maîtrise des contrastes. Nettoyez les pinceaux régulièrement pour des contours nets. Prenez du recul souvent pour apprécier l’évolution et ajuster si besoin. Steloria vous invite à transformer un simple poster en une œuvre personnelle. Bogotá vous attend : laissez vos mains tracer la couleur, révéler la ville et créer un tableau empreint d'élégance. Description Modèle : Poster BogotáMé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]);
