:root {
    --powder: 213, 184, 181; 				/*#D5B8B5*/
    --powder_degrade1: 207, 179, 176;		/*#CFB3B0*/
    --powder_degrade2: 221, 191, 185;		/*#DDBFB9*/
    --powder_degrade3: 210, 182, 179;		/*#D2B6B3*/
    --copper: 155, 120, 122;				/*#9B787A*/
    --copper_degrade1: 128, 100, 102;		/*#816566*/
    --copper_degrade2: 170, 132, 134;		/*#AB8486*/
    --copper_degrade3: 146, 114, 115;		/*#927274*/
	--rouge: 149, 100, 103;					/*#956467*/
    --blanc: 255, 255, 255;
    --noir: 0, 0, 0;
    --gris1: 242, 242, 242;					/*#f2f2f2*/
    --gris2: 204, 204, 204;					/*#cccccc*/
    --gris3: 170, 170, 170;					/*#aaaaaa*/
    --gris4: 136, 136, 136;					/*#888888*/
	--gris5: 27, 28, 28; 					/*#1b1c1c*/
	--gris6: 229, 224, 224; 				/*#e5e0e0*/
	--gris7: 214, 211, 211; 				/*#d6d3d3*/
	--text10: 10px;
	--text11: 11px;
	--text12: 12px;
	--text13: 13px;
	--text14: 14px;
	--text15: 15px;
	--text16: 16px;
	--text18: 18px;
	--text20: 20px;
	--text21: 21px;
	--text24: 24px;
	--text28: 28px;
	--text32: 32px;
	--text48: 48px;
	--text60: 62px;
}

#pbOverlay #pbCaption { display: none; }
#pbOverlay .pbWrapper > div.container-tag { height: 100%!important; }
#pbOverlay .pbWrapper > div.container-tag img { max-height: 100%; }
html, body { font-family: 'Jost',  sans-serif; font-size: var(--text14); }
body { margin:0; min-width:320px; }
img { max-width:100%; height:auto; }
a, div.link { color:inherit; }
div.link { text-decoration:none; }
a:hover, div.link:hover { cursor:pointer; color:inherit; text-decoration:none; }
.left { float:left; }
.hidden { display:none!important; }

.tooltip-wide .tooltip-inner { max-width: none; min-width: 300px; text-align: left; }

.tox-tinymce { width: 100%; }

#theModal2 { z-index: 1100; }
#theModal3 { z-index: 1200; }
.modal-backdrop ~ .modal-backdrop { z-index: 1070; }
.modal-backdrop ~ .modal-backdrop ~ .modal-backdrop { z-index: 1170; }
.modal-backdrop.show { opacity: 0.5; }

