Qualiplast - Nos offres d'emplois

.job-offers-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px; padding: 30px 0; max-width: 1400px; margin: 0 auto;}.job-offer-card { background: #ffffff; border: 1px solid #e0e0e0; border-radius: 16px; padding: 30px 30px 20px 30px; /* Réduit padding-bottom */ transition: all 0.3s ease; box-shadow: 0 2px 12px rgba(0,0,0,0.08); display: flex; flex-direction: column; min-height: 380px;}.job-offer-card:hover { transform: translateY(-8px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-color: #3498db;}.job-header { margin-bottom: 25px; /* Augmenté l'espace */ border-bottom: 2px solid #f0f0f0; padding-bottom: 20px;}.job-title { font-size: 22px; font-weight: 700; color: #2c3e50; margin: 0 0 12px 0; /* Augmenté l'espace */ line-height: 1.4;}.company-name { color: #7f8c8d; font-size: 15px; font-weight: 500; display: block; margin-top: 8px; /* Espace supplémentaire */}.job-details .job-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 25px; /* Augmenté l'espace */}.meta-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #555; background: #f8f9fa; padding: 8px 16px; /* Augmenté le padding */ border-radius: 20px;}.job-salary { background: #e8f5e9; color: #2e7d32; padding: 14px 20px; /* Augmenté le padding */ border-radius: 10px; font-weight: 600; margin-bottom: 25px; /* Augmenté l'espace */ font-size: 15px;}.job-description { color: #555; font-size: 15px; line-height: 1.7; margin-bottom: 25px; /* Augmenté l'espace */}.job-footer { display: flex; gap: 15px; /* Augmenté l'espace entre boutons */ margin-top: auto; padding-top: 20px; border-top: 2px solid #f0f0f0;}.apply-button { flex: 1; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); /* Dégradé */ color: white !important; padding: 16px 24px; /* Bouton plus gros */ border-radius: 12px; text-align: center; text-decoration: none; font-weight: 700; /* Plus gras */ font-size: 15px; /* Plus grand */ transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); /* Ombre colorée */ display: flex; align-items: center; justify-content: center; gap: 8px;}.apply-button:hover { background: linear-gradient(135deg, #2980b9 0%, #1f6391 100%); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);}.details-link { flex: 1; padding: 16px 24px; /* Bouton plus gros */ border: 3px solid #3498db; /* Bordure plus épaisse */ color: #3498db !important; background: white; border-radius: 12px; text-align: center; text-decoration: none; font-weight: 700; /* Plus gras */ font-size: 15px; /* Plus grand */ transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px;}.details-link:hover { background: #3498db; color: white !important; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3);}.button-icon /* Responsive : 2 colonnes sur tablettes */@media (max-width: 1200px) { .job-offers-container { grid-template-columns: repeat(2, 1fr); gap: 25px; }}/* Responsive : 1 colonne sur mobile - VERSION RENFORCÉE */@media (max-width: 768px) { .job-offers-container { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; padding: 20px 15px !important; max-width: 100% !important; } .job-offer-card .job-footer .apply-button, .details-link { width: 100%; }}