@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,800&display=swap');

:root {
    --couleur0: 71, 92, 109;		/*#475c6d*/
    --couleur1: 233, 97, 39;		/*#e96127*/
    --couleur2: 0, 167, 183;		/*#00A7B7*/
    --couleur3: 3, 169, 244;		/*#03A9F4*/
    --couleur4: 226, 0, 104;		/*#E20068*/
    --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*/
}

html, body { font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 14px; color: rgba(var(--gris5)); }
body { margin:0; min-width:320px; }
img { max-width:100%; height:auto; }
a, div.link { color:inherit; text-decoration:none; }
a:hover, div.link:hover { cursor:pointer; color:inherit; text-decoration:underline; }
.left { float:left; }
.hidden { display:none!important; }

#theModal2 { z-index: 1100; }
.modal-backdrop ~ .modal-backdrop { z-index: 1070; }
.modal-title { color: rgba(var(--couleur0));}

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: 'Montserrat', 'Open Sans', 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; }

input, textarea { outline: none; }

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

.row fieldset { border:1px solid rgba(var(--gris2)); margin-top: 20px; padding: 20px; width: 100%; border-radius: 8px; }
.row fieldset + fieldset { margin-top: 30px; }
.form-field fieldset { margin-top: 0; }
fieldset { position: relative; }
fieldset.couleur0 { border-color:rgba(var(--couleur0)); }
fieldset.couleur1 { border-color:rgba(var(--couleur1)); }
fieldset.couleur2 { border-color:rgba(var(--couleur2)); }
fieldset.couleur3 { border-color:rgba(var(--couleur3)); }
fieldset.backgroud-gris { background-color: rgba(var(--gris1)); }
fieldset legend { width:100%; margin-bottom: 20px; font-size: 1rem!important; font-weight: bold; text-transform: uppercase; }
fieldset.legend-center legend { text-align: center; }
fieldset.couleur0 legend { color:rgba(var(--couleur0)); }
fieldset.couleur1 legend { color:rgba(var(--couleur1)); }

fieldset.recap { font-weight: bold; font-size: 0.9rem;}
fieldset.recap a.btn { position: absolute; right: 0px; top: 5px;}
fieldset.recap .field { margin-bottom: 5px;}
fieldset.recap .field label { display: inline-block; font-weight: normal; font-size: 0.9rem; }
fieldset.recap h3[data-step] { display: flex; align-items: center; color: rgba(var(--couleur0)); font-size: 1rem; text-transform: uppercase; }
fieldset.recap h3[data-step]:before { content: attr(data-step); display: inline-block; color:rgba(var(--blanc)); background-color: rgba(var(--couleur0)); font-size: 0.8rem; min-height: 1.5rem; min-width: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
fieldset.recap *:not(.btn) + h3 { margin-top: 30px; }
fieldset.recap ol { padding-left: 40px!important; list-style: disc; }

fieldset + h2 { margin-top: 50px;}

.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; margin:20px auto; width:305px;}

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

span.couleur0 { color:rgba(var(--couleur0)); }
span.couleur1 { color:rgba(var(--couleur1)); }
span.couleur2 { color:rgba(var(--couleur2)); }
span.couleur3 { color:rgba(var(--couleur3)); }

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; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input ~ i { color:rgba(var(--couleur1)); }
.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:5px; border: 1px solid rgba(var(--gris2)); border-radius: 0!important;  }
.accordion-item .accordion-button { font-weight:bold; border-radius:0!important; display:flex; justify-content:space-between; align-items:center; }
.accordion-item .accordion-button::after { color:rgba(var(--noir))!important; }
.accordion-item .accordion-button:not(.collapsed) { background:rgba(var(--gris1)); color:rgba(var(--noir)); }
.accordion-item .accordion-button:not(.collapsed) i { transform: rotate(-180deg); }
.accordion-item .accordion-button.collapsed { font-weight: normal;  color:rgba(var(--noir)); }
.accordion-item .accordion-button:focus { box-shadow: none; }
.accordion-item .accordion-collapse ul { padding:0 0 0 15px; }

