body {
  font-family: 'Trebuchet MS',Arial,sans-serif;
  color: #181818;
  background: url('../IMAGE/fg.png');
  
}
#bloc_page{
  width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.div_3 {
  width: 1000px;
  height: 760px;
  display: flex;
  margin-top:15px;
}
.image_formSimulation{
width: 100%;
  height: 100%;
  display: flex;
}
.image {
  width: 220px;
  height: 100%;
  position: absolute;
 background: url('../IMAGE/fg.png');
  padding: 10px;
}
.menu {
  position: absolute;
  width: 220px;
  height: 430px;
  background : linear-gradient(to bottom,#0e4378,#5ab6e7);
}
 .menu_ul {

  list-style: none;
  padding: 0;
  margin: 0;
  
}
 .menu_li {
 margin-top: 10px; 
 padding-left: 5px;
color: #ffffff;
font-size: 1.6em;
  border-right: 0px;
  transition: all 0.3s;
}

 .menu_li:hover{
   cursor: pointer;
  background:linear-gradient(to bottom,#46a834,#dedd03);
  border-left: 5px solid #eee;
  color: #ffffff;text-decoration: none;
}

 .menu_li_a
 {
  
  display: block;
  padding: 10px;
color: #fff;
font-size: 1em;
text-decoration: none;
}
 .menu_li_a:hover
 {
  
  display: block;
  padding: 10px;
color: #fff;
font-size: 1em;
text-decoration: none;
}
.menu_ul_ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  display: block;
}
.menu_ul_ul11{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  display: block;
}
.menu_li_li{
  margin-top: 10px; 
 
color: #ffffff;
font-size: 0.9em;
  border-right: 0px;
}
.menu_li_li:hover{
 background-color: #444;
 border-left: 5px solid #eee;
  color: #ffffff;
}
.menu_li_li_a{
   text-decoration: none;
  display: block;
  padding: 10px;
  
}
.menu h1 {
  text-align: center;
  padding: 10px;
  background : linear-gradient(to bottom,#cfced0,#ffffff);
  color: #000;
  margin-bottom: 40px;
}

.ee {
   animation-name:ddd;
   animation-duration:2s;
   animation-fill-mode:forwards;
}
.ea {
   animation-name:dda;
   animation-duration:2s;
   animation-fill-mode:forwards;
}
@keyframes ddd{
  from{ transform:translateX(220px)}
  to{ transform:translateX(0px)}
}
@keyframes dda{
  from{ transform:translateX(0px)}
  to{ transform:translateX(220px)}
}
.formSimulation {
  height: 600px;
  width: 300px;
  background : linear-gradient(to bottom,#0e4378,#5ab6e7);
  
  border-radius: 10px 10px;
  box-shadow: 0px 6px 6px #1c1a19;
  margin-left: 250px;
  /*margin-top: 70px;*/
}
.form{
  margin-left: 20px;
}
h1{
  color: #fff;
}

.sell {
  width: 250px;
  
}
.sell1 {
  width: 200px;
  height: 30px;
  margin-left: 20px;
}

.alert-warning{
  margin-right: 15px;
}

.o1{
  font: bold;
  border-radius: 10px;
}

.lab {
  margin-left: 20px;
}
.lab2 {
  background: url("images/reg.png");
  width: 240px;
  height: 80px;
  background-repeat: no-repeat;
  margin-left: 80px;
  font-weight: bold;

}
.input-txt {
   margin-left: 20px;width: 200px;
}

.parag {
  margin-right: 70px;
  margin-top: 15px;
}
.form-check-label{
  margin-left: 5px;
  color: #fff;
}
#hh4{
  text-align: center;
}
#hh1{
  text-align: center;
}