.txt-stc-std{
padding: 25px;
padding-top:10px;

}

.txt-stc-std div{
max-width: 700px;
}
.alerte-pup-ajax{
position:fixed;
display:none;
padding:5px;
color:white;                        
top:-800px;
right:40px;
background:purple;
min-height:50px;
max-width:350px;
min-width:200px;
z-index:1500;
border-radius:15px;
box-shadow: 0 0 20px rgba(73, 73, 73, 0.73);
transition: top 0.5s ease;
}

.viewer-possible{
cursor: pointer;
}
.image-viewer-overlay{
position: fixed;
inset: 0;
background: rgba(0,0,0,0.75);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}

.image-viewer-overlay.active{
display: flex;
}

.image-viewer-overlay img{
max-width: 90%;
max-height: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
background: #fff;
}

main #Alert-1{
background:red;
}
main #Alert-2{
background:rgb(2, 141, 32);
}
main #Alert-3{
background:rgb(255, 255, 255);
color:rgb(214, 0, 0);
}
.alerte-pup-ajax.show{
top:30px;
display:block;
}

.alerte-pup-ajax .content-alt {
display:flex;
padding-left:10px;
padding-right:10px;
justify-content:space-between;
align-items:center;
width:100%;
box-sizing:border-box;

}

.alerte-pup-ajax .content-alt .bi-x{
font-size:30px;
cursor: pointer;
}

.alerte-pup-ajax .content-alt .dataError{
padding-left:5px;
padding-right: 5px;
}


.loadGiffer{
position:fixed;
top:0;
left:0;
width:100%;
display: flex;
align-items: center;
justify-content: center;
background: white;
z-index: 1000;
height: 100vh;
}

.loading-text .dots::after {
content: '';
animation: dots 1.2s steps(4, end) infinite;
}

@keyframes dots {
0%   { content: ''; }
25%  { content: '.'; }
50%  { content: '..'; }
75%  { content: '...'; }
100% { content: ''; }
}



@keyframes rotate180 {
0%   { transform: rotate(0deg); }
50%  { transform: rotate(180deg); }
100% { transform: rotate(0deg); }
}

