*{font-family:'Caudex', serif;}

/*Conteneur Principal*/
.notice-container {display:flex; width:100%; height:100vh; overflow: hidden; /* Empêche le scroll global de la page */}

/*Colonne Gauche : Image Fixe*/
.notice-image-side {flex:0 0 40%; /* Prend 40% de la largeur fixe */ background-color:#ffffff; display:flex; justify-content:center; align-items:center; border-right:1px solid #e0e0e0; padding:40px; position:relative;}
.notice-image-side img {max-width:100%; max-height:80vh; object-fit:contain; border-radius:8px;}

/*Colonne Droite : Informations Scrollable*/
.notice-info-side {flex:1; /* Prend le reste de l'espace (60%) */ overflow-y:auto; /* Active le scroll vertical */ padding:100px 50px 50px 50px; background-color:#ffffff;}

/*Typographie et Contenu*/
.notice-laboratory {color:#27ae60; font-weight:600; text-transform:uppercase; font-size:17px; letter-spacing:1px; margin-bottom:10px;}
.notice-title {font-size:42px; color:#2c3e50; margin-bottom:5px;}
.notice-subtitle {font-size:14px; color:#7f8c8d; margin-bottom:25px; font-style:italic;}

/*Encart de vigilance / Attention*/
.notice-warning-box {background-color:#fff3cd; border-left:4px solid #ffc107; padding:15px; margin-top:25px; border-radius:4px;}
.notice-warning-box h4 {color: #856404; margin-bottom: 5px;}
.notice-warning-box p {color: #856404; font-size:;}

.notice-section-title {font-size:32px; font-weight:bold; color:#2c3e50; border-bottom:2px solid #27ae60; padding-bottom:5px; margin-top:35px; margin-bottom:15px;}
.notice-section-subtitle {font-size:20px; line-height:1.6; color:#555;}

.notice-section-list {padding-left:20px; margin-bottom:15px;}
.notice-section-listItem {font-size:20px; line-height:1.6; color:#555; margin-bottom:8px;}

/* Tableau des composants */
.notice-section-table {width:100%; border-collapse:collapse; margin-top:15px;}
.notice-section-table th {font-size:24px; background-color:#f8f9fa; color:#2c3e50; text-align:left; padding:12px; border-bottom:1px solid #e0e0e0;}
.notice-section-table td {font-size:20px; text-align:left; padding:12px; border-bottom:1px solid #e0e0e0;}

/* Responsive pour les écrans de tablettes/mobiles */
@media (max-width: 900px) {
    .notice-container {flex-direction:column; height:auto;}
    .notice-image-side {flex:none; width:100%; height:400px; padding:40px;}
    .notice-info-side {flex:none; width:100%; height:auto; padding:30px 20px;}
}