.page-wrapper { width: 100%; font-family: Arial, sans-serif; background-color: #ffffff; }
.content-container { max-width: 1140px; margin: 0 auto; padding: 40px 15px; box-sizing: border-box; }

.section-title { color: #c06000; font-size: 26px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 0.5px; }
.section-underline { height: 2px; background-color: #d8a040; width: 100%; margin-bottom: 30px; }

.intro-txt { font-size: 15px; line-height: 1.8; color: #444444; text-align: justify; margin-bottom: 35px; }

/* Liste verticale des cartes de formations */
.formations-list-wrapper { display: flex; flex-direction: column; gap: 35px; }

/* Carte à structure horizontale (Photo Gauche, Textes Droite) */
.formation-horizontal-card { display: grid; grid-template-columns: 320px 1fr; gap: 30px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 4px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.03); padding: 20px; box-sizing: border-box; }

.formation-img-side { width: 100%; height: 240px; overflow: hidden; background: #f4f4f4; border-radius: 2px; border: 1px solid #eaeaea; }
.formation-img-side img { width: 100%; height: 100%; object-fit: cover; }

.formation-info-side { display: flex; flex-direction: column; justify-content: flex-start; }

/* Titre principal en MAJUSCULES BLEU */
.formation-main-title { color: #0c4a60; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 6px 0; letter-spacing: 0.3px; }

/* Sous-titre en MAJUSCULES ITALIQUE DORÉ */
.formation-sub-title { color: #d19a0a; font-size: 13px; font-weight: bold; font-style: italic; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px; }

.formation-desc { color: #555555; font-size: 13.5px; line-height: 1.6; text-align: justify; margin: 0 0 18px 0; }

/* Zone des métadonnées pratiques (Date et Lieu) */
.formation-meta-box { display: flex; gap: 25px; margin-bottom: 25px; border-top: 1px dashed #e2e8f0; border-bottom: 1px dashed #e2e8f0; padding: 10px 0; }
.meta-item { font-size: 12.5px; color: #666666; display: flex; align-items: center; gap: 8px; }
.meta-item i { color: #0c4a60; font-size: 14px; }
.meta-item strong { color: #333333; }

/* Barre d'actions à deux boutons */
.formation-actions-bar { display: flex; gap: 15px; margin-top: auto; }

.btn-form-details { background-color: transparent; color: #0c4a60 !important; border: 1px solid #0c4a60; text-decoration: none; padding: 10px 20px; font-weight: bold; font-size: 12px; text-transform: uppercase; border-radius: 3px; transition: background 0.2s, color 0.2s; }
.btn-form-details:hover { background-color: #0c4a60; color: #ffffff !important; }

.btn-form-register { background-color: #b0233a; color: #ffffff !important; border: none; text-decoration: none; padding: 11px 24px; font-weight: bold; font-size: 12px; text-transform: uppercase; border-radius: 3px; transition: background 0.2s; letter-spacing: 0.5px; }
.btn-form-register:hover { background-color: #8c1a2b; }