@media (min-width: 480px){
     * {
         font-family: 'Work Sans', sans-serif;
         font-weight: 300;
         margin-right: 2px;
         margin-left: 2px;
    }
     body{
         min-height:500px;
         margin:0 auto;
         position:relative;
    }
     button:hover {
         background-color: #377796;
         color: white;
    }
     header {
         height: 100px;
         text-align: center;
         line-height: 100px;
    }
     footer {
         clear: both;
         height: 100px;
         text-align: center;
         line-height: 50px;
         background-color:#377796;
         margin-top:100%;
    }
     h1 {
         font-family: 'Montserrat', sans-serif;
         font-weight: 700;
         font-size: 40px;
         color: #377796;
         margin-left: 35%;
         text-align: left;
    }
     h2{
        background-color:#004e66;
        color:white;
        text-align:center;
    }

     h3{
         margin-bottom: 0;
         margin-top: 0;
    }
    }
     p {
         margin-left: 5px;
    }
     a {
         text-decoration: none;
         color: white;
    }
     aside {
         width: 10%;
         height: 100px;
         text-align: center;
         position: fixed;
         right: 0;
         z-index: 99;
         float: right;
         position: fixed;
         right: 0;
    }
     textarea{
         height:100px;
         width:300px;
    }
    .identif{
        color:white;
        text-align: center;
        padding-top:1%;
        font-size:x-large;
    }
     .tableFiltres{
        max-height:100px;
    }
     .custom-select {
         position: relative;
         font-family: sans-serif;
         font-weight: bold;
         background-color: #e1eef6;
         border: none;
    }
     select.custom-select{
         margin-left: 0px;
         height:40px;
         width:100%;
    }
     select.custom-select:hover{
         background-color: #b5d5e9;
    }
     .custom-select2 {
         position: relative;
         font-family: sans-serif;
         font-weight: bold;
         background-color: #e1eef6;
         border: none;
    }
     select.custom-select2{
         margin-left: 20%;
         height:40px;
         width:60%;
    }
     select.custom-select2:hover{
         background-color: #b5d5e9;
    }
     .bandeauBleu {
         width: 100%;
         background-color: #377796;
         height: 50px;
         margin: 0;
         clear:both;
    }
     .bandeauBleuFix {
         width: 100%;
         background-color: #377796;
         height: 50px;
         margin-top: -110px;
         position:fixed; 
         clear:both;
    }
     .controle {
         margin-top: 2px;
         width: 100%;
         overflow-x: scroll;
         float:right;
         border-collapse: collapse;
    }
     .controle tr{
         border-color: #e1eef6;
         border-width:medium;
         border-style: solid;
         border-radius: 1px;
         height:50px;
    }

     .controle2 {
         margin-top: 2px;
         width: 100%;
         overflow-x: scroll;
         border:solid;
    }
     .controle2 tr:nth-child(odd) {
         background-color: #e1eef6;
    }
     .controle2 tr:hover {
         background-color: #b5d5e9;
    }
    .controle3{
        margin-top: 2px;
         width: 100%;
         overflow-x: scroll;
         float:right;
         border-collapse: collapse;
    }
    .controle3 tr{
         border-color: #e1eef6;
         border-width:medium;
         border-style: solid;
         border-radius: 1px;
         height:35px;
    }
     .libelles th {
         font-style: bold;
         color: white;
         background-color: #377796;
         text-align: left;
    }
    
    .intertitre{
        text-align: center;
        font-weight:bold;
        font-size:xx-large;
        color:white;
        background-color: #b5d5e9;
    }
     .retour {
         background-color: #ffce00;
         border-radius: 4px;
         border: none;
         color: rgb(59, 65, 61);
         padding: 5px 32px;
         margin-top: 10px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
    }
    }
     .deconnex {
         background-color: #ffce00;
         border-radius: 4px;
         border: none;
         color: rgb(59, 65, 61);
         padding: 5px 32px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         float:right;
         margin-top: 2%;
    }
    .deconnex2{
        width:3%;
        float:right;
        margin-top:2%;
        margin-right:2%;
    }
    .deconnex3{
        width:7%;
        float:right;
        margin-top:2%;
        margin-right:2%;
    }
    .deconnex4{
        width:6%;
        float:right;
        margin-right:2%;
        margin-top:1%;
    }
    .nomSociete{
        font-size:xx-large;
    }
    .pomme{
        margin-top:7px;
    }

     .details {
         background-color: #ffce00;
         border-radius: 4px;
         border: none;
         color: rgb(59, 65, 61);
         margin-top: 10px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
    }
    }
     .valider {
         background-color: #ffce00;
         border-radius: 4px;
         border: none;
         color: rgb(59, 65, 61);
         margin-top: 10px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         margin-left: 3px;
    }
     .boutonRecherche{
         background-color: #ffce00;
         border-radius: 4px;
         border: none;
         color: rgb(59, 65, 61);
         margin-top: 10px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
    }
     .texteRecherche{
         height: 40px;
         width: 200px;
         background-color: #F5F5F5;
         border: none;
         border-radius:10px 0px 0px 10px;
         margin-right:0;
    }
     .admin2 {
         position: center;
         margin-top: 6%;
         margin-left: 40%;
         margin-bottom: 10% 
    }
     .menu {
         margin-top: 10%;
         margin-right: 2%;
    }
     .titre {
         position: center;
         margin-right: 2px;
         margin-left: 2px;
         margin-bottom: 10px;
    }
     .admin {
         position: center;
         margin-right: 2px;
         margin-left: 2px;
         margin-bottom: 10px;
    }
     .logo {
         float: left;
         height: 100px;
    }
     .lien {
         text-align: center;
    }
     .lien:hover {
         background-color: #e3632d;
         z-index: 99;
    }
     .accueil{
         font-size: 30px;
         font-style: bold;
         margin-left: 5px;
    }
     .accueilFix{
         font-size: 30px;
         margin-top: 25px;
         color:white;
    }
     .centre{
         float: right;
         width: 25%;
         display: none;
    }
     .centreFix{
         height:50px;
         position:fixed;
         margin-left:40%;
         background-color: #377796;
    }
     .recherche{
         float: right;
         padding-top: 15px;
         width: 80%;
         margin-top:1%;
    }
     .form-rech{
         float: left;
         margin-right:25%;
    }
    .form-rechFix{
         float: left;
    }
     .rechercheFix{
         padding-top: 20px;
         margin-left: 10%;
         position:fixed;
         z-index: 99;
    }
    .valid-rech{
        color:white;
        width:40px;
        height:42px;
        margin:0;
        border: none;
        font-size:medium;
        font-weight:bold;
        vertical-align: bottom;
        background-color: #ffce00;
        border-radius: 0px 10px 10px 0px;
    }
    .ensembleCentral{
         width:100%;
    }
     .ensembleCentralFix{
         background-color: #377796;
         position:fixed;
         height:85px;
         margin-top: -160px;
         width:100%;
    }
     .ajoutArticle{
         float: none;
    }
     .monCompte{
         margin:10px;
         float:left;
         width:20%;
    }
     .infosClient{
         border-style: solid;
         margin-left: 10px;
    }
     .maSociete{
         margin:10px;
         float:right;
         width:70%;
    }
     .infosSociete{
         border-style: solid;
    }
     .blocNote{
         width:50%;
         float: right;
         margin-right: 10px;
         margin-bottom: 10px;
    }
     .infosClient2{
         width: 40%;
         float: left;
         margin-left: 10px;
         margin-bottom: 30px;
    }
     .commentFab{
        margin-left:5px;
        height:30px;
        width:70%;
        border:#e3632d solid;
        border-width:0.18em;
        border-radius: 10px;
        padding-left: 5px;
    }
     .changerClient{
         color:#ff5f2e;
    }
     .changerClient:hover{
         color:black;
    }
     .filtres{
         width:18%;
         float:left;
    }
     .filtresFix{
         width:18%;
         float:left;
         position:fixed;
    }
     .listeFiltre{
         width:100%;
         height: 60px;
         background-color: #377796;
         color: white;
         text-transform: uppercase;
         padding-left:5px;
    }
    .listeFiltreTitre{
        height:60px;
        padding-top:20px;
        font-size:larger;
    }
    .listeFiltreDeroul{
        margin-top: 2px;
    }
    .listeFiltreDeroulElmt{
        background-color: red;
    }

     .hautDePage {
         position: absolute;
         right: 20px;
         bottom:30px;
         z-index:99;
    }
     .titrePage{
         font-family: 'Montserrat', sans-serif;
         font-weight: 700;
         font-size: 40px;
         color: #377796;
         margin-left: 35%;
         text-align: left;
    }