@keyframes spin {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes growWidth {
to {
width: 100%;
}
}

@keyframes toOpacity {
to {
opacity: 0;
}
}

@keyframes fromHeightVt {
from {
max-height: 0;
min-height: 0;

}
to {
max-height: 70vh;
min-height: 200px;
}
}

@keyframes InvfromHeightVt {
from {
max-height: 70vh;
min-height: 200px;

}
to {
max-height: 0;
min-height: 0;
}
}

*{
font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif;
}

body{
margin:0;
padding:0;
}

main .ent{
background: rgb(46, 190, 46);
display: flex;
align-items: center;
justify-content: space-between;
color:white;
font-size:14px;
height: 60px;
}

main .ent .pst{       
height: 100%;
display: flex;
align-items: center;
}

main .ent .btn{
display: flex;
height: 100%;
}

main .ent .btn .btn-config{
height: 100%;
background: white;
display: flex;
justify-content: center;
align-items: center;
color:black;
padding-left: 10px;
}
main .ent .btn a{
color:inherit;
text-decoration: none;
}

main .ent .btn .a a:hover{
color:rgb(78, 78, 78);
transition-duration: 0.3s;
}
main .ent .btn .a{
height: 100%;
width:50px;
padding:0;
font-size:25px;
background: rgb(229, 12, 33);
color: white;
}
main .ent .btn .btn-config .asst{
display: flex;
align-items: center;
}


main .ent .btn .btn-config .asst i{
font-size: 20px;
}

main .ent .btn .btn-config .asst .mic{
max-width: 100px;
margin-right: 10px;
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
}
main .ent span img{
height:50px;
background: white;
border-radius: 0%;
width: auto;
margin-left: 15px
}

.body {
position:fixed;
width:100%;
box-sizing: border-box;
background: rgba(228, 228, 228, 0.425);
height: calc(100vh - 110px) !important;
padding:20px;
padding-bottom: 0;
display: flex;
justify-content: space-between;
overflow-y: hidden;
}

.body .tnav{
background: white;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 98%;
min-width:300px;
padding-top: 15px;
padding-right: 5px;
}
.body .tnav nav{
height: 100%;
}
.body .tnav nav .offs {
padding:0;
height: 98%;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgb(190, 190, 190) transparent;
}


.body .tnav nav .offs .mobile-affs{
display: none;
}
.body .tnav nav .offs ul{
padding:0;
margin:0;
}
.body .tnav nav .offs ul li{
list-style:none;
margin-right: 5px;
}
.body .tnav nav .offs ul a{
color:inherit;
text-decoration: none;
}
.body .tnav nav .offs ul .title{
padding-left: 15px;
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
margin-top: 20px;
color: rgb(229, 12, 33);
padding-top: 5px;
border-left: 2px solid rgb(229, 12, 33);
padding-left: 10px;
margin-left: 15px;
margin-bottom: 10px;
}
.body .tnav nav .offs ul .menu{
padding:10px;
display: flex;
align-items: center;
}
.body .tnav nav .offs ul .menu:hover, .body .tnav nav .offs ul .actif{
background: rgb(235, 235, 235);
transition-duration: 0.3s;
}
.body .tnav nav .offs ul .bottom-actif{
border-bottom: 1px solid rgb(224, 224, 224);
}
.body .tnav nav .offs ul .top-actif{
border-top: 1px solid rgb(224, 224, 224);
}
.body .tnav nav .offs ul .menu i{
font-size: 20px;
margin-right: 10px;
font-weight: bold;
height:30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color:white;
background: rgb(46, 190, 46);
}

.body .tnav nav .offs ul .menu .tap{
background: none;
color:rgb(46, 190, 46);
}
.body .tnav nav .offs ul .menu span{
display: block;
}

.body .tbody{
background: white;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width:100%;
margin-left: 20px;
height: 100%;
padding:10px;
}

.body .tbody .overm{
height: 96%;
overflow-y: auto;
scrollbar-width: thin;
padding-right: 10px;
}

.tbody .search .flex{
padding:15px;
display: flex;
align-items: center;
}
.tbody .search .flex .drop-menu{
display: none;
}
.tbody .search .flex .drop-menu i{
font-size: 38px;
margin-right: 15px;
color:rgb(155, 153, 153);
}

@media screen and (max-width:900px) {

.body{
padding:10px;
}
.tbody .search .flex .drop-menu{
display: block;
cursor: pointer;
}

.body .tnav{
position:fixed !important;
display: none;
top:0;
left:0;
width:0%;
min-width: auto !important;
border-radius: 0 !important;
background: white;
animation: growWidth 0.5s forwards;
z-index: 90;
}
.body .tnav nav .offs .mobile-affs{
display: flex;
align-items: center;
justify-content: space-between;
padding:10px;
padding-left: 20px;
}

.body .tnav nav .offs .mobile-affs i{
font-size: 30px;
cursor: pointer;
}

.body .tnav nav .offs .mobile-affs img{
height:50px;
}
.body .tnav nav .offs ul{
padding:15px;
}
.body .tbody{
margin-left: 0;
}

}
.tbody .search .flex .form-search{
padding:8px;
border:1px solid rgb(230, 230, 230);
border-radius: 30px;
width:100%;
max-width: 600px;
padding-left: 15px;
}

.tbody .search .flex .form-search form{
display: flex;
width: 100%;
align-items: center;
}

.tbody .search .flex .form-search form i{
font-size:25px;
color: rgb(46, 190, 46);
margin-right: 10px;
}
.tbody .search .flex .form-search form input{
width:100%;
height: 30px;
border:none;
background: none;
color:black;
font-weight: bold;
outline:none;
}

.tbody .search .flex .form-search form div{
width:90%;
}
.tbody .intrd .pagination{
font-size:11px;
margin-bottom: 15px;
display: inline-block;
background: rgba(219, 219, 219, 0.527);
padding:5px;
border-radius:8px;
}
.tbody .intrd{
padding:10px;
}

.tbody .intrd h1, .tbody .intrd h2{
margin:0;
padding:0;
}

.tbody .titrage{
display: flex;
padding:10px;
background: rgb(229, 12, 33);
min-height: 40px;
border-radius: 5px;
color:white;
align-items: center;
margin-top: 15px;
margin-left: 10px;
}

.tbody .titrage i{
font-size: 20px;
margin-right: 15px;
}

.tbody .titrage h4{
margin:0;
padding:0;
}

.pup-cookies{
position:fixed;
bottom:20px;
right:0px;
z-index:80;

}

.pup-cookies .modal {
display: flex;
align-items: center;
width: fit-content;
overflow: hidden;
background: rgb(229, 12, 33);
color:white;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding: 5px;
transition: width 0.4s ease;
padding-left: 10px;
box-shadow: 0 0 10px rgba(128, 128, 128, 0.425);
}

.pup-cookies .modal  .icon{
font-size:25px;
animation: spin 2s linear infinite;
}

.pup-cookies .modal  span{
font-size:14px;
line-height: 13px;
display: block;
}

.pup-cookies .modal  span small{
font-size: 12px;
}

.pup-cookies .modal .text {
max-width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
transition: max-width 0.4s ease, opacity 0.4s ease;
padding-left: 5px;
}

.pup-cookies .modal:hover .text {
max-width: 400px; 
opacity: 1;
}


.connexion-section{
padding-left: 15px;
margin-top: 20px;

}

.connexion-section .form-connexion{
border:1px solid rgba(226, 226, 226, 0.801);
padding:20px;
max-width: 400px;
border-radius: 5px;
margin-left: 10px;
}

.connexion-section .form-connexion .form{
display: flex;
align-items: center;
border:1px solid rgb(207, 207, 207);
border-radius: 5px;
max-width: 400px;
padding:8px;
margin-bottom: 15px;
}

.connexion-section .form-connexion .form .icn{
width: 20px;
margin-right: 10px;
font-size:20px;
}

.connexion-section .form-connexion .form .txt{
width: calc(100% - 30px);
}

.connexion-section .form-connexion .form input{
border:none;
width: 100%;
height: 30px;
background: white;
outline: none;
}

.connexion-section .form-connexion .btn button{
background: rgb(0, 184, 0);
color:white;
height: 40px;
border:none;
border-radius: 30px;
cursor: pointer;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}

.connexion-section .form-connexion .btn button i{
margin-right: 5px;

}

.connexion-section .form-connexion .alert-connexion{
color:red;
font-weight: bold;
margin-top: 15px;
}

footer{
position:fixed;
bottom:0;
left:0;
width: 100%;
}

footer .tm{
background: white;
padding:5px;
font-size:12px;
box-shadow: 0 0 10px rgba(204, 204, 204, 0.418);
}

footer .in{
background: rgb(229, 12, 33);
padding:2px;

}

.pup-office{
position:fixed;
top:0;
left:0;
width:100%;
height: 100vh;
background: rgba(0, 0, 0, 0.432);
z-index:50;
display: none;
justify-content: center;
align-items: center;
}

.pup-office .container-pup{
background: white;
max-width: 400px;
min-width: 50px;
margin:10px;
width:100%;
min-height: 300px;
border-radius: 15px;
box-shadow: 0 0 20px rgba(146, 146, 146, 0.377);
padding:10px;
position:relative;
}

.pup-office .container-pup .icon-close{
position:absolute;
top:5px;
right:5px;
font-size:25px;
z-index: 60;
cursor: pointer;
}

.pup-office .container-pup .title{
padding:6px;
font-weight: bold;
color:rgb(229, 12, 33);
}

.pup-office .container-pup i{
margin-right: 5px;
}

.pup-office .container-pup table{
margin-top: 15px;
text-align: left;
font-size: 16px;
width: 100%;
}
.pup-office .container-pup table th{
font-style: italic;
max-width: 120px !important;
}
.pup-office .container-pup table th,.pup-office .container-pup table td{
font-weight: normal;
border-bottom: 1px solid rgba(216, 216, 216, 0.767);
padding:5px;                   
min-width: 120px;
}

.pup-office .container-pup table td div{
max-width:180px;
display: block; 
white-space: nowrap;   
overflow: hidden;
text-overflow: ellipsis;
}

.pup-office .container-pup .list-btn{
width:100%;
margin-top: 10px;
}
.pup-office .container-pup .list-btn form{
display: inline-block;
width: 45%;
}
.pup-office .container-pup .list-btn .btn-pup,
.pup-office .container-pup .pup-confirmation .btn-pup-confirmation{
display: inline-block;
width: 45%;
margin:5px;
padding:10px;
color:white;
border:none;
border-radius: 10px;
cursor: pointer;
}

.pup-office .container-pup .list-btn form button{
width: 90% !important;
}

.pup-office .container-pup .list-btn .download,
.pup-office .container-pup .pup-confirmation .none{
background: rgb(1, 151, 1);
}

.pup-office .container-pup .list-btn .download:hover,
.pup-office .container-pup .pup-confirmation .none:hover{
background: rgb(2, 116, 2);
transition-duration: 0.3s;
}

.pup-office .container-pup .list-btn .delete,
.pup-office .container-pup .pup-confirmation .yes{
background: rgb(230, 0, 0);
}

.pup-office .container-pup .list-btn .delete:hover,
.pup-office .container-pup .pup-confirmation .yes:hover{
background: rgb(167, 5, 5);
transition-duration: 0.3s;
}

.pup-office .container-pup .pup-confirmation{
position:fixed;
top:0;
left:0;
background: rgba(0, 0, 0, 0.685);
width: 100%;
height: 100vh;
display: none;
align-items: center;
justify-content: center;
}
.pup-office .container-pup .pup-confirmation .container-confirmation{
background: white;
padding:15px;
box-shadow: 0 0 20px rgba(187, 187, 187, 0.459);
border-radius: 10px;

}
.standard-section{
padding:10px;
padding-left:15px;
}

.standard-section .alert-upload{
color:red;
font-weight: bold;
}
.standard-section .zone-upload {
border: 2px dashed #888;
padding: 10px;
text-align: center;
cursor: pointer;
background: rgb(211, 211, 211);
border-radius: 8px;
transition: background 0.3s;
margin-top: 10px;
}
.standard-section .zone-upload.dragover {
background: #e0ffe0;
border-color: rgb(3, 216, 10);
}

.standard-section .zone-upload .file-box {
border: 1px solid rgb(204, 204, 204);
border-radius: 5px;
padding: 5px;
text-align: left;
background: white;
display: inline-block;
width:100px;
margin:10px;
box-shadow: 0 0 20px rgba(121, 121, 121, 0.137);
}
.standard-section .zone-upload .file-box i {
font-size: 24px;
margin-right: 10px;
color: #444;
}
.standard-section .zone-upload .upload-message {
margin:10px;
}
.standard-section .zone-upload #previewArea {
max-height: 400px;
overflow-y: auto;
scrollbar-width: thin;
} 
.standard-section .zone-upload .file-box .filename-up{
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;

}
.standard-section .zone-upload .progress {
background: #eee;
border-radius: 4px;
height: 8px;
margin-top: 5px;
overflow: hidden;
}
.standard-section .zone-upload .progress-bar {
background: #4caf50;
height: 100%;
width: 0%;
transition: width 0.3s;
}