.ui-tabs { border:none; padding: 0; }
.ui-tabs .ui-tabs-nav { background:none; border:none; display: flex; 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(--gris2)); 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(--gris1)); padding:15px 5px; width:100%; display:block; color:rgba(var(--noir)); text-transform:uppercase; font-size: 0.8rem; text-align: center; font-weight: normal; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { border-color:rgba(var(--gris2)); padding-bottom: 0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active *:is(a) { font-weight:bold; color:rgba(var(--blanc)); background:rgba(var(--couleur0),.8); }
.ui-tabs:not(.items-1) .ui-tabs-panel { border:1px solid rgba(var(--gris2)); 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: 33%;}
.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 .page-item:not(.active) .page-link { color: rgba(var(--couleur0)); font-size:19.5px; }
.pagination .page-item:not(.active) .page-link:hover { cursor:pointer; }
.pagination .page-item.active .page-link { background-color: rgba(var(--couleur0)); border-color: rgba(var(--couleur0)); font-size:19.5px; }

.explication { font-size: 0.8rem; font-weight: normal; font-style: italic; }

table { margin-bottom: 0!important; }
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 tbody tr td ul { margin-bottom: 0;}

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

.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:rgba(var(--gris5)); 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: 1rem; }
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; }

.fixTable table tr *:is(th,td) { white-space: nowrap; }
/*************************************************************************************************************************************************************/
/************************************************************** FORMULAIRE ***********************************************************************************/
/*************************************************************************************************************************************************************/

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

.switch label { padding-left: 45px; position: relative; 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(--couleur1),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(--couleur1));
}
.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;  position: absolute;
 left: 0;
 top: 3px;
}
.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(--couleur1)); box-shadow: none; color:rgba(var(--blanc)); }

.btn-action-list { padding: 5px; display:inline-block; background:none; border:1px solid rgba(var(--noir)); color:rgba(var(--noir)); margin: 1px; line-height: 12px; }
.btn-action-list.disabled { opacity: 0.3; }
.btn-action-list:not(.disabled,.btn):hover { background-color:rgba(var(--couleur0)); color:rgba(var(--blanc))!important; border-color:rgba(var(--couleur0)); 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: 20px; }

