body {
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  font-size: 14px;
  padding: 0px;
  width:100%;
  height: 100vh;
  background-attachment: fixed;
  background-size:cover;
}

a{
    color:  #1B4977;
    text-emphasis: none;
}

a:hover{
    color: #E38C33;
    text-decoration: none;
}

.centered-dropdown {
   display: flex;
   justify-content: center; /* Centrer horizontalement le contenu */
   align-items: center; /* Centrer verticalement le contenu (si la cellule est plus haute que le contenu) */
}

.right-dropdown {
   display: flex;
   justify-content: flex-end; /* Centrer horizontalement le contenu */
   align-items: center; /* Centrer verticalement le contenu (si la cellule est plus haute que le contenu) */
}

.exerciceL{
   display: flex;
   justify-content: center;
}

.grid-container {
   display: grid;
   grid-template-columns: auto auto auto;
   gap: 10px;
   align-items: center; /* Centrage vertical */
   height: 100%; /* Nécessaire pour le centrage vertical, ajustez en fonction de vos besoins */
}


#mon-bouton-1{
/* hérite de la class button-cours */
  color : black;
  padding : 0.400em 0.8em;
/* padding : 5px 8px;  pour une font-size parent de 16px */
  background-color : white;
  
}
#mon-bouton-1:hover{
  background-color : #E7E7E7;
}
#mon-bouton-1:focus{
  background-color : #E7E7E7;
}
#mon-bouton-1:focus span{
  outline : 1px dotted #E7E7E7;
}
#mon-bouton-1:active{
  background-color : #E7E7E7;
}

.page-content > .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 30px;
}


/* Logo & Navigation */

.header{
   height:50px;
   background-color: #FF8700;
}

.header .logo h1{
   font-size:30px;
   margin:0px;
   padding:10px 0px;
}

.header .logo h1 a{
   color:#fff;
   font-family: 'Open Sans Condensed', sans-serif;
}

.header .logo h1 a:hover{
   color:#fff;
   text-decoration:none;
   border:0px;
}

.header .form{
   margin-top:10px;
   width:100%;
   max-width:300px;
   margin:10px auto;
}

.header .navbar *{
   box-shadow:none !important;
}

.header .navbar .label{
   font-size:12px;
   padding:4px 8px;
   margin:0px 2px;
   border-radius:15px !important;
}

.header .navbar{
   background:none !important;
   border:0px !important;
}

.header .navbar i{
   margin-right:3px;
}

.header .navbar .nav > li > a{
   color:#fff !important;
   font-size:13px !important;
   border-bottom:0px !important;
   margin-top:0px !important;
   font-weight:bold;
}

.header .navbar-nav>.open>a,.header  .navbar-nav>.open>a:hover,.header  .navbar-nav>.open>a:focus {
   background:none !important;
}

.header .navbar-collapse{
   border:0px !important;
}

.header .navbar-header{
   width:43px;
   margin:0 auto;
}

.header .navbar-header button{
   color:#fff !important;
   padding:5px 10px;
}

.header .navbar-toggle{
   background-color: #1dc1da !important;
   border:1px solid #0fa6bc !important;
}

.header .navbar-toggle:hover, .header .navbar-toggle:focus {
   background-color: #0fa6bc !important;
   border:1px solid #0fa6bc !important;
}

.header .dropdown-menu{
   border-radius:6px !important;
   background:#fff !important;
}

.header .dropdown-menu li{
   font-size:13px;
   padding:6px 15px;
   border-bottom:1px dashed #f3f3f3;
}

.header .dropdown-menu li a {
   color:#888;
   padding-left:0px !important;
}

.header .dropdown-menu li:last-child{
   border:0px;
}

.header .dropdown-menu li a:hover{
   background:none !important;
   color:#666 !important;
   border:0px !important;
}

.header .dropdown-big{
   min-width:300px;
}

.header .dropdown-big .dropdown-head{
   padding:7px 15px;
   background:#fcfcfc;
   border-bottom:1px solid #ddd;
   margin-top:-5px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
}

.header .dropdown-big .dropdown-title{
   font-size:13px;
   font-weight:bold;
   color:#999;
}

.header .dropdown-big .dropdown-body{
   background:#fff;
}

.header .dropdown-big .dropdown-foot{
   padding:7px 15px;
   background:#fcfcfc;
   border-top:1px solid #ddd;
   margin-bottom:-5px;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
   font-size:12px;
}

.header .dropdown-big .dropdown-foot a{
   color:#888;
}

.header .dropdown-big .dropdown-foot a:hover{
   color:#555;
   border-bottom:0px;
}

.header .navbar-nav .caret{
   border-top-color:#fff !important;
   border-bottom-color:#fff !important;
}

.header .navbar-nav>.open>a .caret,.header  .navbar-nav>.open>a:hover .caret,.header  .navbar-nav>.open>a:focus .caret {
   border-top-color: #fff !important;
   border-bottom-color: #fff !important;
}

/* Sidebar navigation */

.content-box, .content-box-large {
   margin-bottom:30px;
   background:#fff;
   border-radius:10px;
   padding:10px;
   border-left:1px solid #eee;
   border-top:1px solid #eee;
   border-right:2px solid #eee;
   border-bottom:2px solid #eee; 
}

.content-box-large {
  padding: 20px;
}

.box-with-header {
  border-top: none;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}

.content-box-header {
  min-height: 40px;
   font-size: 16px;
   background:#f5f5f5;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
   padding:10px;
   border-left:1px solid #eee;
   border-top:1px solid #eee;
   border-right:2px solid #eee;
}

.content-box-header:after {
  clear:both;
}

.sidebar ul.nav, .sidebar ul.nav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.sidebar ul.nav ul {
   margin:0px;
   padding:0px;
   display:none;
}

.sidebar .nav li.open ul{
   display:block;
}

.sidebar .nav > li {
	margin: 0;
   border-bottom:1px dashed #eee;
}

.sidebar .nav > li:last-child{
   border-bottom:0px;
}

.sidebar .nav > li li {
	margin: 0;
}

.sidebar .nav > li li a{
   padding-left:25px;
}

.sidebar .nav > li > a {
	font-size: 14px;
	line-height: 20px;
	padding: 15px 15px;
	color: #999;
	display: block;
   font-weight:bold;
   background:none;
	text-decoration: none;
   border-top:0px;
   font-weight:bold;
}

.sidebar .nav > li > a > i{
   margin-right:5px;
}

.sidebar .nav > li > ul > li > a {
	font-size: 13px;
	line-height: 20px;
	padding: 8px 10px 8px 40px;
	color: #999;
   background:#fff;
	display: block;
	text-decoration: none;
   border-top:0px;
   font-weight:bold;
}

.sidebar .nav > li > ul > li.active > a{
   background:#fff;
   border-top:0px;
   color:#555;
}

.sidebar .nav > li > ul > li > a:hover{
   background:#fff;
   color:#555;
   border-bottom:0px;
}

.sidebar .nav li a:hover, .sidebar .nav li.current > a {
	background: #fff;
	color: #555;
   border-bottom:0px;
}

.sidebar .nav li.open > a {
   background:#fff;
   color: #555;
   border-bottom:1px dashed #eee;
}

.sidebar .nav a .caret {
	float: none;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	border-top: 4px solid #aaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
   margin-top: 8px;
	margin-left: 2px;
}

.sidebar .nav a:hover .caret {
	border-top-color: #aaa;
}

.sidebar .nav li.open > a > .caret {
	border-top: none;
	border-bottom: 4px solid #aaa !important;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.sidebar .nav li.open > a:hover > .caret {
	border-bottom-color: #aaa;
}

.login-bg {
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background: -o-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-color: #eff0f3;
  background-repeat: no-repeat;
  height: 100%;
}

body {
  background-color: #eff0f3;
}

/** Login & Signup **/

.login-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}


