html, body{height: 100%}
#headerdroite{display: none}
#logo{position: absolute; top:5mm; left:10mm; width: 80mm;}
main{background-position: 50% 50%}
#logo img{width: 100%}
main{width:100%; height: 100% !important}
header{height: 0; position:relative;width: 100%;}
footer{display: none}
.titre{justify-content: flex-end;}
.titre2{justify-content: flex-end;font-size: 3em}
h1{font-size:10mm}
.titre2 a{display: none}
#tapisplanning{margin-top: 10mm}
.blockplaning{width:13%; height: 70mm;  margin: 0; padding: 0; background-size: contain;  background-repeat: no-repeat; }

.planningdate{width: 100%; text-align: center; padding: 0 20%; top:-9mm; font-size: 4mm; line-height: 4.5mm; margin: auto;  }
.container{width:100%; min-width:100% !important; height: 100%}
.blockplaning>.carte {
    width: 32mm;
    height: 48.25mm;
    position: absolute;
    top: 1.5mm;
    left: 1.5mm;
    background-image: url(../images/carte-cadre.png);
    background-size: contain;
    z-index: 50;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
}
.cartetexte, .cartebas{display: none}
.carte h2 {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 6.7%;
    color: black;
    font-family: 'Fondamento', cursive;
    font-size: 2.7mm;
    z-index: 50;
    width:83%;
    height: 3.2mm;
    overflow: hidden;

    margin-left: 7%;
}
.cartedate {
    width: 70%;
}