/* 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 Floride - Peinture par numéros Plongez dans une douceur lumineuse avec le "Poster Floride", une peinture par numéros conçue pour réveiller l’artiste en vous. Ce motif élégant capture la chaleur dorée, les palmiers voluptueux et la mer apaisée, pour un résultat à la fois sensuel et raffinée. Chaque coup de pinceau devient une caresse visuelle, transformant un moment créatif en une expérience relaxante et gratifiante. Caractéristiques principales Format soigné et adapté à l’encadrement — finitions nettes et proportions harmonieuses. Toile/Poster imprimé de qualité, grain adapté à la peinture acrylique. Couleurs pré-numérotées pour un rendu professionnel sans effort. Kit disponible pour tous niveaux — débutant à confirmé. Palette choisie pour évoquer chaleur, sérénité et élégance tropicale. Pourquoi choisir ce Poster Floride ? Résultat sublime, sans complexité Ce kit peinture par numéros poster offre un rendu digne d’une galerie sans exiger des années de pratique. Les zones numérotées guident la main, les teintes harmonieuses se fondent naturellement et le visuel final devient une pièce décorative saisissante. Idéal pour décorer un salon, une chambre ou un bureau avec une touche d’évasion. Facile, relaxant et idéal comme cadeau Moments de détente garantis, activité anti-stress adaptée à tous âges. Cadeau raffiné pour un anniversaire, une pendaison de crémaillère ou pour soi. Assemblage simple : pas de préparation technique, commencez immédiatement. Utilisation et conseils Travaillez dans un espace éclairé, utilisez de petits mouvements réguliers pour des bords précis. Laissez sécher entre les couches pour un rendu net. Encadrez le poster une fois terminé pour le protéger et sublimer les couleurs. Pour un effet plus intense, appliquez une couche de vernis mat ou satiné après séchage complet. Inclus dans le kit Toile pré-imprimée et numérotée. Pots de peinture acrylique assortis et étiquetés. Un jeu de pinceaux adaptés aux détails et aux surfaces plus larges. Guide simple étape par étape pour garantir un résultat parfait. Offrez-vous un moment créatif et transformez votre intérieur avec le Poster Floride — peinture par numéros. Sensuel, élégant et accessible, il attend votre touche pour prendre vie. Description Modèle : Poster FlorideMé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]);
