:root {
	--principale:#2154F5;
	--secondaire:#36C1CB;
	--bg:#F6F9FC;
	--btn:#2154F5;
	--textColor:#4E4B66;
	--elementsColor:#ECC627;
	--input-border:#D1D5DB;
	--input-color:#0A2540;
	--input-bg:#FDFDFD;
	--input-selected:#0A2540;
	--green:#2E7835;
	--blue:#1E88E5;
	--yellow:#FFEB3B;
	--pink:#E91E63;
	--violet:#9C27B0;
	--orange:#F09500;
	--purple:#9718BA;
	--red:#DC2626;
	--turquoise:#18B7BA;
	--aside:#FAFAFA;
	--focus:#2154F5;
	--btns:#2154F5;
	--btn-color:white;
	--btn-hover:#1D4ED8;
	--trainer:#2154F5;
	--school:#36C1CB;
	--h-titles:#3C526A;
	--table-th:#3C526A;
	--table-tr-even:#E4E4E4;
	--table-tr-odd:white;
	--table-tr-hover:#BBB;
	--hover:#0071CE;
	--text:#0A2540;
	--pro-blue:#2154f5;
	--pro-dark-blue:#0f2a52;
	--red:#DC2626;
	--href:#2154F5
}
@keyframes aggrandir{0%{opacity:0;width:100%}
1%{opacity:1;width:0%}
to{width:100%}
}
@keyframes aggrandirtop{0%{top:100%}
to{top:55px}
}
@keyframes menu{0%{left:-100%}
100%{left:57px}
}
h1,h2{padding:0px;margin:0px}
h1{font-size:22px}
h2{font-size:20px}
.select-items div.valide:hover{background:var(--green)}
.select-items div.invalide:hover{background:var(--red)}
body{margin:0px;font-family:Poppins,sans-serif;font-size:14px;background:var(--bg)}
body.no_overflow{overflow:hidden}
input,select,textarea{font-family:inherit;color:#8A8A8A;height:35px;font-size:14px;border-radius:2px;border:1px solid var(--input-border);box-sizing:border-box}
input:focus,select:focus,textarea:focus{border:1px solid var(--focus);outline:none}
.custom-select.active{border:1px solid var(--focus)}
textarea{height:70px;resize:none}
br{clear:both}
.popin-btn{display:block;color:white;background-color:var(--bg);cursor:pointer;max-width:280px;box-sizing:border-box;line-height:50px;font-size:15px;padding:0px;border-radius:3px;text-decoration:none;text-align:center;margin:10px auto}
.popin-btn:hover{background:var(--principale)}
.dd-item .edit{position:absolute;top:3px;right:10px;z-index:2}
.dd-item .delete{position:absolute;top:3px;right:10px;z-index:2}
.add{position:absolute;top:8px;right:10px;background:var(--btns);color:white;padding:5px;padding-left:29px;line-height:20px;border-radius:5px;cursor:pointer}
.add.add-with-filter{right:48px}
.add:before{position:absolute;content:"";left:6px;top:7px;bottom:7px;width:17px;background:url(../img/admin/add.png) no-repeat center;background-size:contain}
.import-csv{position:fixed;bottom:20px;right:94px;background:var(--green) url(../img/admin/import-csv.png) no-repeat center;background-size:70%;width:64px;height:64px;text-align:right;border-radius:8px;cursor:pointer}
.record-container,.record-user-container,.record-product-container{position:relative;background:#FAFAFA;margin-top:20px;padding-bottom:10px;border:1px solid #ECECEC;border-radius:3px}
.record-container.remove,.record-user-container.remove,.record-product-container.remove{background:pink}
.record-container .close,.record-user-container .close,.record-product-container .close{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background:url(../img/admin/remove.png) no-repeat center;background-size:contain;cursor:pointer}
.record-container.remove .close,.record-user-container.remove .close,.record-product-container.remove .close{background-image:url(../img/admin/undo.png)}
.upload-container{text-align:right}
.cloturer{display:inline-block;background:var(--bg) url(../img/admin/cloturer.png) no-repeat center;background-size:70%;width:64px;height:64px;text-align:right;border-radius:8px;margin-top:10px;cursor:pointer}
.download-big{display:inline-block;background:var(--bg) url(../img/admin/download.png) no-repeat center;background-size:70%;width:64px;height:64px;text-align:right;border-radius:8px;margin-top:10px;cursor:pointer}
.download-all-big{display:inline-block;background:var(--bg) url(../img/admin/download-all.png) no-repeat center;background-size:70%;width:64px;height:64px;text-align:right;border-radius:8px;margin-top:10px;cursor:pointer}
.upload{display:inline-block;background:var(--bg) url(../img/admin/upload.png) no-repeat center;background-size:70%;width:64px;height:64px;text-align:right;border-radius:8px;margin-top:10px;cursor:pointer}
.download-big:hover,.download-all-big:hover,.upload:hover,.add:hover{background-color:var(--principale);box-shadow:0px 0px 6px 0px rgba(0,0,0,.2)}
.cloturer{background-color:#BB162B}
.cloturer:hover{background-color:#BBB}
.upload.disabled,.download-big.disabled,.download-all-big.disabled{background-color:#BBB}
.upload.disabled:hover,.download-big.disabled:hover,.download-all-big.disabled:hover{background-color:var(--red)}
.more:hover{filter:invert(90%) sepia(50%) saturate(3000%) hue-rotate(150deg) brightness(95%) contrast(90%)}
.export{position:fixed;bottom:20px;right:20px;background:var(--green) url(../img/admin/excel.png) no-repeat center;background-size:60%;width:64px;height:64px;text-align:right;border-radius:50%;cursor:pointer}
.add_account{background:url(../img/admin/add.png) no-repeat right;background-size:contain;height:40px;margin-top:10px;cursor:pointer}
.error{text-align:center;color:red;font-weight:bold}
.success{text-align:center;color:green;font-weight:bold}
.download,.download-all,.print,.more,.setup,.setup-base,.edit,.printed,.dispatch,.shipped,.valide,.pdf,.send-to-print,.email-received,.order-email-send,.modules,.tables,.ihm,.cta,.add-record,.add-user-record,.add-product-record,.change-password,.config,.folder,.files,.tasks,.partner,.go-login,.edit-account,.delete,.archives{display:inline-block;width:32px;height:32px;background:var(--btns) none no-repeat center;background-size:62%;border-radius:5px;cursor:pointer}
.more{background-color:transparent}
.download:hover,.download-all:hover,.print:hover,.edit:hover,.add-record:hover,.add-user-record:hover,.add-product-record:hover,.change-password:hover,.config:hover,.folder:hover,.files:hover,.tasks:hover,.partner:hover,.go-login:hover,.edit-account:hover,.delete:hover,.archives:hover{box-shadow:0px 0px 4px 0px rgba(0,0,0,.4)}
.more{background-image:url(../img/admin/more.png);background-size:32px;filter:invert(70%) sepia(90%) saturate(3000%) hue-rotate(180deg) brightness(95%) contrast(90%)}
.change-password{background-image:url(../img/admin/key.png);background-color:var(--orange)}
.go-login{background-image:url(../img/admin/key.png)}
.edit-account{background-image:url(../img/admin/key.png)}
.config{background-image:url(../img/admin/config.png);background-color:var(--green)}
.folder{background-image:url(../img/admin/folder.png)}
.files{background-image:url(../img/admin/files.png);background-color:var(--purple)}
.archives{background-image:url(../img/admin/archives.png);background-color:var(--purple)}
.download{background-image:url(../img/admin/download.png);background-color:var(--orange)}
.download-all{background-image:url(../img/admin/download-all.png);background-color:var(--orange)}
.tasks{background-image:url(../img/admin/tasks.png)}
.partner{background-image:url(../img/admin/partner.png)}
.add-record,.add-user-record,.add-product-record{display:block;background:auto;width:auto;height:40px;border-radius:3px;background-image:url(../img/admin/add.png);background-size:auto 60%;;margin-top:10px}
.modules{background-image:url(../img/admin/modules.png);background-size:55%;background-color:var(--red)}
.tables{background-image:url(../img/admin/setup-base.png);background-size:55%;background-color:var(--green)}
.ihm{background-image:url(../img/admin/ihm.png);background-size:55%;background-color:var(--red)}
.cta{background-image:url(../img/admin/cta.png);background-size:55%;background-color:var(--red)}
.edit{background-image:url(../img/admin/edit.png);background-size:55%}
.printed{background:url(../img/admin/printed.png);background-size:contain}
.dispatch{background:url(../img/admin/dispatch.png);background-size:contain}
.shipped{background:url(../img/admin/shipped.png);background-size:contain}
.valide{background:url(../img/admin/valide.png);background-size:contain;cursor:default}
.pdf{background:url(../img/pdf.png);background-size:contain}
.send-to-print{background:url(../img/printing-machine.png);background-size:contain}
.email-received{background:url(../img/email-received.png);background-size:contain}
.order-email-send{background:url(../img/email-send.png);background-size:contain}
.setup{background-image:url(../img/admin/setup.png);background-size:55%}
.setup-base{background-image:url(../img/admin/setup-base.png);background-size:55%}
.delete{background-image:url(../img/admin/delete.png);background-color:var(--red)}
.btn{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:var(--btn);color:white;margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer}
.btn:hover{background:var(--principale)}
.btn:first-child{margin-left:0px}
.btn-add{display:block;text-align:center;line-height:43px;background:var(--principale);color:white;border:1px solid var(--principale);margin-top:10px;border-radius:5px;cursor:pointer}
.btn-add:hover{background:white;color:var(--principale)}
.btn-no-action{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:white;color:var(--principale);border:1px solid var(--principale);margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer}
.btn-no-action:hover{background:var(--principale);color:white}
.btn-close{display:inline-block;padding-left:20px;padding-right:20px;line-height:40px;background:white;color:var(--principale);border:1px solid var(--principale);margin-top:20px;margin-bottom:10px;margin-left:10px;border-radius:5px;cursor:pointer}
.btn-close:hover{background:#C40606;color:white;border:1px solid #C40606}
.dd-item .disabled{position:absolute;background-image:url(../img/admin/disabled.png);background-size:100%;top:12px;right:64px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .enabled{position:absolute;background-image:url(../img/admin/enabled.png);background-size:100%;top:12px;right:64px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .editer{position:absolute;background-image:url(../img/admin/edit.png);background-size:100%;top:12px;right:37px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .supprimer{position:absolute;background-image:url(../img/admin/delete.png);background-size:100%;top:12px;right:10px;cursor:pointer;width:24px;height:24px;border:0px}
.dd-item .div-price{float:right;cursor:pointer;height:24px;border:0px;margin-right:10px;margin-top:5px}
.dd-item input[type=number]{height:28px;box-sizing:border-box;font-family:inherit;color:black;font-size:14px;border-radius:2px;border:1px solid gray;width:85px}
#bg-click{display:none;position:fixed;background:rgba(0,0,0,0);width:100%;height:100%;z-index:10000}
/*#bg-click:before{position:absolute;content:"";background:url(../img/admin/remove.png) no-repeat right;background-size:contain;top:5px;right:10px;width:35px;height:35px;cursor:pointer}*/
.block-white{margin-top:10px;background:white}
#popin{display:none;position:fixed;width:100%;right:0px;bottom:0px;top:0px;overflow:auto;background:white;z-index:10001;box-sizing:border-box;animation:aggrandirtop .2s}
#popin .popin-close{position:fixed;content:"";background:url(../img/admin/close.png) no-repeat right;background-size:contain;right:10px;width:35px;height:55px;cursor:pointer;z-index:3}
#popin2{display:none;position:fixed;width:100%;right:0px;bottom:0px;top:55px;overflow:auto;background:white;z-index:10001;box-sizing:border-box;animation:aggrandirtop .2s}
#popin[data-position=right]{left:auto;right:0px;width:auto;max-width:680px;animation:aggrandir .2s}
#popin2[data-position=right]{left:auto;right:0px;width:auto;max-width:680px;animation:aggrandir .2s}
.bgh,.list h1,.list h2,#popin h1,#popin h2,#popin2 h1,#popin2 h2,.block-white h2{font-size:20px;padding:0px;margin:0px;background:var(--h-titles);color:white;padding:10px;text-align:center;line-height:35px}
#popin h1,#popin h2,#popin2 h1,#popin2 h2,.block-white h2{position:fixed;width:100%;z-index:2}
#popin table{line-height:25px}
#popin2 table{line-height:25px}
.content{position:relative;max-width:980px;padding-left:30px;padding-right:30px;margin:auto}
#popin .content{max-width:620px;margin:auto;padding:20px;padding-left:10px;padding-right:10px;margin-top:110px}
.content.mini{margin-top:50px}
#popin .select2-container{margin-top:10px;margin-bottom:0px}
#popin .select2-container .select2-choice{line-height:43px}
#popin select{display:block;width:100%;height:42px;padding:10px;color:#8A8A8A;margin-top:10px;font-weight:bold;box-sizing:border-box}
#popin2 .select2-container{margin-top:10px;margin-bottom:0px}
#popin2 .select2-container .select2-choice{line-height:43px}
#popin2 select{display:block;width:100%;height:42px;padding:10px;color:#8A8A8A;margin-top:10px;font-weight:bold;box-sizing:border-box}
#center_account .account_row {position:relative}
#center_account .account_row.remove{background:rgba(255,0,0,0.5)}
#center_account .account_row .remove-row {position:absolute;z-index:3;right:0px;top:0px;background:url(../img/admin/delete-img.png) no-repeat center;background-size:auto;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer;}
.pastille{position:relative;line-height:20px;padding-left:22px}
.pastille:after{position:absolute;content:"";top:0px;bottom:0px;left:0px;width:16px;background:url(../img/admin/b-green.png) no-repeat center;background-size:contain}
.pastille.red:after{background-image:url(../img/admin/b-red.png)}
.pastille.orange:after{background-image:url(../img/admin/b-orange.png)}
.input-material{position:relative;box-sizing:border-box;margin-top:10px;margin-bottom:10px}
.input-material input,.input-material textarea{display:block;border:1px solid var(--input-border);background:var(--input-bg);box-shadow:0 1px 2px rgba(0,0,0,0.05);font-family:inherit;font-size:14px;color:var(--input-color);width:100%;height:37px;padding:5px;box-sizing:border-box;border-radius:5px}
.input-material input.date{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material input.time{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material input.datetime{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material textarea{line-height:18px;height:auto;resize:none;padding:7px 5px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.input-material label{position:absolute;left:5px;top:5px;line-height:30px;font-size:13px;color:var(--input-color);transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.input-material input:focus ~ label,.input-material textarea:focus ~ label{background:var(--input-bg);top:-7px;line-height:9px;font-size:9px;font-weight:normal;padding:2px}
.input-material input:focus,.input-material textarea:focus{border-color:var(--focus)}
.input-material input:valid ~ label,.input-material textarea:valid ~ label{background:var(--input-bg);top:-7px;line-height:9px;font-size:9px;font-weight:normal;padding:2px}
.input-material input:disabled,.input-material textarea:disabled{background:#ECECEC}
.input-material input:disabled ~ label,.input-material textarea:disabled ~ label{background:#ECECEC;top:-7px;line-height:9px;font-size:9px;font-weight:normal;padding:2px}
.input-material label.required:after{position:absolute;content:" *";color:red;font-weight:bold;background:var(--input-bg);height:9px;top:0px;margin-left:2px;padding-right:2px}
.input-material input:disabled ~ label.required:after,.input-material textarea:disabled ~label.required:after{background:#ECECEC}

.input-material input::placeholder,.input-material textarea::placeholder{color:transparent;transition:color 0.2s ease}
.input-material input:focus::placeholder,.input-material textarea:focus::placeholder{color:#AAA}
.show-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.show-material div{display:block;outline:none;border:1px solid var(--principale);font-family:inherit;font-size:13px;font-weight:bold;color:var(--principale);width:100%;min-height:47px;padding:5px;padding-top:15px;line-height:25px;box-sizing:border-box}
.show-material div.date{background:url(../img/admin/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.show-material label{position:absolute;left:5px;top:5px;line-height:9px;font-size:9px;font-weight:normal;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.select2-container.required .select2-chosen:after{position:absolute;content:"*";color:red;font-weight:bold}
header{position:fixed;width:100%;height:60px;z-index:5000;background:white;top:0px;box-shadow:0px 0px 10px 2px rgba(0,0,0,.2)}
header #logo{display:inline-block;background:url(../../cdn/img/logo.png) no-repeat center;background-size:contain;width:60px;height:60px;margin-top:6px;margin-left:10px}
header #menu-right{position:fixed;right:10px;top:6px;font-size:13px;line-height:16px;font-weight:300;text-align:center}
header #menuright{float:right;padding-right:20px;height:55px}
header #menuright #onglets{float:left;height:55px;line-height:55px}
header #menuright #onglets a{float:left;padding-left:25px;text-decoration:none;color:#979797;font-weight:bold;font-size:14px}
header #menuright #onglets a:first-child{padding-left:0px}
header #menuright #onglets a:hover{color:#3E9AF5}
header #menuright #notif{float:left;background-image:url(../../img/notification-bell.png);background-repeat:no-repeat;background-position:center;width:18px;height:55px;cursor:pointer;margin-left:10px}
header #menuright #notif #countNotif{background-color:#3E9AF5;color:white;border-radius:5px;font-weight:700;font-size:9px;line-height:16px;text-align:center;position:absolute;top:8px;margin-left:12px;margin-top:7px;padding:0 3px}
header #menuright #profil{display:inline-block;width:21px;height:55px;margin-left:10px;background:url(../../img/account.png) no-repeat;background-repeat:no-repeat;background-position:center}
header #menuright #profil ul{display:none}
header #menu-connected{position:absolute;right:10px;top:10px;padding-bottom:20px}
header #menu-connected ul{display:none;position:absolute;right:0px;top:32px;line-height:35px;background:white;list-style:none;z-index:2000;padding:5px;width:160px;border:1px solid #EEE;border-radius:5px;font-size:13px}
header #menu-connected ul li{position:relative;display:block;padding-left:40px;background-repeat:no-repeat;background-size:14px 14px;background-position:center left}
header #menu-connected ul li a{display:block;text-decoration:none;color:#212121}
header #menu-connected:hover ul{display:block}
header #menu-connected .pic{position:absolute;width:16px;height:16px;top:8px;left:15px}
header #menu-connected #avatar-notifications .pic{background:url(../../img/admin/notifications.png) no-repeat center;background-size:contain}
header #menu-connected #avatar-profile .pic{background:url(../../img/admin/profile.png) no-repeat center;background-size:contain}
header #menu-connected #avatar-logout .pic{background:url(../../img/admin/logout.png) no-repeat center;background-size:contain}
#notifications{position:absolute;top:-4px;right:-2px;background:var(--red);border-radius:50%;padding:4px;padding-top:1px;padding-bottom:1px;font-size:12px;font-weight:bold;color:white;text-decoration:none}

#select-format{position:absolute;right:10px;top:8px}
.select-tile{display:inline-block;width:30px;height:30px;background:url(../img/tile.png) no-repeat center;background-size:contain;cursor:pointer}
.select-table{display:inline-block;width:30px;height:30px;background:url(../img/table.png) no-repeat center;background-size:contain;cursor:pointer}


.lang-selector{position:absolute;cursor:pointer;right:55px;top:17px}
.lang-selector img{width:36px;height:24px;border-radius:5px;border:1px solid #ccc;display:block}
.lang-options{position:absolute;top:45px;left:0;display:none;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.2);padding:5px;z-index:1000}
.lang-options img{margin:5px 0;transition:transform 0.2s}
.lang-options img:hover{transform:scale(1.1)}


.avatar{display:block;width:32px;height:32px;line-height:32px;font-size:17px;border-radius:50%;text-decoration:none;color:white}
.avatar:hover{color:white}
.avatar img{display:block;border-radius:50%;width:100%;height:100%}
.avatar-header{background-color:#D95970}
.avatar-1{background-color:#ef7411}
.avatar-2{background-color:#0d89a3}
.avatar-3{background-color:#19894e}
.avatar-4{background-color:#e13500}
.avatar-5{background-color:#67539f}
.avatar-6{background-color:#333334}
.avatar-7{background-color:#f99e55}
.avatar-8{background-color:#0d57a3}
.avatar-9{background-color:#57bb60}
.avatar-10{background-color:#ff6536}
.avatar-11{background-color:#faac03}
.avatar-12{background-color:#6c6c6c}
.avatar-13{background-color:#eeb838}
.avatar-14{background-color:#5aa4ef}
.avatar-15{background-color:#6bb38d}
.avatar-16{background-color:#f27e5a}
.avatar-17{background-color:#9660c8}
.avatar-18{background-color:#a4a3a3}
.avatar-19{background-color:#cb9107}
.avatar-20{background-color:#769fc9}
.avatar-21{background-color:#5c8971}
.avatar-22{background-color:#d25129}
.avatar-23{background-color:#9f85b8}
.avatar-24{background-color:#bebaba}
.avatar-25{background-color:#5cb0ad}
.avatar-26{background-color:#42678c}
#breadcrumb{position:fixed;line-height:20px;background:white;border-bottom:1px solid #ECECEC;top:0px;left:0px;right:0px;padding-top:12px;padding-bottom:12px;padding-left:10px;padding-right:10px;color:#8A8A8A;font-size:12px;font-weight:900;z-index:2;transition:.2s}
#content #breadcrumb.active{left:200px}
#content #breadcrumb{top:60px;left:52px;}
#breadcrumb a{text-decoration:none;color:#8A8A8A}
#breadcrumb a.home{float:left;width:20px;height:20px;background:url(../img/admin/home.png) no-repeat left;background-size:contain}
#breadcrumb .sep{float:left;width:20px;height:20px;background:url(../img/admin/select.png) no-repeat center;background-size:10px;transform:rotate(-90deg)}
#iframes{position:fixed;border:0px;right:0px;left:52px;top:60px;bottom:0px;z-index:2999;transition:.2s}
#iframes.active{left:200px}
#iframes.full{z-index:100000;left:0px;top:0px;transition:none;}
#iframes iframe{position:absolute;border:0px;width:100%;height:100%;overflow:auto}
aside{position:fixed;background:white;top:60px;width:52px;bottom:0px;z-index:3000;background:var(--aside);transition:.2s}
aside.active{width:200px}
aside #menu_left{position:absolute;top:0px;left:0px;right:0px;bottom:50px;list-style:none;padding:0px;margin:0px;padding-left:10px;overflow:hidden;overflow-y:auto}
aside #menu-open{position:absolute;left:0px;right:0px;bottom:0px;height:50px;width:100%;background:url(../img/menu/open.png) no-repeat center;background-size:24px;cursor:pointer}
aside.active #menu-open{background-image:url(../img/menu/close.png)}
aside > ul#menu_left{width:100%;padding:0px}
aside li{list-style:none}
aside > #menu_left > li{position:relative;width:100%;height:50px;z-index:2000;cursor:pointer}
aside > #menu_left > li:before{position:absolute;content:"";background:none no-repeat center;background-size:24px;width:54px;top:0px;left:0px;bottom:0px;z-index:-1}
aside > #menu_left > li a{color:var(--href)}
aside > #menu_left > li a span{display:none;position:absolute;top:0px;left:54px;right:5px;padding-top:10px;line-height:30px}
aside.active > #menu_left > li a span{display:block}
aside > #menu_left > li:hover{}
aside > #menu_left > li > a{display:block;width:100%;height:40px;text-decoration:none}
aside > #menu_left > li > ul{display:none;position:fixed;top:60px;bottom:0px;z-index:2;padding:0px;display:none;margin-left:52px;background:white;overflow:hidden;overflow-y:auto;box-shadow:8px 0px 8px -4px rgba(0,0,0,.2)}
aside.active > #menu_left > li > ul{margin-left:200px}
aside > #menu_left > li > ul > li{line-height:40px}
aside > #menu_left > li > ul > li > ul > li.title{background:var(--principale);color:white;text-align:center}
aside > #menu_left > li > ul > li > ul{padding:0px;height:100%;border-left:0px;position:relative}
aside > #menu_left > li > ul > li > ul> li > a{font-size:12px;color:var(--text);padding-left:20px;padding-right:60px;display:block;text-decoration:none;width:auto}
aside > #menu_left > li > ul > li > ul > li:hover > a{color:var(--hover);border-right:2px solid var(--hover)}
aside > #menu_left > li:hover > ul{display:block/*;animation:menu .3s*/}
aside > #menu_left > li#menu-dashboard{margin-top:0px}
aside > #menu_left > li#menu-dashboard:before{background-image:url(../img/menu/dashboard.png)}
aside > #menu_left > li#menu-applications:before{background-image:url(../img/menu/applications.png)}
aside > #menu_left > li#menu-settings:before{background-image:url(../img/menu/settings.png)}
aside > #menu_left > li#menu-tune:before{background-image:url(../img/menu/tune.png)}
aside > #menu_left > li#menu-general:before{background-image:url(../img/menu/general.png)}
aside > #menu_left > li#menu-stock:before{background-image:url(../img/menu/stock.png)}
aside > #menu_left > li#menu-money:before{background-image:url(../img/menu/money.png)}
aside > #menu_left > li#menu-messagerie:before{background-image:url(../img/menu/messagerie.png)}
aside > #menu_left > li#menu-location:before{background-image:url(../img/menu/location.png)}
aside > #menu_left > li#menu-provider:before{background-image:url(../img/menu/provider.png)}
aside > #menu_left > li#menu-sav:before{background-image:url(../img/menu/sav.png)}
aside > #menu_left > li#menu-user:before{background-image:url(../img/menu/user.png)}
aside > #menu_left > li#menu-logout:before{background-image:url(../img/menu/logout.png)}
aside > #menu_left > li#menu-logout a{color:var(--red)}
#content{position:relative;margin-top:40px;padding-bottom:15px;padding-top:65px;padding-left:52px;transition:.2s}
#content.active{padding-left:200px}
#content .list{margin:10px}
#content-iframe{position:relative;margin-top:40px;padding-bottom:15px;transition:.2s}
.list .sort{position:relative;cursor:pointer;padding-right:15px}
.list .sort.active:after{position:absolute;content:"";background:url(../img/admin/arrow-down.png) no-repeat center;background-size:contain;width:12px;color:white;font-weight:bold;top:0px;bottom:0px;right:8px;transform:rotate(180deg)}
.list .sort.active.DESC:after{transform:rotate(0deg)}
.onglets-container{position:fixed;display:flex;justify-content:center;text-align:center;margin-top:45px;width:100%;z-index:2}
#popin .onglets-container{margin-top:55px}
.onglets-container:after{position:absolute;content:"";width:100%;left:0px;bottom:-2px;box-shadow:0px 0px 3px 1px #ECECEC}
.onglet-click{display:block;width:100%;padding:10px;padding-left:15px;padding-right:15px;line-height:35px;font-size:16px;font-weight:bold;background:#CCC;color:white;cursor:pointer;border-right:1px solid white}
.onglet-click:hover,.onglet-click.active{background:var(--principale)}
.onglet-click:last-child{border-right:0px}
#onglets-iframes{position:fixed;display:flex;justify-content:center;text-align:center;margin-top:55px;width:100%;left:52px;bottom:0px;z-index:2999;transition:.2s}
#onglets-iframes.active{left:200px}
.iframe-click{display:block;width:100%;padding:10px;padding-left:15px;padding-right:15px;line-height:35px;font-size:16px;font-weight:bold;background:#CCC;color:white;cursor:pointer;border-right:1px solid white}
.iframe-click:hover,.iframe-click.active{background:var(--principale)}
#onglets-iframes .iframe-click:last-child{border-right:0px}
.onglet{display:none}
.onglet.active{display:block}
/*.onglet{padding-left:15px;padding-right:15px}*/
#drop-zone{display:block;text-align:center;height:92px;border:1px solid #ECECEC;border-radius:5px;box-sizing:border-box;clear:both;font-size:12px;font-weight:300;text-align:center;margin-top:10px}
#drop-zone #image-preview-one{float:left;background:url(https://media.logtrack.ma/92x92/c-0-0.png) no-repeat center;width:92px;height:91px;border-right:1px solid #ECECEC;border-radius:5px;box-sizing:border-box}
#drop-zone #image-preview-one.users{background-image:url(https://media.logtrack.ma/92x92/cu-0-0.png)}
#drop-zone #image-preview-one.products{background-image:url(https://media.logtrack.ma/92x92/b-0-0.png)}
#drop-zone #image-preview-one.cards{background-image:url(https://media.logtrack.ma/92x92/mt-0-0.png)}
#drop-zone .drag{display:block;height:92px;padding-top:60px;background:url(../img/admin/drag.png) no-repeat top;background-position:top 20px center;box-sizing:border-box;cursor:pointer}
#drop-zone #image-preview-one ~ .drag{margin-left:92px}
#drop-zone .drag span{color:var(--principale)}
#drop-zone input{display:none}
#progress{height:5px}
#progress .progress-bar{background:blue;height:5px;width:0px;border-radius:3px}
#image-preview .img{float:left;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;width:48%;margin-left:1%;margin-right:1%;height:150px;border-radius:5px;margin-top:10px}
#image-preview .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#image-preview .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}
#image-preview-one .img{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;height:92px;border-radius:5px}
#image-preview-one .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#image-preview-one .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}
#no-results{background:url(../img/admin/no-results.png) no-repeat top;background-size:contain;margin:auto;width:300px;max-width:95%;margin-top:30px;padding-top:300px;color:var(--principale);font-weight:bold;text-align:center}
.tiles{position:relative;display:block;background:white;margin-top:10px;padding:10px;padding-bottom:0px;padding-top:94px;border-radius:2px;text-align:center;box-sizing:border-box;text-decoration:none;}
.tiles .title{font-weight:700;height:50px;line-height:25px}
.tiles .number{font-size:28px;font-weight:bold}
.tiles .positif{display:inline-block;padding-left:15px;background:url(../img/admin/positif.png) no-repeat left;color:#00FF80}
.tiles .negatif{display:inline-block;padding-left:15px;background:url(../img/admin/negatif.png) no-repeat left;color:#FF0062}
.tiles:before{position:absolute;content:'';top:15px;left:0px;right:0px;width:64px;height:64px;margin:auto;background:none no-repeat center;background-size:58%;border-radius:50%}
.tiles span{display:block}
.tiles.tile-mytask_pending,.tiles.tile-task_pending,.tiles.tile-procedure_deadline{color:var(--red)}
.tiles.tile-procedure_pending{color:var(--turquoise)}
.tiles.tile-procedure_waiting{color:var(--orange)}
.tiles.tile-mytask_treated,.tiles.tile-task_treated,.tiles.tile-procedure_treated{color:var(--green)}
.tiles.tile-mytask_pending:before,.tiles.tile-task_pending:before,.tiles.tile-procedure_deadline:before{background-color:var(--red);background-image:url(../img/admin/tile-task-pending.png)}
.tiles.tile-procedure_pending:before{background-color:var(--turquoise);background-image:url(../img/admin/tile-task-reminder.png)}
.tiles.tile-procedure_waiting:before{background-color:var(--orange);background-image:url(../img/admin/tile-task-waiting.png)}
.tiles.tile-mytask_treated:before,.tiles.tile-task_treated:before,.tiles.tile-procedure_treated:before{background-color:var(--green);background-image:url(../img/admin/tile-task-treated.png)}
.loading{background:white url(../img/admin/loading.gif) no-repeat center;background-size:contain;min-height:240px}
.graph-row.loading{min-height:400px}
.graph-row{background-color:white;border:1px solid #E4E4E4;border-radius:2px;padding-top:10px;margin-top:10px}
.switch{position:absolute;top:10px;right:50px;width:36px;height:18px;z-index:2}
.switch input{opacity:0;width:0;height:0}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:25px}
.switch .slider:before{position:absolute;content:"";top:4px;width:10px;right:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;transform:translateX(-13px);border-radius:50%}
.switch input:checked + .slider{background-color:#0A5862}
.switch input:checked + .slider:before{transform:translateX(-1px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
.my-select-2{position:relative;background:white}
.my-select-2 label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:var(--input-color)}
.my-select-2 label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.filter{background:white}
.filter .custom-select,.filter .dropdown{margin-top:10px}
.custom-select{position:relative;text-align:left;color:var(--input-color);height:37px;font-size:14px;padding-right:25px;border-radius:2px;border:1px solid var(--input-border);box-sizing:border-box;margin-bottom:10px;background:var(--input-bg) url(../img/select.png) no-repeat right;background-position:right 10px center;cursor:pointer;margin-top:10px}
.custom-select select{display:none}
.custom-select label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#444B62}
.custom-select label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
#popin .custom-select{margin-top:10px;margin-bottom:0px}
#popin2 .custom-select{margin-top:10px;margin-bottom:0px}
.custom-select select{display:none}
#popin .custom-select select{display:none}
#popin2 .custom-select select{display:none}
.select-selected{line-height:42px;padding-left:5px;padding-right:20px;cursor:pointer}
.select-items{position:absolute;background:white;color:black;content:"";top:100%;left:-.5px;right:-1px;z-index:1000001;max-height:200px;overflow-y:auto;border:1px solid var(--principale);border-top:0px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.select-items div{position:relative;padding-left:5px;padding-right:5px;line-height:36px;cursor:pointer}
.select-items div.select-status{padding-right:40px}
.select-items div.select-status:after{position:absolute;content:"";top:3px;right:5px;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center}
.select-items div:hover{background:var(--principale);color:white}
.select-hide{display:none}
.choose-container{display:flex;justify-content:flex-start;gap:1rem}
.choose{line-height:42px;height:42px;text-align:center;margin-top:15px;position:relative;background:white;color:#AAA;border:1px solid #AAA;border-radius:10px;cursor:pointer;padding-left:20px;padding-right:20px;box-sizing:border-box}
.choose.active{border:1px solid var(--input-selected);color:var(--input-selected)}
.choose:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--input-selected) url(../img/admin/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose.active:after{display:block}
.choose-multiple{line-height:42px;height:42px;text-align:center;margin-top:10px;position:relative;background:white;border:1px solid #AAA;color:#AAA;border-radius:10px;cursor:pointer;padding-left:10px;padding-right:10px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}
.choose-multiple:after{position:absolute;content:"";width:20px;height:20px;background:none no-repeat center;background-size:10px;border-radius:50%;right:-5px;top:-5px}
.choose-multiple.active{border:1px solid var(--input-selected)}
.choose-multiple.active:after{display:block;color:var(--input-selected);background-color:var(--input-selected);background-image:url(../img/admin/choose.png)}
.choose-multiple.crossed{border:1px solid var(--red);color:var(--red)}
.choose-multiple.crossed.active{border:1px solid var(--green);color:var(--green)}
.choose-multiple.crossed:after{background-color:var(--red);background-image:url(../img/admin/cross.png)}
.choose-multiple.crossed.active:after{background-color:var(--green);background-image:url(../img/admin/choose.png)}
#list table,#popin table{width:100%;margin-bottom:10px}
#list th,#popin th{background:var(--table-th);color:white;text-align:center;padding:4px;padding-top:6px;padding-bottom:6px;font-weight:900}
#list th:first-child,#popin th:first-child{font-style:normal;width:20px}
#list th:last-child,#popin th:last-child{width:105px}
#list tr,#popin tr{background:var(--table-tr-even)}
#list td,#popin td{padding:4px;padding-top:8px;padding-bottom:8px;line-height:22px}
#list td:last-child,#popin td:last-child{text-align:right}
#list tr:nth-child(odd),#popin tr:nth-child(odd){background:var(--table-tr-odd)}
#list tr:hover,#popin tr:hover{background:var(--table-tr-hover)}
.pagination-container{text-align:right;margin:5px;margin-top:10px}
.paginNum{border:1px solid #DCDCDC;color:#555;background-color:white;padding:2px;padding-left:5px;padding-right:5px;cursor:pointer}
.paginNum.active,.paginNum:hover{border:1px solid var(--principale);color:white;background-color:var(--principale);font-weight:900}
.block{display:block;position:relative;margin-top:10px;background:white;text-align:center}
.block.users .img{width:165px;height:165px;border-radius:50%;margin:auto;top:10px}
.block.centers .img{height:120px}
.block.brands .img{height:200px}
.block .img{position:relative;display:block;background:#F0F0F0 url(../img/no-image.png) no-repeat center;background-size:cover;border-top-left-radius:3px;border-top-right-radius:3px}
.block .title{display:block;font-weight:900;padding:10px;padding-bottom:0px;box-sizing:border-box;margin-top:10px}
.block .nb{display:inline-block;line-height:16px;height:36px;background:rgba(0,130,254,0.1);padding:10px;margin-top:5px;box-sizing:border-box}
.block .price{position:absolute;color:white;right:-5px;top:10px;background:var(--principale);line-height:20px;padding:10px;padding-top:12px;padding-bottom:12px;border-radius:5px}
.block .type{position:absolute;color:white;left:-5px;top:56px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .name{position:absolute;color:white;left:60px;right:60px;top:104px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .nb-top{position:absolute;color:white;left:-5px;top:10px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .nb-top-right{position:absolute;color:white;right:-5px;top:10px;background:rgba(0,130,254,0.75);line-height:16px;padding:10px;border-radius:5px}
.block .custom-select{margin:10px}
.block .add-user{position:absolute;top:10px;right:0px;width:46px;height:36px;background:rgba(255,157,0,0.1) url(../img/admin/add-user.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px}
.block .edit-user{position:absolute;top:10px;right:0px;width:46px;height:36px;background:rgba(34,230,140,0.1) url(../img/admin/edit-user.png) no-repeat center;border-top-left-radius:3px;border-bottom-left-radius:3px}
.no-results{position:relative;padding:20px;padding-top:300px;padding-bottom:180px;font-size:30px;font-weight:bold;margin:auto;color:var(--red);background:white;border-radius:3px;text-align:center}
.no-results:after{position:absolute;content:"";background:url(../img/admin/no-results.jpg) no-repeat bottom;background-size:contain;top:90px;left:0px;right:0px;height:200px}
.whoami{position:relative;padding:20px;padding-top:300px;padding-bottom:80px;font-size:30px;font-weight:bold;margin:auto;color:var(--red);background:white;border-radius:3px;text-align:center;margin-top:10px}
.whoami:after{position:absolute;content:"";background:url(../img/admin/mme.jpg) no-repeat bottom;background-size:contain;top:80px;left:0px;right:0px;height:200px}
.whoami.mr:after{background-image:url(../img/admin/mr.jpg)}
#image-preview .img{display:inline-block;margin-top:10px;margin-right:3px;margin-bottom:3px;position:relative}
#image-preview .img img{max-width:100px}
#image-preview .remove-img{position:absolute;top:2px;right:5px;color:red;text-decoration:none;cursor:pointer}
#popin .btn-close{height:49px;line-height:49px;padding-left:40px;padding-right:40px;font-weight:bold;font-size:15px;box-sizing:border-box;border-radius:10px}
.block-white .btn{display:block;width:50px;height:50px;background:var(--bg) url(../img/admin/save.png) no-repeat center;background-size:68%;margin:auto;margin-top:10px;box-sizing:border-box;border-radius:8px;margin-top:50px}
#popin .btn{display:block;width:50px;height:50px;background:var(--btns) url(../img/admin/save.png) no-repeat center;background-size:68%;margin:auto;margin-top:10px;box-sizing:border-box;border-radius:8px;margin-top:50px}
#popin .btn:hover{background-color:var(--principale)}
#popin .btn-close{border-color:#333333;background:white;color:#333333;border:2px solid #333333;margin-left:20px}
#popin2 .btn-close{height:49px;line-height:49px;padding-left:40px;padding-right:40px;font-weight:bold;font-size:15px;box-sizing:border-box;border-radius:10px}
#popin2 .btn{display:block;width:50px;height:50px;background:var(--bg) url(../img/admin/save.png) no-repeat center;background-size:68%;margin:auto;margin-top:10px;box-sizing:border-box;border-radius:8px;margin-top:50px}
#popin2 .btn-close{border-color:#333333;background:white;color:#333333;border:2px solid #333333;margin-left:20px}
#colorpicker-form{position:relative;padding:0px;padding-left:120px;max-width:320px;margin:auto;margin-top:10px}
#colorpicker{position:absolute;left:0px;top:0px}
.ms-container{background:url(../img/switch.png) no-repeat center;background-size:24px;width:100%}
.ms-container:after{content:".";display:block;height:0;line-height:0;font-size:0;clear:both;min-height:0;visibility:hidden}
.ms-container .ms-selectable, .ms-container .ms-selection{color:#555555;float:left;width:46%;margin-top:10px}
.ms-container .ms-selection{float:right}
.ms-container .ms-list{box-shadow:inset 0 1px 1px rgba(0,0,0,0.08);transition:border linear 0.2s, box-shadow linear 0.2s;border:1px solid #ECECEC;border-radius:3px;position:relative;height:120px;padding:0;overflow-y:auto;margin-top:5px}
.ms-container .ms-list.ms-focus{border-color:#0082FE;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9}
.ms-container ul{margin:0;list-style-type:none;padding:0}
.ms-container .ms-optgroup-container{width:100%}
.ms-container .ms-optgroup-label{margin:0;padding:5px 0px 0px 5px;cursor:pointer;color:#999}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{border-bottom:1px #eee solid;padding:2px 10px;color:#555;font-size:14px}
.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{cursor:pointer;color:#fff;text-decoration:none;background-color:#08c}
.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{background-color:#eee;color:#aaa;cursor:text}
.farbtastic{position:relative;margin:auto}
.farbtastic *{position:absolute;cursor:crosshair}
.farbtastic,.farbtastic .wheel{width:120px;height:120px}
.farbtastic .color,.farbtastic .overlay{top:30px;left:30px;right:30px;bottom:30px}
.farbtastic .wheel{background:url(../wheel.png) no-repeat;background-size:contain;width:120px;height:120px}
.farbtastic .overlay{background:url(../mask.png) no-repeat;background-size:contain}
.farbtastic .marker{width:10px;height:10px;margin:-5px 0 0 -5px;overflow:hidden;background:url(../marker.png) no-repeat;background-size:contain}
.menu{margin-top:10px}
.color-holder{background:white;border:1px solid black;cursor:pointer;width:45px;height:45px;float:left;margin-top:10px;box-sizing:border-box}
.color-picker{display:none;width:192px;height:120px;background:#F3F3F3;padding:2px;position:absolute;top:60px;left:0px;z-index:2}
.color-picker .color-item{cursor:pointer;width:20px;height:20px;list-style-type:none;float:left;margin:2px;border:1px solid #DDD;box-sizing:border-box}
.color-picker .color-item:hover{border:1px solid #666}
#popin table.cp tr{background:none}
#popin table.cp tr:nth-child(odd){background:none}
#popin table.cp tr:hover{background:none}

.sep-line{height:1px;background:#E5E7EB;margin:1rem auto}
.tiles .tile{position:relative;display:block;;margin:2rem auto;padding:1rem 2rem;background:white;border-radius:0.75rem;box-shadow:0 10px 15px rgba(0,0,0,0.1)}
.tiles .tile:hover{transform:scale(1.05)}
.tiles .tile .jury-status{position:absolute;right:10px;top:17px;padding:2px;background:green;color:#00FF00;border-radius:8px;line-height:1.2;font-size:11px}
.tiles .tile .jury-skills{display:flex;justify-content:flex-start}
.tiles .tile .jury-skill{color:#1F2937;background:#E5E7EB;border-radius:4px;font-size:12px;margin-right:2px;padding:1px 2px;line-height:1.2}
.tiles .tile h2{font-weight:bold;color:var(--trainer);font-size:12px;text-overflow:ellipsis;overflow:hidden;height:24px;max-width:80%}
.tiles .tile h3{font-weight:bold;font-size:16px;text-overflow:ellipsis;overflow:hidden;height:48px}
.tiles .tile p{font-size:12px}

.tiles .profile-header{display:flex;align-items:center}
.tiles .profile-name{font-weight:700}
.tiles .profile-title{font-size:14px;color:#6b7280}
.tiles .profile-header img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.tiles .tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem}
.tiles .tags span{font-size:11px;font-weight:600;padding:2px 6px;border-radius:9999px}

.btn{display:inline-block;position:relative;cursor:pointer;border-radius:5px;background:var(--btn);color:var(--btn-color);border:1px solid var(--btn);text-align:center;padding:8px;padding-left:20px;padding-right:20px;text-decoration:none;line-height:1.2;margin-top:8px}
.btn-block{display:block}
.btn:hover{background-color:var(--btn-hover);color:var(--btn-color)}
.btn-second{background:#DBEAFE;color:var(--trainer);border:1px solid #DBEAFE}
.btn-second:hover{background-color:#BFDBFE;color:var(--trainer);border:1px solid #BFDBFE}
.btn-red{background:var(--red);color:white;border:1px solid var(--red)}
.btn-red:hover{background:var(--red);color:white;border:1px solid var(--red);transform:scale(1.05);transition:all 0.3s}

.form-title{max-width:600px;margin:2rem auto;padding:1rem 2rem;text-align:center}
.form-title h1{margin-top:1.5rem;text-align:center;font-size:1.875rem;font-weight:800;color:#0a2a66}
.form-container{margin:2rem auto;padding:1rem 2rem;background:white;border-radius:0.75rem;box-shadow:0 10px 15px rgba(0,0,0,0.1)}
#container-login{background:var(--bg);margin:auto;padding-top:90px;padding-bottom:40px}
#container-login .form-container{max-width:360px}
.form-container .checkbox-group{display:flex;align-items:center}
.form-container .checkbox-group input{height:1rem;width:1rem;color:#007CF0;border:1px solid #d1d5db;border-radius:0.25rem}
.form-container .checkbox-group label{margin-left:0.5rem;font-size:0.875rem;color:#6b7280}
.form-container .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.form-container .form-footer a{font-size:0.875rem;font-weight:500;color:#007CF0;text-decoration:none}
.form-container .form-footer a:hover{color:#005bb5}
.form-container #popin-login-validate{margin-top:1rem;text-align:center;padding:0.5rem 1rem;background-color:#007CF0;color:#fff;font-size:0.875rem;font-weight:600;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.3s}
.form-container #popin-login-validate:hover{background-color:#005bb5}
.toggle-checkbox{position:absolute;width:18px;height:18px;border-radius:50%;background-color:white;appearance:none;cursor:pointer;transition:all 0.2s}
.toggle-label{display:block;height:24px;border-radius:9999px;background:#d1d5db;cursor:pointer;transition:background-color 0.2s}
.toggle-checkbox:checked{border-color:#2154F5;right:0}
.toggle-checkbox:checked+.toggle-label{background-color:#2154F5}
.alignLeft,.aL{text-align:left !important}
.alignCenter,.aC{text-align:center !important}
.alignRight,.aR{text-align:right !important}
.errorInput{background-color:pink !important}
.bg-text-blue{background-color:#bfdbfe;color:#1e3a8a}
.bg-text-green{background-color:#d1fae5;color:#065f46}
.bg-text-yellow{background-color:#fef9c3;color:#854d0e}
.container:before,.container:after,.row:before,.row:after,.annonce .head:before,.annonce .head:after,.annonce .content:before,.annonce .content:after{display:table;content:" "}
.clearfix:after,.container:after,.row:after,.annonce .head:after,.annonce .content:after{clear:both}
.xs-1,.sm-1,.md-1,.lg-1,.xs-2,.sm-2,.md-2,.lg-2,.xs-3,.sm-3,.md-3,.lg-3,.xs-4,.sm-4,.md-4,.lg-4,.xs-5,.sm-5,.md-5,.lg-5,.xs-6,.sm-6,.md-6,.lg-6,.xs-7,.sm-7,.md-7,.lg-7,.xs-8,.sm-8,.md-8,.lg-8,.xs-9,.sm-9,.md-9,.lg-9,.xs-10,.sm-10,.md-10,.lg-10,.xs-11,.sm-11,.md-11,.lg-11,.xs-12,.sm-12,.md-12,.lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12{float:left}
.lg-12{width:100%}
.lg-11{width:91.66666667%}
.lg-10{width:83.33333333%}
.lg-9{width:75%}
.lg-8{width:66.66666667%}
.lg-7{width:58.33333333%}
.lg-6{width:50%}
.lg-5{width:41.66666667%}
.lg-4{width:33.33333333%}
.lg-3{width:25%}
.lg-2{width:16.66666667%}
.lg-1{width:8.33333333%}
.lg-0{display:none}
@media screen and (max-width:1024px){
	#iframes.active{left:52px}
	#content.active{padding-left:52px}
	#content-iframe.active{padding-left:52px}
	#onglets-iframes.active{left:52px}
	.xg-1,.xg-2,.xg-3,.xg-4,.xg-5,.xg-6,.xg-7,.xg-8,.xg-9,.xg-10,.xg-11,.xg-12{float:left}
	.xg-12{width:100%}
	.xg-11{width:91.66666667%}
	.xg-10{width:83.33333333%}
	.xg-9{width:75%}
	.xg-8{width:66.66666667%}
	.xg-7{width:58.33333333%}
	.xg-6{width:50%}
	.xg-5{width:41.66666667%}
	.xg-4{width:33.33333333%}
	.xg-3{width:25%}
	.xg-2{width:16.66666667%}
	.xg-1{width:8.33333333%}
	.xg-0{display:none}
}
@media screen and (max-width:720px){
	body{font-size:13px}
	.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left}
	.md-12{width:100%}
	.md-11{width:91.66666667%}
	.md-10{width:83.33333333%}
	.md-9{width:75%}
	.md-8{width:66.66666667%}
	.md-7{width:58.33333333%}
	.md-6{width:50%}
	.md-5{width:41.66666667%}
	.md-4{width:33.33333333%}
	.md-3{width:25%}
	.md-2{width:16.66666667%}
	.md-1{width:8.33333333%}
	.md-0{display:none}
}
@media screen and (max-width:480px){
	body{font-size:12px}
	.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left}
	.sm-12{width:100%}
	.sm-11{width:91.66666667%}
	.sm-10{width:83.33333333%}
	.sm-9{width:75%}
	.sm-8{width:66.66666667%}
	.sm-7{width:58.33333333%}
	.sm-6{width:50%}
	.sm-5{width:41.66666667%}
	.sm-4{width:33.33333333%}
	.sm-3{width:25%}
	.sm-2{width:16.66666667%}
	.sm-1{width:8.33333333%}
	.sm-0{display:none}
}
@media screen and (max-width:320px){
	.xs-1,.xs-2,.xs-3,.xs-4,.xs-5,.xs-6,.xs-7,.xs-8,.xs-9,.xs-10,.xs-11,.xs-12{float:left}
	.xs-12{width:100%}
	.xs-11{width:91.66666667%}
	.xs-10{width:83.33333333%}
	.xs-9{width:75%}
	.xs-8{width:66.66666667%}
	.xs-7{width:58.33333333%}
	.xs-6{width:50%}
	.xs-5{width:41.66666667%}
	.xs-4{width:33.33333333%}
	.xs-3{width:25%}
	.xs-2{width:16.66666667%}
	.xs-1{width:8.33333333%}
	.xs-0{display:none}
}