@media (min-width: 1281px) {
    .Document-A4 {
        max-width: 1100px;
    }
    
    .Panneau-Controles {
        right: 4vw;
        width: 220px;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .Document-A4 {
        max-width: 900px;
        left: -4vw;
    }

    .Panneau-Controles {
        width: 180px;
        right: 2vw;
    }
    
    .Btn-Controle {
        font-size: 1.4vw;
        padding: 1vh 1vw;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .Panneau-Controles {
        display: none !important;
    }
    
    .Document-A4 {
        padding: 5vw;
        width: 90%;
        margin-top: 5vh;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .Panneau-Controles {
        display: none !important;
    }
    
    .Document-A4 {
        padding: 5vw;
        width: 95%;
        margin-top: 4vh;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .Panneau-Controles {
        display: none !important;
    }
    
    .Document-A4 {
        padding: 5vw 4vw;
        width: 95%;
        margin-top: 3vh;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .Panneau-Controles {
        display: none !important;
    }
    
    .Document-A4 {
        padding: 4vw 3vw;
        width: 96%;
        margin-top: 2vh;
    }
    
    .Article-Titre {
        font-size: 6vw !important;
    }
    
    .Article-Paragraphe {
        font-size: 4.5vw !important;
    }
}

@media print {
    .Panneau-Controles, 
    .calque-cathodique, 
    .fond-video, 
    .Document-Footer {
        display: none !important;
    }
    
    .Document-Wrapper {
        position: relative;
        overflow: visible;
        padding: 0;
    }
    
    .Document-A4 {
        box-shadow: none;
        border: none;
        color: black;
        background: white !important;
        margin: 0;
        padding: 0;
    }
    
    .Article-Titre { 
        background: black; 
        color: white; 
    }
    
    .Article-Paragraphe, 
    .En-Tete-Gauche, 
    .En-Tete-Droite { 
        color: black; 
        text-shadow: none;
    }
    
    .Ligne-Document {
        background: black;
        box-shadow: none;
    }
}