*{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:120px 40px 40px 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; font-weight:bold; color:#2c3e50; margin:5px 0px;}
.notice-subtitle {font-size:14px; color:#7f8c8d; margin-bottom:0px; font-style:italic;}

/* TABS AND CONTENTS */
.notice_tab_box {}

/* TABS */
.notice_tab_ctrl {width:100%; overflow:auto hidden; white-space:nowrap;}
.notice_tab_ctrl-item {display:inline-block; margin:0px 8px 0px 0px; padding:8px; font-weight:bold; border-radius:8px; border-style:solid; border-width:1px; border-color:rgb(225,225,225); cursor:pointer;}
.notice_tab_ctrl-item li {margin:0px 2px; padding:0px; display:inline-block; vertical-align:middle;}
.notice_tab_ctrl-item li img {height:16px; width:16px;}

/* TABS CONTENERS */
.notice_tab_panel {}
.notice_tab_panel-item {display:none;}
.notice_tab_panel-item:first-child {display:block;}

/*  */
.notice_tab_panel_group {margin:12px 0px;}
.notice_tab_panel_group-title {font-size:28px; font-weight:bold; color:#2c3e50; border-bottom:2px solid #27ae60; padding-bottom:5px; margin-top:35px; margin-bottom:15px;}
.notice_tab_panel_group-submark{font-size:25px; font-weight:bold;}
.notice_tab_panel_group-subtitle {font-size:20px; line-height:1.6; color:#555; margin:10px 0px;}
.notice_tab_panel_group-legend {font-size:17px; color:#7f8c8d; margin:12px 0px; font-style:italic;}
.notice_tab_panel_group-warningBox {background-color:#fff3cd; border-left:4px solid #ffc107; padding:15px; margin:15px 0px; border-radius:4px;}
.notice_tab_panel_group-warningBox .warningBox-title {font-size:24px; color: #856404; margin:5px 0px;}
.notice_tab_panel_group-list {padding-left:20px; margin-bottom:15px;}
.notice_tab_panel_group-listItem {font-size:20px; line-height:1.6; color:#555; margin-bottom:8px;}
.notice_tab_panel_group-table {width:100%; border-collapse:collapse; margin-top:25px;}
.notice_tab_panel_group-table caption {font-size:24px; font-weight:bold; background-color:#D1D5DC; color:#2c3e50; text-align:left; padding:12px; border-bottom:1px solid #e0e0e0;}
.notice_tab_panel_group-table th {font-size:24px; background-color:#f8f9fa; color:#2c3e50; text-align:left; padding:12px; border-bottom:1px solid #e0e0e0;}
.notice_tab_panel_group-table td {font-size:20px; text-align:left; padding:12px; border-bottom:1px solid #e0e0e0;}
.notice_tab_panel_group-adresses {margin:20px 0px;}


@media only screen and (max-width: 1200px){
    /**/
}

@media only screen and (max-width: 1024px){}

/* Responsive pour les écrans de tablettes/mobiles */
@media (max-width: 900px) {

}

@media only screen and (max-width: 942px){
    /**/
}

@media only screen and (max-width: 768px){
    /**/
}

@media only screen and (max-width: 600px){}

@media only screen and (max-width: 512px){
    .notice-container {display:block; width:100%; height:100vh; overflow: hidden; /* Empêche le scroll global de la page */}
    .notice-image-side {display:none;}
    .notice-info-side {display:block; width:100%; height:100vh; overflow:auto; padding:100px 14px 50px 14px;}

    .notice_tab_panel_group {}
    .notice_tab_panel_group-title {font-size:20px;}
    .notice_tab_panel_group-submark{font-size:17px; font-weight:bold;}
    .notice_tab_panel_group-subtitle {font-size:14px;}
    .notice_tab_panel_group-legend {font-size:12px;}
    .notice_tab_panel_group-warningBox {}
    .notice_tab_panel_group-warningBox .warningBox-title {font-size:15px;}
    .notice_tab_panel_group-list {}
    .notice_tab_panel_group-listItem {font-size:15px;}
    .notice_tab_panel_group-table {}
    .notice_tab_panel_group-table caption {font-size:15px;}
    .notice_tab_panel_group-table th {font-size:17px;}
    .notice_tab_panel_group-table td {font-size:14px;}
    .notice_tab_panel_group-adresses {}
}

@media only screen and (max-width: 480px){
    /**/
}