body {
 font-family: 'Segoe UI', sans-serif;
 background: #f5f8fa;
 margin: 0;
 padding: 0;
}

header {
 background-color: #2c3e50;
 color: white;
 padding: 1em;
 text-align: center;
}

.container {
 display: flex;
 justify-content: center;
 gap: 20px;
 margin: 20px;
}

.left-side, .right-side {
 width: 20%;
 background-color: #f5f5f5;
 padding: 15px;
 border-radius: 10px;
}

.main-content {
 width: 60%;
 background-color: #ffffff;
 padding: 15px;
 border-radius: 10px;
}

.pme-card {
 display: flex;
 align-items: center;
 gap: 10px;
 background-color: #ffffff;
 padding: 10px;
 margin-bottom: 15px;
 border: 1px solid #ddd;
 border-radius: 8px;
 box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.pme-card img {
 width: 60px;
 height: 60px;
 border-radius: 8px;
 object-fit: cover;
}

.pme-info {
 display: flex;
 flex-direction: column;
 justify-content: center;
 font-size: 14px;
}

@media (max-width: 768px) {
 .container {
     flex-direction: column;
 }

 .left-side, .right-side, .main-content {
     width: 100%;
 }
}

.left-side {
 background-color: #f9f9f9;
}

.main-content {
 background-color: #eaf7ff;
}

.right-side {
 background-color: #f9f9f9;
}

.main-inner {
 max-width: 1000px;
 margin: 0 auto; /* 💥 Ça centre le bloc horizontalement */
 text-align: left; /* Et le texte reste aligné à gauche */
}