body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background: #fff; height: 100vh; display: flex; flex-direction: column; }
        .container { display: flex; flex: 1; overflow: hidden; }
        
        .sidebar { width: 340px; background: #f8f9fa; border-right: 1px solid #dee2e6; padding: 15px; overflow-y: auto; }
        .main-content { flex: 1; padding: 30px; overflow-y: auto; background: #ffffff; }

        table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
        th, td { border: 1px solid #dee2e6; padding: 4px 8px; font-size: 0.9rem; }
        th { background: #f1f3f5; position: sticky; top: 0; z-index: 10; }
        
        .sidebar table tr:hover { background-color: #e9ecef; }
        .active { background-color: #007bff !important; }
        .active a { color: white !important; text-decoration: none; font-weight: bold; }
        .sidebar a { color: #495057; text-decoration: none; display: block; width: 100%; }

		.btn-toggle { 
			margin-bottom: 10px; 
			display: flex; 
			flex-wrap: wrap;
			gap: 4px; 
		}

		.btn-toggle a { 
			flex: 1;               /* Distribue équitablement l'espace disponible entre tous les boutons */
			display: inline-block; 
			padding: 5px 0;        /* On met un padding latéral à 0 car flex s'occupe de la largeur */
			background: #ddd; 
			text-decoration: none; 
			color: #333; 
			border-radius: 4px; 
			font-size: 0.8rem; 
			text-align: center;
			white-space: nowrap;   /* Empêche le texte du bouton de se couper sur 2 lignes */
		}		
		.sidebar table a { 
			color: #495057; 
			text-decoration: none; 
			display: block; 
			width: 100%; 
		}
		
        .btn-toggle a.active-mode { background: #333; color: #fff; }
		
		.type-roman { background-color: lightgreen; color: #0d47a1; }
		.type-histoire { background-color: skyblue; color: #0d47a1; }
		.type-art { background-color: gold; color: #0d47a1; }
		.type-essai { background-color: LightGray; color: #0d47a1; }
		.col-note { text-align: center; width:30px;}
		.col-lu { text-align: center; width:50px;font-style: italic;}
		
		td.format-Kobo { background-color: orange !important; color: #0d47a1; }
		td.format-Kindle { background-color: gold !important; color: #0d47a1; }
		td.format-Papier { background-color: lightgreen !important; color: #0d47a1; }
		td.format-Pret { background-color: white !important; color: #0d47a1; }
		td.format-EPub { background-color: yellow !important; color: #0d47a1; }