.btn-filtre{
  background-color:#377796;
  color:white;

  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-size: large;

  height: 35px;
  width:99%;

  margin-top: 2px;
  padding-left: 10px;

  border:none;
  border-radius: 5px 30px 30px 5px;

}
.btn-filtre-open{
  background-color:#e3632d;
  color:white;

  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-size: large;

  height: 35px;
  width:99%;

  margin-top: 2px;
  padding-left: 10px;

  border:none;
  border-radius: 5px 30px 30px 5px;

}
.btn-filtre-open:hover{
    background-color:#e3632d;
}
.input-filtre{
    width:20px;
    margin-top:10px;
}
.liste{
  display:none;
}
.liste2{
  display:none;
}
.liste-show{
  display:block;
  width:100%;
  max-height:225px;
  overflow:auto;

}
.liste2-show{
  display:block;
  width:100%;
  max-height:225px;
  overflow:auto;

}
.liste-show::-webkit-scrollbar{
    display:none;
}
.liste-show ul{
  margin:0;
  padding-left:10px;
}
.liste-show li{
  list-style-type: none;
  color:black;
  text-transform: uppercase;
  font-size: medium;
  background-color:#b5d5e9;
  height:35px;
  margin-top: 3px;
  padding-left: 10px;
  border-radius: 5px 30px 30px 5px;
}
.liste-croix{
  float:right;
  margin-right:5%;
  margin-top:4%;
}
.liste-elmt{
  float:left;
  margin-top: 4%;
}
.liste-elmt a{
    color:black;
}
.liste-elmt-chosen{
  float:left;
  margin-top: 4%;
  
}
.liste-elmt-chosen a{
    color: #e3632d;
}
.reini{
    height: 40px;
    width:50%;
    font-size: larger;
    margin-bottom:2px;
}
.imageListe{
    width:40%;
}
.hiddentr{
    display:none;
}
.opentr{
    background-color: #e1eef6;
    width:100%;
}
.opentr td{
    padding-top: 10px;
    vertical-align: top;

}
.opentr-span{
    font-weight:bold;
    color:#e3632d;
    margin:0;
}
.opentr-span img{
    vertical-align: middle;
}
.opentr-entete{
    background-color: #b5d5e9;
}
.opentr-entete td {
    font-weight:bold;
} 
tr:hover.hiddentr-entete {
    background-color: #b5d5e9;
}
.title-td{
    font-weight:bold;
    min-width: 100px;
}
.content-td{
    min-width:130px;

}
hr{
    width:100%;
    height:2px;
    border:none;
}
.btn-ctrl{
    background-color: #ffce00;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 100px;
    width:100px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl2{
    background-color: #e3632d;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 100px;
    width:100px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl3{
    background-color: #377796;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 100px;
    width:100px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl4{
    background-color: #377796;
    border-radius: 20px 20px 20px 20px;
    border: none;
    color:white;
    height: 35px;
    width:120px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl5{
    background-color: #ffce00;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 100px;
    width:100px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl6{
    background-color: #e91300;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 100px;
    width:100px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl7{
    background-color: #ffce00;
    border-radius: 20px 20px 20px 20px;
    border: none;
    color:white;
    height: 35px;
    width:120px;
    font-size: larger;
    margin-bottom:2px;
}
.btn-ctrl8{
    background-color: #e91300;
    border-radius: 20px 20px 20px 20px;
    border: none;
    color:white;
    height: 35px;
    width:120px;
    font-size: larger;
    margin-bottom:2px;
}

.btn-ctrl-idem{
    background-color: #ffce00;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 80px;
    width:80px;
    font-size: larger;
    margin-left:10px;
}
.btn-ctrl-conf{
    background-color: #0db300;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 80px;
    width:80px;
    font-size: larger;
    margin-left:10px;
}
.btn-ctrl-nc{
    background-color: #e97700;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 80px;
    width:80px;
    font-size: larger;
    margin-left:10px;
}
.btn-ctrl-rebut{
    background-color: #e91300;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 80px;
    width:80px;
    font-size: larger;
    margin-left:10px;
}
.btn-ctrl-plus{
    background-color: #377796;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 50px;
    width:50px;
    font-size: xxx-large;
    margin-left:10px;
}
.btn-ctrl-charge{
    height: 40px;
    width: 50%;
    font-size: larger;
    background-color: #377796;
    border-radius: 4px;
    color:white;
    border: none;
    margin-bottom: 20px;
    margin-left:50%;
}
.btn-ctrl-charge:hover{
    background-color:#e3632d ;
}
.btn-ctrl-list-pdt{
    height: 40px;
    width: 25%;
    font-size: larger;
    background-color: #377796;
    border-radius: 4px;
    color:white;
    border: none;
    margin-bottom: 20px;
    margin-left:25%;
}
.btn-ctrl-list-pdt:hover{
    background-color:#e3632d ;
}
.pdt-recherche{
    width:100px;
}
.btn-ctrl-search{
    background-color: #ffce00;
    border-radius: 50px 50px 50px 50px;
    border: none;
    color:white;
    height: 50px;
    width:130px;
    font-size: large;
    margin-left:10px;
}
.btn-ctrl-pdt{
    background-color: #377796;
    border-radius: 20px 20px 20px 20px;
    border: none;
    color:white;
    height: 80px;
    width:80px;
    font-size: larger;
    margin-right:10px;
    margin-top:10px;
}
.btn-ctrl-pdt2{
    background-color: #377796;
    border-radius: 20px 20px 20px 20px;
    border: none;
    color:white;
    height: 55px;
    font-size: larger;
    margin-right:10px;
    margin-top:10px;
    padding-left: 10px;
    padding-right: 10px;
}
.btn-ctrl-pdt:hover{
    background-color: #ffce00;
}
.btn-ctrl-pdt2:hover{
    background-color: #ffce00;
}
.btn-ctrl-valid{
    background-color: #e3632d;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 60px;
    width:150px;
    color: white;
    font-size: larger;
    margin-top:20px;
}
.btn-ctrl-valid2{
    background-color: #e3632d;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    width:150px;
    color: white;
    font-size: larger;
}
.btn-ctrl-valid3{
    background-color: #e3632d;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    margin-left:5%;
    color: white;
    font-size: larger;
}
.btn-ctrl-valid4{
    background-color: #e3632d;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:20%;
    font-size: large;
}
.btn-ctrl-valid40{
    background-color: #e3632d;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:20%;
    margin-left: 19%;
    font-size: large;
    margin-bottom: 2%;
}
.btn-ctrl-valid41{
    background-color: #ffce00;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:19%;
    margin-bottom: 2%;
    font-size: large;
}
.btn-ctrl-valid42{
    background-color: #377796;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:19%;
    margin-bottom: 2%;
    font-size: large;
}
.btn-ctrl-valid43{
    background-color: #ffce00;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:19%;
    margin-bottom: 2%;
    margin-left:20%;
    font-size: large;
}
.btn-ctrl-valid5{
    background-color: #b5d5e9;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    width:40px;
    color: black;
    font-size: large;
    margin-top: 3px;
}
.btn-ctrl-valid5-chosen{
    background-color: #e3632d;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    width:40px;
    color: white;
    font-size: large;
    margin-top: 3px;
}
.btn-ctrl-valid6{
    background-color: #e3632d;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 35px;
    width:100%;
    color: white;
    font-size: larger;
}
.btn-ctrl-valid70{
    background-color: #377796;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:90%;
    font-size: large;
}
.btn-ctrl-valid71{
    background-color: #ffce00;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:90%;
    font-size: large;
}
.btn-ctrl-valid72{
    background-color: #e3632d;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 45px;
    color: white;
    width:90%;
    font-size: large;
}
.btn-archives{
    background-color: #e3632d;
    border-radius: 2px 2px 2px 2px;
    border: none;
    height: 40px;
    width:95%;
    color: white;
    font-size: larger;
}
.btn-ctrl-temp{
    background-color: #377796;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 60px;
    width:150px;
    color: white;
    font-size: larger;
    margin-top:20px;
}
.btn-ctrl-temp:hover{
    background-color: #ffce00;
}
.btn-ctrl-valid-modifArt{
    background-color: #e3632d;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 110px;
    width:150px;
    color: white;
    font-size: larger;
    margin-left:50px;
}
.btn-ctrl-return{
    background-color: #ffce00;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    width:150px;
    color: white;
    font-size: larger;
    margin-bottom:20px;
}
.btn-ctrl-ouv{
    background-color: #ffce00;
    border: none;
    height: 40px;
    width: 40%;
    color: white;
    font-size: larger;
}


.infosControle{
    margin-top:1%;
    border: none;
    float:left;
}
.choix-pdt{
    background-color: #e1eef6;
    width: 23%;
    margin-top: 10px;
    float: right;
    border: 3px solid #b5d5e9;
    border-radius: 5px;
}
.choix-pdt-entete{
    font-weight:bold;
    color:white;
    background-color: #377796;
    font-size:x-large;
}
.choix-pdt-lib{
    padding-left:5px;
    font-size: large;
}
.choix-pdt-button{
    text-align: center;
}
.inputControle{
    height:70px;
    width:300px;
    vertical-align: middle;
}
.inputControle:focus{
    background-color: #b5d5e9;
}
.inputReparation{
    height:35px;
    width:300px;
    vertical-align: middle;
}
.inputReparation:focus{
    background-color: #b5d5e9;
}
.inputQteRep{
    width:20px;
}

.img-ctrl-rebut{
    height:80px;
    width: 80px;
    vertical-align: middle;
}
.ctrl-titre-bold-rebut{
    font-weight: bold;
    color:#e91300;
}
.ctrl-titre-bold-nc{
    font-weight: bold;
    color:#e97700;
}
.ctrl-titre-bold-ok{
    font-weight: bold;
    color:#0db300;
}
.modifArt-design{
    width:99%;
    font-size:x-large;
    border:lightblue solid;
    border-width:0.1em;
    border-radius: 10px
}
.modifArt-design:focus{
    background-color: #b5d5e9
}
.modifArt-th{
    font-weight: bold;
    text-align: left;
}
.modifArt-liste{
    background-color: #377796;
    color:white;
    width:100%;
    border-radius:20px 20px 20px 20px;
    height:35px;
    border:none;
    text-transform: uppercase;
}
.modifArt-input{
    height:30px;
    border:lightblue solid;
    border-width:0.18em;
    border-radius: 10px;
    padding-left: 5px;
}
.modifArt-input:focus{
    background-color: #b5d5e9
}
.modifArtDocus-th{
    font-weight: bold;
    text-align: center;
    color:#ff5f2e;
}
.titre-ajoutArt{
    font-weight: bold;
    text-align: center;
    color:white;
    background-color: #004e66;
}
.materielNeuf{
    height: 20px;
    width: 20px;
    vertical-align:inherit;
}

.mobile-visible{
    display: none;
}


input[type="checkbox"].demo5 {
  display: none;
}
input[type="checkbox"].demo5 + label {
  box-sizing: border-box;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding:2px;
  background-color: #c0ceda ;
  transition: all 0.5s ;
}
input[type="checkbox"].demo5 + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s ;
}
input[type="checkbox"].demo5:checked + label {
  background-color: #ffce00 ;
}
input[type="checkbox"].demo5:checked + label::before {
  margin-left: 1.5rem ;
}
input[type="checkbox"].demo6 {
  display: none;
}
input[type="checkbox"].demo6 + label {
  box-sizing: border-box;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding:2px;
  background-color: #c0ceda ;
  transition: all 0.5s ;
}
input[type="checkbox"].demo6 + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s ;
}
input[type="checkbox"].demo6:checked + label {
  background-color: #ffce00 ;
}
input[type="checkbox"].demo6:checked + label::before {
  margin-left: 1.5rem ;
}


.choixExport{
    margin-top:10px;
    margin-left:10px;
}
.th-rep-chiffrage{
    font-weight: bold;
    color:#e3632d;
}
.span-valid-chiff{
    font-size:larger;
    font-weight: bold;
}
.cmuTSC{
    font-weight: bold;

}
.barTSC{
    font-weight: bold;
    color:#e3632d;

}
.filtresEnCours{
    font-weight:bold;
    font-size:x-large;
    color:#e3632d;
}
.enteteFiltres{
    font-weight:bold;
    font-size:x-large;
}
.enteteFiltres2{
    text-align: center;
}
.choixSerie{
    float:left;
}
.choixSerieTr{
    height:50px;
}
.numSerieTab input{
    border:lightblue solid;
    height:30px;
    border-width: 0.18em;
    border-radius: 10px;
    padding-left: 5px;
}
.gestion-produits-titres{
    font-size:large;
    padding-left:2%;
    width:20%;
}
.input-choix-acces{
    margin-left:2%;
}
.input-choix-acces2{
    padding-left:1%;
    height:50px;
    width:20%;
    font-size:larger;
}
input:invalid+span:after {
  content: '✖';
  padding-left: 5px;
}

input:valid+span:after {
  content: '✓';
  padding-left: 5px;
}
.link_mdp{
    margin-top:5px;
    color: blue;
    font-size:small;

}




}