@font-face {
    font-family:'Roboto';
    src: url(font/Roboto-Black.ttf);
  }
  
  
  
  /*body{overflow-x: hidden; background-color:rgb(149, 255, 149);}*/
  body{overflow-x: hidden; font-family: 'Roboto', sans-serif; background-color:#92d14f;}
  
  /*HEADER*/
  .container-logo{background-color: white; border-radius: 12px 12px 12px 12px;}
  .container-header_pc{padding:1%;}
  .container-header_mobile{display: none;}
  .container-li{background-color: #2f2e33; padding:1%; border-radius: 12px 12px 12px 12px;}
  li{display: inline-block; padding:2%; font-size: 15px;}
  a{color: white;}
  a:hover{color:lightgreen; transition-duration: 0.4s;}
  .a_drop{color:#2F2E33;}
  .a_drop:hover{color: #29a24a; transition-duration: 0.4s;}
  .action_a{color:#2F2E33; font-weight: bolder;}
  .action_a:hover{color:#29a24a; transition-duration: 0.4s;}
  
  
  /*SECTION*/
  section{padding:2%; }
  .item-gridi{border-radius:12px 12px 12px 12px; background-color:white; padding-left:3%; padding-right: 3%; padding-top: 3%; padding-bottom: 6%;}
  #more1 {display: none;}
  #more2 {display: none;}
  #more3 {display: none;}
  .item-gridi h3{font-weight: bolder;}
  .item-gridi p{color:#29a24a;}
  .item-gridi mark{background-color: #cffbda;}
  .btn_appel{background-color: #29a24a; border-radius: 12px 12px 12px 12px; color:white; font-weight: bold; padding:5%; border:none;}
  .container-warning{background-color: rgb(181, 75, 36); border-radius: 12px 12px 12px 12px; font-size:20px;color:white; padding:1%;}
  .link_general_cond{color:#53ebd9; font-weight: bold;}
  
  /*FOOTER*/
  footer{margin-top:50px;}
  .li_footer{display: block; background-color: white; border-radius: 12px 12px 12px 12px; padding: none; border-bottom: #2F2E33 solid 5px;}
  .uk-accordion-title{font-weight:bolder;}
  .uk-accordion-content{padding: 2%; background-color:rgb(249, 249, 249); width: 100%;}
  
  
  #totopmyBtn {
     display: none;
     position: fixed;
     font-weight: bold;
     bottom: 20px;
     right: 30px;
     z-index: 99;
     font-size: 18px;
     border: none;
     outline: none;
     background-color: rgb(164, 224, 167);
     color: black;
     cursor: pointer;
     padding: 15px;
     border-radius: 4px;
     border: solid white 5px;
   }
   
   #toptopmyBtn:hover {
     background-color: rgb(83, 163, 87);
   }
  
.container_h1{background-color: rgb(131, 40, 40); padding:2%; border-radius: 8px 8px 0px 0px;}
.container_h1 h1{color:white;}
.container_form{background-color: white;margin-top:80px;padding:3%; border-radius: 8px 8px 8px 8px; border:4px green solid;}

@media (min-width: 320px) and (max-width: 812px) {
  
  .responsive_margin {margin-top:20px;}
} 

  /*device-iphone5*/
    
@media(max-width: 320px )and (max-width: 320px){

.responsive_margin {margin-top:20px;}
}     



/*LOGIN

*/

.container_form_log{background-color: white;padding:3%; border-radius: 8px 8px 8px 8px; border:4px green solid;}