.login-wrapper .box {
  margin: 0 auto;
  padding: 30px 0 30px;
  float: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
  -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.login-wrapper .box .content-wrap {
  width: 82%;
  margin: 0 auto;
}
.login-wrapper .box h6 {
  text-transform: uppercase;
  margin-bottom: 35px;
  font-size: 18px;
  font-weight: 600;
}
.login-wrapper .box input[type="text"],
.login-wrapper .box input[type="password"] {
  font-size: 15px;
  height: 40px;
  margin-bottom: 10px;
  border-color: #b2bfc7;
  padding-left: 12px;
}
.login-wrapper .box input[type="text"]:focus,
.login-wrapper .box input[type="password"]:focus {
  border: 1px solid #28a0e5;
  outline: none;
  -webkit-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
  -moz-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
  -ms-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
  -o-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
  box-shadow: inset 0 1px 2px #dddddd, 0px 0 5px #28a0e5;
}
.login-wrapper .box input[type="password"] {
  margin-bottom: 10px;
}

.login-wrapper .box .action {
  position: relative;
  top: 30px;
  padding: 15px 0px;
}
.login-wrapper .box .signup {
  text-transform: uppercase;
  font-size: 13px;
  padding: 7px 25px;
  border-radius: 5px;
}
.login-wrapper .already {
  margin: 0 auto;
  float: none;
  text-align: center;
  font-size: 13px;
  margin-top: 30px;
}
.login-wrapper .already p {
  display: inline-block;
  color: #222;
}
.login-wrapper .already a {
  color: #222;
  margin-left: 7px;
  border-bottom: 1px solid;
}
.login-wrapper .already a:hover {
  text-decoration: none;
  color: #000;
  border-bottom-color: #000;
}


.login-wrapper .box .social{
  margin: 0 auto;
  width: 90%;
}
.login-wrapper .box .social a.face_login{
  background: #6887c4;
  background: -moz-linear-gradient(top, #6887c4 0%, #4566a9 100%);
  background: -webkit-gradient (linear, left top, left bottom, color-stop(0%,#6887c4), color-stop(100%,#4566a9));
  background: -webkit-linear-gradient(top, #6887c4 0%,#4566a9 100%);
  background: -o-linear-gradient(top, #6887c4 0%,#4566a9 100%);
  background: -ms-linear-gradient(top, #6887c4 0%,#4566a9 100%); 
  background: linear-gradient(to bottom, #6887c4 0%,#4566a9 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6887c4', endColorstr='#4566a9',GradientType=0 );
  border: 1px solid #3B4868;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 37px;
    overflow: hidden;
    width: 99%;

    text-decoration: none !important;
}
.login-wrapper .box .social a.face_login:hover {
  background: #6887c4;
  background: -moz-linear-gradient(top, #6887c4 0%, #5773AC 100%);
  background: -webkit-gradient (linear, left top, left bottom, color-stop(0%,#6887c4), color-stop(100%,#5773AC));
  background: -webkit-linear-gradient(top, #6887c4 0%,#5773AC 100%);
  background: -o-linear-gradient(top, #6887c4 0%,#5773AC 100%);
  background: -ms-linear-gradient(top, #6887c4 0%,#5773AC 100%); 
  background: linear-gradient(to bottom, #6887c4 0%,#5773AC 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6887c4', endColorstr='#5773AC',GradientType=0 );
}
.login-wrapper .box .social a.face_login span.face_icon{
  background-color: #39599F;
    border-radius: 3px 0 0 3px;
    float: left;
    height: 37px;
    text-align: center;
    width: 51px;
}
.login-wrapper .box .social a.face_login span.face_icon img{
  margin-top: 5px;
}
.login-wrapper .box .social a.face_login span.text{
  color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 6px 0 0 25px;
    text-shadow: 1px 1px 0 #39599F;
}
.login-wrapper .box .division{
  display: inline-block;
    margin: 17px 0 23px;
    position: relative;
    text-align: center;
    width: 100%;
}
.login-wrapper .box .division hr{
  border-color: #E2E2E4;
    border-width: 1px;
    margin: 0;
    position: absolute;
    width: 40%;
}
.login-wrapper .box .division hr.left{
  top: 13px;
}
.login-wrapper .box .division hr.right{
  bottom: 6px;
    right: 0;
}
.login-wrapper .box .division span{
  color: #666666;
  font-size: 18px;
}

.panel-heading>.panel-title, .content-box-header .panel-title {
    float: left;
    padding: 10px 15px;
    padding-top: 0px;
}

.panel-heading>.panel-title>*, .content-box-header .panel-title>* {
    margin: 0;
}

.panel-heading>.panel-title>span, .content-box-header .panel-title>span {
    font-weight: normal;
}

.panel-heading>.panel-options, .content-box-header .panel-options {
    float: right;
    padding-right: 15px;
}

.panel-heading>.panel-options>a, .content-box-header .panel-options>a {
    margin-top: 10px;
}

.panel-body {
  clear:both;
}

.centreVerticalement {
 display: inline-block;
 vertical-align: middle;

}

.modif{
    color: black;
}
.modif:hover{
    color: #3AD90A;
    text-decoration: none
}

.supp{
    color: black;
}
.supp:hover{
    color: red;
    text-decoration: none
}

#propos{
    cursor: pointer;
}

.modal1-container{
    visibility: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;   
    z-index: 4;
    transition: visibility 0.4s
}
.modal1-container.active{
    transition: visibility 0s;
    visibility: visible;
    z-index: 4;
}

.overlay{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333333d3;
    transition: opacity 0.1s 0.1s ease-out;
}
.modal1-container.active .overlay{
    opacity: 1;
    transition: opacity 0.1s ease-out;
    
}

.modal1{
    opacity: 0;
    width: 95%;
    max-width: 1000px;
    min-width: 290px;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 50px));
    transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}
.modal1-container.active .modal1{
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: opacity 0.1s 0.1s ease-out, transform 0.1s 0.1s ease-out; 
}

.close-modal1{
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: #ff365e;
    color: #fff;
}

.modal1 h1{
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-align: center;
    color: #E38C33;
}

.modal1 h5{
    color: #1B4977;
    margin-bottom: 5px;
}

.cache{
    background-color: rgba(255,255,255);
    border: 1px solid;   
    border-color: rgb(197, 197, 197);
    border-radius: 5px;   
    padding: 5px 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cache input{
    width: 93%;
    padding: 10px 0px;
    border: none;
    background: none;
    outline: none;
    padding: auto;
    margin-bottom: 0px;
    font-size: 13px;
}

.cache img{
   cursor: pointer;
   vertical-align: middle;      
}

/*Pop-up*/

/*Modification facture*/

.pop {
    display: none;
    color: black;
}
.pop.active {
    display: block;
    color: black;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.popup .conteneur {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneur .fermer {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    position: absolute;
    right: 20px;
    cursor: pointer;
    background: #ff365e;
    color: #fff;
}

.popup .conteneur2 {
   width: 18%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.popup .conteneurMateriels {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneur2 .fermer {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.NumPiece{
   border: rgb(201, 201, 201) 1px solid;
   border-radius: 5px;
   padding: 5px 10px;
   width: auto;
   transition: 0.2s;
}
.NumPiece:focus{
   border-color:#1B4977;
   outline:0;
   -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px #405a74;
   box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #405a74;
}

/*Pop-up affichage des revenus générés */

.pop_StatsGen {
   display: none;
   color: black;
}
.pop_StatsGen.active {
   display: block;
   color: black;
}

.popup_StatsGen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_StatsGen .conteneur_StatsGen {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_StatsGen .fermer_StatsGen {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Fin Pop-up revenus générés*/

/*Sup Client*/

.pop_SupClient {
   display: none;
   color: black;
}
.pop_SupClient.active {
   display: block;
   color: black;
}

.popup_SupClient {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupClient .conteneur_SupClient {
   width: 50%;
   max-height: 95vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupClient .fermer_SupClient {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Client*/

.pop_NewClient {
   display: none;
   color: black;
}
.pop_NewClient.active {
   display: block;
   color: black;
}

.popup_NewClient {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewClient .conteneur_NewClient {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewClient .fermer_NewClient {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Client*/

.pop_MClient {
   display: none;
   color: black;
}
.pop_MClient.active {
   display: block;
   color: black;
}

.popup_MClient {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MClient .conteneur_MClient {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MClient .fermer_MClient {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Sup Categorie*/

.pop_SupCategorie {
   display: none;
   color: black;
}
.pop_SupCategorie.active {
   display: block;
   color: black;
}

.popup_SupCategorie {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupCategorie .conteneur_SupCategorie {
   width: 50%;
   max-height: 95vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupCategorie .fermer_SupCategorie {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Facture*/

.pop_SupFact {
   display: none;
   color: black;
}
.pop_SupFact.active {
   display: block;
   color: black;
}

.popup_SupFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupFact .conteneur_SupFact {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupFact .fermer_SupFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Sup FactureDeVente*/

.pop_SupFactureFV{
   display: none;
   color: black;
}
.pop_SupFactureFV.active {
   display: block;
   color: black;
}

.popup_SupFactureFV {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupFactureFV .conteneur_SupFactureFV {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupFactureFV .fermer_SupFactureFV {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Facture Fournisseur */

.pop_SupFactFour{
   display: none;
   color: black;
}
.pop_SupFactFour.active {
   display: block;
   color: black;
}

.popup_SupFactFour {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupFactFour .conteneur_SupFactFour {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupFactFour .fermer_SupFactFour {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Facture Categorie */

.pop_SupFactCat{
   display: none;
   color: black;
}
.pop_SupFactCat.active {
   display: block;
   color: black;
}

.popup_SupFactCat {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupFactCat .conteneur_SupFactCat {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupFactCat .fermer_SupFactCat {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Modification de la taille de l'icon modification */

.my-custom-size {
   font-size:2em;
}

.numCheques{
   font-size: 2.5em;
}

.texteAction{
   font-size: 50px;
}

/*Sup Facture Charges */

.pop_SupFactCharges{
   display: none;
   color: black;
}
.pop_SupFactCharges.active {
   display: block;
   color: black;
}

.popup_SupFactCharges {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupFactCharges .conteneur_SupFactCharges {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupFactCharges .fermer_SupFactCharges {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Categorie*/

.pop_NewCategorie {
   display: none;
   color: black;
}
.pop_NewCategorie.active {
   display: block;
   color: black;
}

.popup_NewCategorie {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewCategorie .conteneur_NewCategorie {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewCategorie .fermer_NewCategorie {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Categorie*/

.pop_MCategorie {
   display: none;
   color: black;
}
.pop_MCategorie.active {
   display: block;
   color: black;
}

.popup_MCategorie {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MCategorie .conteneur_MCategorie {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MCategorie .fermer_MCategorie {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Sup Fournisseur*/

.pop_SupFournisseur {
   display: none;
   color: black;
}
.pop_SupFournisseur.active {
   display: block;
   color: black;
}

.popup_SupFournisseur {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupFournisseur .conteneur_SupFournisseur {
   width: 50%;
   max-height: 95vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupFournisseur .fermer_SupFournisseur {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Modif Fournisseur*/

.pop_SupModifFournisseur {
   display: none;
   color: black;
}
.pop_SupModifFournisseur.active {
   display: block;
   color: black;
}

.popup_SupModifFournisseur {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupModifFournisseur .conteneur_SupModifFournisseur {
   width: 50%;
   max-height: 95vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupModifFournisseur .fermer_SupModifFournisseur {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Modif Categorie*/

.pop_SupModifCategorie {
   display: none;
   color: black;
}
.pop_SupModifCategorie.active {
   display: block;
   color: black;
}

.popup_SupModifCategorie {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupModifCategorie .conteneur_SupModifCategorie {
   width: 50%;
   max-height: 95vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupModifCategorie .fermer_SupModifCategorie {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Modif Client*/

.pop_SupModifClient {
   display: none;
   color: black;
}
.pop_SupModifClient.active {
   display: block;
   color: black;
}

.popup_SupModifClient {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupModifClient .conteneur_SupModifClient {
   width: 50%;
   max-height: 95vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupModifClient .fermer_SupModifClient {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Fournisseur*/

.pop_NewFournisseur {
   display: none;
   color: black;
}
.pop_NewFournisseur.active {
   display: block;
   color: black;
}

.popup_NewFournisseur {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewFournisseur .conteneur_NewFournisseur {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewFournisseur .fermer_NewFournisseur {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Fournisseur*/

.pop_MFournisseur {
   display: none;
   color: black;
}
.pop_MFournisseur.active {
   display: block;
   color: black;
}

.popup_MFournisseur {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MFournisseur .conteneur_MFournisseur {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MFournisseur .fermer_MFournisseur {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Materiel*/

.pop_SupMateriel {
   display: none;
   color: black;
}
.pop_SupMateriel.active {
   display: block;
   color: black;
}

.popup_SupMateriel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupMateriel .conteneur_SupMateriel {
   width: 50%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupMateriel .fermer_SupMateriel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Materiel*/

.pop_NewMateriel {
   display: none;
   color: black;
}
.pop_NewMateriel.active {
   display: block;
   color: black;
}

.popup_NewMateriel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewMateriel .conteneur_NewMateriel {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewMateriel .fermer_NewMateriel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Materiel*/

.pop_MMateriel {
   display: none;
   color: black;
}
.pop_MMateriel.active {
   display: block;
   color: black;
}

.popup_MMateriel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MMateriel .conteneur_MMateriel {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MMateriel .fermer_MMateriel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Champ*/

.pop_SupChamp {
   display: none;
   color: black;
}
.pop_SupChamp.active {
   display: block;
   color: black;
}

.popup_SupChamp {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupChamp .conteneur_SupChamp {
   width: 50%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupChamp .fermer_SupChamp {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Champ*/

.pop_NewChamp {
   display: none;
   color: black;
}
.pop_NewChamp.active {
   display: block;
   color: black;
}

.popup_NewChamp {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewChamp .conteneur_NewChamp {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewChamp .fermer_NewChamp {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Champ*/

.pop_MChamp {
   display: none;
   color: black;
}
.pop_MChamp.active {
   display: block;
   color: black;
}

.popup_MChamp {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MChamp .conteneur_MChamp {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MChamp .fermer_MChamp {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Telecom */

.pop_SupTelecom {
   display: none;
   color: black;
}
.pop_SupTelecom.active {
   display: block;
   color: black;
}

.popup_SupTelecom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupTelecom .conteneur_SupTelecom {
   width: 50%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupTelecom .fermer_SupTelecom {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Telecom*/

.pop_NewTelecom {
   display: none;
   color: black;
}
.pop_NewTelecom.active {
   display: block;
   color: black;
}

.popup_NewTelecom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewTelecom .conteneur_NewTelecom {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewTelecom .fermer_NewTelecom {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Telecom*/

.pop_MTelecom {
   display: none;
   color: black;
}
.pop_MTelecom.active {
   display: block;
   color: black;
}

.popup_MTelecom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MTelecom .conteneur_MTelecom {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MTelecom .fermer_MTelecom {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Champ Telecom*/

.pop_SupChampTelecom {
   display: none;
   color: black;
}
.pop_SupChampTelecom.active {
   display: block;
   color: black;
}

.popup_SupChampTelecom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupChampTelecom .conteneur_SupChampTelecom {
   width: 50%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupChampTelecom .fermer_SupChampTelecom {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Champ Telecom*/

.pop_NewChampTelecom {
   display: none;
   color: black;
}
.pop_NewChampTelecom.active {
   display: block;
   color: black;
}

.popup_NewChampTelecom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewChampTelecom .conteneur_NewChampTelecom {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewChampTelecom .fermer_NewChampTelecom {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Champ Telecom*/

.pop_MChampTelecom {
   display: none;
   color: black;
}
.pop_MChampTelecom.active {
   display: block;
   color: black;
}

.popup_MChampTelecom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MChampTelecom .conteneur_MChampTelecom {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MChampTelecom .fermer_MChampTelecom {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Logiciel */

.pop_SupLogiciel {
   display: none;
   color: black;
}
.pop_SupLogiciel.active {
   display: block;
   color: black;
}

.popup_SupLogiciel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupLogiciel .conteneur_SupLogiciel {
   width: 50%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupLogiciel .fermer_SupLogiciel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Logiciel*/

.pop_NewLogiciel {
   display: none;
   color: black;
}
.pop_NewLogiciel.active {
   display: block;
   color: black;
}

.popup_NewLogiciel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewLogiciel .conteneur_NewLogiciel {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewLogiciel .fermer_NewLogiciel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Logiciel*/

.pop_MLogiciel {
   display: none;
   color: black;
}
.pop_MLogiciel.active {
   display: block;
   color: black;
}

.popup_MLogiciel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MLogiciel .conteneur_MLogiciel {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MLogiciel .fermer_MLogiciel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Sup Champ Logiciel*/

.pop_SupChampLogiciel {
   display: none;
   color: black;
}
.pop_SupChampLogiciel.active {
   display: block;
   color: black;
}

.popup_SupChampLogiciel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_SupChampLogiciel .conteneur_SupChampLogiciel {
   width: 50%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_SupChampLogiciel .fermer_SupChampLogiciel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*New Champ Logiciel*/

.pop_NewChampLogiciel {
   display: none;
   color: black;
}
.pop_NewChampLogiciel.active {
   display: block;
   color: black;
}

.popup_NewChampLogiciel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewChampLogiciel .conteneur_NewChampLogiciel {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewChampLogiciel .fermer_NewChampLogiciel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/*Modif Champ Logiciel*/

.pop_MChampLogiciel {
   display: none;
   color: black;
}
.pop_MChampLogiciel.active {
   display: block;
   color: black;
}

.popup_MChampLogiciel {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_MChampLogiciel .conteneur_MChampLogiciel {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_MChampLogiciel .fermer_MChampLogiciel {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Chèque*/

.pop_Cheque {
   display: none;
   color: black;
}
.pop_Cheque.active {
   display: block;
   color: black;
}

.popup_Cheque {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_Cheque .conteneur_Cheque {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_Cheque .fermer_Cheque {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Chèque FV*/

.pop_ChequeFV {
   display: none;
   color: black;
}
.pop_ChequeFV.active {
   display: block;
   color: black;
}

.popup_ChequeFV {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_ChequeFV .conteneur_ChequeFV {
   width: 25%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_ChequeFV .fermer_ChequeFV {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Facture*/

.pop_Facture {
   display: none;
   color: black;
}
.pop_Facture.active {
   display: block;
   color: black;
}

.popup_Facture {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_Facture .conteneur_Facture {
   width: 30%;
   height: 98vh;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.popup_Facture .conteneurMaterielsFacture {
   width: 30%;
   height: 98vh;
   vertical-align: middle; 
   display: inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneur_Facture .fermer_Facture, .visuNewFacture .fermer_Facture {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.popup_Facture .conteneur_Facture2 {
   width: 18%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneur_Facture2 .fermer_Facture {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Visualisation*/

.pop_Visu {
   display: none;
   color: black;
}
.pop_Visu.active{
   display: block;
   color: black;
}

.popup_Visu {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 9999;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_Visu .conteneur_Visu {
   width: 150%;
   height: 100%;
   vertical-align:middle; 
   display:inline-block;
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   top: 0;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_Visu .content-wrap{
   height: 100%;
}

.conteneur_Visu .fermer_Visu {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.visualisation{
   width: 100%;
   height: 95%;
}

.visuNewFacture{
   width: 35%;
   height: 98vh;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}
/*Liste Fichier*/

.pop_ListeFichier {
   display: none;
   color: black;
}
.pop_ListeFichier.active{
   display: block;
   color: black;
}

.popup_ListeFichier {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 20;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_ListeFichier .conteneur_ListeFichier {
   width: 30%;
   vertical-align:middle; 
   display:inline-block;
   max-height: 98vh;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_ListeFichier .fermer_ListeFichier {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*Duplication Facture*/

.pop_Duplication {
   display: none;
   color: black;
}
.pop_Duplication.active {
   display: block;
   color: black;
}

.popup_Duplication {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_Duplication .conteneur_Duplication {
   width: 30%;
   max-height: 98vh;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_Duplication .fermer_Duplication {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/*DuplicationFV Facture*/

.pop_DuplicationFV {
   display: none;
   color: black;
}
.pop_DuplicationFV.active {
   display: block;
   color: black;
}

.popup_DuplicationFV {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationFV .conteneur_DuplicationFV {
   width: 30%;
   vertical-align:middle; 
   display:inline-block;
   max-height: 98vh;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_DuplicationFV .fermer_DuplicationFV {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Modification mdp */

.pop_MDP {
   display: none;
   color: black;
}
.pop_MDP.active {
   display: block;
   color: black;
}
/* Pop-up Facture de vente Modification */

.pop_modifFV {
   display: none;
   color: black;
}
.pop_modifFV.active {
   display: block;
   color: black;
}

.popup_MDP {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_modifFV{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: stretch;
}

.popup_MDP .conteneur_MDP {
   width: 30%;
   vertical-align:middle; 
   display:inline-block;
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.popup_modifFV .conteneur_modifFV {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.popup_modifFV .conteneur_modifFV2 {
   width: 18%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}


.conteneur_MDP .fermer_MDP {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_modifFV .fermer_modifFV {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_modifFV2 .fermer_modifFV {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Pop-up Modification catégorie */

.popCatFact {
   display: none;
   color: black;
}
.popCatFact.active {
   display: block;
   color: black;
}

.popupCatFact{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: stretch;
}

.popupCatFact .conteneurCatFact {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneurCatFact .fermerCatFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.popupCatFact .conteneurCatFact2 {
   width: 18%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneurCatFact2 .fermerCatFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Pop-up Modification fournisseur facture */

.popFactModif {
   display: none;
   color: black;
}
.popFactModif.active {
   display: block;
   color: black;
}

.popupFactModif {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: stretch;
}


.popupFactModif .conteneurFactModif {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneurFactModif .fermerFactModif {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.popupFactModif .conteneurFactModif2 {
   width: 18%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.conteneurFactModif2 .fermerFactModif {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Pop-up Modification Charges Fixes facture */

.popFactModifCF {
   display: none;
   color: black;
}
.popFactModifCF.active {
   display: block;
   color: black;
}

.popupFactModifCF {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: stretch;
}

.popupFactModifCF .conteneurFactModifCF {
   width: 30%;
   vertical-align:middle; 
   display:inline-block;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   text-align: left;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}



.conteneurFactModifCF .fermerFactModifCF {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/* Supprimer utilistaeur */

.pop_Sup {
   display: none;
   color: black;
}
.pop_Sup.active {
   display: block;
   color: black;
}

/* Pop-up Facture de vente */

.pop_FactureDeVente {
   display: none;
   color: black;
}
.pop_FactureDeVente.active {
   display: block;
   color: black;
}

.popup_Sup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_FactureDeVente {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: row-reverse;
}

.popup_Sup .conteneur_Sup {
   width: 450px;
   vertical-align:middle; 
   display:inline-block;
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.popup_FactureDeVente .conteneur_FactureDeVente {
   width: 30%;
   height: 98vh;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}

.popup_FactureDeVente .conteneur_FactureDeVente2 {
   width: 18%;
   vertical-align:middle; 
   display:inline-block; 
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   margin: 15px;
}


.conteneur_Sup .fermer_Sup {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_FactureDeVente .fermer_FactureDeVente {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_FactureDeVente2 .fermer_FactureDeVente {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Pop-up Dupplication Cat Facture */

.pop_DuplicationCatFact {
   display: none;
   color: black;
}
.pop_DuplicationCatFact.active {
   display: block;
   color: black;
}

.popup_DuplicationCatFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationCatFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationCatFact .conteneur_DuplicationCatFact {
   width: 450px;
   vertical-align:middle; 
   display:inline-block;
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.popup_DuplicationCatFact .conteneur_DuplicationCatFact {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   max-height: 98vh;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}


.conteneur_DuplicationCatFact .fermer_DuplicationCatFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_DuplicationCatFact .fermer_DuplicationCatFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* Pop-up Dupplication Charges Fixes Facture */

.pop_DuplicationCFFact {
   display: none;
   color: black;
}
.pop_DuplicationCFFact.active {
   display: block;
   color: black;
}

.popup_DuplicationCFFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationCFFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationCFFact .conteneur_DuplicationCFFact {
   width: 450px;
   vertical-align:middle; 
   display:inline-block;
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.popup_DuplicationCFFact .conteneur_DuplicationCFFact {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 

   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}


.conteneur_DuplicationCFFact .fermer_DuplicationCFFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_DuplicationCFFact .fermer_DuplicationCFFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* CSS Texte Montant & annee Stats */ 

.montant{
   position: relative;
}

.textMontantStats{
   position: absolute;
   z-index: 0;
   font-weight: bold;
   transform: rotate(-90deg);
   font-size: 30px;
   opacity: 50%;
   margin-top: 22%;
   margin-left: -150px;
}

.textAnneeStats{
   font-weight: bold;
   font-size: 30px;
   opacity: 50%;
}

.lienButtonStats{
   border: 2px solid black;
   padding: 3px;
   font-size: 15px;
   display: flex;
   font-weight: bold;
   position: absolute;
   margin-left: 87%;
   margin-top: -5px;
}

a.lienButtonStats{
   text-decoration: none;
   font-weight: bold;
}

/*FIN*/

/* Pop-up Dupplication Four Facture */

.pop_DuplicationFourFact {
   display: none;
   color: black;
}
.pop_DuplicationFourFact.active {
   display: block;
   color: black;
}

.popup_DuplicationFourFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationFourFact {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_DuplicationFourFact .conteneur_DuplicationFourFact {
   width: 450px;
   vertical-align:middle; 
   display:inline-block;
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.popup_DuplicationFourFact .conteneur_DuplicationFourFact {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   max-height: 98vh;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}


.conteneur_DuplicationFourFact .fermer_DuplicationFourFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_DuplicationFourFact .fermer_DuplicationFourFact {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

/* New utilisateur */

.pop_NewUtili {
   display: none;
   color: black;
}
.pop_NewUtili.active {
   display: block;
   color: black;
}

/* POP UP PDF*/

.pop_FactureDeVentePDF {
   display: none;
   color: black;
}
.pop_FactureDeVentePDF.active {
   display: block;
   color: black;
}


.popup_NewUtili {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_FactureDeVentePDF {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_NewUtili .conteneur_NewUtili {
   width: 28%;
   vertical-align:middle; 
   display:inline-block; 
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.popup_FactureDeVentePDF .conteneur_FactureDeVentePDF {
   width: 50%;
   vertical-align:middle; 
   display:inline-block; 
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_NewUtili .fermer_NewUtili {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

.conteneur_FactureDeVentePDF .fermer_FactureDeVentePDF {

   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}


/* Dossier DropBox */

.pop_Dossier {
   display: none;
   color: black;
}
.pop_Dossier.active {
   display: block;
   color: black;
}

/* AUTO POP UP PDF */

.pop_FactureDeVentePDFAuto {
   display: none;
   color: black;
}
.pop_FactureDeVentePDFAuto.active {
   display: block;
   color: black;
}

.popup_Dossier {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
   }

.popup_FactureDeVentePDFAuto {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   z-index: 5;
   display: flex;
   justify-content: center;
   align-items: center;
}

.popup_Dossier .conteneur_Dossier {
   width: 28%;
   vertical-align:middle; 
   display:inline-block; 
   bottom: auto;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}
.popup_FactureDeVentePDFAuto .conteneur_FactureDeVentePDFAuto {
   width: 30%;
   vertical-align:middle; 
   display:inline-block; 
   max-height: 98vh;
   background-color: #fff;
   padding: 20px 35px 20px 35px;
   border-radius: 15px;
   position: absolute;
   overflow: hidden;
   overflow-y: auto;
}

.conteneur_Dossier .fermer_Dossier {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}
.conteneur_FactureDeVentePDFAuto .fermer_FactureDeVentePDFAuto {
   padding: 5px 10px;
   border: none;
   border-radius: 5px;
   font-size: 15px;
   position: absolute;
   right: 20px;
   cursor: pointer;
   background: #ff365e;
   color: #fff;
}

:root {
   --animate-duration: 0.4s;
 }

/*Fin Pop-up*/

#leFooter{
   margin-top: 1%;
   position: fixed;
   text-align: center;
   width:100%;
   height: auto;
   bottom: 0vh;
   background-color: #fff;
   color: #1B4977;
   border-top: 1px solid;
}

/* Design Input FILE PDF */

.inputPDF::-webkit-file-upload-button {
   visibility: hidden;
 }
 .inputPDF::before {
   content: 'Importer une facture';
   position: absolute;
   padding: 5px 18px;
   width: auto;
   background-color: #1B4977;
   color: white;
   font-size: 14px;
   border: #000 2px solid;
   border-radius: 10px;
   transition: 0.2s;
   -webkit-user-select: none;
   cursor: pointer;
   margin-left: 5px;
}

.inputPDF{
   width:1px;
   color:transparent;
}

 .inputPDF:hover::before{
   transform: scale(1.05);
 }

 .left-part{
   position: absolute;
   left: 2%;
   display: flex;
 }


/*Navbar*/

.laNav {
   background-color: white;
   position: fixed; 
   top: 0%;
   width: 100%;
   height: 55px;
   align-items: center;
   justify-content: left;
   z-index: 3;
   display: flex;
   padding: 0px 40px;
}

#logo {
   height: auto;
}
#logo img {
   width: 180px;
   height: 90%;
}

nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-left: 25px;
   display: flex;
}
nav a {
   padding: 20px 0px 18px 0px;
   text-decoration: none;
   color: gray;
   font-size: 18px;
}
nav li{
   height: 55px;
   line-height: 55px;
   padding: 0px 15px;
}
nav li:hover{
   background-color: #1B4977;
}
nav li:hover a{
   color: #fff;
}
nav ul li:hover button{
   background-color: #1B4977;
   color: #fff;
}
nav ul button {
   color: gray;
   font-size: 18px;
   background-color: transparent;
   box-shadow: none;
   border: none;
   height: 100%;
}
nav ul .droite {
   position: absolute;
   right: 3%;
   display: flex;
}
nav ul .dropdown-1 {
   position: relative;
}
nav ul .dropdown-1 .content {
   visibility: hidden;
   top: -5px;
   z-index: -4;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   text-align: center;
   position: absolute;
   background-color: #fff;
   border: 15px;
   width: 100%;
   left: 0;
   padding: 0px 0px;
   border: 1px solid;
   overflow: hidden;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}
nav ul .dropdown-1:hover .content {
   visibility: visible;
   top: 55px;
   transition: 0.2s;
}
nav ul .dropdown-1 .content a {
   color: gray;
   padding: 0px 0px;
   font-size: 15px;
   font-weight: 400;
}
nav ul .dropdown-1 .content img {
   width: 20px;   
   height: 20px;
}
nav ul .dropdown-1 .content a:hover{
   color: #1B4977;
   background-color: #eee;
}


#burger {
   color: black;
   display: none;
   font-size: 30px;
   cursor: pointer;
   position: absolute;
   right: 40px;
}
#burger span {
   display: block;
   width: 30px;
   height: 5px;
   background-color: #000;
   margin: 5px 0;
   position: relative;
   transition: 0.2s;
}
#burger.active span:nth-child(1){
   transform: rotate(45deg);
   background-color: rgb(194, 46, 9);
   top: 10px;
}
#burger.active span:nth-child(2){
   opacity: 0;
}
#burger.active span:nth-child(3){
   transform: rotate(-45deg);
   background-color: rgb(194, 46, 9);
   top: -10px;
}

nav li:hover .maison {
   filter: brightness(100);
}

nav .dropdown-1 button:hover .maison {
   filter: brightness(100);
}

/*Fin Navbar*/

.tableau_fond {
   background-color: white;
   margin-top: 1%;
   margin-right: 1%;
   margin-left: 1%;
   border-radius: 10px;
   text-align: center;
}

.tableau_fond_espace {
   padding: 35px 35px;
   position: relative;
}

.hide {
   display: none;
}
.visible {
   display: table-row;
}

.lienDropbox td{
   vertical-align: middle;
}
.lienDropbox tr:hover{
   background-color: #f1f1f1;
}

/*Bouton radio*/

input[type="radio"].demo2 {
   display: none;
 }
 input[type="radio"].demo2 + label {
   padding: 3px 6px;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: 0.3rem;
   color: #000;
   background-color: #fff;
   border: 1px solid transparent;
   transition: all 0.2s ease-in-out;
   cursor: pointer;
   text-align: center;
   border: #000 1px solid;
 }

 input[type="radio"].demo2.demoyes:hover + label {
   background-color: #1B4977;
   border-color: #1B4977;
   color: #fff;
 }
 input[type="radio"].demo2.demoyes:checked + label {
   background-color: #1B4977;
   border-color: #1B4977;
   color: #fff;
 }
 input[type="radio"].demo2.demono:hover + label {
   background-color: #1B4977;
   border-color: #1B4977;
   color: #fff;
 }
 input[type="radio"].demo2.demono:checked + label {
   background-color: #1B4977;
   border-color: #1B4977;
   color: #fff;
 }

 /*Fin bouton radio*/

 /*Input Date*/

.form_Date{
   padding: 0;
   margin: 0;
}

.input_Date{
   background: transparent ;
   padding: 0;
   margin: 0;
   border: none;
   text-align: center;
   color-scheme: dark;
   outline: none;
}
.input_Date:focus {
   color-scheme: light;
}

 /*Fin input Date*/

 /*Form*/

 .tableau_fond .lesForm{
   display: flex;
   position: relative;
   padding: 20px 20px;
   align-items: center;
   justify-content: center;
}
.tableau_fond .filtrePrecis {
  padding: 0%;
  margin: 0%;
  width: 100%;
}
.tableau_fond .recherche{
  position: absolute;
  padding: 0%;
  margin: 0%;
  right: 2%;
  width: 20%;
}

.laRecherche{
   border-radius: 10px;
   border: 2px solid black;
   padding: 5px 10px;
   width: 80%;
   font-size: 15px;
   transition: 0.2s;
}
.laRecherche:focus{
   transform: scale(1.03);
   border-radius: 0px;
   background-color: rgb(245, 245, 245);
}
.laRecherche::placeholder{
   font-style: italic;
}
.Recherche_IMG{
   cursor: pointer;
}

.form__group2{
   background: white;
   border: 2px solid black;
   color: #000;
   border-radius: 10px;
   font-family: 'Montserrat', sans-serif;
   font-size: 1.5rem;
   padding: .5rem 1.4rem;
   margin-right: 0.2%;
   transition: 0.2s;
   cursor: pointer;
   max-width: 200px;
}
.form__group2:focus{
   border-radius: 0px;
   background-color: rgb(245, 245, 245);
   transform: scale(1.02);
}

.form__group3{
   background: white;
   border: 2px solid black;
   color: #000;
   border-radius: 10px;
   font-family: 'Montserrat', sans-serif;
   font-size: 12px;
   padding: 5px 5px;
   transition: 0.2s;
   cursor: pointer;
}
.form__group3:focus{
   border-radius: 0px;
   background-color: rgb(245, 245, 245);
   transform: scale(1.02);
}

.nouvelleF{
   padding: 5px 18px;
   width: auto;
   background-color: #1B4977;
   color: white;
   font-size: 14px;
   border: #000 2px solid;
   border-radius: 10px;
   transition: 0.2s;
}
.nouvelleF:hover{
   transform: scale(1.05);
}

.nouvelleU{
   display: flex;
   padding: 3px 11px;
   width: auto;
   background-color: #1B4977;
   color: white;
   font-size: 15px;
   border: #000 2px solid;
   border-radius: 10px;
   transition: 0.2s;
   position: absolute; 
   top:25px; 
}
.nouvelleU:hover{
   transform: scale(1.05);
}


.RechercherFiltre{
   background-color: #1B4977;
   color: white;
   border: 1px solid #1B4977;
   border-radius: 10px;
   font-family: 'Montserrat', sans-serif;
   font-size: 1.5rem;
   padding: .5rem 1.4rem;
   transition: 0.2s;
   cursor: pointer;
}
.RechercherFiltre:hover{
   transform: scale(1.05);
}

.formBouton{
   display: flex;
   justify-content: space-between;
}

.formBoutonV2{
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 30px;
}

.dateComptabilse{
   width: 95%;
}

.inputDropbox{
   display: flex;
}
.inputDropbox label{
   width: 200px;
}

.dragover {
   background-color: #eee !important;
   background-image: url('../images/fichier.png'); 
   background-repeat: no-repeat;
   background-position: center;
   background-size: 25%; 
}
.over {
   background-color: #1B4977 !important;
   background-image: url('../images/fichierO.png'); 
   background-repeat: no-repeat;
   background-position: center;
   background-size: 25%; 
}
.dragover, .over{
   transition: background-color 0.1s ease-in-out;
}

.pdfFile {
   appearance: none;
   background-color: #fff;
   width: 100%;
 }
 .pdfFile::before {
   content: "Choisir un fichier";
   display: inline-block;
   background-color: #1B4977;
   color: #fff;
   border-radius: 5px;
   padding: 4px 8px;
   border: none;
   margin-right: 5px;
   cursor: pointer;
   box-sizing: border-box;
 }
 .pdfFile:active::before {
   background-color: #15395e;
   transform: translateY(1px);
 }
 .pdfFile::-webkit-file-upload-button {
   display: none;
 }

.buttonPdf2{
   display: inline-block;
   background-color: #1B4977;
   color: #fff;
   border-radius: 5px;
   border: none;
   padding: 4px 8px;
   cursor: pointer;
   box-sizing: border-box;
}
.buttonPdf2:active{
   background-color: #15395e;
   transform: translateY(1px);
}

.form_end{
   display:flex; 
   flex-direction:row; 
   justify-content:center; 
   padding: 10px 0px;
}

 /*Fin Form*/

/* Tableau Fournisseur et categorie*/

#tableauTotal tr:hover{
   background-color: rgb(206, 206, 206);
}

.utiliT{
   font-size: 18px;
}
.utiliT img{
   width: 18px;
   height: 18px;
}
.utiliT:hover{
   background-color: rgb(238, 238, 238);
}

.facturePrecis{
   background-color: #F1F0F0;
}

/* Fin Tableau Fournisseur et categorie*/

/* Section Mon Compte*/

.BoutonCompte{
   padding: 10px 15px;
   width: 50%;
   margin-bottom: 10px;
   background-color: transparent;
   font-size: 15px;
   border: #000 2px solid;
   border-radius: 10px;
   transition: 0.2s;
}
.BoutonCompte:hover{
   transform: scale(1.05);
   background-color: #1B4977;
   color: white;
}

.Conteneur_FCCompte{
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.FC_Compte{
   font-size: medium;
   border: #000 3px solid;
   padding: 5px;
   margin-bottom: 10px;
   width: 40%;
   border-radius: 5px;
   transition: 0.1s;
}
.FC_Compte:hover{
   background-color: #1B4977;
   color: white;
   transform: scale(1.05);
}
.Retour_Compte{
   border: #000 1px solid;
   border-radius: 10px;
   padding: 2px 8px;
   transition: 0.1s;
}
.Retour_Compte:hover{
   transform: scale(1.05);
   width: min-content;
   color: red;
   border-color: red;
}


/* Fin Section Mon Compte*/

/* Début Pagination */
.lesPaginations{
   position: absolute;
   right: 5%;
}

.pagination{
   text-decoration: none;
   padding: 2px 5px 0px 5px;
   margin: 0px 2px;
   border-radius: 5px;
   transition: 0.2s;
}
.pagination:hover{
   background-color: #1B4977;
   color: white;
}

.pageFocus{
   text-decoration: none;
   padding: 3px 5px 2px 5px;
   color: white;
   background-color: #1B4977;
   margin: 0px 2px;
   border-radius: 5px;
}
.pageFocus:hover{
   color: white;
}

.pageTotal{
   position: absolute;
   left: 5%;
   cursor: default;
}
.pageTotal:hover{
   color: #1B4977;
}

.afficheMaxLigne{
   align-items: center;
}

/* Fin Pagination */

/* Fournisseur Categorie Part */
  
.legendFC{
   display: flex;
   justify-content: center;
}

/*Fin Part Fournisseur */

/* Loading page*/

.contentLoading{
   width: 200px;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.pointc1{
   margin: 0px 5px;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color: #fff;
   animation: monte 0.3s alternate infinite;
}
.pointc1:nth-child(1){
   animation-delay: 0.1s;
}
.pointc1:nth-child(2){
   animation-delay: 0.2s;
}
.pointc1:nth-child(3){
   animation-delay: 0.3s;
}
@keyframes monte {
   100%{
      transform: translateY(-30px);
   }
}

.loaderFinal{
   position: fixed;
   z-index: 99;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #13314E;
}
.loaderFinal.part{
   animation: charge 0.5s forwards;
}
@keyframes charge {
   100%{
      opacity: 0;
      visibility: hidden;
   }
}

.loaderOCR{
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   top: 0%;
   right: 0%;
   height: 100%;
   width: 100%;
   background-color: #13314E;
}


/* Fin Loading Page*/

/* Bloc Centrer */

.ensemble{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bloc{
   background-color: white;
   width: 450px;
   padding: 15px 10px;
   border-radius: 15px;
   text-align: center;
   max-height: 80%;
   overflow: hidden;
   overflow-y: auto;
}

.ensemble_Dropbox{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bloc_Dropbox{
   background-color: white;
   width: 900px;
   padding: 15px 10px;
   border-radius: 15px;
   text-align: left;
   max-height: 80%;
   overflow: hidden;
   overflow-y: auto;
}

/* Fin Bloc Centrer*/


/*Export button design */
.exportButton{
   border : solid 2px black;
   text-decoration: none;
   padding: 5px 15px;
   border-radius: 10px;
   font-size: 18px;
   transition: 0.2s;
}

.exportButton:hover{
   color:white;
   background-color: #1B4977;
}

.logoPDF{
   margin-top:-2px;
}

.exportButton:hover .logoPDF{
   filter: brightness(100);
}

/* Fin Export Button Design */

/* Bouton Action facture*/

.action{
   cursor: pointer;
   text-align: center;
   border: none;
   background-color: transparent;
   width: 15px;
   font-size: 16px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 10px;
   padding-right: 0px;
   border-radius: 50%;
   color: white;
   margin-bottom: -1px;
   transition: 0.2s;
}
.action:hover{
   background-color: rgba(241, 241, 241, 0.5);
   width: 35px;
}

.action2{
   cursor: pointer;
   text-align: center;
   border: none;
   background-color: transparent;
   width: 15px;
   font-size: 16px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 10px;
   padding-right: 0px;
   border-radius: 50%;
   margin-bottom: -1px;
   transition: 0.1s;
}
.action2:hover{
   background-color: #1B4977;
   opacity: 0.5;
   width: 35px;
   color: white;
}

.dropdown{
   width: auto;
}
.dropdown-menu{
   text-align: center;
   margin-left: -70px;
   background-color: #F1F0F0;
   border: #000 1.9px solid;
   color: white;
}
.dropdown-menu .dropdown-item {
   display: inline-block;
   width: 100%;
   padding: 8px 10px;
   font-size: 15px;
   cursor: pointer;
   color: #1B4977;
}
.dropdown-menu .dropdown-item:hover{
   background-color: rgb(211, 211, 211);
   color: #1B4977;
}


/* Fin bouton action facture*/

/* Scrollbar */

::-webkit-scrollbar{
   width: 10px;
}

::-webkit-scrollbar-thumb{
   background-color: #1B4977;
}
::-webkit-scrollbar-thumb:hover{
   background-color: #163a5e;
}

/* Fin Scrollbar */

/* Utilisateur */

.lesUtilisateurs{
   display: flex;
   justify-content: center;
   align-items: center;
}

/* Fin Utilisateur */

/* se souvenir de moi */

.seSouvenir{
   display: flex;
   vertical-align: top;
   position: absolute;
}

/* Fin se souvenir de moi */

/* Bloc */

.bloc_fond_centre{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 50px 0px;
}

.bloc_fond{
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   width: 65%;
   max-width: 1200px;
   overflow: hidden;
}

.bloc_fondV2{
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   width: 40%;
   max-width: 1200px;
   overflow: hidden;
}

.bloc_fond_espace{
   padding: 15px 40px;
   position: relative;
}

.contenuDIV{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap
}
.contenuDIV div {
   cursor: pointer;
   width: 200px;
   height: 200px;
   border: 5px solid #1B4977;
   margin: 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.contenuDIV p {
   font-weight: bold;
   font-size: 15px;
   color: #1B4977;
}
.contenuDIV img {
   width: 100px;
   height: 100px;
   transition: 0.2s;
}
.contenuDIV div:hover img {
   transform: scale(1.1);
}

/* Fin Bloc */

/* Bloc tableau */

.blocT_fond_centre{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   padding: 50px 0px;
}

.blocT_fond_centre_horizontal{
   display: flex;
   justify-content: center;
   padding: 50px 10px;
   flex-direction: row;
   align-content: center;
   flex-wrap: nowrap;
   align-items: baseline;
}

.blocT_fond{
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   width: 65%;
   max-width: 1200px;
   overflow: hidden;
}

.blocT_fond_horizontal{
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   width: 65%;
   max-width: 1200px;
   overflow: hidden;
   margin: 5px;
}

.blocT_fond_espace{
   width: 100%;
   padding: 15px 40px;
   position: relative;
   text-align: center;
}

/* Fin Bloc Tableau*/

/* Tableau Bloc */
.tableauBloc table{
   width: 100%;
   border-collapse: collapse;
   
}
.tableauBloc th{
   font-size: 18px;
   padding: 10px;
   background-color: #1B4977;
   color: white;
}
.tableauBloc td{
   font-size: 17px;
}
.tableauBloc tr:nth-child(odd) td { /* Couleur Fond impaire */
   background-color: #ffffff;
}
.tableauBloc tr:nth-child(even) td { /* Couleur Fond paire */
   background-color: #eeeded;
}
.tableauBloc tr:hover td{
   background-color: rgb(224, 224, 224);
}



/* Fin Tableau Bloc */

/*Accueil*/

.accueilHR{
   height: 1px;
   background-color:black;
   border: none;
   margin-top: -1px;
}

.accueilText{
   font-size: 23px;
   margin-top: 10px;
}

.accueil_fond_centre{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 50px 0px;
}

.accueil_fond{
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color:rgba(255, 255, 255, 0.8);
   width: 65%;
   max-width: 1200px;
}

.accueil_fond_espace{
   padding: 15px 40px;
   position: relative;
}

.accueil{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap
}
.accueil div {
   cursor: pointer;
   width: 200px;
   height: 200px;
   border: 5px solid #1B4977;
   margin: 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.accueil p {
   font-weight: bold;
   font-size: 15px;
   color: #1B4977;
}
.accueil img {
   width: 100px;
   height: 100px;
   transition: 0.2s;
}
.accueil div:hover img {
   transform: scale(1.1);
}


/*Fin Accueil*/

/*Tableau*/

.table-scroll table {
   width: 100%;
   border-collapse: collapse;
   font-size: 15px;
 }
 
.table-scroll thead {
   background-color: #f1f0f0;
 }
 
.table-scroll th, td {
   padding: 8px;
   border-bottom: 1px solid white;
 }

 .imageTableau img {
   width: 16px;
   height: 16px;
 }
 .table-scroll .fcomptaoui {
   color: white; 
   background-color: #1B4977;
 }
 .table-scroll .fcomptaoui:hover {
   background-color: #163c61;
 }
 
 .table-scroll .fcomptanon {
   color: black; 
   background-color: white
 }
 .table-scroll .fcomptanon:hover {
   background-color: #dfdede;
 }

 .tippy-box[data-theme~='light'] {
   background-color: #1B4977;
   color: white;
   border: white 1px solid;
   font-size: 12px;
   padding: 5px;
 }

 .tippy-box[data-animation="scale-extreme"] {
   animation: scale-extreme 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) both;
 }
 
 @keyframes scale-extreme {
   0% {
     transform: scale(0);
     opacity: 0;
   }
   100% {
     transform: scale(1.2);
     opacity: 1;
   }
 }

 /* Définir la couleur de la flèche de l'infobulle en fonction de son état */
.tippy-arrow::before {
   border-top-color: transparent;
   border-right-color: transparent;
   border-bottom-color: red;
   border-left-color: transparent;
 }
 
 .tippy-arrow::after {
   border-top-color: transparent;
   border-right-color: transparent;
   border-bottom-color: red;
   border-left-color: transparent;
 }

/*Fin tableau*/

/*DataTable Input*/

/* Cible le vrai lien <a> et le wrapper <span> pour gagner en spécificité */
.dataTables_wrapper .dataTables_paginate span a.paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button:active {
  padding: 4px 10px !important;
  margin: 2px !important;
  border-radius: 4px !important;
  border: none !important;
  background: transparent !important;
  color: #1b4977 !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hover (sauf disabled et current) */
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover:not(.disabled):not(.current),
.dataTables_wrapper .dataTables_paginate span a.paginate_button:hover:not(.disabled):not(.current) {
  background: #1b4977 !important;
  color: #fff !important;
}

/* Page active */
.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover {
  background: #1b4977 !important;
  color: #fff !important;
  border: none !important;
}

/* Boutons désactivés (<< < > >>) */
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.disabled:hover {
  background: transparent !important;
  color: #9bb3cc !important;
  cursor: not-allowed !important;
}

/* Supprime le contour bleu/ombre focus sur clic clavier */
.dataTables_wrapper .dataTables_paginate a.paginate_button:focus,
.dataTables_wrapper .dataTables_paginate span a.paginate_button:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* ===================== Toolbar DataTables ===================== */
.dt-toolbar {
  gap: 10px;
}

/* Cache les labels texte "Rechercher :" / "Afficher" pour un look plus clean */
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.dataTables_wrapper .dataTables_filter label > span,
.dataTables_wrapper .dataTables_length label > span {
  display: none; /* masque "Rechercher :" et "Afficher" */
}

/* ====== Input de recherche ====== */
.dataTables_wrapper .dataTables_filter input {
  border-radius: 10px !important;
  border: 2px solid #1b4977 !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.4;
  background: #fff;
  color: #1b4977;
  transition: .2s ease;
  outline: none !important;
  min-width: 240px;
}
.dataTables_wrapper .dataTables_filter input::placeholder {
  color: #7b90a6;
  font-style: italic;
}
.dataTables_wrapper .dataTables_filter input:focus {
  background-color: #f5f7fa !important;
  box-shadow: 0 0 0 3px rgba(27,73,119,.15);
  transform: translateY(-1px);
}

/* ====== Select "Afficher _N_" ====== */
.dataTables_wrapper .dataTables_length select {
  border-radius: 10px !important;
  border: 2px solid #1b4977 !important;
  padding: 2px 6px; /* place pour la flèche */
  font-size: 14px !important;
  background: #fff no-repeat right 10px center / 10px auto;
  color: #1b4977 !important;
  cursor: pointer;
  outline: none !important;
  appearance: none;          /* Chrome/Safari */
  -moz-appearance: none;     /* Firefox */
  -webkit-appearance: none;  /* iOS */
  transition: .2s ease;
  min-width: 55px;
}
/* petite flèche CSS (triangle) */
.dataTables_wrapper .dataTables_length select {
  background-image:
    linear-gradient(45deg, transparent 50%, #1b4977 50%),
    linear-gradient(135deg, #1b4977 50%, transparent 50%);
  background-position:
    calc(100% - 14px) 50%,
    calc(100% - 9px) 50%;
  background-size: 6px 6px, 6px 6px;
}
.dataTables_wrapper .dataTables_length select:focus {
  background-color: #f5f7fa !important;
  box-shadow: 0 0 0 3px rgba(27,73,119,.15);
  transform: translateY(-1px);
}

/* ====== Espacements ====== */
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
  margin: 0 !important;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  margin: 0 !important;
}

/* ====== Responsive : empile proprement en petit écran ====== */
@media (max-width: 768px) {
  .dt-toolbar {
    gap: 8px;
  }
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length {
    width: 100%;
  }
  .dataTables_wrapper .dataTables_filter input {
    width: 100%;
    min-width: 0;
  }
}

/*LOADER DATA TABLE*/
/* Cache complètement le loader natif DataTables */
.dataTables_wrapper .dataTables_processing { display: none !important; }

/* Notre overlay custom */
.dt-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: none;
  background: rgba(255,255,255,0.92);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

/* spinner */
.dt-overlay .spinner {
  width: 36px;
  height: 36px;
  border: 3px solid #1b4977;
  border-top-color: transparent;
  border-radius: 50%;
  animation: dt-spin .8s linear infinite;
}

/* texte */
.dt-overlay .msg {
  color: #1b4977;
  font-size: 0.9rem;
}

@keyframes dt-spin { to { transform: rotate(360deg); } }

/* Hover & états des lignes */
#tabFactureVente tbody tr {
  transition: background-color .15s ease, color .15s ease;
}

/* Payée */
#tabFactureVente tbody tr.row-paid {
  background-color: #1b4977;  /* bleu actuel */
  color: #fff;
}
#tabFactureVente tbody tr.row-paid:hover {
  background-color: #14365a;  /* bleu un peu plus foncé */
  cursor: pointer;
}

/* Non payée (fond blanc) */
#tabFactureVente tbody tr.row-unpaid {
  background-color: #fff;
  color: inherit;
}
#tabFactureVente tbody tr.row-unpaid:hover {
  background-color: #f2f5f9;  /* gris très clair */
  cursor: pointer;
}

/*Fin DataTable Input*/

/* === Overlay PDF Viewer === */
.pdf-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;                 /* show en JS */
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  align-items: center;
  justify-content: center;
}

/* panneau */
.pdf-panel {
  width: min(96vw, 1100px);
  height: min(92vh, 900px);
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 70px rgba(0,0,0,0.35);
  transform: translateY(20px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
}

/* état visible */
.pdf-overlay.active .pdf-panel {
  transform: translateY(0);
  opacity: 1;
}

/* barre du haut */
.pdf-bar {
  height: 52px;
  background: #1b4977;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  font-weight: 600;
}

.pdf-close {
  background: rgba(255,255,255,0.15);
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
}
.pdf-close:hover { background: rgba(255,255,255,0.28); }

/* zone affichage pdf */
.pdf-body {
  width: 100%;
  height: calc(100% - 52px);
  background: #f2f4f7;
  position: relative;
}

/* iframe pdf */
.pdf-frame {
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

/* petit loader au centre du panneau */
.pdf-loading {
  position: absolute;
  inset: 0;
  display: none; /* visible en JS au chargement */
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.75);
}

.pdf-spinner {
  width: 34px;
  height: 34px;
  border: 3px solid #1b4977;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin .8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

/* Responsive CSS */

/* Desktop */
@media screen and (max-width: 1500px) {
   
   .accueil button{
      font-size: 18px;
   }
   .accueil button .maison{
      font-size: 20px;
   }
   .comptabilise{
      width: 40%;
   }
   .dateComptabilse{
      font-size: 14px;
   }
   /*.conteneur legend{
      font-size: medium;
   }

   .conteneur input {
      font-size: medium;
   }*/

   .conteneur_Facture legend{
      font-size: medium;
   }

   .conteneur_Facture input {
      font-size: medium;
   }

   .popup_Cheque .conteneur_Cheque legend {
      font-size:medium;
   }

   .popup .conteneur, .popup .conteneur table td{
      white-space: normal;
   }

   .lienButtonStats{
      border: 2px solid black;
      padding: 2px;
      font-size: 15px;
      display: flex;
      font-weight: bold;
      position: absolute;
      margin-left: 85%;
      margin-top: -8px;
   }

}
@media screen and (max-width: 1200px) {
   .tableauBloc td, .tableauBloc th{
      font-size: 14px;
   }
   .table-scroll, .tableauBloc {
      overflow-x: auto;
    }

   .table-scroll table td, .table-scroll table th, .tableauBloc table td, .tableauBloc table th {
      white-space: nowrap;
   }
   .tableau_fond .lesForm{
      flex-direction: column;
   }
   .tableau_fond .recherche{
      width: 100%;
      max-width: 450px;
   }
   .tableau_fond .nouvelleF {
      position: static;
   }
   .tableau_fond .filtrePrecis{
      padding: 10px 0px;
   }
   .form__group2{
      margin-bottom: 5px;
   }
   nav ul {
      position: fixed;
      top: 55px;
      height: 100vh;
      right: -100%;
      width: 100%;     
      background-color: #1B4977;
      flex-direction: column;
      align-items: stretch;
      transition: 0.2s;
      text-align: center;
   }
   nav ul.active {
      right: 0%;  
   }
   nav ul li:first-child{
      margin-top: 5px;
   }
   nav ul .droite {
      position: relative;
      right: 0%;
      flex-direction: column;
   }
   nav a {
      color: #FFFFFF;
      
   }
   nav .dropdown-1{
      position: absolute;
      align-items: stretch;
   }
   nav .dropdown-1 button {
      color: white;
   }
   nav .dropdown-1:hover button {
      color: #1B4977;
      background-color: #eee;
   }
   
   nav ul .dropdown-1 .content{
      z-index: 5;
   }
   nav ul .dropdown-1:hover .content {
      border-radius: 0;
      width: 100%;
      border: none;
   }
   nav li:hover{
      background-color: #eee;
   }
   nav li:hover a{
      color: #1B4977;
   }
   nav ul .dropdown-1 .content a {
      font-size: 15px;
   }
   nav ul .dropdown-1 .content img {
      width: 21px;
      height: 21px;
   }

   #burger {
      display: block;
      margin-right: 10px;
   }

   .laNav {
      justify-content: space-between;
   }

   legend{
      font-size: 15px;
   }

   nav li .maison {
      filter: brightness(100);
   }
   nav li:hover .maison {
      filter: none;
   }

   .tableau_fond_espace {
      padding: 35px 10px;
   }
   .table {
      font-size: small;
      
   }
   .table-responsive{
      z-index: 3;
   }

   .popup_Cheque .conteneur_Cheque {
      position: absolute;
      width: 95%;
      font-size: 11px;
      z-index: 6;
   }

   .popup, .popup_modifFV, .popupFactModif, .popupCatFact{
      flex-direction: column-reverse;
      align-items: center;
   }
   .popup .conteneur, .popup_modifFV .conteneur_modifFV, .popupFactModif .conteneurFactModif, .popupCatFact .conteneurCatFact {
      font-size: 11px;
      width: 60%;
   }
   .popup .conteneur2, .popup_modifFV .conteneur_modifFV2, .popupFactModif .conteneurFactModif2, .popupCatFact .conteneurCatFact2, .conteneurMateriels{
      font-size: 11px;
      width: 60% !important;
      height: 25vh;
   }

   .popup_Duplication .conteneur_Duplication, .popup_DuplicationFV .conteneur_DuplicationFV, .popup_DuplicationFourFact .conteneur_DuplicationFourFact, .popup_DuplicationCatFact .conteneur_DuplicationCatFact {
      width: 90%;
      height: 88vh;
   }

   .popup_ListeFichier .conteneur_ListeFichier {
      width: 90%;
   }

   .popup_Facture .conteneur_Facture, .popup_FactureDeVente .conteneur_FactureDeVente{
      width: 90%;
      height: 88vh;
      font-size: 11px;
   }

   .tableau_fond .left-part {
      bottom: 2%;
      width: 100%;
   } 
   .tableau_fond .recherche{
      position: static;
      margin-bottom: 30px;
   }

   .laRecherche{
      margin-bottom: 5px;
   }

   .formBouton{
      white-space: normal;
      justify-content: center;
   }
   .btn{
      margin-left: 5px;
      font-size: 12px;
   }
   .nouvelleU{
      top: 60px;
      font-size: 11px;
   }
   .popup_MDP .conteneur_MDP, .popup_Sup .conteneur_Sup, .popup_Dossier .conteneur_Dossier, .popup_NewUtili .conteneur_NewUtili, .popup_MFournisseur .conteneur_MFournisseur
   , .popup_MMateriel .conteneur_MMateriel, .popup_NewFournisseur .conteneur_NewFournisseur, .popup_NewMateriel .conteneur_NewMateriel, .popup_MCategorie .conteneur_MCategorie
   , .popup_NewCategorie .conteneur_NewCategorie, .popup_MClient .conteneur_MClient, .popup_NewClient .conteneur_NewClient, .bloc_fondV2, .popup_StatsGen .conteneur_StatsGen
   , .popup_SupFournisseur .conteneur_SupFournisseur, .popup_SupMateriel .conteneur_SupMateriel{
      width: 60%;
   }
   .bloc_fond_centre {
      padding: 0px 0px;
   }

   .lienButtonStats{
      border: 2px solid black;
      padding: 2px;
      font-size: 15px;
      display: flex;
      font-weight: bold;
      position: absolute;
      margin-left: 77%;
      margin-top: -10px;
   }

}

/* Tablets */
@media screen and (max-width: 767px){
   .tableauBloc td, .tableauBloc th{
      font-size: 12px;
   }
   .tableau_fond .recherche input{
      font-size: 11px;
   }
   .tableau_fond .nouvelleF {
      font-size: 11px;
   }
   .tableau_fond .inputPDF::before{
      font-size: 11px;
   }
   .tableau_fond .filtrePrecis input, .tableau_fond .filtrePrecis select{
      font-size: 11px;
   }
   .table-scroll table {
      font-size: 12px;
    }
   .pageTotal, .lesPaginations, .lesMaxLignes, .form__group3{
      font-size: 11px;
   }
   .pageTotal, .lesPaginations{
      position: static;
   }
   .paginationFirst{
      width: 100%;
      display: flex;
      justify-content: space-between;
   }
   .form_end{
      display: block;
   }
   .popup, .popup_modifFV, .popupFactModif, .popupCatFact{
      align-items: stretch;
   }
   .popup .conteneur, .popup_modifFV .conteneur_modifFV, .popupFactModif .conteneurFactModif, .popupCatFact .conteneurCatFact {
      width: auto;
      height: auto;
   }
   .popup .conteneur2, .popup_modifFV .conteneur_modifFV2, .popupFactModif .conteneurFactModif2, .popupCatFact .conteneurCatFact2, .conteneurMateriels{
      width: auto !important;
   }

   .accueil_fond_espace, .bloc_fond_espace, .blocT_fond_espace{
      padding: 10px 5px;
   }
   .accueil_fond, .bloc_fond, .blocT_fond{
      width: 90%;
   }
   .accueilText, .bloc_fond legend, .blocT_fond legend{
      font-size: 18px;
      margin-top: 0px;
   }
   .accueil div, .contenuDIV div{
      width: 130px;
      height: 130px;
   }
   .accueil img, .contenuDIV img{
      width: 70px;
      height: 70px;
   }
   .accueil p, .contenuDIV p{
      font-size: 11px;
   }

   .popup_MDP .conteneur_MDP, .popup_Sup .conteneur_Sup, .popup_Dossier .conteneur_Dossier, .popup_NewUtili .conteneur_NewUtili, .popup_MFournisseur .conteneur_MFournisseur
   , .popup_MMateriel .conteneur_MMateriel, .popup_NewFournisseur .conteneur_NewFournisseur, .popup_NewMateriel .conteneur_NewMateriel, .popup_MCategorie .conteneur_MCategorie
   , .popup_NewCategorie .conteneur_NewCategorie, .popup_MClient .conteneur_MClient, .popup_NewClient .conteneur_NewClient, .bloc_fondV2, .popup_StatsGen .conteneur_StatsGen
   , .popup_SupFournisseur .conteneur_SupFournisseur, .popup_SupMateriel .conteneur_SupMateriel{
      width: 90%;
   }

   
}

/* Mobile phones */
@media screen and (max-width: 480px){
   .lienButtonStats{
      border: 2px solid black;
      padding: 2px;
      font-size: 13px;
      display: flex;
      font-weight: bold;
      position: absolute;
      margin-left: 10%;
      margin-top: 660px;
   }
}