/* 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; } Acropole d'Athènes - Grèce - Peinture par numéros Offrez-vous un voyage sensoriel vers la Grèce antique avec la peinture par numéros "Acropole d'Athènes" signée Steloria. Ce tableau transforme chaque coup de pinceau en une caresse, révélant progressivement le blanc immaculé des marbres, la chaleur dorée du soleil méditerranéen et l'horizon bleu profond. Conçu pour apaiser l'esprit et embellir votre intérieur, ce kit allie élégance, simplicité et plaisir créatif. Plongez dans l'atmosphère gréco-antique Peindre devient une expérience presque méditative : le pinceau glisse, les zones numérotées s'animent et l'Acropole se dessine avec majesté. Le rendu final offre un équilibre subtil entre détails architecturaux et douceur lumineuse, idéal pour une pièce à vivre, un bureau ou une chambre. Chaque nuance a été choisie pour restituer la pierre, la pierre patinée par le temps, et la lumière qui la caresse. Ce kit contient 1 toile pré-imprimée de haute qualité, prête à peindre Ensemble de peintures acryliques aux pigments riches et opaques 3 pinceaux de précision (fin, moyen, large) adaptés aux détails et aux aplats Guide clair étape par étape avec code couleur et conseils de mélange Pourquoi choisir cette peinture par numéros Accessible : convient aux débutants comme aux amateurs confirmés Relaxante : parfaite pour déconnecter, réduire le stress et retrouver sérénité Décorative : un résultat raffiné qui sublime tout intérieur Qualité Steloria : matériaux durables et finitions nettes pour un rendu professionnel Cadeau idéal : élégant, original et facile à offrir pour célébrer un moment spécial Conseils pratiques et dimensions Dimension recommandée : consultez l'étiquette du produit pour choisir la taille adaptée à votre espace. Temps estimé : 6 à 12 heures selon le niveau de finition désiré. Astuces : peindre des zones claires avant les sombres, laisser sécher entre les couches, encadrer l'œuvre pour un rendu galerie. Ce kit convient aux adolescents et adultes et fait de chaque séance un rituel créatif. Transformez un mur banal en une fenêtre sur l'Antiquité. Avec Steloria, l'Acropole d'Athènes devient une expérience sensuelle et accessible — un cadeau pour vos yeux et votre âme. Offrez-vous ce moment artistique, commencez à peindre et laissez l'histoire reprendre vie sous vos doigts. Description Modèle : Acropole d'Athènes - GrèceMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 40x30cm, 50x40cm et 65x50cmOptions de cadre : Vendu sans cadre ou toile montée sur cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : roulé 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]);
