body{margin:0;}

ul.sidenav {
list-style-type:none;
margin:0;
padding:0;
width:25%;
background-color: #7D97C8;
position: fixed;
height:100%;
overflow: auto;
}


ul.sidenav li a {
 display: block;
 color: #ffffff;
 padding: 8px 16px;
 text-decoration: none;
}

ul.sidenav li a.active {
 background-color: #2F5795;  /* #4CAF50; */
 color: white;
}

ul.sidenav li a:hover:not(.active){
 background-color: #555;
 color: white;
}

div.content {
 margin-left: 25%;
 padding: 1px 16px;
 height: 1000px;
}

@media screen and (max-width:900px){
 ul.sidenav {
  width: 100%;
  height: auto;
  position: relative;
 }

ul.sidenav li a {
  float:left;
  padding: 15px;
}
  div.content {margin-left:0;}
}

@media screen and (max-width:400px){
 ul.sidenav li a{
  text-align:center;
  float:none;
 }
}

.case{width:60px;height:40px;}
.case1{width:125px;height:40px;}
.AffichageCalcul{width:246px;height:35px;}
#AffichageCalcul{margin:0;background-color:#eeeeec;color:black;height:30px;display:flex;justify-content:right;font-size:28px; padding: 10px 0 0 10px;}
.optionCalculatrice{margin:0;height:40px;}#btnCalculer{background-color:lightgreen;}
.ecran{max-width: 210px; height:100px; background-color:rgb(198, 237, 255); margin-bottom:10px;border-radius:5px; display:flex; justify-content:flex-end; align-items: flex-end; padding:5px; font-size:25px; }
.calculatrice{border:15px solid black; background-color:#222222; display:flex; flex-direction:column; border-radius: 5px; box-shadow: 0 5px black; max-width:220px;}
.touches{display:grid;grid-template-columns:repeat(4, 50px); grid-template-rows: repeat(5, 50px); grid-gap: 7px;}
.bouton{border: none; outline: none; width:50px; height:50px; border-radius: 5px; background-color: #f7f7f7; box-shadow: 0 3px #a8a8a8; font-size:18px;}
.bouton:active{box-shadow: 0 1px #a8a8a8;}
#toucheClear{background-color:red;}
#toucheEgale{background-color:lightgreen;width:108px;}
#toucheEntree{background-color:lightgreen;width:108px;}
#AffichageEcran{width:220px; height:100px; line-break:anywhere;}
#fondTitreNoir{background-color:#111111; color:#ffffff; width:220px; text-align:center; font-weight:bold;}
.active{background-color:lightblue;color:white;}