body {
  margin: 0;
  font-family: "Calibri", sans-serif;
  font-size: 0.9rem;
  line-height: 1.42857143;
  color: #333;
  width: 1880px;
  
}
p {
  margin-top: 0px;
}
.remises {
  font-family: "Calibri", sans-serif;
  font-size: 1em;
  color: #004c72;
  width: 600px;
  height: 600px;
  border: solid 1px gray;
  box-shadow: 5px 5px 8px gray;
  margin-left: 400px;
  margin-top: 10px;
  background-color: white;
  display: none;
  position: absolute;
  z-index: 10;
}
.remises2 {
  font-family: "Calibri", sans-serif;
  font-size: 1em;
  color: #004c72;
  width: 600px;
  height: 600px;
  border: solid 1px gray;
  box-shadow: 5px 5px 8px gray;
  margin-left: 400px;
  margin-top: 10px;
  background-color: white;
  display: none;
  position: absolute;
  z-index: 10;
}
.entete{
  width: 211px;
  height: 95px;
  margin-left: 2px;
  border-radius: 8px;
}
.copyright{
  font-family: "Calibri", sans-serif;
  font-weight: bold;
  color:  #0000ee;
  font-size: 12px;
  text-align: center;
  width: 300px;
  margin-left: 1600px; 
  margin-top: -88px;
}
.resolution{
  font-family: "Calibri", sans-serif;
  color: #0000ee;
  font-weight: bold;
  font-size: 12px;
  margin-top: 750px; 
  margin-left: 6px; 
  position: absolute; 
  z-index: 10;
}

#boxActions {
  border-radius:4px 4px 4px 4px;
  width: 500px; 
  height: 355px; 
  top: 81px; 
  margin-left: 464px; 
  position: absolute; 
  z-index: 999; 
  border: 1px; 
  border-color: #aaa;
  background-color: #ffffff;  /*display:none;*/
  font-family: "Calibri", sans-serif;
  font-size: 18px;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 25px;
  padding-left: 2px;
  text-align: center;
  color: #333;
  border-top-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  border-left-style: outset;
  display: none;
}
#boxActions #fermer {
    cursor: pointer;
    text-align: center;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 4px;
    right: 8px;
}

.barreTitre {
    border-radius:4px 4px 4px 4px;
    background-color: #dbd9d9;
    text-align: center;
    vertical-align: middle;
    font-family: "Calibri", sans-serif;
    font-size: 20px;
    color:#004c72;
    height: 36px;
    width: 100%;
    border: 2px outset #FFC;
    padding-top: 2px;
    font-weight: bold;
}

#contenu {
  background-color: #ffffff; 
  width: 1632px; 
  height: 810px; 
  margin-top: 0px; 
  position: absolute;
  display: none;
  
}
#initsoc {
  background-color: #aaa; 
  width: 1632px; 
  height: 800px; 
  margin-top: -52px; 
  position: absolute;

}
#boxFormulaire {
    border-radius:4px 4px 4px 4px;
    position:absolute;
    height:auto;
    z-index:31;
    background-color: #F3F3F3;  /*display:none;*/
    font-family: "Calibri", sans-serif;
    font-size: 18px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 25px;
    padding-left: 2px;
    text-align: center;
    color: #333;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    display:none;
}
#boxFormulaire #fermer {
    text-align: center;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 4px;
    right: 8px;
}

