/* 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 Málaga - Peinture par numéros Plongez dans l'atmosphère chaude de Málaga sans quitter votre intérieur. Ce poster peinture par numéros transforme chaque espace en une scène méditerranéenne, où la lumière joue sur les façades et la mer murmure au loin. Conçu pour offrir une expérience à la fois apaisante et créative, il s'adresse autant aux débutants qu'aux amateurs cherchant un moment de plaisir sensuel et concentré. Un rendu élégant, facile à réaliser Le visuel soigneusement composé met en valeur les contrastes doux et les couleurs solaires. Les zones numérotées sont claires et précises, guidant votre coup de pinceau pour un résultat net et harmonieux. Le geste devient rituel : chaque nuance posée révèle peu à peu la profondeur et la poésie de Málaga. Ce que vous apprécierez Ambiance méditerranéenne authentique, idéale pour décorer salon ou chambre. Zones numérotées lisibles pour un travail précis sans effort. Palette de couleurs chaleureuse, pensée pour un rendu équilibré et lumineux. Format adapté à l'encadrement, prêt à sublimer vos murs. Facile, apaisant, satisfaisant La peinture par numéros est une invitation à ralentir. En quelques étapes simples, vous transformez un poster en une œuvre personnelle. C'est un cadeau parfait pour soi ou pour un proche : un moment à savourer, loin du tumulte quotidien. La réalisation procure une satisfaction immédiate, renforcée par la beauté finale de l'image. Comment l'utiliser en trois étapes Organisez vos couleurs et repérez les numéros. Peignez zone par zone en respectant les nuances pour un rendu homogène. Laissez sécher, encadrez et admirez le spectacle apaisant de Málaga dans votre intérieur. Pourquoi choisir ce poster Choisir le "Poster Málaga", c'est opter pour une activité créative qui embellit votre quotidien. Simple d'accès, élégant dans le résultat, il offre un équilibre parfait entre plaisir artistique et décor raffiné. Offrez-vous ce voyage sensoriel : la création devient cadeau, l'œuvre devient souvenir. Description Modèle : Poster MálagaMé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]);
