@font-face {
  font-family: "Amorim";
  src: url('../fonts/AmorimSans-Medium.ttf');
}

body,form{
  font-family: "Amorim",Arial,Helvetica,sans-serif;
  margin:0;
  padding: 0;  
  width: 100% ;
  height:800px;
  font-size:14px;
  
} 
*{

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

}  
div{width: 100%;}

select{height:35px;}
img {border : none;}
a.button img{
    vertical-align: -4px;
}
#nombre_deb,#montant_deb{
    height:35px;
    text-align: right;
    width: 50%;
}
#msg_error{
    color: red;
    border: none;
    display: inline-block;
    text-align: left;
    height: 30px;
    width:47%;
    margin-left:5px;
    font-size:12px;
} 
.bloc_titre{width:100%;
}
.bloc_result{width:100%;
    margin-top:15px;
    border: 1px solid #e2e2e2;
}
.titre{
  height:45px;
  color:#FFFFFF;
  font-weight: bold;
  background-color:#004F59; 
  padding-left: 10px;
  padding-top: 16px;
  width: 100%;
}
.titre div{
   width: 100%;
   
}
.titre div span{
    margin-left: 20px;
}
.cadre_div{
    width: 100%;
    border: 1px solid #e2e2e2;
}
.blue{
    border: 4px solid #004F59;
    width: 100%;  
}

.formrows,.formrows2 {background-color: #FFFFFF; color: #333333;height:55px;border:none;margin-bottom: 10px; }
.formrows2 {color:#bebebe;}
.border_button{
    width: 100%; 
    text-align: left;
    margin-top: 5px;
}
div.td_width1{width: 100%; border: none;padding-left: 5px; }
div.td_height{height:35px;}
div.td_width2{width: 100%;text-align: left; border: none;text-align: right;margin-right:10px;border-bottom: 1px solid #e2e2e2;height: 27px;}
div.input-align-left{
    text-align: left;
    border: none;
    padding-left: 5px; 
}
div.td_width2 span{
    margin-right:5px;
}
a.button  {
    width:90px;
    text-decoration:none;
    text-align: center;
    padding:10px;
    background-repeat:no-repeat;color:#FFFFFF;
    background-color:#004F59;
   
}
.button_div{
    text-align: right;
    width:100%;
    vertical-align: 7px;
    display: inline-block;
}

.arrow_blue{
  display:none;
}
.arrow_blue_no{
    display: none;
}

.paddingRight{
    padding-right:0px;
    font-weight: bold;
}
.text-right{
    text-align: right;
}
 /* 768*/
@media screen and (min-width:714px){
body,form{
  width: 100%  ;
 
}   
div{width: 100%;}

img {border : none;}
a.button img{
    vertical-align: -4px;
}
#nombre_deb,#montant_deb{
    height:35px;
    text-align: right;
    width: 50%;
}
#msg_error{
    color: red;
    border: none;
    display: inline-block;
    text-align: left;
    height: 30px;
    width:30%;
    margin-left:5px;
    font-size:12px;
    left: 375px;
    position: relative;
} 
.bloc_titre{width:100%;
}
.bloc_result{
    width:100%;
    margin-top:15px;
    border: 1px solid #e2e2e2;
}
.bloc_result .formrows{
    width:100%;
}
.titre{
   height:50px;
   color:#FFFFFF;
   background-color:#004F59; 
   
   width: 100%;
   
}
.titre div{
    width: 100%;
    padding-top: 10px;
    
}

.cadre_div{
     width: 100%;
     border: 1px solid #e2e2e2;
     border-bottom:0px;
     margin-bottom:0px;
     padding-left: 0px;
}
.blue{
    border: 7px solid #004F59;
    margin-left: 2px;
    width: 100%;  
}

.formrows,.formrows2 {
    background-color: #FFFFFF;
    color: #333333;height:50px;
    border:none;
    margin-bottom: 0px;
    border-bottom: 1px solid #e2e2e2;
    }
.formrows2 {color:#bebebe;}
.border_button{
    width: 100%; 
    text-align: left;
}
div.td_width1{border: none;margin-left: 0px;display: inline-block;width:65%; vertical-align: middle;border-right: 1px solid #e2e2e2;height: 50px;}
div.td_width2{text-align: left; border: none;text-align: right;margin-right:10px;display: inline-block;width:30%; }
.formrows2 div.td_width1 span,.formrows div.td_width1 span{position: relative;top: 15px;padding-left: 5px;}
.formrows div.td_width2 span{}
.formrows div.td_width1 span.span_v{position: relative;top: 8px;padding-left: 5px;}
.formrows2 div.td_width1 span.span_v{position: relative;top: 8px;}


div.td_height,div.td_height2{height:50px;}
div.input-align-left{
     
     border: none;
}

a.button  {
    width:90px;
    text-decoration:none;
    text-align: center;
    padding:10px;
    background-repeat:no-repeat;color:#FFFFFF;
    background-color:#004F59;
   
}
.button_div{
    text-align: right;
    width:64.5%;
    vertical-align: -2px;
    display: inline-block;
    margin-top:5px;
}

.arrow_blue{
    left: 328px;
    position: absolute;
    top: 278px;
    display: block;
}
.arrow_blue_no{
    display: none;
}

.paddingRight{
    padding-right:0px;
    font-weight: bold;
}
.text-right{
    text-align: right;
}
}
 

@media screen and (max-width:714px){
  #nombre_deb,#montant_deb{
      width: 100%;
  }
  .bloc_titre .formrows{
      padding-right: 5px;

  }

}

/*

En résolution 1366 : 714px

En résolution 1024 : 560px

En résolution 768 : 460px

En résolution 320 : 300px
*/