.barreTitre {
    border-radius:4px 4px 4px 4px;
    background-color: #ebf8fc;
    text-align: center;
    vertical-align: middle;
    font-family: "Calibri", sans-serif;
    font-size: 20px;
    color:#004c72;
    height: 36px;
    width: 100%;
    border: 2px outset #FFC;
    padding-top: 2px;
    font-weight: bold;
}



  #param {
    font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 0.9em;
      background-color: white;
    width: 1370px;
    height: 788px;
    margin-left: 20px;
    margin-top: 10px;
    border: solid 1px #aaa;
    position: absolute;
    border-radius: 5px 5px 0px 0px;
  }
  
  #psociete {
    font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 1.2em;
      background-color: white;
    width: 1350px;
    height: 212px;
    margin-left: 10px;
  }

  #soctable {
    width: 330px;
  }
  #soctable td {
    text-align: right;
    line-height: 28px;
  }
  
  .inputtext {
    width: 227px;
  }
   #cadrelogo {
    width: 202px;
    height: 164px;
    margin-left: 340px;
    margin-top: -167px;
    border: solid 1px gray;
    position: absolute;
    cursor: pointer;
   }
   .btnimg {
    font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 1em;
      font-weight: bold;
    width: 140px; 
    height: 30px; 
    background-color: #cccccc; 
    border-radius: 4px;
    margin-top: 133px;
    margin-left: 12px;
    position: absolute;
   }
  #socpieds {
    width: 797px;
    margin-top: -168px; 
    margin-left: 532px
  }
  #socpieds td {
    text-align: right;
    line-height: 28px;
    width: 100px;
  }
  #ccompta {
    width: 650px;
    margin-top: 21px; 
    margin-left: -13px
  }
  #ccompta td {
    text-align: right;
    line-height: 28px;
  }
  .inputcompta {
    width: 100px;
  }
  .inputpieds {
    font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 0.9em;
      background-color: white;
    width: 688px;
    text-align: center;
  }
  #plancompta {
    font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 1.2em;
      background-color: white;
    width: 668px;
    height: 230px;
    margin-left: 692px;
  }
  #thebanques {
    font-family: "Calibri", sans-serif;
    color: #004c72;
    font-size: 1.2em;
    background-color: white;
    width: 1350px;
    height: 296px;
    margin-left: 10px;
  }
  #banques {
    width: 650px;
    margin-top: 6px; 
    
  }
  #banques td {
    text-align: center;
    line-height: 28px;
  }
  #banques th {
    font-family: "Calibri", sans-serif;
    color: #004c72;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    background-color: #cccccc;

  }
  #paramemails {
    font-family: "Calibri", sans-serif;
    color: #004c72;
    font-size: 1.2em;
    background-color: white;
    width: 674px;
    height: 230px;
    margin-left: 10px;
    margin-top: -230px;
  }
  #param_emails {
    width: 378px;
    margin-top: -3px; 
    
  }
  #param_emails td {
    text-align: right;
    line-height: 28px;
  }
  #cadrelogomail {
    width: 202px;
    height: 164px;
    margin-left: 387px;
    margin-top: -167px;
    border: solid 1px gray;
    position: absolute;
    cursor: pointer;
   }
   .btnimg2 {
    font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 1em;
      font-weight: bold;
    width: 140px; 
    height: 30px; 
    background-color: #cccccc; 
    border-radius: 4px;
    margin-top: 133px;
    margin-left: -352px;
    position: absolute;
   }

.pwd_init {
  width: 100%;
  border: 1px solid #ccc;
  
}
#clients {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1050px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#reglements {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1456px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#tb {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1610px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#relancescli {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1612px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#produits {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 800px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#listeproduits {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1200px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#listecompletedoc {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1200px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#average {
  position: absolute;
  top:  10px;
  margin-left: 1220px;
  width: 400px;
  height: 390px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#bestclient {
  position: absolute;
  top:  410px;
  margin-left: 1220px;
  width: 400px;
  height: 390px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
#listetodo {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1205px;
  height: 745px;
  border-radius: 5px 5px 0px 0px;
}
#clients_barre {
  position: absolute;
  width: 1049px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#reglements_barre {
  position: absolute;
  width: 1455px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#balance_barre {
  position: absolute;
  width: 1455px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#param_barre {
  position: absolute;
  width: 1369px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#tb_barre {
  position: absolute;
  width: 1609px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#relancescli_barre {
  position: absolute;
  width: 1611px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#produits_barre {
  position: absolute;
  width: 800px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#listeproduits_barre {
  position: absolute;
  width: 1200px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#listecompletedoc_barre {
  position: absolute;
  width: 1199px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#listec {
    position: absolute;
    top:  10px;
    margin-left: 10px;
    width: 600px;
    height: 790px;
    border: solid 1px #aaa;;
    border-radius: 5px 5px 0px 0px;
  }
  #listec_barre {
    position: absolute;
    width: 599px;
    height: 35px;
    background-color: #aaa;
    border-radius: 5px 5px 0px 0px;
  }