.info-p-red{
color:red;
padding:10px;
border:1px solid red;
border-radius: 5px;
}

.standard-section .listage-modele{
margin-top: 20px;
}

.standard-section .listage-modele a{
color:inherit;
text-decoration: none;
}
.standard-section .box-listage-file{
display: inline-block;
width:130px;
margin:10px;
border: 1px solid rgba(216, 216, 216, 0.767);
border-radius: 5px;
padding:10px;
cursor: pointer;
}

.standard-section .box-listage-file:hover{
background: rgb(229, 12, 33);
color:white;
transition-duration: 0.2s;
}

.standard-section .main{
position:relative;
}
.standard-section .main:hover{
background: rgba(156, 156, 156, 0.726);
transition-duration: 0.2s;
color:black;
}

.standard-section .main input{
height:20px;
width:20px;
position:absolute;
right:5px;
top:5px;
}

.standard-section .box-listage-file i{
font-size: 35px;
}

.standard-section .main i{
font-size:15px;
}

.standard-section .box-listage-file .txt{
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;   
}

.standard-section .zone-upload .description-zone div{
padding:5px;
background: white;
max-width: 200px;
border-radius: 30px;
font-size:13px;
}
.standard-section .btn-etp{
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}

.standard-section .btn-etp h4{
margin:0;
padding:0;
margin-bottom: 5px;
margin-top: 5px;
}

.standard-section .btn-etp h4 i{
margin-right: 5px;
}

.standard-section .btn-etp span{
font-size:13px;
}

.standard-section .btn-etp form{
display: block;
width: 100%;
}
.standard-section .btn-etp form button,
.standard-section .btn-validation button{
background: rgb(2, 161, 2);
border:2px solid rgb(2, 161, 2);
color:white;
height:45px;
width:100%;
border-radius: 20px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
cursor: pointer;
}


