a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} .material-icons {font-style: normal;} * {outline: none;}

:root,body {font-size:14px; line-height: 1.2;}
body{background-color:#FFF;font-weight:400;}
a {color: #000; transition: all 0.2s ease-in-out;}
a:hover {opacity: 0.6;}

h1 {font-size:3rem;}
h2 {font-size:2rem;}

.colorBlack{color:#000;}
.colorGray{color:#A0AEC0;}
.colorGreen{color:#637462;}

.txtLight{font-weight:300;}
.txtRegular{font-weight:400;}
.txtBold{font-weight:700;}

.txtCenter{text-align: center;}
.txtLeft{text-align: left;}
.txtRight{text-align: right;}

main {min-height:100vh; box-sizing: border-box;}

body.utilisateur_connecte main, body:not(.utilisateur_connecte) main.defaultInterface {background-color: #F5F5F5; padding: 20px; padding-top: 80px;}
body.utilisateur_connecte .roundedBorder, body:not(.utilisateur_connecte) main.defaultInterface .roundedBorder {background-color: #FFF; border-radius: 15px; overflow: hidden; -webkit-box-shadow: 0 0 15px rgba(225,225,225,.3); -moz-box-shadow: 0 0 15px rgba(225,225,225,.3); box-shadow: 0 0 15px rgba(225,225,225,.3); padding: 30px; max-width: 100%;}
body.utilisateur_connecte .roundedBorder.withoutOverflow, body:not(.utilisateur_connecte) main.defaultInterface .roundedBorder.withoutOverflow {overflow: unset;}
body.utilisateur_connecte .roundedBorder + .roundedBorder, body:not(.utilisateur_connecte) main.defaultInterface .roundedBorder + .roundedBorder {margin-top: 50px;}
body.utilisateur_connecte .roundedBorder.littleBox, body:not(.utilisateur_connecte) main.defaultInterface .roundedBorder.littleBox {width: 600px; margin-left: auto; margin-right: auto;}
body.utilisateur_connecte .roundedBorder.littleBox + .roundedBorder.littleBox, body:not(.utilisateur_connecte) main.defaultInterface .roundedBorder.littleBox + .roundedBorder.littleBox {margin-top: 30px;}
body.utilisateur_connecte main {padding-left: 160px;}


main#login {}
main#login>.leftRightContainer, main#error404>.error404_content {-webkit-box:1;-moz-box:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}
main#login>.leftRightContainer>* {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;width:50%;max-width:50%;box-sizing: border-box;}
main#login>.leftRightContainer>.txtContainer {padding: 50px;}
main#login>.leftRightContainer>.txtContainer>form {max-width: 400px;}
main#login>.leftRightContainer>.txtContainer>form .logo {width: 120px;margin-bottom: 25px;}
main#login>.leftRightContainer>.txtContainer>form .champs input, main#login>.leftRightContainer>.txtContainer>form .champs button {width: 100%;}
main#login>.leftRightContainer>.txtContainer>form h1 + p {margin-top: 10px;}
main#login>.leftRightContainer>.imgContainer {position:relative;overflow:hidden;}
main#login>.leftRightContainer>.imgContainer>img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
main#login>.footer, main#error404>.footer {padding:20px;background-color:#FFF;}
main#error404 {box-sizing: border-box; padding-top: 50px;}
main#error404>.error404_content>.content_error {max-width: 800px; padding: 30px; box-sizing: border-box;}
main#error404>.error404_content>.content_error>.title-error {font-weight: bold; font-size: 3rem; line-height: 1.2;}
main#error404>.error404_content>.content_error>.txt-error {font-weight: bold; font-size: 2rem; line-height: 1.5; margin-top: 30px;}


main#dashboard {}
main#dashboard .roundedBorder>*:not(:first-child), main#order-form .roundedBorder>*:not(:first-child), main#stocks .roundedBorder>*:not(:first-child) {margin-top: 50px;}
main#dashboard .roundedBorder>*:not(:first-child) + .buttonLink {margin-top: 20px;}
.numbers-icon {grid-gap: 20px 50px; gap: 20px 50px;}
.numbers-icon>.number-icon {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;width:30%;max-width:300px; padding: 25px; padding-right: 75px; position: relative; background: #F6F6F6; border-radius: 20px;}
.numbers-icon>.number-icon .number {font-size: 21px;}
.numbers-icon>.number-icon .number>.percent {font-size: 0.8em; color: #48BB78; margin-left: 10px;}
.numbers-icon>.number-icon .icon {position: absolute; top: 50%; right: 25px; width: 30px; height: 30px; background-color: #637462; border-radius: 5px; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.numbers-icon>.number-icon .icon::before {content: ''; position: absolute; top: 50%; left: 50%; width: 60%; height: 60%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; background-position: center;}
.numbers-icon>.number-icon .ico-pf::before {background-image: url('../../img/icons/ico-pf-white.svg');}
.numbers-icon>.number-icon .ico-world::before {background-image: url('../../img/icons/ico-world-white.svg');}
.numbers-icon>.number-icon .ico-facture::before {background-image: url('../../img/icons/ico-facture-white.svg');}
main#dashboard #BDC_list, main#dashboard #adresses_list {height: 500px; min-height: 60vh;}
main#dashboard #BDC_list.ag-theme-material .ag-cell[col-id="status"], main#dashboard #BDC_list.ag-theme-material .ag-cell[col-id="adv"], main#dashboard #BDC_list.ag-theme-material .ag-cell[col-id="commercial"] {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; text-align: center;}
main#dashboard #deleteBDC, main#dashboard #deleteCC {color: #ca0000; font-weight: bold;}


main#new-order-form, main#address-form {}
main#new-order-form .mb_form, main#address-form .mb_form {margin-top: 30px;}
main#new-order-form .mb_form .formLine, main#address-form .mb_form .formLine {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; grid-gap: 20px 50px; gap: 20px 50px;}
main#new-order-form .mb_form .formLine>label, main#address-form .mb_form .formLine>label {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;width:30%;max-width:300px;}
main#new-order-form .mb_form .formLine>label>input, main#new-order-form .mb_form .formLine>label>select, main#address-form .mb_form .formLine>label>input, main#address-form .mb_form .formLine>label>select, main#address-form .mb_form .formLine>label>textarea {width: 100%;}
main#new-order-form .mb_form .percent-bikes-number {text-align: right; margin-top: 10px;}
main#new-order-form .mb_form #allPercentUnivers {font-weight: bold;}
main#new-order-form .mb_form #allPercentUnivers.success-percents {color: green;}
main#new-order-form .mb_form #allPercentUnivers.error-percents {color: red;}
main#new-order-form .mb_form button:not(.iti__selected-country), main#address-form .mb_form button {max-width: 100%; width: 300px;}
main#address-form .mb_form .formLine>label>textarea {resize: vertical; min-height: 150px;}


.statusPicto {vertical-align: middle; display: inline-block; position: relative; width: 1em; height: 1em; border-radius: 50%; overflow: hidden; background-color: #FFFFFF;}
.statusPicto::before, .statusPicto::after {content: ''; position: absolute; height: 10%; background-color: #FFFFFF;}
.statusPicto.crossed {background-color: #D8BD01;}
.statusPicto.crossed::before, .statusPicto.crossed::after {top: 50%; left: 50%; width: 60%;}
.statusPicto.crossed::before {-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);}
.statusPicto.crossed::after {-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);}
.statusPicto.checkmark {background-color: #48BB78;}
.statusPicto.checkmark::before, .statusPicto.checkmark::after {top: 65%; left: 35%;}
.statusPicto.checkmark::before {width: 30%; -webkit-transform-origin:18.75% 50%;-ms-transform-origin:18.75% 50%;transform-origin:18.75% 50%; -webkit-transform:rotate(230deg);-moz-transform:rotate(230deg);-ms-transform:rotate(230deg);transform:rotate(230deg);}
.statusPicto.checkmark::after {width: 60%; -webkit-transform-origin:9.375% 50%;-ms-transform-origin:9.375% 50%;transform-origin:9.375% 50%; -webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);}

main#order-form h2 .statusPicto {margin-left: 30px;}
main#order-form h2 .copyLink {margin-left: 50px; vertical-align: middle; max-width: 400px;}
main#order-form .allOtherPrecos {}
main#order-form .allOtherPrecos>a {display: inline-block; position: relative; padding: 7px 15px; color: #6e7e93; border: 1px solid #E2E8F0; border-radius: 50px; font-size: 14px; font-weight: 400; cursor: pointer; text-decoration: none;}
main#order-form .allOtherPrecos>a .statusPicto {margin-left: 10px;}
main#order-form .roundedBorder.littleBox>*:not(:first-child) {margin-top: 20px;}
main#order-form .send_BDC {margin-left: auto; margin-right: auto; display: block; max-width: 400px;}
main#order-form .send_BDC.sending {opacity: 0.3; background-color: #FFF!important; color: #000!important; border-color: #000!important;}
main#order-form .send_BDC.sending::after {content: ''; margin-left: 10px; display: inline-block; height: 1em; width: 1em; box-sizing: border-box; border: 1px solid #000; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-radius: 50%; animation: s4_button_loading 1s infinite linear;}
main#order-form .TNS_list {}
main#order-form .TNS_list>*:not(:first-child) {margin-top: 20px;}
main#order-form .TNS_list>.added_tns {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
main#order-form .TNS_list>.added_tns>.tns_info, main#order-form .TNS_list>.added_tns>.tns_actions {margin: auto 0;}
main#order-form .TNS_list>.added_tns>.tns_info {width: 100%;}
main#order-form .TNS_list>.added_tns>.tns_info>.tns_model {font-weight: bold;}
main#order-form .TNS_list>.added_tns>.tns_info>.tns_model .tns_code {font-weight: 400; font-size: 12px;}
main#order-form .TNS_list>.added_tns>.tns_actions {margin-left: 15px; -webkit-box:0;-moz-box:0;-webkit-flex:0 0 30px;-ms-flex:0 0 30px;flex:0 0 30px;width:30px;max-width:30px;}
main#order-form .TNS_list>.added_tns .tns_action_button {min-width:30px; height: 30px; border-radius: 50%; position: relative; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; padding: 5px 10px; cursor: pointer; box-sizing: border-box;}
main#order-form .TNS_list>.added_tns .tns_action_button>.tns_action_txt {display: none;}
main#order-form .TNS_list>.added_tns .tns_action_button>.tns_action_ico {position: absolute; top: 50%; right: 50%; -webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%); width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; background-position: center;}
main#order-form .TNS_list>.added_tns .tns_action_button.tns_action_button_delete>.tns_action_ico {background-image: url('../../img/icons/actions-delete.svg');}
main#order-form .TNS_list>.add-div {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
main#order-form .TNS_list>.add-div>.buttonAction {margin-left: auto; margin-right: auto;}
main#order-form .TNS_list.hideAddButton>.add-div {display: none; pointer-events: none;}
.copyLink {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding: 7px 15px; padding-left: 45px; color: #A0AEC0; border: 1px solid #E2E8F0; border-radius: 50px; font-size: 14px; font-weight: 400; cursor: pointer; max-width: 100%;}
.copyLink::before {content: ''; position: absolute; top: 50%; left: 15px; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-image: url(/img/icons/link.svg);}
.copyLink.copiedLink::after {content: 'Copié !'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; text-align: center; background-color: rgba(99,116,95,0.7); color: #FFF; padding: 3px 7px; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}


main#stocks {}
main#stocks .stocks_changeYear {}
main#stocks .stocks_changeYear select {margin-right: 30px;}
main#stocks .mb_fake_of_sylob {color: gray;}
main#stocks .mb_fake_of_previous {color: deepskyblue;}
main#stocks .mb_fake_of_actual {color: red;}
main#stocks .mb_fake_of_total {color: forestgreen;}


main .mb-stocks-grid {min-height: 500px; height: 90vh;}
main .mb-stocks-grid.ag-theme-material .ag-floating-bottom .ag-cell-value.mb_date_notEditable::before {content: unset; display: none;}
main .mb-stocks-grid.ag-theme-material .ag-floating-bottom .ag-cell-value, main .mb-stocks-grid.ag-theme-material .ag-floating-bottom .ag-row-hover.ag-full-width-row.ag-row-group .ag-cell.mb_date_notEditable, main .mb-stocks-grid.ag-theme-material .ag-floating-bottom .ag-row-hover:not(.ag-full-width-row) .ag-cell.mb_date_notEditable, main .mb-stocks-grid.ag-theme-material .ag-floating-bottom .ag-cell.mb_date_notEditable.ag-column-hover {background-color: #637462; color: #FFF; font-weight: bold;}
main .mb-stocks-grid.ag-theme-material .mb_group-parent {font-size: 14px;}
main .mb-stocks-grid.ag-theme-material .mb_group-parent>.mb_group-name, main .mb-stocks-grid.ag-theme-material .mb_group-parent>.mb_group-bubble {margin-top: auto; margin-bottom: auto; line-height: 1em;}
main .mb-stocks-grid.ag-theme-material .mb_group-parent>.mb_group-name + .mb_group-bubble {margin-left: 30px;}
main .mb-stocks-grid.ag-theme-material .mb_group-parent>.mb_group-bubble {background-color: #FFF; border-radius: 30px; padding: 5px 10px; margin-left: 10px; -webkit-box-shadow: 0 3.5px 5.5px rgba(225,225,225,.3); -moz-box-shadow: 0 3.5px 5.5px rgba(225,225,225,.3); box-shadow: 0 3.5px 5.5px rgba(225,225,225,.3);}

#AG_buttons {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; grid-gap: 15px 30px; gap: 15px 30px;}
#AG_buttons:not(.grid_loaded) {display: none;}
#AG_buttons .buttonLink {padding: 10px 20px; border-radius: 8px; padding-left: 50px; position: relative;}
#AG_buttons .buttonLink, #AG_buttons .buttonLink:hover>span::before, #AG_buttons .buttonLink:hover>span::after {color: #637462; background-color: #FFF;}
#AG_buttons .buttonLink:hover, #AG_buttons .buttonLink>span::before, #AG_buttons .buttonLink>span::after {background-color: #637462; color: #FFF;}
#AG_buttons .buttonLink>span, #AG_buttons .buttonLink>span::before, #AG_buttons .buttonLink>span::after {transition: all 0.2s ease-in-out;}
#AG_buttons .buttonLink>span {position: absolute; left: 20px; top: 50%; height: 20px; width: 20px; border: 1px solid #637462; border-radius: 50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#AG_buttons .buttonLink:hover>span {border-color: #FFFFFF;}
#AG_buttons .buttonLink.ag_grid-expand>span::before, #AG_buttons .buttonLink.ag_grid-expand>span::after, #AG_buttons .buttonLink.ag_grid-collapse>span::before {content: ''; position: absolute; top: 50%; left: 50%; width: 60%; height: 15%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#AG_buttons .buttonLink>span::after {-webkit-transform:translate(-50%, -50%) rotate(90deg)!important;-moz-transform:translate(-50%, -50%) rotate(90deg)!important;-ms-transform:translate(-50%, -50%) rotate(90deg)!important;transform:translate(-50%, -50%) rotate(90deg)!important;}

#AG_buttons .buttonLink.ag_grid-hideEmptyModel>span {border-radius: 2px; width: 15px; height: 15px;}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel>span::before, #AG_buttons .buttonLink.ag_grid-hideEmptyModel>span::after {content: ''; position: absolute; top: 70%; left: 35%; height: 15%; transition: all 0.2s ease-in-out;}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel>span::before {width: 40%; -webkit-transform-origin:18.75% 50%;-ms-transform-origin:18.75% 50%;transform-origin:18.75% 50%; -webkit-transform:rotate(230deg) scale(0);-moz-transform:rotate(230deg) scale(0);-ms-transform:rotate(230deg) scale(0);transform:rotate(230deg) scale(0);}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel>span::after {width: 80%; -webkit-transform-origin:9.375% 50%;-ms-transform-origin:9.375% 50%;transform-origin:9.375% 50%; -webkit-transform:rotate(-60deg) scale(0)!important;-moz-transform:rotate(-60deg) scale(0)!important;-ms-transform:rotate(-60deg) scale(0)!important;transform:rotate(-60deg) scale(0)!important;}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter>span::before {-webkit-transform:rotate(230deg);-moz-transform:rotate(230deg);-ms-transform:rotate(230deg);transform:rotate(230deg);}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter>span::after {-webkit-transform:rotate(-60deg)!important;-moz-transform:rotate(-60deg)!important;-ms-transform:rotate(-60deg)!important;transform:rotate(-60deg)!important;}
/*#AG_buttons .buttonLink.ag_grid-hideEmptyModel>span {}*/
#AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter:hover, #AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter>span::before, #AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter>span::after {color: #637462; background-color: #FFF;}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter, #AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter:hover>span::before, #AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter:hover>span::after {background-color: #637462; color: #FFF;}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter:hover>span {border-color: #637462;}
#AG_buttons .buttonLink.ag_grid-hideEmptyModel.isActiveFilter>span {border-color: #FFFFFF;}

.ag-theme-material {--ag-row-border-color:rgba(0,0,0,0); --ag-checkbox-checked-color:#637462; --ag-row-hover-color: #e1e6e1; --ag-column-hover-color: #e1e6e1;}
.ag-theme-material:not(.ag-popup) {position: relative;}
.ag-theme-material .ag-button-fullscreen {--ag-button-fullscreen--primary: #637462; -webkit-appearance: none; appearance: none; position: absolute; top: 5px; left: 5px; z-index: 10; background-color: var(--ag-button-fullscreen--primary); color: #FFFFFF; font-size: 16px; font-weight: bold; border: 1px solid var(--ag-button-fullscreen--primary); border-radius: 5px; padding: 10px 30px; cursor: pointer; transition: all 0.2s ease-in-out;}
.ag-theme-material .ag-button-fullscreen:hover {background-color: #FFFFFF; color: var(--ag-button-fullscreen--primary);}
.ag-theme-material .ag-button-fullscreen::before {content: attr(txt-fullscreen);}
.ag-theme-material:fullscreen .ag-button-fullscreen {--ag-button-fullscreen--primary: red;}
.ag-theme-material:fullscreen .ag-button-fullscreen::before {content: attr(txt-reduce);}
.ag-theme-material:-webkit-full-screen .ag-button-fullscreen::before {content: attr(txt-reduce);}
.ag-theme-material .ag-row-group {background-color: #F8F8F8;}
.ag-theme-material .ag-row {background-color: rgba(0,0,0,0);}
.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group::before, .ag-theme-material .ag-row-hover:not(.ag-full-width-row)::before {display: none;}
.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group .ag-cell, .ag-theme-material .ag-row-hover:not(.ag-full-width-row) .ag-cell {background-color: var(--ag-row-hover-color);}

.ag-theme-material .ag-header-group-cell.mb_header_group_month {cursor: pointer; border: 0.5px solid #000; border-bottom: 0; border-top-width: 1px;}
.ag-theme-material .ag-header-cell.mb_txt_center .ag-header-cell-label, .ag-theme-material .ag-header-group-cell.mb_txt_center .ag-header-group-cell-label {-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.ag-theme-material .ag-cell.mb_txt_center {text-align: center;}
.ag-theme-material .ag-cell>.mb_grid_model {background-color: #FFF; height: 100%; margin-left: calc(-1*var(--ag-grid-size)*3); margin-right: calc(-1*var(--ag-grid-size)*3); box-sizing: border-box; padding: 10px;}
.ag-theme-material .ag-cell>.mb_grid_model>.mb_grid_model-content {background-color: #F8F8F8; height: 100%; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.ag-theme-material .ag-cell.mb_date_notEditable {background-color: #D8D8D8;}
.ag-theme-material .ag-cell.mb_date_notEditable::before {content: ''; position: absolute; top: 50%; left: 50%; width: 102%; height: 102%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url('/img/notEditable.png'); filter: brightness(0.65); -webkit-filter: brightness(0.65);}
.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group .ag-cell.mb_date_notEditable, .ag-theme-material .ag-row-hover:not(.ag-full-width-row) .ag-cell.mb_date_notEditable, .ag-theme-material .ag-cell.mb_date_notEditable.ag-column-hover {background-color: #CCCCCC;}
.ag-theme-material .ag-cell.mb_hide_cell {display: none;}
.ag-theme-material .ag-header-cell-sortable[aria-sort="none"] .ag-header-cell-label::after {content: ''; display: block; height: 100%; width: 25px; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('../../img/icons/sortable.svg');}

.ag-theme-material .mb_list_filter_period {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);}
.ag-theme-material .mb_list_filter_period>label {width: 100%; display: block;}
.ag-theme-material .mb_list_filter_period>label + label {margin-top: 10px;}
.ag-theme-material .ag-cell .s4_cell_html {height: min(var(--ag-internal-calculated-line-height),var(--ag-internal-padded-row-height)); grid-gap: 10px; gap: 10px; box-sizing: border-box;}
.ag-theme-material .ag-cell .mb_grid_list_status, .mb_commercial_conditions_status {line-height: 1; display: inline-block; padding: 4px 10px; border-radius: 5px; color: #FFF; background-color: #D8BD01; font-weight: bold; margin: auto;}
.ag-theme-material .ag-cell .mb_grid_list_status.mb_grid_list_status_green, .mb_commercial_conditions_status_green {background-color: #48BB78;}
/*.ag-theme-material .ag-cell-auto-height>.ag-cell-wrapper, .ag-theme-material .ag-cell-auto-height>.ag-cell-wrapper>.ag-cell-value, .ag-theme-material .ag-cell .mb_cell_fullHeight {height: 100%; box-sizing: border-box;}*/
.ag-theme-material .ag-cell .mb_cell_classic_line_height {line-height: 1.3; white-space: initial; padding: 5px 0;}
.ag-theme-material .ag-cell .mb_cell_classic_line_height>* + * {margin-top: 5px;}
.ag-theme-material .ag-cell .mb_switch, .ag-theme-material .ag-cell .mb_switch::before, .ag-theme-material .ag-cell .mb_switch>.mb_switch_value {transition: all 0.3s ease-in-out, color 0.15s ease-in-out;}
.ag-theme-material .ag-cell .mb_switch {margin: auto; width: 100px; height: 30px; border-radius: 15px; background-color: #F8F8F8; color: #000; border: 1px solid #000; position: relative; font-weight: bold; cursor: pointer;}
.ag-theme-material .ag-cell .mb_switch::before {content: ''; position: absolute; top: 50%; left: 15%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-color: #000; border-radius: 50%; width: 20px; height: 20px;}
.ag-theme-material .ag-cell .mb_switch.mb_switch_on {color: #FFF; background-color: #637462; border-color: #637462;}
.ag-theme-material .ag-cell .mb_switch.mb_switch_on::before {background-color: #FFF; left: 85%;}
.ag-theme-material .ag-cell .mb_switch>.mb_switch_value {position: absolute; top: 0; overflow: hidden; box-sizing: border-box; height: 100%; width: 100%; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; line-height: 1;}
.ag-theme-material .ag-cell .mb_switch>.mb_switch_value>span {position: relative; display: inline-block; overflow: hidden; max-width: 100%; margin: auto;}
.ag-theme-material .ag-cell .mb_switch>.mb_switch_value.mb_switch_value_off {padding-left: 30px; right: 0;}
.ag-theme-material .ag-cell .mb_switch>.mb_switch_value.mb_switch_value_on {padding-right: 30px; left: 0;}
.ag-theme-material .ag-cell .mb_switch:not(.mb_switch_on)>.mb_switch_value.mb_switch_value_on, .ag-theme-material .ag-cell .mb_switch.mb_switch_on>.mb_switch_value.mb_switch_value_off {width: 0;}
.ag-theme-material .ag-cell .mb_checkbox {margin: auto; width: 20px; height: 20px; border-radius: 0; background-color: #FFF; color: #000; border: 1px solid #000; box-sizing: border-box; position: relative; font-weight: bold; cursor: pointer;}
.ag-theme-material .ag-cell .mb_checkbox.mb_checkbox_on {color: #FFF; background-color: #637462; border-color: #637462;}
.ag-theme-material .ag-cell .mb_checkbox.mb_checkbox_on::before {content: '\2713'; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.ag-theme-material .ag-cell .mb_input_country {display: none; opacity: 0; visibility: hidden; width: 0; height: 0;}
.ag-theme-material .ag-cell .mb_input_country_checkbox {display: inline-block; width: 14px; height: 14px; position: relative; box-sizing: border-box; border: 1px solid #000;}
.ag-theme-material .ag-cell .mb_input_country:checked + .mb_input_country_checkbox, .ag-theme-material .ag-cell .mb_input_country_checkbox.mb_input_country_checkbox_check, .ag-theme-material .ag-cell .mb_input_country_checkbox.mb_input_country_checkbox_midcheck {background-color: #000;}
.ag-theme-material .ag-cell .mb_input_country:checked + .mb_input_country_checkbox::before, .ag-theme-material .ag-cell .mb_input_country_checkbox.mb_input_country_checkbox_check::before, .ag-theme-material .ag-cell .mb_input_country_checkbox.mb_input_country_checkbox_midcheck::before {content: ''; position: absolute; top: 50%; left: 50%; box-sizing: border-box;}
.ag-theme-material .ag-cell .mb_input_country:checked + .mb_input_country_checkbox::before, .ag-theme-material .ag-cell .mb_input_country_checkbox.mb_input_country_checkbox_check::before {width: 10px; height: 5px; border: 2px solid #FFF; border-top: 0; border-right: 0; -webkit-transform:translate(-50%, -70%) rotate(-45deg);-moz-transform:translate(-50%, -70%) rotate(-45deg);-ms-transform:translate(-50%, -70%) rotate(-45deg);transform:translate(-50%, -70%) rotate(-45deg);}
.ag-theme-material .ag-cell .mb_input_country_checkbox.mb_input_country_checkbox_midcheck::before {width: 8px; height: 2px; background-color: #FFF; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.ag-theme-material .ag-cell .mb_cell_fullHeight {height: 100%;}
.ag-theme-material .ag-cell .mb_cell_fake_of {line-height: 1.5;}
.ag-theme-material .ag-cell .mb_cell_fake_of>.littleFakeOF {font-size: 0.8em;}

.ag-theme-material .ag-floating-bottom .ag-cell[col-id="allBikes"] {position: relative; z-index: 1; overflow: unset;}




/* ---- HEADER ---- */
	header#menu>* {position: fixed; z-index: 100; top: 0; left: 0; background-color: #FFF; box-sizing: border-box; -webkit-box-shadow: 0 0 15px rgba(225,225,225,.3); -moz-box-shadow: 0 0 15px rgba(225,225,225,.3); box-shadow: 0 0 15px rgba(225,225,225,.3);}
	body.utilisateur_connecte header#menu>.top-bar {padding-left: 140px;}
	header#menu>.top-bar {width: 100%; padding: 10px 20px;}
		header#menu>.top-bar .logo-link>img {width: 150px;}
		header#menu>.top-bar .site-txt {font-style: italic; font-weight: 300; color: #A0AEC0; margin-left: 30px;}
	header#menu>.left-bar {height: 100%; padding: 20px;}
		header#menu>.left-bar .dashboard-link {display: block; border-radius: 10px; background-color: #000; color: #FFF; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; text-decoration: none; width: 50px; height: 50px; position: relative; overflow: hidden; margin: 0 auto;}
		header#menu>.left-bar .dashboard-link>span {position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
		header#menu>.left-bar .submenu {margin-top: 20px; margin-bottom: auto; text-align: center; width: 80px; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
		header#menu>.left-bar .submenu a {text-decoration: none; font-weight: 700;}
		header#menu>.left-bar .submenu li:not(:first-child) {margin-top: 10px;}
		header#menu>.left-bar .logout-link {font-size: 0; position: relative; display: block; width: 50px; height: 50px; margin: 0 auto;}
		header#menu>.left-bar .logout-link::before {content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-size: contain; background-image: url('../../img/icons/logout.svg'); background-repeat: no-repeat; background-position: center;}
/* ------ RL ------ */



/* ---- FORM ---- */
	.mb_form {}
	.mb_form .champs {}
	.mb_form .champs label {position:relative;}
	.mb_form .champs .labelTxt {margin-bottom: 10px;}
	.mb_form .champs button, form .champs input, .mb_form .champs select {-webkit-appearance: none; appearance: none;}
	.mb_form .champs textarea, .mb_form .champs input, .mb_form .champs select {border: 1px solid #E2E8F0; border-radius: 15px; padding: 15px 30px; color: #000; font-size: 1rem; font-family: "helvetica", sans-serif; box-sizing: border-box;}
	.mb_form .champs input::-webkit-input-placeholder {color: #A0AEC0; opacity: 0.6;}
	.mb_form .champs input::-ms-input-placeholder {color: #A0AEC0; opacity: 0.6;}
	.mb_form .champs input::placeholder {color: #A0AEC0; opacity: 0.6;}
	.mb_form .champs select {padding-right: 60px; background-image: url('../../img/icons/select-arrow.svg'); background-repeat: no-repeat; background-size: 15px 15px; background-position: calc(100% - 30px) 50%; cursor: pointer;}
	
	.mb_form .champs .nice-select {border: 1px solid #E2E8F0; border-radius: 15px; padding: 15px 30px; color: #A0AEC0; font-size: 1rem; font-family: "helvetica", sans-serif; box-sizing: border-box; padding-right: 45px; height: unset; line-height: unset; width: 100%; float: unset;}
	.mb_form .champs .nice-select .current {overflow: hidden; text-overflow: ellipsis; display: block;}
	.mb_form .champs .nice-select .nice-select-dropdown {left: 0; right: 0;}
	.mb_form .champs .nice-select .nice-select-search {padding: 5px 15px; margin: 0;}
	
	.mb_form .champs input[type=checkbox], .mb_form .champs input[type=radio] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0; padding: 0;}
	.mb_form .champs input[type=checkbox] + .switch, .mb_form .champs input[type=radio] + .switch, .mb_form .champs input[type=checkbox] + .switch::before, .mb_form .champs input[type=radio] + .switch::before {transition: all 0.2s ease-in-out;}
	.mb_form .champs input[type=checkbox] + .switch, .mb_form .champs input[type=radio] + .switch {position: relative; display: block; border-radius: 20px; width: 40px; height: 20px; overflow: hidden; background-color: #A0AEC0; margin-right: 20px;}
	.mb_form .champs input[type=checkbox] + .switch::before, .mb_form .champs input[type=radio] + .switch::before {content: ''; position: absolute; top: 3px; left: 3px; height: 14px; width: 14px; border-radius: 20px; background-color: #FFF;}
	.mb_form .champs input[type=checkbox]:checked + .switch, .mb_form .champs input[type=radio]:checked + .switch {background-color: #637462;}
	.mb_form .champs input[type=checkbox]:checked + .switch::before, .mb_form .champs input[type=radio]:checked + .switch::before {left: 23px;}
	.mb_form .champs input[type=checkbox] + .checkbox, .mb_form .champs input[type=radio] + .radio, .mb_form .champs input[type=checkbox] + .checkbox::before, .mb_form .champs input[type=radio] + .radio::before {transition: all 0.2s ease-in-out;}
	.mb_form .champs input[type=radio] + .radio, .mb_form .champs input[type=radio] + .radio::before {border-radius: 50%;}
	.mb_form .champs input[type=checkbox] + .checkbox, .mb_form .champs input[type=radio] + .radio {position: relative; box-sizing: border-box; border: 1px solid #000; width: 15px; height: 15px;}
	.mb_form .champs input[type=checkbox] + .checkbox::before, .mb_form .champs input[type=radio] + .radio::before {content: ''; width: 70%; height: 70%; position: absolute; top: 50%; left: 50%; display: block; background-color: #637462; -webkit-transform:translate(-50%, -50%) scale(0);-moz-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);}
	.mb_form .champs input[type=checkbox]:checked + .checkbox::before, .mb_form .champs input[type=radio]:checked + .radio::before {-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
	
	.mb_form .champs button:not(.iti__selected-country), a.buttonLink {cursor: pointer; border: 1px solid #637462; border-radius: 15px; padding: 15px 30px; background-color: #637462; color: #FFF; text-align: center; font-size: 1rem; font-family: "helvetica", sans-serif; box-sizing: border-box; font-weight:700; text-decoration: none; display: inline-block; transition: all 0.2s ease-in-out;}
	.mb_form .champs button:not(.iti__selected-country):hover, a.buttonLink:hover {color: #637462; background-color: #FFF; opacity: 1;}
	.mb_form .champs .formLine + .formLine {margin-top: 25px;}
	.mb_form .champs .buttonLine:not(:first-child) {margin-top: 50px;}
	.mb_form .iti__selected-flag {border-radius: 15px 0 0 15px;}
/* ----- RL -----*/



/* ---- BDC ---- */
	.buttonAction, .buttonAction>[class^="action-ico-"], .buttonAction>[class^="action-ico-"]::after {transition: all 0.2s ease-in-out;}
	
	.buttonAction {cursor: pointer; border: 1px solid #637462; background-color: #637462; color: #FFF; border-radius: 15px; padding: 10px 30px; text-align: center; font-size: 1rem; font-family: "helvetica", sans-serif; box-sizing: border-box; font-weight:700; text-decoration: none; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.buttonAction>[class^="action-ico-"] {display: block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #FFF; position: relative; margin-left: 15px;}
	.buttonAction>[class^="action-ico-"]::after {content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); width: 50%; height: 50%; background-repeat: no-repeat; background-position: center; background-size: contain;}
	.buttonAction>.action-ico-plus::after {background-image: url('../../img/icons/action-plus.svg');}
	
	.buttonAction:hover {background-color: #FFF; color: #637462;}
	.buttonAction:hover>[class^="action-ico-"] {border-color: #637462;}
	.buttonAction:hover>.action-ico-plus::after {background-image: url('../../img/icons/action-plus-hover.svg');}
/* ---- Léo ---- */



/* ---- CONDITIONS COMMERCIALES ---- */
	h2 .mb_commercial_conditions_status {font-size: 14px; vertical-align: middle; margin-left: 10px;}
	hr {border-top: 1px solid #E2E8F0; width: 80%; margin: 50px auto;}
	main#new-order-form .mb_form .formLine>label>.iti, main#address-form .mb_form .formLine>label>.iti, main#new-order-form .mb_form .formLine>label>.iti .mb_intl_field, main#address-form .mb_form .formLine>label>.iti .mb_intl_field {width: 100%;}
	.mb_form .champs .iti__search-input {border: 0; border-radius: 3px; padding: 9px 12px;}
	.mb_commercial_conditions_file_link {margin-top: 10px; display: inline-block;}
	
	main#confirm-commercial-conditions {background-color: #F5F5F5; padding: 20px; padding-top: 80px;}
	main#confirm-commercial-conditions .roundedBorder>:not(:first-child){margin-top: 50px;}
	main#confirm-commercial-conditions .iframe_container {width: 100%; max-width: 1000px; margin: auto;}
	main#confirm-commercial-conditions .iframe_subcontainer {width: 100%; padding-top: 120%; position: relative;}
	main#confirm-commercial-conditions .iframe_subcontainer iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	main#confirm-commercial-conditions .mb_form .formLine {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; grid-gap: 20px 50px; gap: 20px 50px;}
	main#confirm-commercial-conditions .mb_form .formLine>label, main#confirm-commercial-conditions .mb_form .formLine>.fakeLabel {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;width:30%;max-width:300px;}
	main#confirm-commercial-conditions .mb_form .formLine>label>input, main#confirm-commercial-conditions .mb_form .formLine>label>select, main#address-form .mb_form .formLine>label>input, main#confirm-commercial-conditions .mb_form .formLine>.fakeLabe>input, main#confirm-commercial-conditions .mb_form .formLine>.fakeLabe>select, main#address-form .mb_form .formLine>.fakeLabel>input {width: 100%;}
	main#confirm-commercial-conditions .pad {position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: crosshair; margin: 0 auto; width: 100%; padding-top: 66.667%; overflow: hidden; border-radius: 15px; border: 1px solid #E2E8F0;}
	main#confirm-commercial-conditions .pad>* {position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}
	main#confirm-commercial-conditions .pad canvas {pointer-events: all; background: #FFFFFF;}
	main#confirm-commercial-conditions .padControls {grid-gap: 10px; gap: 10px; margin-top: 10px;}
	main#confirm-commercial-conditions .padControls button:not(.iti__selected-country) {padding: 7px 15px; border-radius: 7px; font-size: 0.8rem;}
/* -------------- Léo -------------- */



/* ---- ALERTES ---- */
	.alerts-container:empty, .alerts-container-temp:empty, .alerts-container-error:empty {display: none;}
	.alerts-container-temp, .alerts-container-errors, .error-message, #alertes-messages {position: fixed; z-index: 1000; overflow: auto; padding: 15px; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
	.alerts-container .alert + .alert {margin-top: 15px;}
	
	/* ---- SUCCESS ---- */
	.alerts-container-temp {bottom: 0; right: 0; max-height: 80vh; width: 600px; max-width: 100%;}
	.alerts-container-temp .alert .close-alert {position: absolute; top: 17px; right: 20px; width: 20px; height: 20px; cursor: pointer; background-size: contain; background-image: url('../../img/icons/close-alert.svg'); background-repeat: no-repeat; background-position: center;}
	
	.alerts-container-temp .alert, .error-message {position: relative; padding: 15px 50px; width: 100%; -webkit-box-shadow: 3px 7px 10px rgba(99,116,98,0.4); -moz-box-shadow: 3px 7px 10px rgba(99,116,98,0.4); box-shadow: 3px 7px 10px rgba(99,116,98,0.4); background-color: #FFF; box-sizing: border-box;}
	.alerts-container-temp .alert::before, .error-message::before {content: ''; position: absolute; top: 17px; left: 20px; width: 20px; height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(../../img/icons/alert-success.svg);}
	.alerts-container-temp .alert .alert-title, .error-message .alert-title {color: #637462; text-transform: uppercase; font-weight: bold; font-size: 16px;}
	.alerts-container-temp .alert .alert-message, .error-message .alert-message {font-size: 14px; margin-top: 5px;}
	
	
	.alerts-container-temp .alert {padding-bottom: 18px;}
	.alerts-container-temp .alert .alert-time-bar {position: absolute; bottom: 0; left: 0; height: 3px; width: 100%;}
	.alerts-container-temp .alert .alert-time-bar .alert-time-progress {position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #637462;}
	
	/* ---- ERROR ----  */
	.alerts-container-errors::before, #alertes-messages::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25);}
	.alerts-container-errors, #alertes-messages {top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
	.alerts-container-errors .alert .close-alert, #alertes-messages .alerte-message .close-alerte {position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; cursor: pointer; background-size: contain; background-image: url('../../img/icons/close-alert.svg'); background-repeat: no-repeat; background-position: center;}
	
	.alerts-container-errors .alert, #alertes-messages .alerte-message {position: relative; padding: 30px 70px; border: 2px solid #637462; border-radius: 15px; -webkit-box-shadow: 0 0 10px rgb(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgb(0,0,0,0.5); box-shadow: 0 0 10px rgb(0,0,0,0.5); background-color: #FFF; width: 600px; max-width: 100%;}
	.alerts-container-errors .alert::before {content: ''; position: absolute; top: 32px; left: 40px; width: 20px; height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(../../img/icons/alert-error.svg);}
	.alerts-container-errors .alert .alert-title {color: #637462; text-transform: uppercase; font-weight: bold; font-size: 16px;}
	.alerts-container-errors .alert .alert-message {font-size: 14px; margin-top: 5px;}
	
	
	.alerts-container-errors .alert::before, .error-message::before {background-image: url(../../img/icons/alert-error.svg);}
	
	
	#alertes-messages .alerte-message {font-weight: bold; text-align: center;}
	#alertes-messages .alerte-message:not(:last-child) {display: none;}
/* ------ Léo ------ */



/* ---- POPUP ---- */
	#popups-container {position: fixed; z-index: 1000; overflow: auto; padding: 15px; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(0,0,0,0.25);}
	#popups-container>* {position: relative; margin: auto; padding: 30px 70px; border: 2px solid #637462; border-radius: 15px; -webkit-box-shadow: 0 0 10px rgb(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgb(0,0,0,0.1); box-shadow: 0 0 10px rgb(0,0,0,0.1); background-color: #FFF; width: 600px; max-width: 100%; max-height: 90vh; max-height: min(90vh, 600px); overflow: auto; overflow-x: hidden;}
	#popups-container>* .close-popup {position: absolute; top: 17px; right: 20px; width: 30px; height: 30px; cursor: pointer; background-size: contain; background-image: url('../../img/icons/close-alert.svg'); background-repeat: no-repeat; background-position: center;}
	#popups-container>.popup-window>*:not(:first-child):not(.close-popup) {margin-top: 30px;}
	#popups-container>.popup-window>*.close-popup:first-child + *:not(.close-popup) {margin-top: 0;}
	
	#popups-container>.tns-popup {}
	#popups-container>.tns-popup .tns_choices {min-height: 100px; max-height: 300px; max-height: min(300px, 70vh); overflow: auto; overflow-x: hidden; padding: 15px 30px; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px;}
	#popups-container>.tns-popup .tns_choices .tns_optlabel {font-weight: bold; font-size: 16px; padding: 10px 0;}
	#popups-container>.tns-popup .tns_choices .tns_optgroup:not(.tns_opt_group_main) {padding: 10px 0; padding-left: 30px;}
	#popups-container>.tns-popup .tns_choices .tns_option {padding: 5px 0; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	#popups-container>.tns-popup .tns_choices .tns_option>* {margin-top: auto; margin-bottom: auto;}
	#popups-container>.tns-popup .tns_choices .tns_option>*:not(.checkbox) {margin-left: 20px;}
	#popups-container>.tns-popup .tns_choices .tns_option>.checkbox {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 15px;-ms-flex:0 0 15px;flex:0 0 15px; max-width: 15px;}
	#popups-container>.tns-popup .tns_choices .tns_option>.tns_option_txt {}
	#popups-container>.tns-popup .tns_choices .tns_optgroup + .tns_optgroup, #popups-container>.tns-popup .tns_choices .tns_option + .tns_option {margin-top: 10px;}
	#popups-container>.tns-popup .tns_choices .tns_optgroup .tns_optlabel, #popups-container>.tns-popup .tns_choices .tns_optgroup .tns_option:first-child {padding-top: 0;}
	#popups-container>.tns-popup .tns_choices .hideResult {display: none!important;}
	#popups-container>.tns-popup .mb_form .champs>*:not(:first-child) {margin-top: 20px;}
	#popups-container>.tns-popup .mb_form .champs>label {display: block; margin: 0 auto; max-width: 80%; position: relative;}
	#popups-container>.tns-popup .mb_form .champs>label input {width: 100%;}
	#popups-container>.tns-popup .mb_form button {display: block; margin: 0 auto;}
	
	.searchBar {position: relative;}
	.searchBar::before {content: ''; position: absolute; top: 50%; left: 30px; width: 20px; height: 20px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-image: url('../../img/icons/search.svg');}
	.searchBar>input {padding-left: 50px!important;}
	
	#confirm-deleteBDC, #confirm-deleteCC {text-align: center;}
	#confirm-deleteBDC .confirm-title, #confirm-deleteCC .confirm-title {font-weight: bold; font-size: 18px;}
	#confirm-deleteBDC .buttonAction, #confirm-deleteCC .buttonAction {margin-top: 30px;}
	#confirm-deleteBDC .buttonAction:hover, #confirm-deleteCC .buttonAction:hover {opacity: 1;}
	
	#popups-container>*:not(:last-child) {display: none;}
/* ----- Léo ----- */


/* ---- SCROLLBAR ---- */
	.hasScrollbarStyle::-webkit-scrollbar-track {background:rgba(0,0,0,0.05); height: 10px; border-radius: 10px;}
	.hasScrollbarStyle::-webkit-scrollbar-thumb {background: #000;cursor:pointer;transition:all 0.3s ease-in-out; border-radius: 5px;}
	.hasScrollbarStyle::-webkit-scrollbar-thumb:hover {background: #637462;} 
	.hasScrollbarStyle::-webkit-scrollbar {width: 10px; height: 10px;}
	
	.hasScrollbarStyle::-moz-scrollbar-track {background:rgba(0,0,0,0.05); height: 10px; border-radius: 10px;}
	.hasScrollbarStyle::-moz-scrollbar-thumb {background: #000;cursor:pointer;transition:all 0.3s ease-in-out; border-radius: 5px;}
	.hasScrollbarStyle::-moz-scrollbar-thumb:hover {background: #637462;} 
	.hasScrollbarStyle::-moz-scrollbar {width: 10px; height: 10px;}
/* ------- Léo ------- */


@keyframes s4_button_loading {
	0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}



@media (max-width: 991px) {
	main#confirm-commercial-conditions .mb_form .formLine>label, main#confirm-commercial-conditions .mb_form .formLine>.fakeLabel {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;}
}