.btn { display: flex; width: fit-content; padding: 5px 15px; margin: 7px 15px; border:none; font-weight: 500; border-radius:7px!important; align-items: center; }
.btn:hover { text-decoration:none; }
.btn + .btn { margin-left:20px; }
.btn-couleur0, .btn-couleur0:focus { background:rgba(var(--couleur0)); border-color:rgba(var(--couleur0)); color: rgba(var(--blanc)); }
.btn-couleur0:hover { background:rgba(var(--couleur0),0.9); border-color:rgba(var(--couleur0),0.9); color: rgba(var(--blanc)); }
.btn-couleur1, .btn-couleur1:focus { background:rgba(var(--couleur1)); border-color:rgba(var(--couleur1)); color: rgba(var(--blanc)); }
.btn-couleur1:hover { background:rgba(var(--couleur1),0.9); border-color:rgba(var(--couleur1),0.9); color: rgba(var(--blanc)); }
.btn-couleur2, .btn-couleur2:focus { background:rgba(var(--couleur2)); border-color:rgba(var(--couleur2)); color: rgba(var(--blanc)); }
.btn-couleur2:hover { background:rgba(var(--couleur2),0.9); border-color:rgba(var(--couleur2),0.9); color: rgba(var(--blanc)); }
.btn-couleur3, .btn-couleur3:focus { background:rgba(var(--couleur3)); border-color:rgba(var(--couleur3)); color: rgba(var(--blanc)); }
.btn-couleur3:hover { background:rgba(var(--couleur3),0.9); border-color:rgba(var(--couleur3),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; }

span.span-explication { display: block; width: 100%; bottom: -19px; font-size: 0.85rem; 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.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: 0.8rem; }
.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: rgba(var(--gris5)); font-size: 1rem; 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; z-index: 0; }
.form-field.just-label > label { left: 0; margin-top: 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 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:0.6rem; }
.form-field span.span-obligatoire { color:#ff0000; font-size: 1rem; }
.form-field input:not([type=radio], [type=checkbox], [type=submit], [type=button]), .form-field .valeur { position: relative; z-index: 1; display: block; width: 100%; padding: 6px 5px; outline: none; background: transparent; border: 1px solid #d3d3d3; transition: 0.4s ease-out; font-size:1rem; border-radius:5px; color:rgba(var(--noir)); }
.form-field input:not([type=radio], [type=checkbox], [type=submit], [type=button]).blanc, .form-field .valeur.blanc { background: rgba(var(--blanc)); z-index: auto; }
.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; color: rgba(var(--noir)); }
.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(--couleur1)); }
.form-field select, .form-field .select2-container { background: transparent; border: 1px solid #d3d3d3;font-size:1rem; 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: 1rem; margin: 0; padding: 1px; position: relative; z-index: 1; background: transparent; }
.select2-container .select2-choice, .select2-container-active .select2-choice { background: transparent; border: none; box-shadow: none; padding: 5px 0px; min-height: 31px; }
.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:#d3d3d3; border-top:2px solid rgba(var(--couleur1)); }
.form-field select { z-index: 1; position: relative; width: 100%!important; padding: 7.5px 5px;font-size:1rem; }
.form-field textarea { z-index: 1; position: relative; background-color: transparent; border: 1px solid #d3d3d3; 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 0px;font-size:1rem; color:rgba(var(--noir)); }
.form-field textarea.moyen { min-height: 150px; }
.form-field textarea.grand { min-height: 235px; }

#theModal .form-field:not(.just-label) > label { z-index: 1056;}
#theModal .form-field input:not([type=radio], [type=checkbox], [type=submit], [type=button]), #theModal .form-field select, #theModal .form-field textarea, #theModal .form-field .select2-container { z-index: 1057;}
#theModal2 .form-field:not(.just-label) > label { z-index: 1101;}
#theModal2 .form-field input:not([type=radio], [type=checkbox], [type=submit], [type=button]), #theModal2 .form-field select, #theModal2 .form-field textarea, #theModal2 .form-field .select2-container { z-index: 1102;}


.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 rgba(var(--gris5)); }
.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 Icons'; font-weight: bold; font-size: 1.5rem; color:rgba(var(--couleur0)); }
.form-field label.error { color: red; }
.form-field:not(.file,.just-label):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: .9rem; }
.form-field.animation textarea, .form-field:focus-within textarea { border:1px solid #d3d3d3; 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:0.8rem; display: block; }

.form-field-group { padding: 0; margin: 0; }


.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(--couleur0)); }
.box-upload .box-upload-content label.selected { margin-top: 15px; width: 100%; border-top:1px solid rgba(var(--couleur0),0.5); text-align: center; padding-top: 15px; font-size: 14px; }
.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(--couleur0));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(--couleur0));background-color:rgba(var(--gris1),0.5) }
.box-upload.advanced .box-upload-content header { font-size: 20px; 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: 16px; 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: 0.9rem; }
.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: 0.8rem; }
.listing-document .document + .document { border-top: 1px solid rgba(var(--gris2)); padding-top: 20px; }



