body{
    background-color: rgb(219, 215, 215);
    position: absolute;
    top:0%;
    height: 100%;
    left: 0%;
    width: 100%;
    font-size: 12px;
        
}





.plan{
    background-color:white;
    position:absolute;
    top:00%;
    left: 0%;
    height: 100%;
    width: 100%;
    z-index: 1;


}































.couche1{
    background-color: rgb(219, 215, 215);
    position:absolute;
    top: 0%;
    height:10%;
    left: 00%;
    width: 100%;
    
    
}



.willy{
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 25%;
    width: 50%;
}













.couche2{
    text-align: center;
    background-color: rgb(219, 215, 215);
    position:absolute;
    top: 10%;
    height: 90%;
    left: 0%;
    width: 100%;
    
    


}






input{

    text-align: center;
}

.inp{

    border-radius: 8px;
}










/* paysage pour téléphone */


@media screen and (orientation :landscape) and (max-height:424px) {

    .plan{
        background-color:white;
        position:absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%;
       
    
    
    }
    




}






/* paysage pour tablette */


@media screen and (orientation :landscape) and (min-height:424px) {

    .plan{
        background-color:white;
        position:absolute;
        top:0%;
        left: 0%;
        height: 100%;
        width: 100%;
        
    }
    


}