#average_barre {
  position: absolute;
  width: 399px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#bestclient_barre {
  position: absolute;
  width: 399px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#listetodo_barre {
  position: absolute;
  width: 1200px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
}
#produits_control {
  position: absolute;
  font-family: "Calibri", sans-serif;
  font-size: 0.94rem;
  width: 799px;
  margin-top: 35px;
  height: 35px;
  background-color: #dbd9d9;
}
#clientsliste {
  position: absolute;
  top:  10px;
  margin-left: 10px;
  width: 1250px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;

}
#clients_barreliste {
  position: absolute;
  width: 1249px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;

}
#clients_control {
  position: absolute;
  font-family: "Calibri", sans-serif;
  font-size: 0.94rem;
  width: 1048px;
  margin-top: 35px;
  height: 35px;
  background-color: #dbd9d9;
  

}
.chk_clients {
  width: 22px;
  height: 22px;
  display: block;
  background-color: #ffd044;
}
.td_clients{
  font-family: "Calibri", sans-serif;
  font-size: 1rem;
  color:  #aaa;
  font-weight: bold;
  text-align: left;
}
.input_clients{
  width: 255px;
  box-shadow: 0px 0px 7px gray;

}
.tr_client{
  line-height: 34px;
}
.titre_barre {
  font-family: "Calibri", sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: bold;
  color: white;
  padding-left: 5px;
  padding-top: 3px;
}

.fondBtnSwitchR{
  width: 90px;
  height: 22px;
  border-radius: 50px;
  position: relative;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
  background-color: #aaa;
  text-align: center;
  display: inline-block;
  z-index: 0;
  margin-top: 2px;
  margin-right: 10px;
  margin-bottom: 2px;
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.fondBtnSwitchR .libelleSwitchR {
  text-align: left;
  margin-left: 5px;
  line-height: 130%;
  font-family: "Calibri", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 6px;
  color: #dbd9d9;
}
.curseurSwitchR {
  background-color: #999;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}

.fondBtnSwitchR2 {
  position: absolute;
  width: 90px;
  height: 22px;
  border-radius: 50px;
  position: relative;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
  background-color: #aaa;
  text-align: center;
  display: inline-block;
  z-index: 99;
  margin-top: 16px;
  margin-right: 10px;
  margin-bottom: 2px;
  margin-left: 1238px;
  padding-top: 3px;
  padding-bottom: 2px;
}
.fondBtnSwitchR2 .libelleSwitchR2 {
  text-align: left;
  margin-left: 5px;
  line-height: 130%;
  font-family: "Calibri", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 6px;
  color: #dbd9d9;
}
.curseurSwitchR2 {
  background-color: #999;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
.find {
  position: absolute;
  top: 10px;
  margin-left: 1082px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}

.todo {
  position: absolute;
  top: 10px;
  margin-left: 1370px;
  width: 250px;
  height: 790px;
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}

.buttonf {
  width: 152px;
  background-color: #aaa;
  color: #ffffff;
}
.buttonfa {
  width: 152px;
  background-color: #aaa;
  color: #ffffff;
}
.alpha {
  width: 30px;
  height: 25px;
  background-color: #aaa;
  color: #ffffff;
}
.alpha:hover {
  border-radius: 2px;
  background-color: #ffd044;
}

#clients_barre2 {
  position: absolute;
  width: 263px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
  margin-top: 0px;
}
#clients_barre3 {
  position: absolute;
  width: 249px;
  height: 35px;
  background-color: #aaa;
  border-radius: 5px 5px 0px 0px;
  margin-top: 0px;
}
#actions {
  width: 175px;
  height: 192px;
  z-index: 10;
  position: absolute;
  display: none;
  border: solid 1px;
  border-color: #004a73;
  background-color: #dbd9d9;
  box-shadow: 5px 5px 5px gray;
  margin-left: 453px;
  margin-top: 70px;
  border-radius: 6px;
}
#newdocuments {
  width: 175px;
  height: 140px;
  z-index: 10;
  position: absolute;
  display: none;
  border: solid 1px;
  border-color: #004a73;
  background-color: #dbd9d9;
  box-shadow: 5px 5px 5px gray;
  margin-left: 600px;
  margin-top: 70px;
  border-radius: 6px;
}

