}
.icon-link {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #c9cdce;
font-size: 11px;
font-weight: 1000;
transition: color 0.2s;
}
.icon-link:hover {
color: #e67e22;
}
.icon-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.menu-icon {
background: none;
border: none;
font-size: 24px;
color: #ffffff;
cursor: pointer;
margin-left: 16px;
}
@media (max-width: 768px) {
.desktop-icons,
.publish-button,
#similar-announcements-right {
display: none;
}
.hamburger {
display: block;
}
.menu-icon {
margin-left: auto;
}
:lang(ar) .menu-icon {
margin-left: 0;
margin-right: auto;
}
}
main {
padding: 67px;
max-width: 1348px;
margin: 0 auto;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
/* Permet le retour à la ligne */
gap: 8px;
/* Espace entre les éléments */
row-gap: 12px;
/* Espace entre les lignes */
font-size: 10px;
margin-bottom: 5px;
background-color: transparent !important;
/*padding: 12px;*/
border-radius: 8px;
}
.breadcrumb a {
color: #e67e22;
text-decoration: none;
transition: opacity 0.2s;
display: flex;
align-items: center;
/* Aligner les liens et les séparateurs */
}
.breadcrumb a::after {
content: ">";
/* Ajouter le séparateur après chaque lien */
color: #ccc;
margin-left: 8px;
/* Espace entre le lien et le séparateur */
}
:lang(ar) .breadcrumb a::after {
content: ">";
/* Ajouter le séparateur après chaque lien */
color: #ccc;
margin-left: 0px;
margin-right: 8px;
}
.breadcrumb a:last-child::after {
content: "";
/* Supprimer le séparateur après le dernier lien */
}
.breadcrumb a:hover {
opacity: 0.8;
}
@media (max-width: 768px) {
.breadcrumb {
justify-content: center;
/* Centrer les éléments sur les petits écrans */
font-size: 12px;
/* Taille de police réduite */
}
}
.announcement-details {
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
padding: 24px;
margin-bottom: 24px;
}
.announcement-details h2 {
margin-top: 0;
font-size: 28px;
font-weight: 700;
color: #333;
}
.price {
font-size: 25px;
color: #e67e22;
font-weight: 700;
margin: 16px 0px;
background: linear-gradient(90deg, #e67e22, #e67e22);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.action-buttons {
display: flex;
flex-direction: column;
gap: 16px;
}
.action-buttons button {
width: 100%;
/* Largeur maximale */
padding: 12px 24px;
/* Même padding que le bouton "Publier une annonce" */
font-size: 14px;
/* Même taille de police */
font-weight: 600;
/* Même épaisseur de police */
border: none;
border-radius: 8px;
/* Même bordure arrondie */
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.action-buttons {
display: flex;
flex-direction: column;
gap: 16px;
}
.action-buttons-savoir-plus button {
width: 100%;
/* Largeur maximale */
padding: 12px 24px;
/* Même padding que le bouton "Publier une annonce" */
font-size: 14px;
/* Même taille de police */
font-weight: 600;
/* Même épaisseur de police */
border: none;
border-radius: 8px;
/* Même bordure arrondie */
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
}
.action-buttons-savoir-plus a {
text-decoration: none;
}
.action-buttons-plus button {
width: 100%;
/* Largeur maximale */
padding: 12px 24px;
/* Même padding que le bouton "Publier une annonce" */
font-size: 14px;
/* Même taille de police */
font-weight: 600;
/* Même épaisseur de police */
border: none;
border-radius: 8px;
/* Même bordure arrondie */
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
margin-top: 17px;
font-family: "Droid Arabic Kufi", sans-serif;
}
.action-buttons-plus a {
text-decoration: none;
}
.action-buttons a {
text-decoration: none;
}
.action-buttons-savoir-plus button.call {
text-decoration: none;
}
.action-buttons button.call {
background: linear-gradient(135deg, #2ecc71, #1abc9c);
color: white;
}
.action-buttons button.order {
background: linear-gradient(135deg, #e67e22, #d35400);
color: white;
}
.action-buttons button.message {
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
}
.action-buttons button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.action-buttons-savoir-plus button.message {
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
}
.action-buttons-plus button {
background: linear-gradient(135deg, #e67e22, #d35400);
color: white;
}
.action-buttons-savoir-plus button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.action-buttons-plus button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.icon-buttons {
display: flex;
justify-content: flex-end;
gap: 16px;
margin-bottom: 24px;
}
.icon-buttons amp-img {
width: 32px;
height: 32px;
cursor: pointer;
transition: transform 0.2s;
}
.icon-buttons amp-img:hover {
transform: scale(1.1);
}
.social-share {
display: flex;
justify-content: center;
gap: 16px;
margin-top: 24px;
}
.social-share amp-social-share {
color: white;
border-radius: 22%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s;
}
.social-share amp-social-share:hover {
transform: scale(1.1);
}
.similar-announcements {
margin-top: 40px;
}
.similar-announcements h3 {
font-size: 24px;
font-weight: 700;
color: #333;
margin-bottom: 16px;
}
.similar-announcements .cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
}
.similar-announcements .card {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s;
text-decoration: none;
color: inherit;
}
.similar-announcements .card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.similar-announcements .card amp-img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
.similar-announcements .card-content {
padding: 16px;
flex: 1;
}
.similar-announcements .card-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
margin-top: 0;
line-height: 1.4;
}
.similar-announcements .card-description {
font-size: 14px;
color: #666;
margin-bottom: 8px;
}
.similar-announcements .card-price {
font-size: 16px;
font-weight: 700;
color: #e67e22;
}
.similar-announcements .badge {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
}
.similar-announcements .badge.premium {
background-color: #ffcc00;
color: #000;
}
.similar-announcements .badge.pro {
background-color: #ff8c42;
color: #fff;
}
.similar-announcements .badge.normal {
background-color: #3498db;
color: #fff;
}
footer {
background-color: #ffffff;
color: black;
text-align: center;
padding: 16px;
position: fixed;
bottom: 0;
width: 100%;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.2);
}
.search-bar {
border-radius: 8px;
margin: 24px auto;
max-width: 1200px;
padding-left: 21px;
padding-right: 21px;
}
.search-container {
position: relative;
display: flex;
align-items: center;
}
.search-bar input[type="text"] {
flex: 1;
padding: 12px 48px 12px 16px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f8f9fa;
transition: border-color 0.3s, box-shadow 0.3s;
font-family: "Droid Arabic Kufi", sans-serif;
}
.search-bar input[type="text"]:focus {
border-color: #e67e22;
box-shadow: 0 0 8px rgba(52, 152, 219, 0.3);
outline: none;
}
.search-button {
position: absolute;
right: 1px;
top: 50%;
transform: translateY(-50%);
padding: 10px;
border: none;
border-radius: 8px;
background: linear-gradient(135deg, #e67e22, #d35400);
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
}
.search-button:hover {
transform: translateY(-50%) scale(1.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.search-button amp-img {
width: 24px;
height: 24px;
filter: brightness(0) invert(1);
}
.tags-section {
margin: 24px auto;
max-width: 1250px;
}
.tags-section h3 {
font-size: 20px;
font-weight: 600;
color: #333;
margin-bottom: 16px;
}
.tags-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tag {
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
color: black;
background-color: #d4e4f3;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s, transform 0.2s;
text-decoration: none;
}
.tag:hover {
background-color: #e67e22;
color: white;
transform: translateY(-2px);
}
.announcement-info {
margin: 16px 0;
padding: 16px;
background-color: #f8f9fa;
border-radius: 8px;
font-size: 14px;
color: #666;
}
.announcement-info .info-item {
margin-bottom: 8px;
}
.announcement-info .info-item:last-child {
margin-bottom: 0;
}
.announcement-info strong {
color: #333;
font-weight: 600;
}
.card-details {
display: flex;
justify-content: space-between;
margin-top: 8px;
font-size: 12px;
color: #666;
}
.card-region {
font-weight: 500;
}
.card-state {
font-style: italic;
}
.title-with-icons {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.title-with-icons h2 {
margin: 0;
font-size: 28px;
font-weight: 700;
color: #333;
}
.icon-buttons {
display: flex;
gap: 12px;
}
.icon-button {
background: none;
border: none;
padding: 8px;
cursor: pointer;
transition: transform 0.2s, opacity 0.2s;
color: #666;
}
.icon-button:hover {
transform: scale(1.1);
opacity: 0.8;
color: #e67e22;
}
.icon-button i {
font-size: 24px;
}
/* Nouveau style inspiré de Leboncoin */
.main-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.announcement-container {
display: grid;
grid-template-columns: 2fr 0.7fr;
gap: 30px;
margin-top: 10px;
}
/* Colonne de gauche */
.left-column {
border-radius: 8px;
}
/* Colonne de droite */
.right-column {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
height: fit-content;
position: sticky;
top: 80px;
}
/* Section titre et prix */
.title-section {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 15px;
padding-top: 15px;
}
.article-title {
font-size: 24px;
margin: 0;
color: #333;
}
.date-location {
color: #666;
font-size: 14px;
margin-bottom: 15px;
}
/* Section description */
.description-section {
margin: 25px 0;
}
.description-title {
font-size: 20px;
color: #333;
margin-bottom: 15px;
}
/* Section vendeur */
.seller-section {
padding-top: 20px;
}
.seller-name {
font-size: 18px;
margin: 0 0 -6px 0;
}
/* Adaptation responsive */
@media (max-width: 768px) {
.announcement-container {
grid-template-columns: 1fr;
}
.right-column {
position: static;
}
}
.image-block {
flex: 1;
/* Prend 50% de l'espace */
}
.details-block {
flex: 1;
/* Prend 50% de l'espace */
}
/* Dans --}}
Accueil
Informatique & Téléphonie
Informatique
RAM
12 500 DA
MEMOIRE XPG SPECTRIX D45G RGB 8 GO DDR4 4133MHZ CL18 NOIR
• DDR4 SDRAM 288 broches, compatible avec la plupart des cartes mères de bureau
• Sélections de vitesse et de capacité élevées pour votre prochaine génération de PC
• Modèles RVB : effets d'éclairage RVB contrôlables avec la plupart des logiciels RVB des principaux fabricants de M/B
• Illuminez votre système avec le module RAM XPG DDR4 SPECTRIX D45G RGB
• Capturant la brillance du RVB et des millions de combinaisons de couleurs possibles dans un tube lumineux panoramique, le D45G offre des performances d'overclocking exceptionnelles et fonctionne bien avec les derniers systèmes AMD et Intel.
• DES COMPOSANTS DE HAUTE QUALITÉ POUR DES PERFORMANCES OPTIMALES
• Utilisant uniquement des puces IC et des PCB de la plus haute qualité, le SPECTRIX D45G est conçu pour offrir une stabilité et des performances d'overclocking optimales.
• RVB À VOTRE FAÇON
• Réglez l'éclairage RVB comme vous le souhaitez. Choisissez parmi différents effets (statique, respiration et comète) ou synchronisez les lumières avec vos jams préférés via le mode Musique. Tout cela peut être fait via l'application XPG RGB Sync ou le logiciel de contrôle RGB de toutes les grandes marques de cartes mères.
• FONCTIONNE AVEC LES DERNIÈRES PLATEFORMES AMD
• Le SPECTRIX D45G a été testé et vérifié pour fonctionner avec les dernières plates-formes AMD pour une compatibilité sans tracas et d'excellentes performances d'overclocking.
• SUPPORTE INTEL® XMP 2.0
• Intel® Extreme Memory Profile (XMP) 2.0 simplifie l'overclocking et améliore la stabilité du système. Au lieu d'ajuster les paramètres individuels dans le BIOS, vous pouvez le faire directement via le système d'exploitation de votre PC.
Etat:
Neuf jamais utilisé
Publiée le:
04-04-2022 à 13:13:34