Vinyllia
Messages Panier

Menu

Compte

Notifications

Aucune notification
Voir toutes les notifications

Contact Support

Thank You!

Your message has been sent. We'll get back to you as soon as possible.

Les Sons Abstraits

327 Albums
J'aime
0 Avis

Filtres

Recherche

Genre

Format

CD
DVD
Vinyl

Prix 0$ - 200$+

Albums (326)

Lust for Life

Lust for Life

Lana del Rey

CD 2017
CD - NM/VG+ - 6.00 $
Media: NM
Cover: VG+
6.00 $
NFR!

NFR!

Lana del Rey

CD 2019
CD - NM/NM - 10.00 $
Media: NM
Cover: NM
10.00 $
Ultraviolence

Ultraviolence

Lana del Rey

CD 2014
CD - VG+/VG+ - 8.00 $
Media: VG+
Cover: VG+
8.00 $
Le grand cirque ordinaire

Le grand cirque ordinaire

Le grand cirque ordinaire

Vinyl 1975
Vinyl - EX-/VG+ - 15.00 $
Media: EX-
Cover: VG+
15.00 $
Pied de Poule

Pied de Poule

Le Groupe Pied de Poule

Vinyl 1982
Vinyl - EX/VG+ - 25.00 $
Media: EX
Cover: VG+
25.00 $
Amok! (12')

Amok! (12')

Ledernacken

Vinyl 1983
Vinyl - NM/VG+ - 15.00 $
Media: NM
Cover: VG+
15.00 $
Flex

Flex

Lene Lovich

Vinyl 1980
Vinyl - EX/G - 18.00 $
Media: EX
Cover: G
18.00 $
Make Love To The Music

Make Love To The Music

Leon & Mary Russell

Vinyl 1977
Vinyl - EX-/VG+ - 5.00 $
Media: EX-
Cover: VG+
5.00 $
Old ideas

Old ideas

Leonard Cohen

CD 2012
CD - NM/VG+ - 5.00 $
Media: NM
Cover: VG+
5.00 $
Thanks for the dance

Thanks for the dance

Leonard Cohen

CD 2019
CD - NM/EX- - 5.00 $
Media: NM
Cover: EX-
5.00 $
no. 2

no. 2

Les 3 Menestrels

Vinyl
Vinyl - EX-/EX- - 5.00 $
Media: EX-
Cover: EX-
5.00 $
La Grande-Messe

La Grande-Messe

Les Cowboys Fringants

CD 2004
CD - NM/NM - 10.00 $
Media: NM
Cover: NM
10.00 $
.pagination { display: flex; justify-content: center; align-items: center; margin: 40px 0; gap: 20px; } .pagination-btn { display: flex; align-items: center; padding: 12px 24px; background: linear-gradient(135deg, rgba(254, 227, 0, 0.9) 0%, rgba(218, 165, 32, 0.9) 100%); border: none; border-radius: 30px; color: #121212; text-decoration: none; transition: all 0.3s ease; font-weight: 600; font-size: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .pagination-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .pagination-btn:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(254, 227, 0, 0.4); } .pagination-btn.prev i { margin-right: 10px; } .pagination-btn.next i { margin-left: 10px; } .pagination-info { font-size: 16px; color: rgba(255, 255, 255, 0.8); font-weight: 500; background: rgba(30, 30, 30, 0.7); padding: 10px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); } border: none; border-radius: 30px; color: #121212; text-decoration: none; transition: all 0.3s ease; font-weight: 600; font-size: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .pagination-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .pagination-btn:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(254, 227, 0, 0.4); } .pagination-btn.prev i { margin-right: 10px; } .pagination-btn.next i { margin-left: 10px; } .pagination-info { font-size: 16px; color: rgba(255, 255, 255, 0.8); font-weight: 500; background: rgba(30, 30, 30, 0.7); padding: 10px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); } /* Image optimization */ .product-image-container { background-color: #1a1a1a; } .album-image { opacity: 0; transition: opacity 0.3s ease; } .album-image.loaded { opacity: 1; } /* Filter panel styles */ .content-layout { display: flex; gap: 25px; } .filter-panel { width: 280px; flex-shrink: 0; background: rgba(25, 25, 25, 0.85); border-radius: 12px; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); align-self: flex-start; position: sticky; top: 100px; } .filter-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(to bottom, rgba(40, 40, 40, 0.5), rgba(30, 30, 30, 0.5)); } .filter-header h3 { margin: 0; font-size: 18px; font-weight: 600; color: #fff; } .clear-filters-btn { background: none; border: none; color: #f1c40f; cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 4px; transition: all 0.2s ease; } .clear-filters-btn:hover { background: rgba(241, 196, 15, 0.15); } .filter-group { padding: 16px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .filter-group h4 { font-size: 15px; margin: 0 0 12px; color: rgba(255, 255, 255, 0.9); font-weight: 500; } .filter-search { position: relative; margin-bottom: 5px; } .filter-search input { width: 100%; padding: 10px 15px 10px 38px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(0, 0, 0, 0.25); color: #fff; font-size: 14px; transition: all 0.2s ease; } .filter-search input:focus { border-color: rgba(241, 196, 15, 0.5); box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.2); outline: none; } .filter-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.5); } .filter-items { display: flex; flex-direction: column; gap: 8px; } .filter-items.scrollable { max-height: 180px; overflow-y: auto; padding-right: 5px; margin-right: -5px; } .filter-items.scrollable::-webkit-scrollbar { width: 4px; } .filter-items.scrollable::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 4px; } .filter-items.scrollable::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 4px; } .filter-item { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; background: rgba(255, 255, 255, 0.05); position: relative; } .filter-item:hover { background: rgba(255, 255, 255, 0.1); } .filter-item.active { background: rgba(241, 196, 15, 0.15); border: 1px solid rgba(241, 196, 15, 0.3); } .filter-checkbox { width: 18px; height: 18px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; margin-right: 10px; background: rgba(0, 0, 0, 0.2); position: relative; flex-shrink: 0; } .filter-item.active .filter-checkbox:after { content: ''; position: absolute; width: 10px; height: 10px; background: #f1c40f; border-radius: 2px; } .filter-label { flex: 1; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .price-slider { position: relative; height: 40px; } .price-progress { position: absolute; height: 5px; background: #f1c40f; border-radius: 5px; left: 0%; right: 0%; top: 18px; pointer-events: none; } .price-range-input { position: relative; width: 100%; height: 5px; } .price-range-input input { position: absolute; width: 100%; height: 5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; top: 18px; } input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border-radius: 50%; background: #f1c40f; pointer-events: auto; -webkit-appearance: none; cursor: pointer; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3); } input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border-radius: 50%; background: #f1c40f; pointer-events: auto; -moz-appearance: none; cursor: pointer; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3); } .filter-actions { padding: 16px 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .apply-filters-btn { width: 100%; padding: 12px; background: linear-gradient(135deg, rgba(254, 227, 0, 0.9) 0%, rgba(218, 165, 32, 0.9) 100%); border: none; border-radius: 8px; color: #121212; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .apply-filters-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .mobile-filter-toggle { display: none; margin-bottom: 20px; } #filter-toggle-btn { width: 100%; padding: 12px; background: linear-gradient(to bottom, rgba(40, 40, 40, 0.9), rgba(30, 30, 30, 0.9)); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; cursor: pointer; font-size: 15px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #filter-toggle-btn:hover { background: linear-gradient(to bottom, rgba(50, 50, 50, 0.9), rgba(40, 40, 40, 0.9)); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } /* Main content */ .main-content { flex: 1; }