body{
    background-color: rgb(219, 215, 215);
    


}






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






.class1{
    position: absolute;
    top: 0%;
    left: 25%;
    width: 50%;
   text-align: center;
   background-color:white ;

   

}


.class2{
    display: inline;
    text-align: center;
    color: blue;
    font-size: 150%;
    font-weight: bolder;
}


.class3{
    background-color: blue;
    text-align: center;
    color: white;
    font-size: 150%;
    font-weight: bolder;
    position:absolute;
    top : 92%;
    height: 8%;
    left: 0%;
    width: 100%;
}



li{
    font-size: 70%;
}








/* paysage pour téléphone */


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

    .plan{
        background-color:white;
        position:absolute;
        top:00%;
        left: 15%;
        height: 200%;
        width: 70%;
       
    
    
    }
    

}






/* paysage pour tablette */


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

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


}