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)

On connait notre musique!

On connait notre musique!

Variés

Vinyl
Vinyl - EX/VG - 15.00 $
Media: EX
Cover: VG
15.00 $
Philco thinks of you first...in Nashville

Philco thinks of you first...in Nashville

Variés

Vinyl
Vinyl - VG+/VG+ - 25.00 $
Media: VG+
Cover: VG+
25.00 $
Promo-5 (12'' Mixes)

Promo-5 (12'' Mixes)

Variés

Vinyl 1988
Vinyl - EX-/VG - 15.00 $
Media: EX-
Cover: VG
15.00 $
Rock revolution vol. 2

Rock revolution vol. 2

Variés

Vinyl
Vinyl - EX-/VG - 10.00 $
Media: EX-
Cover: VG
10.00 $
The Magic of Motown

The Magic of Motown

Variés

Vinyl 1982
Vinyl - EX/EX - 25.00 $
Media: EX
Cover: EX
25.00 $
This is Reggae music vol. 2

This is Reggae music vol. 2

Variés

Vinyl
Vinyl - EX-/VG+ - 12.00 $
Media: EX-
Cover: VG+
12.00 $
African Moves 2LP

African Moves 2LP

Various

Vinyl 1986
Vinyl - NM/NM - 25.00 $
Media: NM
Cover: NM
25.00 $
Cruisin'

Cruisin'

Village People

Vinyl 1978
Vinyl - EX-/VG+ - 12.00 $
Media: EX-
Cover: VG+
12.00 $
Whitney

Whitney

Whitney Houston

Vinyl 1987
Vinyl - VG+/VG+ - 15.00 $
Media: VG+
Cover: VG+
15.00 $
Wilson Pickett in Philadelphia

Wilson Pickett in Philadelphia

Wilson Pickett

Vinyl 1970
Vinyl - VG/VG - 12.00 $
Media: VG
Cover: VG
12.00 $
Trilogy

Trilogy

Yngwie J. Malsmsteen

Vinyl 1986
Vinyl - NM/EX - 80.00 $
Media: NM
Cover: EX
80.00 $
Ecoutez, je vais vous chanter...

Ecoutez, je vais vous chanter...

Yves Albert

Vinyl 1976
Vinyl - EX-/VG - 40.00 $
Media: EX-
Cover: VG
40.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; }