@charset "UTF-8";
/* ------ */
/* SITE - BASICS */
/* ------ */
:root {
  /* --- */
  --scrollbar-width: 					24px;
  /* --- */
}
html, body { width:100%; max-width:100vw; margin:0; padding:0; }
.body_Site { color:var(--site-body-col); background-color:var(--site-body-bkg); font-family:var(--site-body-fam); overflow-x:hidden; overflow-y:auto; line-height:normal; font-weight:normal; }
#bodyFixed { position:fixed; overflow:hidden; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
/* --- */
.clearfix::before, .clearfix::after { display:table; content:""; }
.clearfix::after { clear:both; }
/* --- */
@media screen and (max-width:767px) {
	.hide-phone { display:none !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.hide-tablet { display:none !important; }
}
@media screen and (min-width:992px) {
	.hide-desktop { display:none !important; }
}
/* ------ */
/* TITRES */
/*h1, h2, h3, h4, h5, h6 { text-wrap:balance; }*/
/* alert */
div.alert h1, div.alert h2, div.alert h3, 
div.alert h4, div.alert h5, div.alert h6 { color:inherit !important; }
/* --- */
abbr { text-decoration:none; }
figure { margin:0; padding:0; max-width:100vw; }
i.fi { line-height:unset; color:inherit; }
/* --- */
/* LINKS */
.body_Site a, .body_Site a:hover { text-decoration:none; }
/* --- */
.body_Site a:not(.abt):not(.abt.btn):not(.chosen-single) { color:var(--site-link-col); }
.body_Site a:hover:not(.abt):not(.abt.btn):not(.chosen-single) { color:var(--site-link-col-hover); border:none; text-decoration:none; }
/* --- */

/* ------ */
/* BUTTON */
/* ------ */
.abt.btn { position:relative; -webkit-transition:all 0.25s; transition:all 0.25s; }
.abt.btn, 
.abt.btn:hover { border-width:1px !important; border-style:solid !important; }
.abt.btn.border-0, 
.abt.btn.border-0:hover { border-width:0 !important; }
/* --- */
/* btn-light */
.abt.btn.btn-outline-light:not(:hover),
.abt.btn.btn-outline-light.abt.btn-ico:not(:hover) { color:inherit !important; }
.abt.btn.btn-outline-light:not(:hover) .fi,
.abt.btn.btn-outline-light.abt.btn-ico:not(:hover) .fi { color:var(--bs-gray-400) !important; }
.abt.btn.btn-outline-light:hover,
.abt.btn.btn-outline-light.abt.btn-ico:hover { color:var(--bs-secondary-hover) !important; }
/* --- */
/* btn-check */
.abt.btn-check:focus + .abt.btn, 
.abt.btn:focus { box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.5); }
.abt.btn-check:checked + .abt.btn, .abt.btn-check:active:not(:hover) + .abt.btn, 
.abt.btn:active:not(:hover), 
.abt.btn.active:not(:hover), 
.abt.btn.dropdown-toggle.show { color:var(--bs-white); background-color:var(--bs-primary); border-color:var(--bs-primary); }
.abt.btn-check:checked + .abt.btn:focus, 
.abt.btn-check:active:not(:hover) + .abt.btn:focus, 
.abt.btn:active:not(:hover):focus, 
.abt.btn.active:not(:hover):focus, 
.abt.btn.dropdown-toggle.show:focus { box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.5); }
.abt.btn:disabled, .abt.btn.disabled { color:var(--bs-primary); background-color:transparent; }
/* --- */
@media screen and (max-width:767px) {
	/* btn-lg */
	.abt.btn.btn-lg { font-size:1.0rem; }
	/* btn TABS */
	.abt.btn.admBt_Tabs { padding:0.5rem; }
	.abt.btn.admBt_Tabs span { display:none; }
	.abt.btn.admBt_Tabs .fi { position:relative; left:unset; top:unset; transform:unset; }
}
/* --- */
@media screen and (min-width:768px) {
	.abt.btn { text-align:center; white-space:normal !important; padding:0.75rem 1.0rem; }
	.abt.btn:not(.abt.btn-ico) { padding-left:2.25rem; }
}
/* ------ */
/* BUTTON - not ICO */
/* ------ */
.abt.btn { text-align:center; white-space:normal !important; padding:0.5rem 0.75rem; }
.abt.btn:not(.abt.btn-ico) { padding-left:2.0rem; }
.abt.btn:not(.abt.btn-ico) .fi { left:0.75rem; position:absolute; display:block; content:''; width:auto; height:auto; top:50%; transform:translateY(-50%); }
.abt.btn:not(.abt.btn-ico) .fi.fa-spin { margin-top:-0.625rem !important; }
/* --- */
@media screen and (min-width:768px) {
	.abt.btn:not(.abt.btn-ico) { padding-left:2.25rem; }
	.abt.btn:not(.abt.btn-ico) .fi { left:1.0rem; }
}

