* { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        body { max-width: 1400px; margin: 0 auto; padding: 20px; background-color: #f8f9fa; }
        .header { background: linear-gradient(135deg, #366092, #4a90b2); color: white; padding: 20px; text-align: center; border-radius: 12px 12px 0 0; }
		.footer {
			margin-top: 30px;
			text-align: center;
			padding: 20px 0;
			border-top: 1px solid #ddd;
			background: linear-gradient(135deg, #a0c4e4, #c2d6f0);
			border-radius: 12px;
			color: #333;
			font-size: 14px;
		}

		.footer p {
			margin: 5px 0;
			font-size: 12px;
			color: #333;
		}

		.footer a {
			color: #366092;
			text-decoration: none;
			margin: 0 5px;
		}

		.footer a:hover {
			text-decoration: underline;
		}
		.menu {
            background-color: #4a90b2;
            overflow: hidden;
            padding: 0;
            margin: 0;
			border-radius: 0 0 12px 12px;
        }
        .menu a {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
        }
        .menu a:hover {
            background-color: #366193;
        }
        .menu a.active {
            background-color: #366193;
        }
        @media screen and (max-width: 600px) {
            .menu a {
                float: none;
                display: block;
                text-align: left;
            }
        }
		.banniere { text-align: center; margin: 30px; }
		.banniere img { max-width: 100%; height: auto; }
        .params { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 30px; }
        .parent-section { margin-bottom: 25px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }
        .section-title { background: #366092; color: white; padding: 10px 15px; margin: 0; font-size: 18px; }
        .section { padding: 15px; }
        .param-row { display: flex; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
        .param-label { font-weight: 600; width: 280px; color: #333; margin-right: 10px; }
        .param-input { padding: 12px 16px; border: 2px solid #add8e6; border-radius: 8px; font-size: 16px; width: 200px; transition: all 0.3s; }
        .param-input:focus { border-color: #366092; outline: none; box-shadow: 0 0 0 3px rgba(54,96,146,0.1); }
        .flex-row { display: flex; flex-wrap: wrap; gap: 30px; }
        button { background: #28a745; color: white; border: none; padding: 15px 40px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; margin-top: 10px; }
        button:hover { background: #218838; transform: translateY(-2px); }
        .table-container { overflow-x: auto; background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); margin-top: 30px; }
        table { width: 100%; border-collapse: collapse; font-size: 14px; }
        th { background: #366092; color: white; padding: 12px 8px; text-align: center; font-weight: 600; position: sticky; top: 0; z-index: 10; }
        th.placement { background: #4a90b2; cursor: default; }
        th.imposition { background: #5a7dbb; color: white; }
        td { padding: 10px 8px; text-align: center; border-bottom: 1px solid #eee; }
		#tableau td { font-size: 13px; }
        .positive { background: #d4edda; color: #155724; }
        .negative { background: #f8d7da; color: #721c24; }
		.impottotal.negative { background: #dc3545; color: #fff; font-weight: bold; }
        .savings { background: #fff3cd; color: #856404; }
        .less-interesting { background: #e9ecef; color: #6c757d; }
        .gris { color: #999; background: #f0f0f0; pointer-events: none; }
        .guide { background: #e8f4fd; padding: 20px; border-radius: 12px; margin-top: 30px; margin-bottom: 30px; }
        .taux-input { width: 70px; padding: 6px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; text-align: center; transition: all 0.2s; }
        .taux-input:focus { border-color: #366092; box-shadow: 0 0 0 2px rgba(54,96,146,0.2); }
        .help-text { font-size: 12px; color: #6c757d; margin-top: 4px; }
        .pub-zone { background: #e0e0e0; border: 2px dashed #999; padding: 20px; margin: 20px 0; text-align: center; font-weight: bold; color: #666; }
        .switch-container { display: flex; align-items: center; gap: 10px; }
        .switch { position: relative; display: inline-block; width: 60px; height: 34px; }
        .switch input { opacity: 0; width: 0; height: 0; }
		#switchLabel { font-weight: bold; }
        .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #28a745; transition: .4s; border-radius: 34px; }
        .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; }
        input:checked + .slider { background-color: #2196F3; }
        input:checked + .slider:before { transform: translateX(26px); }
        .slider.round { border-radius: 34px; }
        .slider.round:before { border-radius: 50%; }
		#avisBox ul li{ list-style: none; }
        @media (max-width: 768px) { .flex-row { flex-direction: column; } .param-row { flex-direction: column; } .param-label { width: auto; margin-bottom: 8px; } }