.standard-section .btn-validation{
margin-top: 15px;
}
.standard-section .btn-etp form button:hover,
.standard-section .btn-validation button:hover{
background: white;
transition-duration: 0.3s;
color:rgb(2, 161, 2);
}


.standard-section .btn-etp a button{
background: red;
border:2px solid red;
color:white;
height:45px;
width:100%;
border-radius: 20px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
min-width: 200px;
font-size: 16px;
cursor: pointer;
}

.standard-section .btn-etp a button:hover{
background: white;
transition-duration: 0.3s;
color:red;
}

.standard-section .btn-etp form button i{
margin-left: 5px;
}

@media screen and (max-width: 650px) {
.standard-section .btn-etp{
display: block;
}

.standard-section .btn-etp form button{
margin-top: 20px;
}
}

.standard-section .zone-poa{
position: fixed;
bottom:0;
left:0;
width: 100%;
display: flex;
justify-content: center;
z-index:50;

}

.standard-section .zone-poa .container-poa{
background: white;
color:black;
box-shadow: 0 0 20px rgba(77, 77, 77, 0.623);
position:relative;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
width: 80%;
min-width: 240px;
max-width: 400px;
}

.standard-section .zone-poa .container-poa .title .bar-tt{
padding: 10px;
font-weight: bold;
position:relative;
cursor: pointer;
background: rgba(240, 240, 240, 0.644);
border-top-left-radius: 30px;
border-top-right-radius: 30px;

}

.standard-section .zone-poa .container-poa .title .bar-tt i{
position:absolute;
right:0px;
top:-10px;
background: rgb(229, 12, 33);
color:white;
width:30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size:25px;
border-radius: 50%;
}

.standard-section .zone-poa .container-poa #listeFichiers{
max-height: 70vh;

}