table.table tbody { border-top-color:#204051!important; font-size: 14px; }
table.table tbody td { vertical-align:middle; }
table.table tbody td a { color: inherit; text-decoration: underline; }
table.table tbody td a:hover { color: rgba(var(--couleur0)); }
table thead tr th.triable { vertical-align:middle; cursor:pointer; padding-right:30px!important; background-position:right 5px center; background-repeat:no-repeat; background-image: url(../images/style/fleche-triable.png); }
table thead tr th.triable.asc, table thead tr th.triable:hover, table thead tr th.triable.desc:hover { background-image: url(../images/style/fleche-triable-asc.png); }
table thead tr th.triable.desc, table thead tr th.triable.asc:hover { background-image: url(../images/style/fleche-triable-desc.png); }
table.table tbody td.actions::after { content:" "; display:table; clear:both; }

table.table-datamanagement thead tr th { text-align: center;}

.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 { 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; }

.ui-datepicker { z-index: 10!important; }
input:is([type=text],[type=password]), select { border:1px solid rgba(var(--gris2)); border-radius:25px; font-size: 1rem; padding: 2px 10px; }
select { padding: 4.5px 10px; }

.form-field textarea { border: 1px solid #d3d3d3; }

label:is(.radio,.checkbox) { position:relative; display:flex; align-items:center; }
label:is(.radio,.checkbox) input { opacity:0; width:0; height:0; display: none;}
label:is(.radio,.checkbox) span { display: flex; position: relative; }
label:is(.radio,.checkbox) span::before { font-family:'Material Symbols Outlined'; display: block; margin-right: 5px; color:rgba(var(--gris2));   z-index: 1; position: relative; }
label:is(.radio,.checkbox) span::after { content:" "; display: block; height: 10px; width:10px; background-color: rgba(var(--blanc)); border-radius: 50px; position: absolute; left: 2.5px; top:6px; z-index: 0; }
label.radio span::before { content: "radio_button_unchecked"; }
label.radio input:checked + span::before { content:"radio_button_checked"; }
label.checkbox span::before { content: "check_box_outline_blank"; }
label.checkbox input:checked + span::before { content:"select_check_box"; }

.nav-tabs { display: flex; flex-wrap: wrap; justify-content: space-around; border-bottom: none; }
.nav-tabs .nav-item .nav-link { color:rgba(var(--couleur0)); border:1px solid rgba(var(--couleur0)); border-radius: 25px; background-color: rgba(var(--blanc)); padding: 2px 10px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:rgba(var(--blanc)); border-radius: 25px; background-color: rgba(var(--couleur0)); font-weight: bold; }
.tab-content { margin-top: 2rem; }


#header { background-color: rgba(var(--couleur0)); padding: 20px 0; }
#header #header-right { position: relative; display: flex; align-items: end; }
#header #logo a { display: flex; flex-direction: column; align-items: center; color:rgba(var(--blanc)); font-weight: bold; font-size: 1.5rem; }
#header #logo a:hover { text-decoration: none;}
#header #header-right #header-right-log { position: absolute; right: calc(var(--bs-gutter-x) * .5);; top:-20px; background-color: rgba(var(--blanc)); padding: 2px 7px;}
#header #header-right #header-right-log a + a { margin-left: 10px;}
#header #header-right #nav { width: 100%;}
#header #header-right #nav .menu { width: 100%; margin-bottom: 0; padding-left: 0; display: flex; align-items: center; justify-content: space-around; color: rgba(var(--blanc)); list-style: none; font-weight: 600; font-size: 1.2rem; }
#header #header-right #nav .menu li.actif a { color: rgba(var(--couleur1)); }
#header #header-right #nav .menu li.actif a:hover { text-decoration: none; }

#header #header-right #nav .block-connexion { display: none!important; }

section { padding: 2rem 0; }
section h1 { font-size: 2rem; text-align: center; margin-bottom: 2rem; }
section h1 > span { font-size:1.1rem; display: block; margin-top: 10px; color: rgba(var(--couleur0));}
section h1 > .btn { width:fit-content; margin: 1rem auto 0; }
section h1 > .group-btn { display: flex; flex-wrap: wrap; justify-content: center; }
section h1 > .group-btn > .btn { margin: 1rem; }

section h2 { color: rgba(var(--couleur1)); text-transform: uppercase; font-size: 1.5rem;}
section .row + h2 { margin-top:3rem;}
section h2[data-step] { display: flex; align-items: center; }
section h2[data-step]:before { content: attr(data-step); display: inline-block; color:rgba(var(--blanc)); background-color: rgba(var(--couleur1)); font-size: 1rem; min-height: 2rem; min-width: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; }

ol { counter-reset: number; list-style: none; padding-left: 100px!important; }
ol li { counter-increment: number;  margin-top: 10px;}
ol li .row { width: calc(100% - 50px);}
ol li .row .form-field { margin-top: 0;}
ol li .row .form-field.just-label { display: flex; align-items: center; }
ol li .row .form-field.just-label:before { content: counter(number)" "; display: inline-block; color:rgba(var(--blanc)); background-color: rgba(var(--couleur0)); font-size: 1rem; font-weight: normal; min-height: 1.2rem; min-width: 1.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; }


.list-item { counter-reset: number; }
.list-item .item { margin-top: 15px;}
.list-item .item h3 { counter-increment: number; display: flex; align-items: center; justify-content: space-between; font-weight: bold; color: rgba(var(--couleur0)); font-size: 1rem; border-bottom: 1px solid; padding-bottom: 5px;}
.list-item .item h3 span.item-title { display: flex; align-items: center;}
.list-item .item h3 span.item-title:before { content: counter(number)" "; display: inline-block; color:rgba(var(--blanc)); background-color: rgba(var(--couleur0)); font-size: 1rem; font-weight: normal; min-height: 1.2rem; min-width: 1.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.list-item .item h3 span.item-title span:before { content: counter(number)" "; display: block ;}


.list-item .item h3 i { cursor: pointer;}
.list-item .item .encadre { border:1px solid rgba(var(--gris2)); padding: 7px 15px 15px; }


fieldset.recap .list-item .item h3 span.item-title:before { display: none;}
fieldset.recap .list-item .item .encadre { padding: 7px 15px 2px;}

#zonePageLog { margin-bottom:15px; text-align: center; }
#zonePageLog .alert { margin-top: 0; }

@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 { 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) {
	ol { padding-left: 20px!important; }

	.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 { 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; }

	#header #logo a { font-size: 1.4rem; }
	#header #logo a img { margin-top: 10px;}
}

@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) {
	ol li + li { margin-top: 20px; }

	.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 { 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; }

	.list-item .item .encadre { padding: 7px 10px 10px; }
}

@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 { 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; }

	#header #header-right { justify-content: end; }
	#header #header-right #boutonBurgerMenu { color:rgba(var(--blanc)); }
	#header #header-right #boutonBurgerMenu i { font-size: 2.5rem;}
	#header #header-right #nav { display:none; position: fixed; top:0; left:0; padding:0; background:rgba(0,0,0,.5); z-index:10000; width:100%; height: 100%;  }
	#header #header-right #nav #menu-burger { border-right:1px solid #475c6d; padding-top:40px; padding-bottom:0; background:rgba(var(--blanc)); border-right:1px solid #aaaaaa; height:100%; position:relative; }
	#header #header-right #nav #menu-burger i { color:rgba(0, 0, 0, 0.54); line-height:34px; }
	#header #header-right #nav #menu-burger #closeBurgerMenu { position:absolute; right:5px; top:5px; display:block;  }
	#header #header-right #nav #menu-burger #menu-burger-content { overflow: auto; height: 100%; padding-top:10px; }
	#header #header-right #nav.show, #header #header-right #nav.show #menu-burger { display:block; }
	#header #header-right #nav .menu { flex-direction: column; align-items: self-start;}
	#header #header-right #nav .menu li { padding: 10px 20px; width: 100%; border-bottom: 1px solid rgba(var(--noir), 0.10);}
	#header #header-right #nav .menu li a { color: rgba(var(--noir));}
}

@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 { 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; }

	#header #logo { width: 180px;}
	#header #header-right { width: calc(100% - 180px);}
}

@media (max-width:449px) {
	#header #header-right #nav #menu-burger #menu-burger-content { padding-bottom: 70px;}
	#header #header-right #header-right-log { display: none!important;}
	#header #header-right #nav .block-connexion { display: flex!important; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px;}
}