required {
    background-color: red;
    
}

.essai {
    position: absolute; 
    top:200px;
    left:200px;
    height:100px;
    width:100px;
    padding:30px;
    border-radius:10px;
    box-shadow:rgba(255,255,255,1) -10px -10px 30px, rgba(150,150,150,0.4) 10px 10px 30px,inset rgba(255,255,255,0.5) 2px 2px 5px;
}

.menu {
    position: fixed;
    left:0px;
    top:0px;
    bottom:0px;
    background-color:red;
    width:300px;
}

.menu_elem {
    position: relative;
    margin-bottom:1px;
    padding:10px;
    padding-left:15px;
    padding-right:30px;
    text-align:right;
    margin-left:20px;
}

.elem_selected {
    background-color:white;
    border-radius:60px;
    box-shadow:black 0px 0px 10px;
}

.cch_1 {
    position:absolute;
    right:0px;
    top:-30px;
    bottom:-30px;
    width:30px;
    background-color:white;
    overflow:hidden;
}

.cch_2 {
   position:absolute;
    left:-30px;
    top:-30px;
    height:60px;
    width:60px;
    border-radius:60px;
    background-color:red;  
    box-shadow:inset black 0px 0px 10px;
}

.cch_3 {
    
   position:absolute;
    left:-30px;
    bottom:-30px;
    height:60px;
    width:60px;
    border-radius:60px;
    background-color:red; 
     box-shadow:inset black 0px 0px 10px;
}

.typetext {
    background-color:rgba(0,0,0,0);
    border:none;
    border-bottom: rgba(230,237,255,0.5) solid 2px;
    border-radius:2px; 
    margin:5px;
    outline-color:rgba(0,0,0,0);
    color:white;
    transition:all 0.5s ease;
    padding:7px;
}
.typetext:hover {
    background-color:rgba(230,237,255,0.2);
    border-bottom: rgba(230,237,255,1) solid 2px;
}

.typetext:focus {
    background-color:rgba(230,237,255,0.2);
    border-bottom: rgba(230,237,255,1) solid 2px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(242,245,255,0.5);
  opacity: 1; /* Firefox */
}

.typebutton {
     background-color:rgba(240,202,65,1);
    border:none;
    border-bottom: rgba(189,159,51,1) solid 3px;
    border-radius:3px; 
    margin:5px;
    outline-color:rgba(0,0,0,0);
    color:#2C4EA3;
    transition:all 0.2s ease;
    padding:7px;
    padding-left:12px;
    padding-right:12px;
    font-weight:700;
}
.typebutton:hover {
    background-color:rgba(240,225,173,1);
}

.typebutton:focus {
    margin-top:7px;
    background-color:rgba(189,159,51,1);
    border-bottom: rgba(189,159,51,1) solid 1px;
}

.frsty {
    color:white;
    font-size:20px;
    text-align:center;
}

@media screen and (max-width: 730px)
{
    .frsty {font-size:15px;}
}