<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Impression - Contrôle Technique{% endblock %}</title>
    
    <!-- Styles communs -->
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: 'Arial', 'Helvetica', sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #fff;
            margin: 0;
            padding: 20px;
        }
        
        /* Styles pour l'impression */
        @media print {
            body {
                padding: 0;
                font-size: 11pt;
            }
            
            a {
                text-decoration: none;
                color: #000;
            }
            
            .page-break {
                page-break-before: always;
            }
            
            .no-print {
                display: none !important;
            }
            
            .print-only {
                display: block !important;
            }
        }
        
        /* Utilitaires */
        .text-center { text-align: center; }
        .text-left { text-align: left; }
        .text-right { text-align: right; }
        .text-justify { text-align: justify; }
        
        .mt-1 { margin-top: 5px; }
        .mt-2 { margin-top: 10px; }
        .mt-3 { margin-top: 15px; }
        .mt-4 { margin-top: 20px; }
        .mt-5 { margin-top: 25px; }
        
        .mb-1 { margin-bottom: 5px; }
        .mb-2 { margin-bottom: 10px; }
        .mb-3 { margin-bottom: 15px; }
        .mb-4 { margin-bottom: 20px; }
        .mb-5 { margin-bottom: 25px; }
        
        .p-1 { padding: 5px; }
        .p-2 { padding: 10px; }
        .p-3 { padding: 15px; }
        .p-4 { padding: 20px; }
        .p-5 { padding: 25px; }
        
        .border { border: 1px solid #ddd; }
        .border-top { border-top: 1px solid #ddd; }
        .border-bottom { border-bottom: 1px solid #ddd; }
        .border-left { border-left: 1px solid #ddd; }
        .border-right { border-right: 1px solid #ddd; }
        
        .bg-light { background-color: #f8f9fa; }
        .bg-white { background-color: #fff; }
        
        .font-bold { font-weight: bold; }
        .font-normal { font-weight: normal; }
        .font-italic { font-style: italic; }
        
        .text-muted { color: #6c757d; }
        .text-primary { color: #003366; }
        .text-success { color: #28a745; }
        .text-danger { color: #dc3545; }
        .text-warning { color: #ffc107; }
    </style>
    
    {% block extra_css %}{% endblock %}
</head>
<body>
    {% block content %}{% endblock %}
    
    {% block extra_js %}{% endblock %}
</body>
</html>