.standard-section .zone-poa .container-poa .poa-main{
padding:10px;
max-height: 60vh;
overflow-y: auto;
scrollbar-width: thin;
}
.standard-section .zone-poa .container-poa .poa-main .nb-files{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp{
display: flex;
margin:5px;
border:1px solid rgba(214, 214, 214, 0.733);
padding:3px;
border-radius: 5px;
align-items: center;
justify-content: space-between;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .name{
width: 50%;
margin-right: 10px;
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .size{
width: 30%;
margin-right: 10px;
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .btn{
width: 10%;
margin-right: 10px;

}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .btn a{
color:inherit;
text-decoration: none;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .btn a i{
width:30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: red;
color:white;
font-size: 20px;
}


.standard-section .finalisation-commande{
padding:15px;
border:1px solid rgb(190, 190, 190);
display: flex;
}
.standard-section .finalisation-commande .grp{
padding-bottom: 10px;
}

.standard-section .finalisation-commande .form{
display: block;
width: 50%;
}

.standard-section .finalisation-commande .grp label{
display: block;
max-width:600px;
}

.standard-section .finalisation-commande .grp label span{
color:red;
font-weight: bold;
}

.standard-section .finalisation-commande .grp .input{
height:30px;
border: 2px solid rgb(199, 199, 199);
border-radius: 5px;
margin-bottom: 10px;
margin-top: 8px;
width: 95%;
max-width: 600px;
padding:4px;
}


.standard-section .finalisation-commande .grp .input:focus{
border: 2px solid red;
outline: none;
}

.standard-section .finalisation-commande .grp select{
height:40px;
border: 2px solid rgb(199, 199, 199);
border-radius: 5px;
margin-bottom: 10px;
margin-top: 8px;
width: 98%;
max-width: 610px;
padding:4px;
}



.standard-section .finalisation-commande .grp select:focus{
border: 2px solid red;
outline: none;
}


@media screen and (max-width:700px) {

.standard-section .finalisation-commande .grp label{
max-width: 90%;
}
.standard-section .finalisation-commande .grp .input{
width:90%;
}
.standard-section .finalisation-commande .grp select{
width:calc(90% + 10px);
}



}

.standard-section .finalisation-commande .infos{
min-width: 250px;
padding:15px;
border-radius: 10px;
width: 45%;
max-width:300px;
}

.standard-section .finalisation-commande .infos .ctc{
display:flex;
align-items:center;
border-bottom: 1px solid rgba(214, 214, 214, 0.459);
padding:5px;
font-size:15px;
}

.standard-section .finalisation-commande .infos .ctc div{
padding-right:5px;
font-size: 14px;   
}

.standard-section .finalisation-commande .infos .ctc .td{
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;   
}

.standard-section .finalisation-commande .infos .note p{
font-size:14px;
}

@media screen and (max-width:1200px) {

.standard-section {
padding-left: 15px;
}
.standard-section .finalisation-commande{
display:inline-block;
width: 100%;
margin: 0 !important;
padding:0px !important;
border:none;
}
.standard-section .finalisation-commande .form{
width:auto;
display: block;
}
.standard-section .finalisation-commande .infos{
width:80%;
max-width:auto;
min-width: auto;
display:inline;
padding-left:0;
margin-left:0;
}

.standard-section .finalisation-commande .infos .ctc{
max-width: 250px;   
}
}

@media screen and (max-width:600px) {


.standard-section .btn-validation button i{
display: none;
}

}


.standard-section .table-wrapper {

width:100%;
max-width: 100%;
padding-top: 20px;

}

.standard-section .responsive-table {
width: 100%;
border-collapse: collapse;
font-family: 'Plus Jakarta Sans', Arial, sans-serif;
}

.standard-section .responsive-table th,
.standard-section .responsive-table td {
padding: 8px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid rgb(235, 235, 235);
font-size:14px;

}


.standard-section .responsive-table th  span, .standard-section .responsive-table td  span{
display: none;
}


.standard-section .responsive-table thead tr {
background-color: #f2f2f2;
}

.standard-section .responsive-table td,.standard-section .responsive-table th {
max-width: 150px;

}

.standard-section .responsive-table .th-mobile strong i{
margin-right: 10px;
color:rgb(9, 255, 0);
}

.standard-section .responsive-table td i{
margin-right: 5px;
}
.standard-section .responsive-table a{
color:inherit;
text-decoration: none;
}


.standard-section .responsive-table td .action{
display: flex;
align-items: center;
}
.standard-section .responsive-table td .action a{
color:inherit;
text-decoration: none;
}
.standard-section .responsive-table td .action i{
font-size:20px;
width:30px;
height:30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.standard-section .responsive-table td .action .bi-hourglass{
font-size: 10px;
color:gray;
}
.standard-section .responsive-table td .action .bi-heart{
color:green;
}

.standard-section .responsive-table td .action .bi-heart:hover,.standard-section .responsive-table td .action .bi-heart-fill{
color:red;
}

.standard-section .responsive-table td .action .bi-eye-fill{
background: rgb(229, 12, 33);
color:white;
border-radius: 50%;
}

.standard-section .responsive-table td .action .bi-eye-fill:hover{
background: rgb(229, 12, 33);
transition-duration: 0.3s;
}
.standard-section .responsive-table .pagination{
display: flex;
align-items: center;
justify-content: left;
}
.standard-section .responsive-table .pagination a{
display: block;
margin-right: 15px;
background: rgb(206, 206, 206);
padding:8px;
border-radius: 5px;
font-size:14px;
}

.standard-section .responsive-table .pagination a:hover{
background: rgb(229, 12, 33);
color:white;
transition-duration: 0.3s;
}

.standard-section .responsive-table .pagination a i,.standard-section .responsive-table .pagination a i:hover{
color:inherit;
}


@media screen and (max-width:1200px) {
.standard-section .responsive-table th,
.standard-section .responsive-table td{
display:block;
white-space:inherit;
overflow: inherit;
text-overflow:inherit;
border-bottom: none;
position:relative;
padding-left: 10px;
font-size:16px;

}

.standard-section .responsive-table thead{
display:none;
}

.standard-section .responsive-table th  span, .standard-section .responsive-table td  span{
display: inherit;
font-weight: bold;
}

.standard-section .responsive-table td,.standard-section .responsive-table th {
max-width: 100%;

}

.standard-section .responsive-table a{
pointer-events: none;
}
.standard-section .responsive-table .tr-bin{
background: rgba(246, 250, 255, 0.377);
border-bottom: 1px solid rgba(206, 206, 206, 0.521);
border-radius: 10px;
}
.standard-section .responsive-table td .action{
justify-content: right;
position:absolute;
bottom:20px;
right:10px;
}

.standard-section .responsive-table td .action i{
font-size:25px;
width:35px;
height:35px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.standard-section .responsive-table .th-mobile{
padding-top:15px;
}
.standard-section .responsive-table td span .bi{
color: rgb(229, 12, 33);
}
.standard-section .responsive-table .action a,
.standard-section .responsive-table .pagination a{
pointer-events: auto;
}

.standard-section .responsive-table .pagination{
display: flex;
align-items: center;
justify-content: left;
position:relative;
left:-10px;
}
}


.standard-section .cm-infos{
padding:20px;
}
.standard-section .position-infos table{
text-align: left;
margin-bottom: 20px;
margin-right: 10px;
font-size: 14px;
width: 100%;
}   

.standard-section .position-infos table tr th,.standard-section .position-infos table tr td{
border-bottom: 1px solid rgba(204, 204, 204, 0.568);
padding:5px;
}

.standard-section .position-infos table tr th,.standard-section .position-infos table tr td div{
max-width: 200px;
}

@media screen and (max-width:700px) {
.standard-section .position-infos table tr th,.standard-section .position-infos table tr td div{
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
max-width: 120px;
}   
}

.standard-section .cm-infos .infos{
margin-top: 0;
padding-top: 0;
font-size: 14px;
}
.standard-section .cm-infos h4{
margin:0;
padding:0;
color:rgb(229, 12, 33);
}

.standard-section .cm-infos h4 i{
margin-right: 3px;
}

.standard-section .cm-infos .alert-commande{
margin-top: 20px;
color:rgb(9, 255, 0);
padding:10px;
border-radius: 10px;
font-style: italic;
}

.standard-section .cm-infos .alert-commande i{
margin-right: 10px;
}

.standard-section .cm-infos blockquote{
padding:0;
padding-left: 10px;
border-left: 2px solid rgb(229, 12, 33);
margin: 0;
margin-top: 10px;
margin-left: 5px;
font-size: 14px;
font-style: italic;
}

.btn-download-file{
background: rgb(15, 179, 0);;
color:white;
padding:10px;
min-width:200px;
border-radius: 30px;
border:2px solid rgb(15, 179, 0);
margin-top: 20px;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
cursor: pointer;
}

.btn-download-file:hover{
background: none;
color:rgb(15, 179, 0);;
transition-duration: 0.3s;
}

.btn-download-file i, .btn-download-file-photo i{
margin-right: 5px;
}

.btn-download-file-photo{
background: rgb(15, 179, 0);
color:white;
padding:10px;
min-width:200px;
border-radius: 30px;
border:2px solid rgb(15, 179, 0);
margin-top: 5px;
font-size: 15px;
font-weight: bold;
margin-bottom: 20px;
cursor: pointer;
}

.btn-download-file-photo:hover{
background:none;
color:rgb(15, 179, 0);
transition-duration: 0.3s;
}

.langage-banner {
position:relative;
margin-right:5px;
top:1.5px;
}

.langage-banner .langage{
position:absolute;
background:rgba(228, 228, 228, 0.918);
top:35px;
right:-60px;
z-index: 99;
border-radius: 30px;
box-shadow: 0 0 30px rgba(143, 143, 143, 0.158);
}

.accueil-div{
padding:20px;
}
.accueil-div .classification{
display:flex;
justify-content:left;
width:100%;
box-sizing:border-box;
}

.accueil-div .classification .box-main{
min-width:150px;
display:inline;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
padding:20px;
border-radius:10px;
margin:10px;
}
.accueil-div .classification .box-main i{
font-size:35px;
margin-bottom:10px;
}
.accueil-div .classification .box-main h2{
margin:0;
padding:0;
margin-bottom:5px;
}

.accueil-div .horaire{
display:flex;
align-items:center;
margin-bottom:5px;
}

.accueil-div .horaire svg{
margin-right:10px;
position:relative;
top:2px;
border : 1px solid rgb(216, 216, 216);
}

.accueil-div .link-quick{
display:flex;
justify-content:space-between;
box-sizing: border-box;
}

.accueil-div .link-quick .btn-cmpt{
border: 1px solid rgba(212, 212, 212, 0.58);
padding:8px;
background: rgba(243, 216, 198, 0.23);
border-radius:5px;
display:inline-block;
margin:5px;
}

.accueil-div .link-quick .btn-cmpt h5{
margin:0;
padding:0;
display:flex;
align-items:center;
}

.accueil-div .link-quick .btn-cmpt h5 img{
height:19px;
margin-right:8px;
}

.accueil-div .link-quick .btn-cmpt h5 i{
font-size:16px;
margin-right:5px;
}

.accueil-div .link-quick .btn-cmpt span{
font-size:13px;
}

@media screen and (max-width:700px){
.accueil-div .classification{
display:block;
}
.accueil-div .classification .box-main{
display:block;
margin-bottom:20px;
}
}

.langage-banner .langage .ctc{
padding:15px;
width:100%;
}

.langage-banner .langage .ctc a{
display: flex;
margin: 5px;
align-items: center;                                
}

.langage-banner .langage .ctc svg{
margin-right: 10px;
}

.hidden { display: none; }
.langswitch a {
margin: 0 8px;
text-decoration: none;
color: #0066cc;
font-weight: bold;
cursor: pointer;
}
.langswitch a.active {
color: #d32f2f;
text-decoration: underline;
}

.select-container {
position: relative;
margin-bottom: 20px;
}
.select-search {
width: 100%;
padding: 6px;
box-sizing: border-box;
display: none; 
margin-bottom: 4px;
outline:none;

}
.select-list {
width: 100%;
padding: 6px;
box-sizing: border-box;
outline:none;
}



.form-vente form .te p{
margin:0;
padding:0;

}

.form-vente .form-primary {
border:1px dashed rgba(214, 214, 214, 0.74);
border-radius: 5px;
padding:10px;
max-width:450px;
}

.form-vente form .grp-input-grp{
padding:10px;
border:1px solid rgba(214, 214, 214, 0.74);
margin:10px;
max-width:450px;
border-radius:6px;
width:80%;
}


.form-vente form select,.form-vente form input{
height:35px;
padding:4px;
border:1px solid #afafaf;
border-radius: 6px;
width:100%;
box-sizing: border-box;

}

.form-vente form .grp-input-grp textarea{
height:235px;
padding:4px;
border:1px solid #afafaf;
border-radius: 6px;
width:100%;
box-sizing: border-box;

}

.form-vente form .grp-input-grp .list-checked input{
width: 25px !important;
height: 25px !important;
margin-right:10px;
margin-top:-3px;
}

.form-vente form .grp-input-grp .list-checked .table .ef{
display:flex;
align-items: center;
box-sizing: border-box;
border-bottom:1px solid rgb(155, 153, 153);
margin-bottom:15px;
}

.form-vente form .grp-input-grp .area-chall{
font-size:11px;
position:relative;
top:-3px;
color:red;
font-style: italic;
font-weight: bold;
}

.form-vente form  .note{
font-size:13px;
font-style: italic;
margin-top:5px;
}

.form-vente form  .conditions button{
cursor: pointer;
background: rgb(221, 6, 6);
color:white;
border:none;
border-radius: 5px;
padding:5px;
font-style: italic;
}

.form-vente form  .conditions button:hover{
background: rgb(156, 5, 5);
transition-duration: 0.5s;
}

.form-vente .config-vente{
padding:5px;
border:1px solid green;
color:green;
background:rgba(142, 202, 142, 0.459);
border-radius: 5px;
margin-bottom: 30px;
}


.form-vente form .grp-input-grp label{
margin-bottom:10px;
display:block;
text-align: left;
}

.form-vente form .grp-input-grp label .etl{
color:red;
font-size:20px;
}

.form-vente form .grp-input-grp select{
width:100% ;
max-width:auto !important;
border-radius:6px;
outline:none;
height:40px;
margin-top:8px;
}

.form-vente-upload form .intro p{
margin:0;
padding:0;
}

.form-vente-upload form .image-import{
margin-top:20px;
}
.form-vente-upload form label{
cursor: pointer;
display:inline-block;
max-width:150px;
height:150px;
margin:10px;
}

.form-vente-upload form label i{
color:gray;
text-shadow: 0 0 10px white;
font-size:50px;
}
.form-vente-upload form .image-box {
border:1px solid rgba(150, 150, 150, 0.93);
width:150px;
height:150px;
display: inline-flex;
align-items:center;
justify-content: center;
border-radius:15px;
margin:5px;
background:white;
box-shadow:0 0 5px rgba(150, 150, 150, 0.53);
}

.label-disabled{
opacity:0.5s;
pointer-events:none;
cursor:not-allowed;
}

.standard-section .complete-etp{
width:100%;
min-height:200px;
max-height: 200px;
display:flex;
box-sizing: border-box;
align-items:center;
justify-content:center;
border: 1px solid rgba(167, 167, 167, 0.664);
margin-top:20px;
border-radius: 6px;
}

.standard-section .complete-etp .waiting{
font-size : 2.5rem;
color:green;                               
}


@keyframes rotation{

from {
transform: rotate(0deg);
}

to{
transform: rotate(360deg);
}
}



.standard-section .complete-etp .final .icon i{
animation : rotation 1.2s linear infinite;
animation-duration: 2s;
display:inline-block;
}

.standard-section .complete-etp .final{
animation: zoom 1.5s ease-in-out infinite;
}

.paiement-method .choice-box{
display:inline-block;
max-width: 300px;
min-width:230px;
min-height:280px;
padding:25px;
vertical-align:top;
margin: 10px;
}

.paiement-method .choice-box h4,
.paiement-method .choice-box p{
margin:0;
padding:0;
margin-bottom:10px;
margin-top:15px;
}

.paiement-method .choice-box .i i{
font-size:35px;
}

.element-admin{
display:flex;
justify-content: space-between;
box-sizing: border-box;
margin:5px;
width: 100%;
margin-bottom:10px;
}

.element-admin input{
width:95%;
padding:8px;
min-height:30px;
display:flex;
box-sizing: border-box;

}


.element-admin button{
margin:4px;
height:30px;
cursor: pointer;
background: rgb(219, 2, 2);
color:white;
border:none;
border-radius: 5px;

}

.element-admin button:hover{
background: rgb(156, 5, 5);
transition-duration: 0.3s;
}
.pagination-php{
border-top: 1px solid gray;
margin-top:15px;
}
.pagination-php a{
display:inline-block;
margin:8px;
padding:8px;
text-decoration: none;
color:red;

}

.pagination-php .link{
background:rgb(0, 184, 0);
color:white;
border:none;
border-radius: 5px;

}

.info-dossiers {
margin:10px;
border: 1px dashed gray;
padding:10px;
}

.info-dossiers table{
width:100%;
max-width: 700px;
}

.info-dossiers table tr th{
width:100px;
padding:10px;
border-bottom:1px solid gray;
text-align: left;
}

.info-dossiers table tr td{
padding:10px;
border-bottom:1px solid gray;
text-align: left;
}

.info-dossiers table tr td input{
width:100%;
}

.info-dossiers table tr td .btn-sample{
background:red;
color:white;
padding:5px;
border:none;
border-radius: 5px;
margin:5px;
cursor: pointer;
}

.modification-ent{
padding:15px;
}

.download-stp{
background: rgb(255, 238, 2);
padding:8px;
border-radius: 15px;
cursor: pointer;
border: 2px solid rgb(255, 238, 2);
color:white;

}

.download-stp:hover{
background:white;
color: rgb(255, 238, 2);
transition-duration: 0.3s;
}


.menu-btn{
background:rgb(1, 151, 1);
color:white;
border: none;
border-radius: 10px;
margin:5px;
display:inline;
padding:8px;
cursor: pointer;
text-decoration: none;
}

.table-std{
width: 100%;
max-width: 600px;
margin-bottom: 30px;
text-align: left;
}

.table-std th,
.table-std td{
padding:5px;
border-bottom: 1px solid gray;
}

.standard-section-vente-gestion{
padding:20px;
}

.standard-section-vente-gestion .search form{
display:flex;
align-items: center;
box-sizing: border-box;
}

.standard-section-vente-gestion .search input{
display:block;
height:35px;
border:1px solid gray;
border-radius: 5px;
background:white;
width:100%;
padding:8px;

}

.standard-section-vente-gestion .search button{
display:block;
margin:10px;
background: rgb(1, 151, 1);
color:white;
border:none;
border-radius: 20px;
border:2px solid rgb(1, 151, 1);
padding:8px;
}

.info-produit-admin table{
width:100%;
text-align: left;
font-size: 14px;
}

.info-produit-admin table .em th{
background: rgb(71, 71, 71);
color:white;
padding:8px;
text-align: center;
text-transform: uppercase;
width:100px;
}

.info-produit-admin table .nor th{
padding: 5px;
background:rgba(226, 226, 226, 0.507);
color:black;
width:100px;
}

.info-produit-admin table .nor td{
min-width:100px;
padding:5px;
border-bottom: 1px solid rgba(226, 226, 226, 0.507);
}

.info-produit-admin table .button-mol a{
text-decoration: none;
}

.info-produit-admin table .button-mol .button-1{
background:rgb(0, 184, 0);
color:white;
border:none;
padding:8px;
width:100%;
border-radius: 10px;
cursor: pointer;
display:block;
margin-top:10px;
}

.info-produit-admin table .button-mol .button-1:hover{
background: rgb(1, 151, 1);
transition-duration: 0.3s;
}

.info-produit-admin table .button-mol .button-2{
background:rgb(243, 28, 0);
color:white;
border:none;
padding:8px;
width:100%;
border-radius: 10px;
cursor: pointer;
display:block;
margin-top:10px;
}

.info-produit-admin table .button-mol .button-2:hover{
background: rgb(151, 1, 1);
transition-duration: 0.3s;
}


.input-wrapper {
position: relative; 
}

.input-wrapper input{
padding-left:30px !important;
outline:none;
}

.input-wrapper i {
position: absolute;  
left: 15px;         
top: 57px;          
transform: translateY(-50%);
font-size: 18px;   
color: #555;        
pointer-events: none; 
}

.input-wrapper input {
padding-left: 2rem;
}

.social-login {
text-align: center;
margin: 20px 0;
}

.social-login p {
margin-bottom: 10px;
}

.social-buttons {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}

.btn-social {
display: flex;
align-items: center;
gap: 5px;
padding: 8px 15px;
border-radius: 5px;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 0.9rem;
}

.btn-google {
background-color: #ec4f06;
}

.btn-facebook {
background-color: #4267B2;
}

.btn-other {
background-color: #6c757d;
}
.link-ot-session{
margin-top:15px;
}
.link-ot-session a{
display:block;
margin-bottom: 8px;
color:rgb(156, 5, 5);
text-decoration: underline;
font-weight: bold;
}

.post-annc{
display:flex;
align-items:first baseline;
width: 100%;
box-sizing:border-box;
}
.post-annc .form-annc{
width: 50%;
box-sizing:border-box;
padding:20px;
}
.post-annc .grp-input{                                    
margin-bottom:10px;
box-sizing:border-box;
}



.post-annc .import-img .image-box{
height:200px;
width:200px;                                    
display:flex;
align-items:center;
justify-content:center;
box-sizing: border-box;
padding: 5px;
margin-top:20px;
font-size:30px;
border-radius:10px;
margin-bottom:20px;
border:1px solid gray;
cursor: pointer;           
color: rgba(212, 212, 212, 1);                         
}
.post-annc h4{
margin:0;
padding: 0;
margin-top:25px;
margin-bottom: 10px;
}
.post-annc .grp-input label{
display:block;
margin-bottom:10px;
}

.post-annc .grp-input input,
.post-annc .grp-input select {
height:35px;
width:100%;
max-width:400px;
padding:5px;
border-radius:5px;
border:1px solid gray;
outline:none;
box-sizing:border-box;
}
.post-annc .grp-input textarea {
height:328px;
width:100%;
max-width:400px;
padding:5px;
border-radius:5px;
border:1px solid gray;
outline:none;
box-sizing:border-box;
}

.post-annc  .btn-pb button{
background: rgb(0, 184, 0);
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
padding:8px;
border:none;
border-radius:20px;
margin-top:20px;
min-width:250px;
cursor: pointer;
}

.post-annc  .btn-pb button:hover{
background: rgba(0, 119, 0, 0.87);
transition-duration:0.3s;
}

.post-annc  .btn-pb button i{
margin-right:10px;
}

@media screen and (max-width: 1000px) {
.post-annc{
display:block;
}

.post-annc .form-annc{
width: 100%;
}
}


.zone-paiement{
border:1px solid rgba(204, 204, 204, 1);
padding:10px;
border-radius:10px;
}

.zpm button{
margin-top:20px;
background: rgb(0, 184, 0);
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
padding:8px;
border:none;
border-radius:20px;
min-width:250px;
cursor: pointer;
}

.zone-paiement table{
width:100%;
}
.zone-paiement table td input{
height:25px;
width: 25px;
}
.zone-paiement table td img{
max-width:200px;
margin:5px;
cursor: pointer;
width:100%;
}
.zone-paiement table td {
padding:5px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
}



.stripe-integration #payment-form {
max-width: 450px;
margin: 50px auto;
padding: 10px;
border-radius: 12px;
font-family: Arial, sans-serif;
}

.stripe-integration .stripe-integration__field {
margin-bottom: 20px;
}

.stripe-integration label {
display: block;
margin-bottom: 6px;
font-weight: bold;
color: #333;
text-align: left; 
}

.stripe-integration input {
width: 100%;
padding: 12px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 8px;
box-sizing: border-box;
text-align: left; 
}

.stripe-integration #card-element {
border: 1px solid #ccc;
padding: 12px;
border-radius: 8px;
background-color: white;
font-size: 16px;
}
.stripe-integration #card-errors {
color: red;
margin-bottom: 20px;
font-size: 14px;
}

.stripe-integration button {
width: 100%;
padding: 14px;
font-size: 16px;
border: none;
border-radius: 8px;
background-color: #5469d4;
color: white;
cursor: pointer;
transition: background-color 0.3s;
}

.stripe-integration button:hover {
background-color: #4353b3;
}


.pagination-prt{
display:flex;
align-items:center;
justify-content: right;
box-sizing:border-box;
width:100%;
}
.pagination-prt button{
margin-top:20px;
margin-left: 15px;
padding:8px;
border:none;
background:green;
color:white;
border-radius:10px;
cursor:pointer;
}

.position-prt-prd{
padding:5px;
overflow-x:hidden;
}
.position-prt-prd .item{
width:250px;
display:inline-block;
border: 1px solid rgba(167, 167, 167, 0.69);
padding:15px;
border-radius:5px;
box-sizing:border-box;
margin:5px;

}
.position-prt-prd .item .img{
height:200px;
width:100%;
box-sizing:border-box;
}

.position-prt-prd .item h4, .position-prt-prd .item p{
white-space: nowrap;    
overflow: hidden;       
text-overflow: ellipsis;
max-width:90%;
margin:0;
margin-top:10px;
margin-bottom:10px;

}

.position-prt-prd .item .flex{
display:flex;
align-items:center;                                    
box-sizing:border-box;
width:100%;
}

.position-prt-prd .item button{
background:green;
color:white;
padding:5px;
border-radius:5px;
border:none;
width: 100%;
box-sizing: border-box;
font-size:16px;
cursor:pointer;
}

@media screen and (max-width: 700px) {
.position-prt-prd .item{
display: block;
width:100% ;
box-sizing:border-box;
margin:0;
margin-bottom:15px;
}
}