.card img{object-fit:cover;height:200px;} 

body {
    font-family: Arial, sans-serif;
    color: #eee8e8;
    background:#f5f5f5;
    padding-top: 70px;
}

section {
    scroll-margin-top: 80px; 
}
.container {
    max-width:1078px;
}

.content-box {
    background:#bc2129;
    padding:25px;
    border-radius:6px;
}

.contact-card {
    width: calc(90% + 7ch);
    margin-left: -3.5ch;
}

.content-box h1,
.content-box h2,
.content-box h3 {
    color: #fff;
    border-bottom: 2px solid rgba(255,255,255,0.3);
}


h1, h2 {
    border-bottom:2px solid #ddd;
    padding-bottom:5px;
}

table {
    width:100%;
    border-collapse:collapse;
    margin-top:15px;
}

th, td {
    border:1px solid #ccc;
    padding:8px;
    text-align:left;
}

th {
    background:#eee;
}

.msg {
    padding:10px;
    margin:15px 0;
    border-radius:4px;
    font-weight:bold;
}

.ok { background:#d4edda; color:#155724; }
.err { background:#f8d7da; color:#721c24; }

a.action {
    margin-right:8px;
    text-decoration:none;
}

footer {
    margin-top: 30px;   /* ton style existant */
}

/* Footer noir personnalisé */
.footer-dark {
    background: #000;
    color: #ccc;
}

.footer-dark small {
    color: #ccc;
}

.footer-dark a {
    color: #fff;
    text-decoration: none;
}

.footer-dark a:hover {
    color: #e94646;
}