.documents {
  position: absolute;
  top:  410px;
  float: left;
  margin-left: 10px;
  width: 1050px;
  height: 390px;
  background-color: white; 
  border: solid 1px #aaa;;
  border-radius: 5px 5px 0px 0px;
}
    #contenudoc{
      width: 1045px;
      font-family: "Calibri", sans-serif;
      font-size: 14px;
      color:#000000;
      height: 716px;
      position: relative;
      z-index: inherit;
      margin-top: 70px;
      border: none;
    }
    .encart {
      width: 300px;
      height: 152px;
      border: solid 1px;
      border-color: #000000;
      margin-top: -84px;
      margin-left: 716px;
      border-radius: 8px;
      background-color: #dbd9d9;
    }
    .datedoc, .numdoc {
      font-family: "Calibri", sans-serif;
      font-size: 1.2em;
      width: 300px;
      height: 25px;
      border: solid 1px;
      border-color: #aaa;
      margin-top: 3px;
      margin-left: 716px;
      border-radius: 8px;
      background-color: #ffffff;
      padding-left: 6px;
      font-weight: bold;
    }
    #corpdoc {
      font-family: "Calibri", sans-serif;
      font-size: 1.2em;
      position: relative;
      width: 1015px;
      height: 466px;
      margin-top: 18px;
      margin-left: 4px;
      background-color: #ffffff;
      overflow-y: scroll;
    }
    .docs {
      width: 99%;
      margin-top: 0px;
      overflow-y: scroll;
    }
    .docs th {
      font-family: "Calibri", sans-serif;
      color: #aaa;
      font-size: 1.1em;
      background-color: #dbd9d9;
      font-weight: bold;
    }
    .docs td {
      width: 12%;
      padding: 0px;
      padding-left: 2px;
      border: dotted 0.5px;
      border-color: #aaa;
    }
    .geninput {
      font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 0.9em;
      border: none;
    }
    .geninput2 {
      font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 0.9em;
      border: none;
      padding: 1px; 
      background-color: white;
    }
    .lestotaux {
      width: 100%;
      margin-top: 34px;
    }
    .lestotaux th {
      font-family: "Calibri", sans-serif;
      color: #000;
      font-size: 1em;
      background-color: #dbd9d9;
      text-align: right;
      width: 620px;
      font-weight: bold;
    }
    .lestotaux td {
      width: 10%;
      padding: 0px;
      padding-left: 2px;
      border: dotted 0.5px;
      border-color: #004c72;
    }
    #clients_barre_tot {
      position: absolute;
      width: 551px;
      height: 35px;
      background-color: #aaa;
      border-radius: 5px 5px 0px 0px;
    }
    #clients_barre_documents {
      position: absolute;
      width: 551px;
      height: 35px;
      background-color: #aaa;
      border-radius: 5px 5px 0px 0px;
    }
    #cadretot {
      position: absolute;
      width: 552px;
      height: 157px;
      margin-top: 10px;
      margin-left: 1070px;
      border-radius: 5px 5px 0px 0px;
      border: solid 1px;
      border-color: #aaa;
    }
    #cadre_documents {
      position: absolute;
      width: 552px;
      height: 400px;
      margin-top: 177px;
      margin-left: 1070px;
      border-radius: 5px 5px 0px 0px;
      border: solid 1px;
      border-color: #aaa;
    }
    .totinput {
      font-family: "Calibri", sans-serif;
      color: #004c72;
      font-size: 1.1em;
      border: none;
    }
    .lestva{
      text-align: center; 
      border: none; 
      width: 100px;
      background-color: #dbd9d9; 
      width: 100px;
      font-weight: bold;
    }
#list_clients_doc {
  width: 552px;
  height: 400px;
  margin-top: 82px;
  margin-left: 118px;
  position: absolute;
  border: solid 1px;
  border-color: #004a73;
  background-color: #dbd9d9;
  border-radius: 5px 5px 0px 0px;
  overflow-y: scroll;
  display: none;
  z-index: 999;
  border-color: #aaa;
}
#sendmail {
  width: 250px;
  height: 100px;
  margin-top: 82px;
  margin-left: 190px;
  position: absolute;
  border: solid 1px;
  border-color: #004a73;
  background-color: #dbd9d9;
  border-radius: 5px 5px 0px 0px;
  display: none;
  z-index: 999;
  border-color: #aaa;
}


.Style45 {  
  font-size: 18px;
  font-weight: bold;
}