select { background-color:rgba(var(--blanc)); border:1px solid #8f8f9d; }
.select2-disabled { display: none!important; }
select option.option-category { font-weight: 600; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget { font-family: 'Jost',  sans-serif!important; font-size: inherit!important }

.cliquable:hover { cursor:pointer; text-decoration:underline; }

.alert { margin-top:1rem; padding:0.5rem 1rem; width:100%; }
.alert-dismissible .btn-close { padding: 0.75rem 1rem; }

i.warning { color:rgba(var(--copper)); margin-right: 5px; font-size: var(--text20); }

input, textarea { outline: none; }
textarea.wysiwyg { height: 300px; }

#filtres { margin-bottom:2rem; }
#affichageNbItem { margin-bottom:1rem; }

.custom-field-quantite { position:relative; display: inline-block; min-width:80px; max-width:100px; }
.custom-field-quantite .action { background:rgba(var(--gris7)); display:inline-block; position:absolute; height:100%; align-items:center; top:0; border:1px solid rgba(var(--gris7));  }
.custom-field-quantite .action:hover { cursor:pointer; background:#c8c6c6; }
.custom-field-quantite .action i { border:0; }
.custom-field-quantite .action.less { left:0; }
.custom-field-quantite .action.more { right:0; }
.custom-field-quantite .action.more.disabled { background:rgba(var(--gris1)); color:rgba(var(--gris3)); cursor:auto; }
.custom-field-quantite input { padding:5px 10px; border:1px solid rgba(var(--gris7)); text-align:center; width:100%; }

.width-100 { width:100%; }
.bootstrap-dialog-body { padding:15px 0; }

.g-recaptcha { transform:scale(0.96);-webkit-transform:scale(0.96);transform-origin:0 0;-webkit-transform-origin:0 0; display:block; width:305px;}

i + span { padding-left:15px; }
span + i { margin-left:15px; }

span.couleur0 { color:rgba(var(--copper))!important; }
span.couleur1 { color:rgba(var(--powder))!important; }

span.text10 { font-size:var(--text10)!important; }
span.text11 { font-size:var(--text11)!important; }
span.text12 { font-size:var(--text12)!important; }
span.text13 { font-size:var(--text13)!important; }
span.text14 { font-size:var(--text14)!important; }
span.text15 { font-size:var(--text15)!important; }
span.text16 { font-size:var(--text16)!important; }
span.text18 { font-size:var(--text18)!important; }
span.text20 { font-size:var(--text20)!important; }
span.text21 { font-size:var(--text21)!important; }
span.text24 { font-size:var(--text24)!important; }
span.text28 { font-size:var(--text28)!important; }
span.text32 { font-size:var(--text32)!important; }
span.text48 { font-size:var(--text48)!important; }
span.text60 { font-size:var(--text60)!important; }


.text-majuscule { text-transform: uppercase; }

span.comfortaa { font-family: 'Comfortaa',  sans-serif!important; }


input:disabled { opacity: 0.5; }

.mce-tinymce { width:100%!important; }

.custom-checkbox-radio-fields { margin-top:1.7rem; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field { display:flex; align-items:center; margin-top:5px; cursor: pointer; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input ~ i { color:rgba(var(--powder)); }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input ~ i.checked { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input:checked ~ i.nochecked { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input:checked ~ i.checked { display:inline-block; }

.accordion-item { border:none; margin-bottom:0px; border-radius: 0!important; border-bottom: 2px solid rgba(var(--gris2)) !important;  }
.accordion-item .accordion-button { font-weight:bold; color: rgba(var(--copper)); border-radius: 0!important; text-transform: uppercase;  font-family: "Jost", "Open Sans", sans-serif; display:flex; justify-content:space-between; align-items:center; box-shadow: none!important; }
.accordion-item .accordion-button::after { color:rgba(var(--copper))!important; background-image: none; content:"add"; font-family:'Material Symbols Outlined'; margin-left: 5px; font-size: var(--text24); line-height:var(--text14); }
.accordion-item .accordion-button:not(.collapsed) { background: none; }
.accordion-item .accordion-button:not(.collapsed)::after { content:"remove"; transform: none; }
.accordion-item .accordion-button:focus { box-shadow: none; }
.accordion-item .accordion-collapse ul { padding:0 0 0 15px; }
.accordion-item .accordion-body { border-top: 1px solid rgba(var(--powder),0.5) !important; }

.ui-tabs { border:none; padding: 0; }
.ui-tabs .ui-tabs-nav { background:none; border:none; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; }
.ui-tabs .ui-tabs-nav::before, .ui-tabs .ui-tabs-nav::after { display: none; }
.ui-tabs .ui-tabs-nav li { border:1px solid rgba(var(--powder)); border-bottom:1px solid rgba(var(--copper)); background: none!important; margin-left: 0; margin-right: 0; margin-bottom: -1px; border-radius: 0 !important; }
.ui-tabs .ui-tabs-nav li *:is(a,span) { background:rgba(var(--powder),.3); padding:15px 5px; width:100%; display:block; color:rgba(var(--noir)); text-transform:uppercase; font-size: var(--text13); text-align: center; font-weight: normal; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { border-color:rgba(var(--copper)); padding-bottom: 0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active *:is(a) { font-weight:bold; color:rgba(var(--blanc)); background:rgba(var(--copper)); }
.ui-tabs.tabs-access .ui-tabs-nav li *:is(a) { background:rgba(var(--powder),0.5); color:rgba(var(--blanc)); font-weight: bold; }
.ui-tabs.tabs-access .ui-tabs-nav li.ui-tabs-active *:is(a) { background:rgba(var(--powder)); }
.ui-tabs:not(.items-1) .ui-tabs-panel { border:1px solid rgba(var(--copper)); padding:20px; }
.ui-tabs.items-1 > .ui-tabs-nav { display: none; }
.ui-tabs.items-2 > .ui-tabs-nav > li { min-width: 49.5%;}
.ui-tabs.items-3 > .ui-tabs-nav > li { min-width: 32%;}
.ui-tabs.items-4 > .ui-tabs-nav > li { min-width: 24.5%;}
.ui-tabs.items-5 > .ui-tabs-nav > li { min-width: 19.5%;}
.ui-tabs.items-6 > .ui-tabs-nav > li { min-width: 16.4%;}
.ui-tabs.items-7 > .ui-tabs-nav > li { min-width: 14%;}
.ui-tabs.items-8 > .ui-tabs-nav > li { min-width: 12%;}
.ui-tabs.items-9 > .ui-tabs-nav > li { min-width: 11%;}

.pagination { margin-top: 30px; }
.pagination .page-item .page-link, .pagination .page-item .page-link * { font-size:var(--text18); line-height: var(--text18); }
.pagination .page-item:not(.active) .page-link { color: rgba(var(--copper));  }
.pagination .page-item:not(.active) .page-link:hover { cursor:pointer; }
.pagination .page-item.active .page-link { background-color: rgba(var(--copper)); border-color: rgba(var(--copper)); }

.explication { font-size: var(--text13); font-weight: normal; font-style: italic; }

table tbody tr td input[type=text],
table tbody tr td input[type=email],
table tbody tr td input[type=password],
table tbody tr td select,
table tbody tr td textarea { width: 100%; }

table.table-bordered thead tr th, table.table-bordered tbody tr th { vertical-align: middle; background-color: rgba(var(--copper)); color:rgba(var(--blanc)); }
table.table-bordered tbody tr td.title { vertical-align: middle; text-align: center; background-color: #dddddd; }
table.table-bordered tbody tr td table.table-bordered tr th, table.table-bordered tbody tr td table.table-bordered tr th { background-color: rgba(var(--copper),.5); }

.row + table.table-datamanagement { margin-top: 20px; }
table.table-datamanagement { margin-bottom: 0; }
table.table-datamanagement, table.table-datamanagement tr, table.table-datamanagement tr th, table.table-datamanagement tr td { border-color:#666666; vertical-align: middle; }
table.table-datamanagement thead tr th i { margin-right:5px; }
table.table-datamanagement tbody { border-bottom: none!important; border-top-width: 1px!important;}
table.table-datamanagement tbody tr.hide { display: none; }
table.table-datamanagement tbody tr.btn-addRow.ui-state-disabled { opacity: 1;}
table.table-datamanagement tbody tr.btn-addRow .addRow, table.table-datamanagement tbody tr .removeRow { text-align: center!important; display: flex; width: fit-content; }
table.table-datamanagement tbody tr.btn-addRow, table.table-datamanagement tbody tr.btn-addRow td { border-color: transparent; --bs-table-accent-bg: none;}
table.table-datamanagement tbody tr.btn-addRow td .btn-action-list { margin:auto; display: flex; align-items: center; width: fit-content; justify-content: center; padding-bottom: 5px; }
table.table-datamanagement tbody tr td input { width: 100%; }
table.table-datamanagement tbody tr td .select2-container { width: 100%!important; font-size: var(--text16); }
table.table-datamanagement tbody tr td .switch label .lever { margin: 0px!important; }

table.sortable tbody tr:not(.ui-state-disabled) { cursor: grab; }

table tbody tr.even td { background-color: #f2f2f2!important; }
table tbody tr.hr { border-bottom: 5px solid #dee2e6; }

/*************************************************************************************************************************************************************/
/************************************************************** FORMULAIRE ***********************************************************************************/
/*************************************************************************************************************************************************************/

.switch,
.switch * {
 -webkit-tap-highlight-color:transparent;
 user-select:none;
 display: inline-block;
}

.switch + .switch { margin-left: 30px; }

.switch label { cursor: pointer; }
.switch label :is(input[type=checkbox],input[type=radio]) {
 opacity:0;
 width:0;
 height:0
}
.switch label :is(input[type=checkbox],input[type=radio]):checked+.lever {
 background-color:rgba(var(--powder),0.5);
}
.switch label :is(input[type=checkbox],input[type=radio]):not(:disabled) + .lever:hover { cursor: pointer; }
.switch label :is(input[type=checkbox],input[type=radio]):checked+.lever:after,
.switch label :is(input[type=checkbox],input[type=radio]):checked+.lever:before {
 left:18px
}
.switch label :is(input[type=checkbox],input[type=radio]):checked+.lever:after {
 background-color:rgba(var(--powder));
}
.switch label .lever {
 content:"";
 display:inline-block;
 position:relative;
 width:36px;
 height:14px;
 background-color:rgba(0,0,0,.38);
 border-radius:15px;
 transition:background .3s ease;
 vertical-align:middle;
 margin:0 16px 0 0;
}
.switch label .lever:after,
.switch label .lever:before {
 content:"";
 position:absolute;
 display:inline-block;
 width:20px;
 height:20px;
 border-radius:50%;
 left:0;
 top:-3px;
 transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease
}
.switch label .lever:before {
 background-color:rgba(38,166,154,.15)
}
.switch label .lever:after {
 background-color:#f1f1f1;
 box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}
:is(input[type=checkbox],input[type=radio]):checked.tabbed:focus~.lever:before,
:is(input[type=checkbox],input[type=radio]):checked~.lever:active:before {
 transform:scale(2.4);
 background-color:rgba(38,166,154,.15)
}
:is(input[type=checkbox],input[type=radio]).tabbed:focus~.lever:before,
:is(input[type=checkbox],input[type=radio])~.lever:active:before {
 transform:scale(2.4);
 background-color:rgba(0,0,0,.08)
}
.switch :is(input[type=checkbox],input[type=radio])[disabled]+.lever {
 opacity: 0.5;
}

.switch-field { display: flex; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px; }
.switch-field input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.switch-field label { background-color: rgba(var(--gris1)); color: rgba(var(--noir),0.5); line-height: 1; text-align: center; padding: 8px 16px; margin-right: -1px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; }
.switch-field label:hover {cursor: pointer; }
.switch-field input:checked + label { background-color: rgba(var(--powder)); box-shadow: none; color:rgba(var(--blanc)); }

.btn-action-list { padding: 5px; float:left; background:none; border:1px solid rgba(var(--noir)); color:rgba(var(--noir)); margin: 1px 5px; line-height: 12px; }
.btn-action-list.disabled { opacity: 0.3; }
.btn-action-list:not(.disabled,.btn):hover { background-color:rgba(var(--copper)); color:rgba(var(--blanc))!important; border-color:rgba(var(--copper)); text-decoration: none; }
.btn-action-list:not(.disabled) { cursor:pointer; }
.btn-action-list.copy { padding: 1px; opacity: 0.8; }
.btn-action-list.copy i { font-size: var(--text21); }

.btn { display: flex; width: fit-content; padding: 5px 15px; margin: 7px 0px; border:none; font-weight: 500; border-radius:50px!important; align-items: center; }
.btn:hover { text-decoration:none!important; }
.btn + .btn { margin-left:20px; }
.btn-center { margin-left: auto; margin-right: auto; }
.btn-copper, .btn-copper:focus { background:rgba(var(--copper)); border-color:rgba(var(--copper)); color: rgba(var(--blanc)); }
.btn-copper:hover { background:rgba(var(--copper),0.9); border-color:rgba(var(--copper),0.9); color: rgba(var(--blanc)); }
.btn-powder, .btn-powder:focus { background:rgba(var(--powder)); border-color:rgba(var(--powder)); color: rgba(var(--blanc)); }
.btn-powder:hover { background:rgba(var(--powder),0.9); border-color:rgba(var(--powder),0.9); color: rgba(var(--blanc)); }
.btn-powderdegrade1, .btn-powderdegrade1:focus { background:rgba(var(--powder_degrade1)); border-color:rgba(var(--powder_degrade1)); color: rgba(var(--blanc)); }
.btn-powderdegrade1:hover { background:rgba(var(--powder_degrade1),0.9); border-color:rgba(var(--powder_degrade1),0.9); color: rgba(var(--blanc)); }
.btn-gris2, .btn-gris2:focus { background:rgba(var(--gris2)); border-color:rgba(var(--gris2)); color: rgba(var(--blanc)); }
.btn-gris2:hover { background:rgba(var(--gris2),0.9); border-color:rgba(var(--gris2),0.9); color: rgba(var(--blanc)); }
.btn-gris3, .btn-gris3:focus { background:rgba(var(--gris3)); border-color:rgba(var(--gris3)); color: rgba(var(--blanc)); }
.btn-gris3:hover { background:rgba(var(--gris3),0.9); border-color:rgba(var(--gris3),0.9); color: rgba(var(--blanc)); }
.btn-gris4, .btn-gris4:focus { background:rgba(var(--gris4)); border-color:rgba(var(--gris4)); color: rgba(var(--blanc)); }
.btn-gris4:hover { background:rgba(var(--gris4),0.9); border-color:rgba(var(--gris4),0.9); color: rgba(var(--blanc)); }
.btn-gris5, .btn-gris5:focus { background:rgba(var(--gris5)); border-color:rgba(var(--gris5)); color: rgba(var(--blanc)); }
.btn-gris5:hover { background:rgba(var(--gris5),0.9); border-color:rgba(var(--gris5),0.9); color: rgba(var(--blanc)); }
.btn:focus { box-shadow:none; }
.btn-default, .btn-default:focus { border:1px solid rgba(var(--noir),0.5); }
.btn-default:hover { background:rgba(var(--noir),0.1); border:1px solid rgba(var(--noir),0.5); }

.text-center .btn { margin-left: auto; margin-right: auto; }

span.span-explication { display: block; width: 100%; bottom: -19px; font-size: var(--text13); font-style: italic; color: #888; }
.select2-container .select2-choice { color:rgba(var(--noir)); }
.form-field { position: relative; display: flex; flex-wrap: wrap; align-items: start; margin-top: 1.7rem; }
.form-field.just-label { margin-top: 0.5rem; }
td.form-field { margin-top: 0; display: table-cell; }
.form-field.explication, .form-field.file { margin-bottom: 20px; }
.form-field.file.with-value { margin-bottom: 50px; }
.form-field.file.with-value .actual-file { position: absolute; left: 40px; bottom: -40px; font-size: var(--text13); }
.form-field.file.with-value .actual-file a { font-style: italic; color:#222222; }
.form-field.file.with-value .actual-file a + span { margin-left: 40px;  }
.form-field > label { color: #666666; font-size: var(--text14); cursor: text; transition: transform .2s ease-out,color .2s ease-out; transform-origin: 0 100%; text-align: initial; transform: translateY(1rem);  top: -14px; left:10px; position: relative; margin-top: 5px; }
.form-field:not(.just-label) > label { position: absolute; top: -8px; margin-bottom: 0px; margin-top: 0px; }
.form-field.just-label > label { left: 0;}
.form-field[class*="col"]:not(.just-label,.animation) > label { left:20px; }
.form-field[class*="col"]:not(.just-label) > *:is(input,select,textarea):focus + .password-eye + label, .form-field[class*="col"]:not(.just-label) *:is(input,select,textarea):focus + label { left:10px; }
.form-field span.span-explication { position: absolute; }
.form-field i.prefix { color:rgba(var(--gris2)); }
.form-field i.prefix ~ input:not([type=radio], [type=checkbox], [type=submit], [type=button]),
.form-field i.prefix ~ input:not([type=radio], [type=checkbox], [type=submit], [type=button]),
.form-field i.prefix ~ .valeur,
.form-field i.prefix ~ .select2-container,
.form-field i.prefix ~ select,
.form-field i.prefix ~ textarea,
.form-field i.prefix ~ .switch-field,
.form-field i.prefix ~ .form-field-file { margin-left:6px; }
.form-field i.prefix ~ span.span-explication { left:40px; }
.form-field i.prefix ~ label { left:42px; }
.form-field > label span { font-size:var(--text10); }
.form-field span.span-obligatoire { color:#ff0000; font-size: var(--text16); }
.form-field input:not([type=radio], [type=checkbox], [type=submit], [type=button]), .form-field .valeur { display: block; width: 100%; padding: 6px 5px; outline: none; background: rgba(var(--blanc)); border: 1px solid rgba(var(--gris7)); transition: 0.4s ease-out; font-size:var(--text16); border-radius:5px; color:rgba(var(--noir)); min-height: 38px; }
.form-field .valeur { min-height: 33px; background-color: rgba(var(--gris1)); }
.form-field input[type=password] { padding-right: 50px; }
.form-field .password-eye { position: absolute; right: 20px; top:5px; cursor: pointer; }
.password-control { width: 100%; background: rgba(var(--gris1)); padding: 15px 40px; margin-top: 10px; display: flex; flex-direction: column; }
.password-control li.ok { color: rgba(var(--powder)); }
.form-field select, .form-field .select2-container { background: no-repeat; border: 1px solid rgba(var(--gris7));font-size:var(--text16); border-radius:5px; color:rgba(var(--noir)); }
.form-field .ui-autocomplete { top:35px!important; right: 0!important; width: 100%!important; }
.form-field .select2-container { width: 100%!important; font-size: var(--text16); }
.select2-container { margin: 0; }
.select2-container .select2-choice, .select2-container-active .select2-choice { background: rgba(var(--blanc)); border: none; box-shadow: none; padding: 5px 0px; min-height: 36px; }
.select2-container .select2-choice abbr { top:10px; }
.select2-container .select2-choice .select2-arrow { border:none; background: none; top:7px; }
.select2-container .select2-choice .select2-arrow b { background-size: 105px 70px !important; background-position: left -6px top -10px; }
.select2-drop-active { border-color:rgba(var(--gris7)); border-top:2px solid rgba(var(--powder)); }
.form-field select { width: 100%!important; padding: 7.5px 5px;font-size:var(--text16); }
textarea { background-color: transparent; border: 1px solid rgba(var(--gris7)); border-radius: 8px; outline: none; min-height: 100px; width: 100%; margin: 0 0 8px 0; box-shadow: none; box-sizing: content-box; transition: box-shadow .3s,border .3s; resize:vertical; padding: 5px;font-size:var(--text16); color:rgba(var(--noir)); }
textarea.moyen { min-height: 150px; }
textarea.grand { min-height: 235px; }
.form-field.rgpd { font-size: var(--text12); font-style: italic; color:rgba(var(--noir),0.5); }


.form-field-file { width: 100%;}
.form-field-file input[type=file] { display: none; }

input:not([type="radio"], [type="checkbox"], [type="submit"]).error, select.error, textarea.error, .form-field-file.error input, .select2-container.error, .mce-container.error { border-color:red!important; }
.form-field input:not([type="radio"], [type="checkbox"], [type="submit"]).error + label, .form-field select.error + label, .form-field textarea.error + label, .form-field-file.error + label { color:red; }
.form-field .form-field-item { margin: 5px 30px 5px 0; }
.form-field .form-field-item::last-child { margin-right: 0px; }
.form-field .form-field-item .switch label .lever { margin-right: 7px; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) { display: none; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label { position: relative; padding-left: 1.7rem; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label::before { display: block; position: absolute; box-sizing: border-box; top: 5px; left: 0; content:''; width: 1rem; height: 1rem; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label::after { display: block; position: absolute; box-sizing: border-box; top: 11px; left: 0; }
.form-field .form-field-item input:is([type=radio]) + label::before, .form-field .form-field-item input:is([type=radio]) + label::after { border-radius: 1rem;}
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label::before { border: 1px solid #666666; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]):checked + label::before { border: 1px solid rgba(var(--noir)); }
.form-field .form-field-item input:is([type=radio], [type=checkbox]):checked + label::after { display: block; position: absolute; box-sizing: border-box; top: -6px; left: -2px; content: "check"; font-family: 'Material Symbols Outlined'; font-weight: bold; font-size: var(--text24); color:rgba(var(--copper)); }

.form-field:not(.file):focus-within > label, .form-field.file .form-field-file:focus-within + label, .form-field.animation > label { top: 0px; transform: translateY(-100%); transform-origin: 0 0; font-size: var(--text15); }
.form-field.animation textarea, .form-field:focus-within textarea { border:1px solid rgba(var(--gris7)); padding: 5px; }
.form-field:not(.file):focus-within input:not([type=radio], [type=checkbox], [type=submit], [type=button]), .form-field.file .form-field-file:focus-within input:not([type=radio], [type=checkbox], [type=submit], [type=button]), .form-field:focus-within textarea, .form-field:focus-within select, .form-field.hover { border-bottom: 2px solid; }

.form-field.rgpd { font-size:var(--text13); display: block; }

.form-field-group { display: flex; align-items: center; }
.form-field-group .form-field { width: 100%; }
.form-field-group .form-field + .form-field { margin-left: 5px; }


.box-upload {background-color:rgba(var(--gris1));position:relative; padding:20px}
.box-upload .box-upload-content { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
.box-upload .box-upload-content .icon { text-align: center; }
.box-upload .box-upload-content .icon i { font-size:80px; color:rgba(var(--copper)); }
.box-upload .box-upload-content label.selected { margin-top: 15px; width: 100%; border-top:1px solid rgba(var(--copper),0.5); text-align: center; padding-top: 15px; font-size: var(--text14); }
.box-upload .box-upload-content header { display: none; }
.box-upload .box-upload-content input[type=file] { margin-top:20px; }
.box-upload .box-upload-content button[type=submit] { margin-top: 20px; }
.box-upload.advanced { outline:2px dashed rgba(var(--copper));outline-offset:-10px;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear; }
.box-upload.advanced.is-dragover{outline-offset:-20px;outline-color:rgba(var(--copper));background-color:rgba(var(--gris1),0.5) }
.box-upload.advanced .box-upload-content header { font-size: var(--text20); font-weight: 500; text-align: center; display:flex; flex-direction: column; justify-content: center; align-items: center; }
.box-upload.advanced .box-upload-content header span { font-size: var(--text16); font-weight:200; margin: 10px 0 15px 0; display: block; }
.box-upload.advanced .box-upload-content header .btn { width: fit-content; }
.box-upload.advanced .box-upload-content input[type=file] { display: none; }


.listing-document .document { margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.listing-document .document .presentation, .listing-document .document .fichier { padding: 15px; }
.listing-document .document .presentation img { height:30px; margin-top:-7px; margin-right:5px; }
.listing-document .document .presentation .extension { margin-top:5px; display: block; font-size: var(--text15); }
.listing-document .document .presentation .extension a { text-decoration:underline; }
.listing-document .document .fichier input[type="button"] { background-image:none; background-color:#0e7996; padding:5px 10px; display:inline-block; margin:0 0 0 10px; border:none; color:#fff; }
.listing-document .document .fichier .extension { margin-top:5px; display: block; font-size: var(--text13); }
.listing-document .document + .document { border-top: 1px solid rgba(var(--gris2)); padding-top: 20px; }

.table-xxl-responsive,
.table-xxl-responsive tbody,
.table-xxl-responsive tr,
.table-xxl-responsive td { border:none; }
.table-xxl-responsive tr + tr { border-top:1px solid; }
.table-xxl-responsive thead { display:none; }
.table-xxl-responsive tbody tr { display:block; position: relative; }
.table-xxl-responsive tbody tr td:first-child { padding-top:20px; }
.table-xxl-responsive tbody tr td:last-child { padding-bottom:20px; }
.table-xxl-responsive tbody tr td:last-child::after {content: " "; display: block; clear: both; }
.table-xxl-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
.table-xxl-responsive tbody tr td.hidden { display: none; }
.table-xxl-responsive tbody tr td label.th { font-weight:bold; }
.table-xxl-responsive tbody tr td label.th.inline-block { display:inline-block; }
.table-xxl-responsive tbody tr td label.th.block { display:block; }
.table-xxl-responsive tbody tr td.commande-actions { padding:10px 0; }

/******************************************************************************************************************************************/
/*************************************************************** PANIER *******************************************************************/
/******************************************************************************************************************************************/
.product-line-header { padding-bottom: 0.5rem; border-bottom:2px solid rgba(var(--copper)); }
.product-line-header div { padding: 0; color: rgba(var(--copper)); font-weight: 600; text-align: center; text-transform: uppercase; }
.product-line-header > div:first-child { padding-left: 2rem; text-align: left; }
.product-line-header div.total { margin-left:-10px; }
.cart-items { padding:0; }
.cart-items li.cart-item { padding-top: 1rem; padding-bottom:1rem; border-top: 1px solid #eee; list-style: none; }
.cart-items li.cart-item:first-child { border-top: 0; }
.cart-items li.cart-item .product-line-grid { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-direction: row; flex-wrap: wrap; }
.cart-items li.cart-item .product-line-grid .product-line-grid-left { text-align:center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-name { margin: 0 0 10px; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-name > .label.title { text-transform: inherit; font-size: var(--text16); }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .prod-manufacturer { display: block; padding-right: 5px; text-transform: uppercase; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .prod-manufacturer a { color: rgba(var(--powder));   }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .prod-ref { display: block; color: rgba(var(--noir),0.8); font-size: 0.8rem; font-weight: 400; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .motif-reduc { margin-top:10px; display: block; font-style:italic; color: #ff9800; font-size: 0.8rem; font-weight: 400; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock { margin-top:10px; font-size:0.8rem; margin-bottom: 10px; font-weight: 500; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock #product-availability { color:green; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock #product-unavailable { color:red; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock #product-last-items { color:orange; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right { padding: 0; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row { margin: 0; display:flex; justify-content:space-between; }

.cart-items li.cart-item .product-line-grid .product-line-grid-right .row > div { padding:0; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price { color: rgba(var(--noir),0.8); font-size: 1.2rem; font-weight: 500; text-align: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount { margin-bottom: 5px; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount .regular-price { color: rgba(var(--noir),0.8); font-size: 0.93rem; text-decoration: line-through; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount .discount-percentage { font-weight: 600; background-color: #ff9800; color: #fff; padding: 2px; font-size: 1rem; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount .discount-amount { font-weight: 600; background-color: rgba(var(--copper)); color: #fff; padding: 2px; font-size: 1rem; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .qty { padding: 0; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .price { text-align: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .price .product-price { color: rgba(var(--copper)); font-size: 1.33rem; white-space: nowrap; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .cart-line-product-actions .delete-product { color:rgba(var(--gris7)); display:flex; align-items:center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .cart-line-product-actions .delete-product:hover { color:#aaaaaa; cursor:pointer; }

.cart-summary { padding: 1rem;background-color: #eee; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line { clear: both; margin-bottom: 10px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line .label, .cart-summary .cart-detailed-totals .card-block .cart-summary-line .value { width:50%; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line .value { text-align:right; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line span.libelleMode { font-size: 0.8rem; font-style: italic; width:100%; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line form { width:100%; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line form select { width:100%; max-width:200px; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line.cart-total { font-weight: 700; text-transform: uppercase; }

@media (min-width:1400px) {
	.table-xl-responsive tbody tr td label.th,
	.table-lg-responsive tbody tr td label.th,
	.table-md-responsive tbody tr td label.th,
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:1399px) {
	.table-xl-responsive,
	.table-xl-responsive tbody,
	.table-xl-responsive tr,
	.table-xl-responsive td { border:none; }
	.table-xl-responsive tr + tr { border-top:1px solid; }
	.table-xl-responsive thead { display:none; }
	.table-xl-responsive tbody tr { display:block; position: relative; }
	.table-xl-responsive tbody tr td:first-child { padding-top:20px; }
	.table-xl-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-xl-responsive tbody tr td:last-child::after {content: " "; display: block; clear: both; }
	.table-xl-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-xl-responsive tbody tr td.hidden { display: none; }
	.table-xl-responsive tbody tr td label.th { font-weight:bold; }
	.table-xl-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-xl-responsive tbody tr td label.th.block { display:block; }
	.table-xl-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:1200px) {
	.table-lg-responsive tbody tr td label.th,
	.table-md-responsive tbody tr td label.th,
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:1199px) {
	.table-lg-responsive,
	.table-lg-responsive tbody,
	.table-lg-responsive tr,
	.table-lg-responsive td { border:none; }
	.table-lg-responsive tr + tr { border-top:1px solid; }
	.table-lg-responsive thead { display:none; }
	.table-lg-responsive tbody tr { display:block; position: relative; }
	.table-lg-responsive tbody tr td:first-child { padding-top:20px; }
	.table-lg-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-lg-responsive tbody tr td:last-child::after {content: " "; display: block; clear: both; }
	.table-lg-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-lg-responsive tbody tr td.hidden { display: none; }
	.table-lg-responsive tbody tr td label.th { font-weight:bold; }
	.table-lg-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-lg-responsive tbody tr td label.th.block { display:block; }
	.table-lg-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:992px) {
	.table-md-responsive tbody tr td label.th,
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:991px) {
	.table-md-responsive,
	.table-md-responsive tbody,
	.table-md-responsive tr,
	.table-md-responsive td { border:none; }
	.table-md-responsive tr + tr { border-top:1px solid; }
	.table-md-responsive thead { display:none; }
	.table-md-responsive tbody tr { display:block; position: relative; }
	.table-md-responsive tbody tr td:first-child { padding-top:20px; }
	.table-md-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-md-responsive tbody tr td:last-child::after {content: " "; display: block; clear: both; }
	.table-md-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-md-responsive tbody tr td.hidden { display: none; }
	.table-md-responsive tbody tr td label.th { font-weight:bold; }
	.table-md-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-md-responsive tbody tr td label.th.block { display:block; }
	.table-md-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:768px) {
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:767px) {

	.table-sm-responsive,
	.table-sm-responsive tbody,
	.table-sm-responsive tr,
	.table-sm-responsive td { border:none; }
	.table-sm-responsive tr + tr { border-top:1px solid; }
	.table-sm-responsive thead { display:none; }
	.table-sm-responsive tbody tr { display:block; position: relative; }
	.table-sm-responsive tbody tr td:first-child { padding-top:20px; }
	.table-sm-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-sm-responsive tbody tr td:last-child::after {content: " "; display: block; clear: both; }
	.table-sm-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; max-width: 100% !important; }
	.table-sm-responsive tbody tr td.hidden { display: none; }
	.table-sm-responsive tbody tr td label.th { font-weight:bold; }
	.table-sm-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-sm-responsive tbody tr td label.th.block { display:block; }
	.table-sm-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:576px) {
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:575px) {
	.table-responsive tbody,
	.table-responsive tr,
	.table-responsive td { border:none; }
	.table-responsive tr + tr { border-top:1px solid; }
	.table-responsive thead { display:none; }
	.table-responsive tbody tr { display:block; position: relative; }
	.table-responsive tbody tr td:first-child { padding-top:20px; }
	.table-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-responsive tbody tr td:last-child::after {content: " "; display: block; clear: both; }
	.table-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-responsive tbody tr td.hidden { display: none; }
	.table-responsive tbody tr td label.th { font-weight:bold; }
	.table-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-responsive tbody tr td label.th.block { display:block; }
	.table-responsive tbody tr td.commande-actions { padding:10px 0; }
}