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

إعلانات مشابهة

Traitement de dossier Pour visa de la Turquie معال...

"تبحث عن تأشيرة تركيا بسهولة وسرعة؟ نحن هنا لمساعدتك!" نقدم خدمة معالجة كاملة لملف التأشيرة التركية...
ALGER/ ALGERIE
10 000 دج

Bouteille de plonger 15 litre

Bouteille de plonger 15 liter neuf jamais utiliser avec deux 2 robinet neuf avec aussi pv ingénie...
ALGER/ ALGERIE

Livres de Français Coquelicot

Je mets en vente des livres de Français des niveaux de classes suivants: CE1 (lecture + activités);...
ORAN/ ALGERIE
6 000 دج

Publisher COFFRET 4 LIVRES CLEFS DE LECTURE

La collection (clefs de lecture) invite a entrer dans une lecture distractive et à saisir l'essentie...
ALGERIE
1 000 دج

Publisher COFFRET 4 LIVRES CLEFS DE LECTURE

La collection (clefs de lecture) invite a entrer dans une lecture distractive et à saisir l'essentie...
ALGERIE
1 000 دج

Vente de livre

pour les amoureux de la lecture Je vous propose des livres de psychologie a vendre
MEDEA/ ALGERIE
1 500 دج

Lot de livres de poche en bon état

Une occasion à ne pas rater pour les amoureux de la lecture
ALGER/ ALGERIE

Machine de production de sac plastique

Machine pour la production de sac en plastique Prix très compétitifs En tant que Consultant en Inves...
ALGERIE

investissement Machines et lignes de production

Machines et lignes de production pour fabrication Chips, Bonbon, Chocolat, Biscuits ... etc. Prix tr...
ALGER/ ALGERIE

Cabinet de conseils en investssement industriel

INVEST DESIGN CONSULTING est un Cabinet de Conseils et d 'Etudes en Investissement Industriels, En E...
ALGER/ ALGERIE