/* 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; } Vue de la Tour Eiffel depuis une rue de Paris - Peinture par numéros Plongez dans une scène parisienne intime avec cette peinture par numéros signée Steloria. La toile capture la silhouette élégante de la Tour Eiffel vue depuis une rue pavée, baignée d'une lumière douce qui exhale chaleur et nostalgie. Chaque nuance a été étudiée pour révéler le charme de Paris : les tons chauds des lampadaires, les reflets sur le bitume humide, la finesse des façades. Ce kit transforme un moment créatif en une expérience sensuelle, apaisante et profondément gratifiante. Ce que contient le kit Toile imprimée de haute qualité, prête à peindre Palette de couleurs pré-numérotée, fidèlement sélectionnée Pinceaux de différentes tailles pour un rendu précis Instructions claires et guide de mélange des couleurs Support client Steloria pour accompagner votre projet Les bénéfices pour vous Peindre cette scène vous offre un double plaisir : la satisfaction d’un résultat visuel élégant et le bien-être d’une activité relaxante. Quelques traits attentifs suffisent pour faire apparaître de la profondeur et de la poésie. Idéal pour : Se détendre après une journée intense Offrir un cadeau unique et personnalisé Décorer son intérieur d’une touche parisienne raffinée Apprendre ou perfectionner les techniques de peinture Conseils pratiques et inspiration Commencez par les zones larges puis affinez les détails : cela préserve l’harmonie des couleurs. Travaillez dans une lumière naturelle si possible et laissez sécher entre chaque couche légère. Prenez le temps d’observer la composition : la Tour Eiffel, en arrière-plan, gagne en mystère grâce au flou subtil des immeubles avant-plan. Laissez vos doigts suivre le rythme de la scène; chaque coup de pinceau devient une caresse sur la toile. Pourquoi choisir Steloria Steloria propose des kits pensés pour allier qualité et émotion. Nos toiles et peintures offrent une tenue durable et des couleurs vibrantes, faciles à mélanger. Que vous soyez débutant ou confirmé, ce kit « Vue de la Tour Eiffel depuis une rue de Paris » promet une expérience artistique riche, élégante et accessible. Offrez-vous ce voyage sensuel au cœur de Paris et créez une œuvre qui raconte votre regard. Description Modèle : Vue de la Tour Eiffel depuis une rue de ParisMé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]);
Related
Related
Related
Related