/* ------ */
/* BUTTON -	PAR DEFAUT */
/* btn-outline-primary */
/* ------ */
.abt.btn:not(:hover):not([class*="btn-outline-"], [class*="btn-primary"], [class*="btn-secondary"], [class*="btn-success"], [class*="btn-danger"], [class*="btn-warning"], [class*="btn-info"], [class*="btn-light"], [class*="btn-dark"]), 
.abt.btn.btn-outline-primary { color:var(--bs-primary); border-color:var(--bs-primary); background-color:var(--bs-white); }
.abt.btn[class*="btn-outline-"]:not(:hover) { background-color:var(--bs-white); }
.abt.btn:not([class*="btn-outline-"], [class*="btn-primary"], [class*="btn-secondary"], [class*="btn-success"], [class*="btn-danger"], [class*="btn-warning"], [class*="btn-info"], [class*="btn-light"], [class*="btn-dark"]):hover, 
.abt.btn.btn-outline-primary:hover { color:var(--bs-white); border-color:var(--bs-primary-hover); background-color:var(--bs-primary-hover); }

/* ------ */
/* BUTTON - ICO */
/* ------ */
.abt.btn.btn-ico { position:relative; text-align:center !important; white-space:normal; }
.abt.btn.btn-ico:not([class*="btn-outline"]):hover,
.abt.btn.btn-ico.abt.btn-outline-primary:hover { color:var(--site-btn-col-hover); background-color:var(--site-btn-bkg-hover); border-color:var(--site-btn-brd-hover); }
.abt.btn .fi, .abt.btn:hover .fi { color:inherit; }
/* ------ */
/* BUTTON - ICO size */
/* ------ */
.abt.btn:not(.abt.btn-ico) { padding-left:3.5rem !important; min-height:1.25rem; }
.abt.btn:not(.abt.btn-ico) .fi.fa-spin { margin-top:-0.625rem; }
/* --- */
.abt.btn.btn-lg { font-size:1.25rem !important; }
.abt.btn.btn-lg .fi { font-size:1.75rem !important; }
.abt.btn:not(.abt.btn-ico).abt.btn-lg { padding-left:3.5rem !important; min-height:2.75rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-lg .fi.fa-spin { margin-top:-0.875rem; }
/* --- */
.abt.btn.btn-sm { font-size:0.875rem !important; }
.abt.btn.btn-sm .fi { font-size:1.0rem !important; }
.abt.btn:not(.abt.btn-ico).abt.btn-sm { padding-left:2.75rem !important; min-height:2.0rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-sm .fi.fa-spin { margin-top:-0.5rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-16 { padding-left:3.0rem !important; min-height:1.75rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-16 .fi.fa-spin { margin-top:-0.375rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-24 { padding-left:3.5rem !important; min-height:2.0rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-24 .fi.fa-spin { margin-top:-0.5rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-32 { padding-left:4.0rem !important; min-height:2.25rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-32 .fi.fa-spin { margin-top:-0.625rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-36 { padding-left:4.5rem !important; min-height:2.75rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-36 .fi.fa-spin { margin-top:-0.875rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-48 { padding-left:5.0rem !important; min-height:3.5rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-48 .fi.fa-spin { margin-top:-1.25rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-64 { padding-left:5.5rem !important; min-height:4rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-64 .fi.fa-spin { margin-top:-1.5rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-72 { padding-left:6.0rem !important; min-height:5rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-72 .fi.fa-spin { margin-top:-2.0rem !important; }
/* --- */
.abt.btn:not(.abt.btn-ico).abt.btn-96 { padding-left:7.0rem !important; min-height:6rem; }
.abt.btn:not(.abt.btn-ico).abt.btn-96 .fi.fa-spin { margin-top:-2.5rem !important; }
/* --- */
/* ICO - table, medias */
/*
table .abt.btn.btn-ico, 
.boxMedias_Liste .abt.btn.btn-ico { position:relative; background-color:transparent !important; border:1px solid transparent !important; padding:0.25rem 0.25rem !important; margin:0 !important }
table .abt.btn.btn-ico i.fi, 
.boxMedias_Liste .abt.btn.btn-ico i.fi { position:relative; }
*/
/* ------ */
/* BUTTON - submit */
/* ------ */
.abt.btn:not(.abt.btn-ico)[type="submit"] { padding:0.75rem 0.75rem; }
.abt.btn:not(.abt.btn-ico)[type="submit"] i.fi { font-size:2rem; }

/* ------ */
/* btn PAGINATION */
.btn.paginate_button.active { color:var(--bs-white) !important; border-color:var(--bs-primary-hover) !important; background-color:var(--bs-primary-hover) !important; }

/* ------ */
/* FORM : FORMULER */
/* ------ */
fieldset { position:relative; padding:0.5rem 1rem; margin:0 0 0.75rem 0; border:1px solid var(--bs-gray-400); border-radius:0.25rem; background-color:rgba(var(--bs-light-rgb),1); }
@media screen and (max-width:767px) {
	.card-body { padding:0.5rem 0.25rem; }
}
/* ------ */
/* FORM : INPUT / TEXTAREA / SELECT / CHOSEN */
/* ------ */
.chosen-container { font-size:inherit; border:0; }
.chosen-container a.chosen-single,
.custom-input,
select,
textarea,
input:not([type="file"]) { max-width:100%; height:auto; padding:0.75rem 0.75rem; background:var(--bs-white); border:1px solid var(--bs-gray-400); border-radius:3px; }
.chosen-container a.chosen-single:hover,
.custom-input:hover,
select:hover,
textarea:hover,
input:not([type="file"]):hover { background:var(--bs-white); border:1px solid var(--bs-gray-600); }
.chosen-container a.chosen-single:focus,
select:focus,
textarea:focus,
input:not([type="file"]):focus { background:var(--bs-white); border:1px solid var(--bs-gray-600); }
/* ------ */
/* .list-group-item */
ul.list-group li.list-group-item { background:var(--bs-white); border:1px solid var(--bs-gray-400); border-radius:3px; }
ul.list-group li.list-group-item:hover { border:1px solid var(--bs-gray-600); }
/* ------ */
.LblVal { position:relative; display:flex; /*flex-direction:column;*/ flex-wrap:wrap; align-items:stretch; }
.LblVal.input-group { position:relative; display:flex; flex-direction:row; align-items:stretch; }
label { display:inline-block; }
label.LblVal .input-group-text { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; }
@media screen and (max-width:576px) {
	.LblVal { display:flex; /*flex-direction:column;*/ flex-wrap:wrap; align-items:stretch; }
	/* --- */
	.LblVal .txtLabel,
	.LblVal > label:not(.input-group-text) { flex:0 1 100%; }
	/*.col-md-6 .LblVal > label[class*="w-"] { flex:0 1 100%; }*/
	/* --- */
	.LblVal div.d-inline-block,
	.LblVal div.input-group,
	.LblVal input,
	.LblVal select,
	.LblVal div.chosen-container,
	.LblVal div.cke,
	.LblVal textarea { flex:1 0 100%; width:100%; }
	.LblVal .alert { flex:1 0 100%; width:100%; }
	/* --- */
}
@media screen and (min-width:576px) {
	.LblVal { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; /*align-items:stretch;*/ }
	/* --- */
	.LblVal .txtLabel,
	.LblVal > label:not(.input-group-text) { flex:0 1 20%; }
	.LblVal > label[class*="w-"] { flex:0 1 auto !important; }
	.col-sm-6 .LblVal .txtLabel,
	.col-sm-6 .LblVal > label:not(.input-group-text),
	.col-md-6 .LblVal .txtLabel,
	.col-md-6 .LblVal > label:not(.input-group-text) { flex:0 1 25%; }
	/* --- */
	.LblVal div.d-inline-block,
	.LblVal div.input-group,
	.LblVal input,
	.LblVal select,
	.LblVal div.chosen-container,
	.LblVal div.cke,
	.LblVal textarea { flex:1 0 1%; }
	.LblVal .alert { flex:1 0 100%; }
	/* --- */
}
@media screen and (min-width:768px) {
	/* --- */
	.col-md-6 .LblVal .txtLabel,
	.col-md-6 .LblVal > label:not(.input-group-text) { /*flex:0 1 100%;*/ }
	.col-md-6 .LblVal > label[class*="w-"] { flex:0 1 auto !important; }
	/* --- */
	.col-md-6 .LblVal div.d-inline-block,
	.col-md-6 .LblVal div.input-group,
	.col-md-6 .LblVal input,
	.col-md-6 .LblVal select,
	.col-md-6 .LblVal div.chosen-container,
	.col-md-6 .LblVal div.cke,
	.col-md-6 .LblVal textarea { flex:1 0 100%; }
	.col-md-6 .LblVal .alert { flex:1 0 100%; }
	/* --- */
}
@media screen and (min-width:992px) {
	.LblVal { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; }
	/* --- */
	.LblVal .txtLabel,
	.LblVal > label:not(.input-group-text) { flex:0 1 20%; }
	.col-md-12 > .LblVal .txtLabel,
	.col-md-12 > .LblVal > label:not(.input-group-text) { flex:0 1 10%; }
	.LblVal > label[class*="w-"] { flex:0 1 auto !important; }
	/* --- */
	.LblVal div.d-inline-block,
	.LblVal div.input-group,
	.LblVal input,
	.LblVal select,
	.LblVal div.chosen-container,
	.LblVal div.cke,
	.LblVal textarea { flex:1 0 1%; }
	.LblVal .alert { flex:1 0 100%; }
	/* --- */
}
@media screen and (min-width:1400px) {
	/* --- */
	:not[class*="col-"] > .LblVal .txtLabel,
	:not[class*="col-"] > .LblVal > label:not(.input-group-text) { flex:0 1 10%; }
	.col-md-12 > .LblVal .txtLabel,
	.col-md-12 > .LblVal > label:not(.input-group-text) { flex:0 1 10%; }
	.LblVal > label[class*="w-"] { flex:0 1 auto !important; }
	/* --- */
	.LblVal div.d-inline-block,
	.LblVal div.input-group,
	.LblVal input,
	.LblVal select,
	.LblVal div.chosen-container,
	.LblVal div.cke,
	.LblVal textarea { flex:1 0 1%; }
	.LblVal .alert { flex:1 0 100%; }
	/* --- */
	.col-md-6 .LblVal .txtLabel,
	.col-md-6 .LblVal > label:not(.input-group-text) { flex:0 1 20%; }
	.col-md-6 .LblVal > label[class*="w-"] { flex:0 1 auto !important; }
	/* --- */
	.col-md-6 .LblVal div.d-inline-block,
	.col-md-6 .LblVal div.input-group,
	.col-md-6 .LblVal input,
	.col-md-6 .LblVal select,
	.col-md-6 .LblVal div.chosen-container,
	.col-md-6 .LblVal div.cke,
	.col-md-6 .LblVal textarea { flex:1 0 1%; }
	.col-md-6 .LblVal .alert { flex:1 0 100%; }
	/* --- */
}
/* --- */
/* input-group */
/*.LblVal div.input-group { flex-wrap:nowrap; }*/
.LblVal div.input-group input,
.LblVal div.input-group select,
.LblVal div.input-group textarea { flex:1 0 auto; }

/* ------ */
/* INS : wait - champ ok - pas ok */
/* ------ */
form .LblVal ins { position:absolute !important; display:inline-block; content:''; width:24px; height:24px; top:6px; right:0; padding:2px; line-height:normal; }
form .LblVal ins::after { position:absolute !important; display:block; content:''; font-family:var(--site-fontawesome-fam); font-weight:900; font-size:16px; width:16px; height:16px; top:2px; left:2px; }
form .LblVal ins.wait::after { content:'\f141'; color:var(--bs-blue) !important; }
form .LblVal ins.required::after { content:'\f05a'; color:var(--bs-yellow) !important; cursor:help; }
form .LblVal ins.okcheck::after { content:'\f00c'; color:var(--bs-green) !important; }
form .LblVal ins.errcheck::after { content:'\f071'; color:var(--bs-red) !important; }
/* input media - supprimer */
form .LblVal > .delcheck { position:absolute !important; display:inline-block; content:''; width:auto; height:auto; top:28px; right:0; padding:2px; line-height:normal; cursor:pointer; }


/* ------ */
/* FORM : LABEL */
/* ------ */
.LblVal .input-group-text,
label:not(.radioLabel):not(.checkboxLabel):not(.txtLabel) { font-size:90%; vertical-align:top; max-width:100%; }
label { padding:0.25rem 0.25rem 0.25rem 0; cursor:pointer; }
label, label i { -webkit-transition:all 0.25s; transition:all 0.25s; }
/* --- */
.LblVal .LblVal .input-group-text,
.LblVal .LblVal .input-group-text i.fi,
.LblVal label:not(.radioLabel):not(.checkboxLabel),
.LblVal label:not(.radioLabel):not(.checkboxLabel) i.fi { color:var(--bs-gray-600); }
.LblVal:hover .LblVal .input-group-text,
.LblVal:hover label { color:var(--site-tpl-col-texte) !important; }
.LblVal:hover .LblVal .input-group-text i.fi,
.LblVal:hover label i.fi { color:var(--site-tpl-col-main) !important; }
/* --- */
/* label ico - border-radius */
@media screen and (max-width:767px) {
	/* --- */
	.LblVal .input-group-text { border-radius:10px 0 0 10px; margin-right:0; padding-left:0.75em; padding-right:0.5em; }
	.LblVal .input-group-text:last-child,
	.LblVal input ~ .input-group-text { border-radius:0 10px 10px 0; padding-left:0.5em; padding-right:0.75em; }
	/* --- */
	.input-group i.fi, 
	.LblVal .input-group-text i.fi { font-size:1.25em; }
	/* --- */
	.abt.btn.btn-ico { padding:0.3rem 0.4rem; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	/* --- */
	.LblVal .input-group-text { border-radius:20px 0 0 20px; margin-right:0; padding-left:1.0em; padding-right:0.75em; }
	.LblVal .input-group-text:last-child,
	.LblVal input ~ .input-group-text { border-radius:0 20px 20px 0; padding-left:0.75em; padding-right:1.0em; }
	/* --- */
	.input-group :not(.alert) i.fi, 
	.LblVal .input-group-text :not(.alert) i.fi { font-size:1.5em; }
	/* --- */
	.abt.btn.btn-ico { padding:0.4rem 0.5rem; }
}
@media screen and (min-width:992px) {
	/* --- */
	/* arrondis */
	.LblVal .input-group-text { border-radius:50px 0 0 50px !important; margin-right:0; padding-left:1.0em; padding-right:0.75em; }
	.LblVal .input-group-text:last-child,
	.LblVal input ~ .input-group-text { border-radius:0 50px 50px 0 !important; padding-left:0.75em; padding-right:1.0em; }
	/* --- */
	.abt.btn.btn-ico { padding:0.5rem 0.625rem; }
}

/* ------ */
/* FORM : form-floating */
/* ------ */
.form-floating label { width:auto !important; padding-top:0.75rem; }
.form-floating input { width:100% !important; }
/* --- */
.form-floating .chosen-container a.chosen-single { padding-top:1.525rem; padding-bottom:0.525rem; height:auto; }
.form-floating.no-label .chosen-container a.chosen-single { padding-top:0.75rem; padding-bottom:0.75rem; height:auto; }
.form-floating > .form-control:focus, 
.form-floating > .form-control:not(:placeholder-shown) { padding-top:1.625rem; padding-bottom:0.625rem; height:auto; }

/* ------ */
/* REQUIRED / INVALID */
/* ------ */
select.chosen-select[required] ~ .chosen-container .chosen-single,
input[required], 
textarea[required]:not(.Myckeditor), 
select[required] { color:var(--site-tpl-col-main) !important; border:1px solid var(--site-tpl-col-main) !important; background:var(--bs-white) !important; font-weight:bold; }
/* champ - required valid */
select.chosen-select[required]:valid ~ .chosen-container .chosen-single,
input[required]:valid, 
textarea[required]:not(.Myckeditor):valid, 
select[required]:valid { color:var(--site-tpl-col-main) !important; border:1px solid var(--bs-green) !important; background:var(--bs-white) !important; }
/* champ - (tous) invalid (ATTENTION PAS - invalid mais .invalid (class) */
select.chosen-select.invalid ~ .chosen-container .chosen-single,
input.invalid, 
textarea:not(.Myckeditor).invalid, 
select.invalid { color:var(--bs-red) !important; border:1px solid var(--bs-red) !important; background:var(--bs-white) !important; font-weight:bold; }

/* ------ */
/* input[type="checkbox"] personnalisé */
/* ------ */
/* Base for label styling */
input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { position:absolute; left:-9999px; }
input[type="checkbox"]:not(:checked) + label, 
input[type="checkbox"]:checked + label { position:relative; padding-left:2.5rem !important; cursor:pointer; flex:0 1 auto !important; }
/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label::before, 
input[type="checkbox"]:checked + label::before {
	position:absolute; display:block; content:""; width:24px; height:24px; left:0; top:50%; margin-top:-12px; line-height:24px; 
	border:1px solid var(--bs-gray-400); background:#f8f8f8; border-radius:3px; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); 
}
input[type="checkbox"]:hover + label::before {
	border:1px solid var(--bs-gray-600);
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label::after, 
input[type="checkbox"]:checked + label::after {
	position:absolute; display:block; width:24px; height:24px; left:0; top:50%; margin-top:-16px; line-height:24px; font-size:36px; text-align:center; 
	color:var(--bs-green); /*content:"✔";*/ content:"\f00c"; font-weight:700; font-family:var(--site-fontawesome-fam); -webkit-transition:all 0.2s; transition:all 0.2s; 
}
/* checked mark aspect changes */
input[type="checkbox"]:not(:checked) + label::after { opacity:0; -webkit-transform:scale(0); transform:scale(0); }
input[type="checkbox"]:checked + label::after { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label::before, 
input[type="checkbox"]:disabled:checked + label::before { box-shadow:none; border:1px solid var(--bs-gray-200); background-color:var(--bs-gray-400); }
input[type="checkbox"]:disabled:checked + label::after { color:var(--bs-gray-600); }
input[type="checkbox"]:disabled + label { color:var(--bs-gray-100); }
/* accessibility */
input[type="checkbox"]:checked:focus + label::before, 
input[type="checkbox"]:not(:checked):focus + label::before { border:1px dotted #ccc; }

/* ------ */
/* input[type="radio"] personnalisé */
/* ------ */
/* Base for label styling */
input[type="radio"]:not(:checked), 
input[type="radio"]:checked { position:absolute; left:-9999px; }
input[type="radio"]:not(:checked) + label, 
input[type="radio"]:checked + label { position:relative; padding-left:2.5rem !important; cursor:pointer; flex:0 1 auto !important; }
/* radio aspect */
input[type="radio"]:not(:checked) + label::before, 
input[type="radio"]:checked + label::before {
	position:absolute; display:block; content:""; width:24px; height:24px; left:0; top:50%; margin-top:-12px; line-height:24px; 
	border:1px solid var(--bs-gray-400); background:#f8f8f8; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); border-radius:50px !important; 
}
input[type="radio"]:hover + label::before {
	border:1px solid var(--bs-gray-600);
}
/* checked mark aspect */
input[type="radio"]:not(:checked) + label::after, 
input[type="radio"]:checked + label::after {
	position:absolute; display:block; width:24px; height:24px; left:0; top:50%; margin-top:-16px; line-height:24px; font-size:36px; text-align:center; 
	color:var(--bs-green); /*content:"✔";*/ content:"\f00c"; font-weight:700; font-family:var(--site-fontawesome-fam); -webkit-transition:all 0.2s; transition:all 0.2s; 
}
/* checked mark aspect changes */
input[type="radio"]:not(:checked) + label::after { opacity:0; -webkit-transform:scale(0); transform:scale(0); }
input[type="radio"]:checked + label::after { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
/* disabled radio */
input[type="radio"]:disabled:not(:checked) + label::before, 
input[type="radio"]:disabled:checked + label::before { box-shadow:none; border:1px solid var(--bs-gray-200); background-color:var(--bs-gray-400); }
input[type="radio"]:disabled:checked + label::after { color:var(--bs-gray-600); }
input[type="radio"]:disabled + label { color:var(--bs-gray-100); }
/* accessibility */
input[type="radio"]:checked:focus + label::before, 
input[type="radio"]:not(:checked):focus + label::before { border:1px dotted #ccc; }

/* ------ */
/* checkbox ico GROUPE ACTION */
input[type="checkbox"].checkbox_ico:not(:checked) + label, 
input[type="checkbox"].checkbox_ico:checked + label,
input[type="radioXXX"].radio_ico:not(:checked) + label, 
input[type="radioXXX"].radio_ico:checked + label { position:relative !important; display:inline-block !important; width:20px !important; height:20px !important; padding:0 !important; }
/* ------ */
/* table - checkbox SUPPRIMER */
input[type="checkbox"].checkbox_del:checked + label::after {
	content:"×" !important; position:absolute; top:1px !important; left:1px; font-size:28px !important; line-height:18px; font-weight:bold; color:var(--bs-red) !important;
	-webkit-transition:all 0.2s; transition:all 0.2s; }

/* ------ */
/* infobulles */
/* ------ */
.jrTooltip { position:relative; box-sizing:border-box; }
:not(a):not(button[type="submit"]).jrTooltip { cursor:help; }
.jrTooltip > span:first-of-type { position:absolute; min-width:240px; padding:5px 10px; outline:none; text-decoration:none; z-index:9999999; border-radius:0.25rem; 
font-size:1rem !important; color:var(--bs-black); background:var(--bs-white) !important; border:1px solid rgba(0, 0, 0, 0.15) !important; 
text-align:center; font-weight:normal; font-variant:normal; box-shadow:unset; text-shadow:unset; 
visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.1s; transition:all 0.1s; }
.jrTooltip:hover { border:0; }
.jrTooltip:hover > span:first-of-type { visibility:visible; opacity:1; filter:alpha(opacity=100); }
/* --- */
/* au dessus (fleche en bas) */
.jrTooltip > span:first-of-type { bottom:calc(100% + 2rem); top:auto; left:0; right:auto; }
.jrTooltip:hover { border:0; }
.jrTooltip:hover > span:first-of-type { bottom:calc(100% + 0.5rem); }
/* --- */
/* fleche en bas */
.jrTooltip > span:first-of-type::before, 
.jrTooltip > span:first-of-type::after { position:absolute; content:""; z-index:99999; bottom:-7px; margin-left:-8px; left:75%; right:auto;
/*triangle CSS*/ width:0; height:0; border-style:solid !important; border-width:8px 6px 0 6px !important; border-color:var(--bs-white) transparent transparent transparent !important; }
.jrTooltip > span:first-of-type::before { border-top-color:rgba(0, 0, 0, 0.15) !important; bottom:-9px !important; }
/* --- */
/* en dessous (fleche en haut) */
.jrTooltip_T > span:first-of-type { bottom:auto; top:calc(100% + 2rem); }
.jrTooltip_T:hover > span:first-of-type { bottom:auto; top:calc(100% + 0.5rem); }
/* fleche en haut */
.jrTooltip_T > span:first-of-type::before, 
.jrTooltip_T > span:first-of-type::after { position:absolute; content:""; z-index:99999; bottom:auto; 
/*triangle CSS*/ width:0; height:0; border-style:solid !important; border-width:0 6px 8px 6px !important; border-color:transparent transparent var(--bs-white) transparent !important; }
.jrTooltip_T > span:first-of-type::before { top:-9px; border-bottom-color:rgba(0, 0, 0, 0.15) !important; bottom:auto; }
.jrTooltip_T > span:first-of-type::after { top:-7px; }
/* --- */
/* fleche à droite */
.jrTooltip_R > span:first-of-type { left:auto; right:0; }
.jrTooltip_R > span:first-of-type::before, 
.jrTooltip_R > span:first-of-type::after { left:auto; right:0.9rem; }
/* fleche à gauche */
.jrTooltip_L > span:first-of-type { left:0; right:auto; }
.jrTooltip_L > span:first-of-type::before, 
.jrTooltip_L > span:first-of-type::after { left:0.9rem; right:auto; }
/* centré (fleche au centre) */
.jrTooltip_C > span:first-of-type { left:50%; transform:translateX(-50%); right:auto; }
/* fleche au centre*/
.jrTooltip_C > span:first-of-type::before, 
.jrTooltip_C > span:first-of-type::after { left:50%; right:auto; }

/* ------ */
/* SCROLL TO TOP PAGE */
/* ------ */
#scrollToTop { position:fixed; content:''; left:calc( 100vw - 2px ); right:unset; top:unset; bottom:2px; cursor:pointer; z-index:999; }
#scrollToTop > div { position:absolute; width:48px; height:48px; right:2rem; bottom:1rem; 
border:1px solid transparent; border-radius:100%; background:rgba(255,255,255,0.2); display:none; }
#scrollToTop > div::after { position:absolute; content:''; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.25s; 
/*triangle CSS*/ width:0; height:0; border-style:solid; border-width:0 12px 16px 12px; border-color:transparent transparent var(--bs-secondary) transparent; }
#scrollToTop > div:hover { background:rgba(255,255,255,0.8); border:1px solid var(--site-tpl-col-main); }
#scrollToTop > div:hover::after { top:calc(50% - 4px); border-width:0 12px 24px 12px; border-color:transparent transparent var(--site-tpl-col-main); }

/* ------ */
/* scrollToMe */
/* ------ */
.scrollToMe { position:relative; display:none; }
.scrollToMe > div { -webkit-transition:all 0.25s; transition:all 0.25s; }
.scrollToMe > div { position:absolute; width:48px; height:48px; text-align:center; padding:10px; left:50%; transform:translateX(-50%); cursor:pointer; z-index:97; }
.scrollToMe > div .fi { font-size:48px; color:var(--site-tpl-col-main); opacity:0.5; }
.scrollToMe > div:hover .fi { opacity:1.0; }
/* --- */
.scrollToMe > div { animation:scrollToMe-move-up-down 2s ease-in-out infinite; }
@keyframes scrollToMe-move-up-down {
	0%, 100% { bottom:20px; }
	50% { bottom:30px; }
}
@media screen and (min-width:768px) {
	.scrollToMe { display:block; }
}
/* --- */
/* scrollToMe - headerAfter */
.scrollToMe#headerAfter-scrollToMe { display:none !important; }

/* ------ */
/* Commentaire */
.currentCommentaire { margin:1rem auto; padding:0; text-align:center; }
.currentCommentLegal,
main#mainWrap .currentCommentLegal { display:block; clear:both; color:var(--site-gris-fonce); margin:0; padding:1rem 0; text-align:center; font-size:90%; }
.currentCommentLegal:hover,
main#mainWrap .currentCommentLegal:hover { color:var(--site-col-dark); }
#footerMain .currentCommentLegal { display:block; clear:both; color:var(--site-gris-moyen); margin:0; padding:1rem 0; text-align:center; font-size:90%; }
#footerMain .currentCommentLegal:hover { color:var(--bs-white); }

/* ------ */
/* COOKIES NOTICE */
/* ------ */
#cookieNoticeWrap { position:fixed; width:100%; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.8); z-index:99999; }
#cookieNoticeWrap > div { color:var(--bs-white); padding:10px; }
#cookieNoticeWrap > div { min-width:200px; text-align:center; }
#cookieNoticeWrap > div br { display:none; }
@media screen and (max-width:575px) {
	#cookieNoticeWrap { flex-direction:column; }
}
@media screen and (min-width:767px) {
	#cookieNoticeWrap > div:first-child { text-align:right; }
	#cookieNoticeWrap > div:last-child { text-align:left; }
	#cookieNoticeWrap > div br { display:block; }
}

/* ------ */
/* phone - marges reduites */
/* ------ */
@media screen and (max-width:575px) {
	.template_liste_page_header,
	.template_formuler_tabs,
	#siteBloc_Formuler_All,
	#siteBloc_Listing_ajax,
	.siteBloc_Formuler_Box,
	.card,
	.card-header,
	.card-body { margin-left:0 !important; margin-right:0 !important; padding-left:0.5% !important; padding-right:0.5% !important; }
	fieldset { margin-left:0 !important; margin-right:0 !important; padding-left:1.5% !important; padding-right:1.5% !important; }
	/* --- */
}
/* ------ */