} .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 --}}

Console d'entrée Z

27 000 DA
Console d'entrée Z
Console extensible d'extérieur en bois et fer; élégante et en même temps amusante, véritable trait distinctif de la console. La solidité de la structure en fer avec le plateau en bois lamellé de sapin ou en Marbre rend la console extensible K1000 stable et robuste.
- Dimensions : 120×40×78.5 cm
- Prix de la console en Verre et en Marbre : 27000 da. et en Bois : 23000 da
Etat: Neuf jamais utilisé
Catégories: Tables
Région: ALGER / ALGERIE
Publiée le: 11-08-2023 à 17:18:42

Annonces similaires