.customers {
  font-family: font-family: 'Poppins', sans-serif;, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  /*margin: 5px 50px 5px 5px;*/
  margin-left:0%;
  margin-right: auto;
  margin-top:10%;
  
}

.customers td, .customers th {
  /*border: 1px solid #ddd;*/
  padding: 1px;
}

.customers tr:nth-child(even){background-color: #f2f2f2;}

.customers tr:hover {background-color: #ddd;}

.customers th {
  font-family: 'Poppins', sans-serif;;
  font-size:100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 5%;
  text-align: left;
  background-color: rgb(200,200,200);
  color: rgb(50,50,50);
}

.minput{
    font-family: 'Roboto', sans-serif;
    font-size:100%;
/*    text-indent:2px;*/
    width: 60%;
    height: auto;
    
    /*margin: 5px 5px 40px 10%;*/
    margin-left:15%;
    margin-right:15%;
    box-sizing: border-box;
    /*border-color: rgb(250,250,250);*/
    /*border-radius:1px;
    border:1px solid blue);
    color: rgb(50,50,50);*/
    
    
}
.mlabel {
    
    font-size:10px;
    font-weight: 500;
    /*text-indent:25px;*/
    /*margin: 5px 2px 5px 10%;*/
    margin-left:25%;
    margin-top:10%;
    /*padding: 12px 12px;*/
    /*padding-left:12px;
    padding-bottom:20px;*/
    color: rgb(50,50,50);
    
}

.mboutable1{
    /*font-family: 'Roboto', sans-serif;*/
    /*font-size:200%;*/
    /*background-color: rgb(150,150,150);*/
    border: none;
    color:white;
    padding: 15px;
    text-align: center;
    text-decoration:none;
    /*display:inline-block;*/
    font-size:14px;
    width: 40%;
    /*border-radius:5px;*/
    height: 10px;
    /*margin-left: 40%;*/
    /*margin: 0px 0px 0px 45%;*/
    /*margin-left:25%;
    margin-top:6%;*/
    cursor: pointer;
    
}

.mbouton{
     font-family: 'Roboto', sans-serif;
    /*background-color: #008CBA;*/
    background-color: rgb(10,10,10);
    border: none;
    color:white;
    /*padding: 1px;*/
    text-align: center;
    text-decoration:none;
   /* display:inline-block;*/
    font-size:5px;
    width: 100%;
    /*border-radius:5px;*/
    height: 4px;
    /*margin-left: 40%;*/
    /*margin: 0px 0px 0px 45%;*/
    cursor: pointer;
    
}
.mboutonconnect{
    font-family: 'Roboto', sans-serif;
    font-size:200%;
    background-color: rgb(150,150,150);
    border: none;
    color:white;
    padding: 15px;
    text-align: center;
    text-decoration:none;
    display:inline-block;
    font-size:14px;
    width: 40%;
    border-radius:5px;
    height: 47px;
    /*margin-left: 40%;*/
    /*margin: 0px 0px 0px 45%;*/
    margin-left:25%;
    margin-top:6%;
    cursor: pointer;
    
}
/*.mbouton:hover{
    box-shadow:0 12px 10px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    */
}
.trait{
    color: rgb(0,0,0);
}
.paragraphe{
    font-family: 'Poppins', sans-serif;;
    font-size:110%;
    background-color: rgb(53,120,229);
    color: white;
    padding: 15px 15px 15px 20px;
    height: 20%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    /*position: sticky;*/
    
}

.totalpara{
    font-family: 'Poppins', sans-serif;;
    font-size:80%;
/*    background-color: silver;*/
    color: rgb(25,25,25);
/*    padding: 15px 15px 15px 20px;*/
    height: 2%;
    margin-left: 10%;
    margin-right: auto;
/*    margin-top: 5%;*/
/*    margin-bottom: 0%;*/
    /*position: sticky;*/
    
}

.paragry{
    font-family: 'Poppins', sans-serif;;
    font-size:100%;
    background-color: sylver;
    color: black;
/*    padding: 15px 15px 15px 20px;*/
    height: 15%;
    margin-left: 5%;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    /*position: sticky;*/
    
}

.sary{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  margin-top:0%;
  
}
.taillediv{
  /*margin-left: -%;
  margin-right: 1%;
  margin-top: 5%;
  margin-bottom: 5%;*/
  /*width: 100%;*/*/
  /*border: 1px solid rgb(175,175,175);*/
  background-color: red;
  
}


.parindiv{
    font-family: 'Poppins', sans-serif;;
    font-size:100%;
    font-weight: 700;
   /* background-color: silver;*/
    color: rgb(75,75,75);
    padding-top:2%;
    padding-left: 5%;
    padding-bottom: 1%;
    height: 2px;
    /*position:absolute;*/
    
}
.parindivautre1{
    font-family: 'Poppins', sans-serif;;
    font-size:85%;
    font-weight: 500;
   /* background-color: silver;*/
    color: rgb(75,75,75);
    padding-top:0%;
    padding-left: 25%;
    padding-bottom: 0%;
    height: 0%;
    /*position:absolute;*/
    
}
.parindivtitre{
    font-family: 'Poppins', sans-serif;;
    font-size:80%;
    font-weight: 500;
   /* background-color: silver;*/
    color: rgb(75,75,75);
    padding-top:0%;
    padding-left: 15%;
    padding-bottom: 0%;
    height: 1%;
    /*position:absolute;*/
    
}
.mboutonperso{
    font-family: 'Tahoma', sans-serif;
    font-size:90%;
    font-weight: 600;
    background: rgb(220,220,220);
    border: none;
    color:white;
    /*padding-top:3%;
    padding-bottom: 3%;*/
    text-align: center;
    text-decoration:none;
    display:inline-block;
    width: 75%;
    height: 50px;
    /*border-radius:5px;*/
    /*height: 10px;
    margin-left: 0%;*/
    /*margin: 0px 0px 0px 45%;*/
    
    /*margin-right:auto;*/
    /*margin-top:1%;*/
    cursor: pointer;
    
}

.corpsall{
  /*background-color:sylver;*/
}

.mboutonfacture{
    font-family: 'Roboto', sans-serif;
    font-size:90%;
    font-weight: 600;
    background-color: rgb(150,150,150);
    border: none;
    color:white;
    /*padding-top:3%;
    padding-bottom: 3%;*/
    text-align: center;
    text-decoration:none;
    display:inline-block;
    width: 75%;
    height: 50px;
    /*border-radius:5px;*/
    /*height: 10px;
    margin-left: 0%;*/
    /*margin: 0px 0px 0px 45%;*/
    
    /*margin-right:auto;*/
    /*margin-top:1%;*/
    cursor: pointer;
    
}


.rnmradio {
   font-family: 'Roboto', sans-serif;
    font-size:80%;
    margin-left: 50px;
}

.rnmradiolabel {
    font-family: 'Roboto', sans-serif;
    font-size:90%;
    margin-left: 5px;
    padding-left: 5px;
}

.paragrapheB{
    font-family: 'Poppins', sans-serif;;
    font-weight: 800;
    font-size:100%;
    /*background-color: rgb(210,210,210);*/
    color: rgb(25,25,25);
    padding: 15px 15px 15px 5px;
    height: 20%;
    margin-left: 15px;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    /*position: sticky;*/
    
}

.paragrapheD{
    font-family: 'Poppins', sans-serif;;
    font-weight: 400;
    font-size:100%;
    /*background-color: rgb(210,210,210);*/
    color: rgb(25,25,25);
    /*padding: 15px 15px 15px 5px;*/
    height: 10%;
    margin-left: 60px;
    margin-right: auto;
    
    
}

.parada{
    font-family: 'Roboto', sans-serif;;
    font-weight: bold;
    font-size:80%;
    /*background-color: rgb(210,210,210);*/
    color: rgb(25,25,25);
    /*padding: 15px 15px 15px 5px;*/
    padding-left: 25px;
    height: 10%;
    margin-left: 60px;
    margin-right: 60px;
    
}


.minputander{
    font-family: 'Roboto', sans-serif;
    font-size:100%;
    /*background-color: rgb(210,210,210);*/
    color: rgb(25,25,25);
    /*height: 20%;*/
}

.paragraphe__C{
    font-family: 'Roboto', sans-serif;
    font-size:80%;
    /*background-color: rgb(210,210,210);*/
    color: rgb(25,25,25);
    /*padding-left:0px;*/
    height: 20%;
    margin-left: 5%;
    margin-right: 1px;
    margin-top: 0%;
    margin-bottom: 0%;
    /*position: sticky;*/
    
}

.mboutonrec{
    font-family: 'Roboto', sans-serif;
    font-size:100%;
    background-color: #008CBA;
    border: none;
    color:white;
    padding-top:3%;
    padding-bottom: 3%;
    text-align: center;
    text-decoration:none;
    display:inline-block;
    width: 30%;
    /*border-radius:5px;*/
    height: 3px;
    margin-left: 35%;
    /*margin: 0px 0px 0px 45%;*/
    
    /*margin-right:auto;*/
    margin-top:1%;
    cursor: pointer;
    
}

.paragrapheA{
    font-family: 'Roboto', sans-serif;;
    font-size:90%;
    font-weight: 600;
    background-color: rgb(230,230,230);
    color: rgb(25,25,25);
    /*padding: 15px 15px 15px 20px;*/
    padding-left: 40px;
    padding-bottom: 10px;
    padding-top: 15px;
    height: 15%;
    margin-left: 25px;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    width: 80%;
    /*position: sticky;*/
    
}

.parada{
    font-family: 'Roboto', sans-serif;;
    font-weight: bold;
    font-size:80%;
    /*background-color: rgb(210,210,210);*/
    color: rgb(25,25,25);
    /*padding: 15px 15px 15px 5px;*/
    padding-left: 25px;
    height: 10%;
    margin-left: 60px;
    margin-right: 60px;
    
}

.paragrapheC{
    font-family: 'Roboto', sans-serif;;
    font-size:90%;
    font-weight: 600;
    /*background-color: rgb(230,230,230);
    color: rgb(25,25,25);
    /*padding: 15px 15px 15px 20px;*/
    /*padding-left: 40px;*/
    padding-bottom: 10px;
    padding-top: 15px;
    height: 15%;
    /*margin-left: 25px;*/
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    width: 50%;*/
    /*position: sticky;*/
    
}