.retour a { color: #7a4e4e;position: fixed; left: 0;top: 30px; font-family: raleway;}
    
body{
    margin:0; padding:20px; font-family:Arial, sans-serif; background:#f4f4f4; color:#222;
}

.main-text{
font-size:22px; font-weight:100; margin-bottom:20px; font-style: italic; font-family: Ralemay;
}


.columns{
display:grid; grid-template-columns: 1fr 2fr; gap:20px; 
}
/* fiche 1 */
    body em {
        font-size: 9px;
    }
    .container{
      max-width:1200px; margin:0 auto; background:white; padding:20px; display:grid;
      grid-template-columns: 1fr 2fr; gap:20px;
      box-shadow:0 0 10px rgba(0,0,0,.1);
    }
    .container .col2 h1 { font-family: Raleway;color: #6b3d2a;}
    .col1 img{
      width:100%; height:100% display:block; border-radius:6px;
    }
    .col1 p{
      margin:15px 0; line-height:1.4; font-weight: bold; text-align: center;margin-left: 50px;margin-right: 50px; font-size: 25px; font-weight: 100;
    }
    .col1 .pourcent {
      font-size: 70px; font-weight: 100; font-family:Raleway;
    }
    .highlight-box{
      background:#6b3d2a; color:white; padding:15px; border-radius:8px; margin-top:20px;text-align: center ;
    }

    .col2 h1{
      text-align:center; margin:0 0 15px; font-size:52px;font-weight: 100;
    }
    .col2 .intro{
      text-align:center; font-weight:bold; margin-bottom:25px;margin-left: 145px;margin-right: 145px;
    }
    .section .asterix {
      font-size: 9px;
    }
    .section{
      margin-bottom:25px;
    }
    .container h2{
      font-size:16px; margin:0 0 5px; position:relative; padding-bottom:6px;font-style: italic;
    }
    .container h2::after{
      content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#2563eb;
    }
    .section p{
      margin:8px 0 0; line-height:1.4;
    }
/* fiche 2 */
/* Colonne 1 */
.container2{
max-width:1200px; margin:0 150px; background:white; padding:30px; box-shadow:0 0 10px rgba(0,0,0,.1);
}
#expli em {
    font-size: 20px; font-family: Ralemay;
}
.col1 p {
    font-weight: bold; font-size: 25px;
}
.col1 p{ margin-bottom:15px; line-height:1.4; }
.box{
border:1px solid #ccc; border-radius:6px; padding:15px; text-align: center;
}
.box h2{
margin:0 0 10px;
font-size:20px; /* taille différente */
font-family:"Georgia", serif; /* police différente */
color:white;
font-weight:bold;
text-transform:uppercase; /* majuscules pour se distinguer */
background-color: #7a4e4e;
}


/* Colonne 2 */
table{
width:100%; border-collapse:collapse; text-align:left;
}
thead th{
background:#000; color:#fff; padding:25px; font-weight:bold;
}
tbody td{
border:1px solid #ddd; padding:8px; font-size: 12px;
}

.col2 table {
  table-layout: fixed;   /* force le respect des largeurs */
  width: 100%;
}
.col2 table td:first-child,
.col2 table th:first-child {
  width: 25%;   /* augmente l’espace de la première colonne */
  text-align: left;
  padding-left: 10px;
}

/* Responsive */
@media(max-width: 900px){
.columns{ grid-template-columns:1fr; }
}
footer {text-align: center;}