}
.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 --}}
الرئيسية
إعلام آلي وهواتف
إعلام آلي
Ordinateurs portables
الجزائر
Pc Portable
85 000 دج
HP ELITEBOOK 845 G8
✅ CPU: Processeur AMD Ryzen 5 PRO 5650U (6cœurs, 12Threads, 16MB cache, 2.3GHz, 4.2GHz turbo)
✅ RAM: 8 Go DDR4 3200 MHz
✅ Stockage: 256 Go SSD PCIe NVMe
✅ GPU: AMD Radeon™ Graphics
✅ Écran: 14" FHD (1920 x 1080), Anti-reflets, Narrow bezel
✅ Lecteur d’emprintes digitales, Clavier rétroéclairé
✅ TRES BON ETAT
***Produits garantis
***Disponible de 9h à 19h ou en mp sur whatsapp ou viber
*** email:
***Livraison disponible,58 WILAYA
***Payement a la livraison.
***Possibilité de facturation
***Modalité de payement par carte ( CIB, VISA ( Paysera Wise) )
***Possibilité de Versement (CP BaridiMob Bancaire)
***MAPS: PC PRO DZ
***ADRESSE : cité 2068 Logements Bt 52/A local No10,Bab Ezzouar Bebezzouar, 16311
الحالة:
Bon état
المنطقة:
الجزائر / الجزائر
وضع في:
01-01-2025 à 11:11:40