/* 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; } Cerf de face Pop Art - Peinture par numéros Offrez-vous un instant de création élégant et sensuel avec le kit Peinture par numéros "Cerf de face Pop Art" signé Steloria. Ce motif captivant, où la silhouette noble du cerf se pare de couleurs pop, transforme chaque coup de pinceau en émotion. Conçu pour les débutants comme pour les amateurs d’art, ce tableau apporte une décoration vibrante et moderne à votre intérieur tout en vous relaxant. Ce que contient le kit Toile pré-imprimée de haute qualité, tendue sur un châssis solide Palette de peintures acryliques numérotées, couleurs vives et couvrantes Jeu de pinceaux adaptés aux détails et aux aplats Notice simple et progressive pour peindre pas à pas Conseils d’encadrement et d’entretien pour une finition parfaite Pourquoi choisir ce motif Le Cerf de face Pop Art combine élégance animale et modernité colorée. Les lignes claires du portrait accentuent le regard du cerf, tandis que les teintes pop dynamisent votre pièce. Ce tableau se prête à tous les espaces : salon, bureau, chambre ou coin créatif. C’est aussi une idée cadeau raffinée pour un proche amateur d’art ou de décoration contemporaine. Avantages et bénéfices Peindre ce motif, c’est plus qu’un loisir : c’est un moment de bien-être. La méthode par numéros facilite l’exécution, réduit le stress et garantit un résultat harmonieux, sans besoin d’expérience préalable. La qualité des matériaux Steloria assure une teinte vive et une tenue durable, pour que votre œuvre conserve tout son éclat. Conseils pour réussir votre tableau Commencez par les zones claires, puis progressez vers les tons foncés pour une meilleure précision. Nettoyez vos pinceaux entre chaque couleur pour des contours nets. Travaillez dans un espace lumineux et laissez sécher chaque couche si nécessaire. Pour une finition parfaite, appliquez une couche de vernis une fois le tableau sec. Un achat réfléchi Steloria vous accompagne avec un kit complet et une expérience soignée. Transformez quelques heures en une création personnelle, signe distinctif d’un intérieur élégant. Adoptez le Cerf de face Pop Art et offrez-vous l’alliance du style et de la détente. Description Modèle : Cerf de face Pop ArtMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions 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