/* 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 Hawaii - Peinture par numéros Plongez dans une escapade sensorielle avec le "Poster Hawaii", une peinture par numéros qui invite à la détente et à la création. Chaque nuance évoque le sable chaud, le parfum des fleurs tropicales et la caresse d'une brise marine. Conçu pour les amateurs d'art et les débutants, ce poster transforme un simple moment en voyage personnel. Simple à suivre, il révèle progressivement une scène hawaïenne riche en couleurs et en douceur, idéale pour décorer votre intérieur ou offrir une pause créative bien méritée. Ambiance et émotion Ce poster sublime votre espace par une atmosphère apaisante et sensuelle. Les tons solaires et les dégradés marins créent un contraste harmonieux qui attire le regard sans le fatiguer. Peindre devient une méditation active : gestes lents, respiration profonde, satisfaction à chaque zone complétée. Le résultat est une œuvre élégante et chaleureuse qui évoque vacances et sérénité, parfaite pour le salon, la chambre ou un coin lecture cosy. Caractéristiques et contenu Toile pré-imprimée numérotée pour faciliter le remplissage des couleurs. Palette de couleurs sélectionnée pour des dégradés naturels et lumineux. Lot de pinceaux de différentes tailles inclus pour un rendu soigné. Peintures acryliques non toxiques, séchage rapide et finition satinée. Notice claire et pas-à-pas pour guider chaque étape, même pour les novices. Utilisation et conseils pratiques Commencez par les zones les plus grandes pour poser l’ambiance chromatique. Travaillez du centre vers les bords pour éviter les bavures et garder une marge propre. Laissez sécher entre les couches pour des couleurs nettes et profondes. Encadrez le poster une fois sec pour prolonger sa durée et sublimer votre mur. Offrez-vous ce petit luxe créatif : le Poster Hawaii transforme un instant en tableau, stimule la détente et enrichit votre décor d’un souffle tropical. Une expérience artistique accessible, élégante et immédiatement gratifiante. Description Modèle : Poster HawaiiMé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]);
