.flex { display:flex !important; }
.flex-1 { flex: 1; }
.flex-column {flex-direction:column; }
.flex-start { justify-content:start; }
.flex-between { justify-content:space-between; }
.flex-center { justify-content:center; }
.flex-end { justify-content:end; }
.flex-wrap { flex-wrap:wrap; }
.align-center { align-items: center !important;}
.align-start { align-items: start !important; }
.align-end { align-items: end !important; }

.gap-0 { gap: 0px !important; }
.gap-3 { gap: 3px !important; }
.gap-4 { gap: 4px !important; }
.gap-5 { gap: 5px !important; }
.gap-6 { gap: 6px !important; }
.gap-7 { gap: 7px !important; }
.gap-8 { gap: 8px !important; }
.gap-9 { gap: 9px !important; }
.gap-10 { gap: 10px !important; }
.gap-11 { gap: 11px !important; }
.gap-12 { gap: 12px !important; }
.gap-13 { gap: 13px !important; }
.gap-14 { gap: 14px !important; }
.gap-15 { gap: 15px !important; }
.gap-16 { gap: 16px !important; }
.gap-18 { gap: 18px !important; }
.gap-19 { gap: 19px !important; }
.gap-20 { gap: 20px !important; }
.gap-22 { gap: 22px !important; }
.gap-24 { gap: 24px !important; }
.gap-26 { gap: 26px !important; }
.gap-27 { gap: 27px !important; }
.gap-28 { gap: 28px !important; }
.gap-30 { gap: 30px !important; }
.gap-32 { gap: 32px !important; }
.gap-36 { gap: 36px !important; }
.gap-38 { gap: 38px !important; }
.gap-34 { gap: 34px !important; }
.gap-40 { gap: 40px !important; }
.gap-41 { gap: 41px !important; }
.gap-42 { gap: 42px !important; }
.gap-44 { gap: 44px !important; }
.gap-47 { gap: 47px !important; }
.gap-48 { gap: 48px !important; }
.gap-52 { gap: 52px !important; }
.gap-53 { gap: 53px !important; }
.gap-54 { gap: 54px !important; }
.gap-56 { gap: 56px !important; }
.gap-58 { gap: 58px !important; }
.gap-64 { gap: 64px !important; }
.gap-65 { gap: 65px !important; }
.gap-68 { gap: 68px !important; }
.gap-74 { gap: 74px !important; }
.gap-77 { gap: 77px !important; }
.gap-78 { gap: 78px !important; }
.gap-84 { gap: 84px !important; }
.gap-88 { gap: 88px !important; }
.gap-112 { gap: 112px !important; }
.gap-114 { gap: 114px !important; }
.gap-118 { gap: 118px !important; }
.gap-120 { gap: 120px !important; }
.gap-154 { gap: 154px !important; }

.p-relative { position:relative !important; }
.p-absolute { position:absolute !important; }
.absolute-rt-0 { position:absolute; right:0; top:6px; }

.pointer { cursor:pointer; }
.trans-3 { transition: .3s all ease-in; }

.line-blue { border-bottom: 1px solid var(--main-blue); }
.right-0 { right:0 }
.bg-white { background: #fff; }
.d-none { display:none !important; }
.quotes {display: none;}
.text-blue { color:var(--main-blue); }
.text-underline { text-decoration: underline; text-underline-offset: 4px;}
.text-underline-2 { text-decoration: underline; text-underline-offset: 2px; }
.opacity-1 { opacity:1 !important; }
.opacity-0 { opacity:0; }
.visible { opacity: 1 !important; }

.m-0 { margin: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.mb-4 { margin-bottom: 4rem !important; }
.mb-5 { margin-bottom: 5rem !important; }
.mb-10 { margin-bottom: 10rem !important; }

.mr-3 { margin-right: 3rem !important; }

.mt-1 { margin-top:1rem !important; }
.mt-2 { margin-top:2rem !important; }
.mt-3 { margin-top:3rem !important; }
.mt-4 { margin-top:4rem !important; }
.mt-5 { margin-top:5rem !important; }
.mt-10 { margin-top:10rem !important; }

.mt-14 { margin-top:14px !important; }
.mt-16 { margin-top:16px !important; }
.mt-32 { margin-top:32px !important; }
.mt-48 { margin-top:48px !important; }
.mt-54 { margin-top:54px !important; }
.mt-64 { margin-top:64px !important; }
.mt-80 { margin-top:80px !important; }
.mt-160 { margin-top:160px!important; }

.ml-40 { margin-left:40px !important; }

.pr-50 { padding-right: 50px !important; }
.pt-68 { padding-top: 68px !important; }

.mbt-1 { margin:1rem 0 !important; }
.mbt-2 { margin:2rem 0 !important; }
.mbt-5 { margin:5rem 0 !important; }

.p-0 { padding:0rem !important; }
.p-1 { padding:1rem !important; }
.p-2 { padding:2rem !important; }

.pt-0 { padding-top:0rem !important; }
.pt-1 { padding-top:1rem !important; }
.pt-2 { padding-top:2rem !important; }
.pt-3 { padding-top:3rem !important; }
.pt-5 { padding-top:5rem !important; }

.pb-0 { padding-bottom:0rem !important; }
.pb-1 { padding-bottom:1rem !important; }
.pb-2 { padding-bottom:2rem !important; }
.pb-4 { padding-bottom:4rem !important; }

.pr-3 { padding-right: 3rem !important; }
.pr-4 { padding-right: 4rem !important; }

.pl-1 { padding-left: 1rem !important; }
.pl-2 { padding-left: 2rem !important; }
.pl-4 { padding-left: 4rem !important; }

.font-normal { font-family: poppins; font-weight: 400;}
.font-medium { font-family: poppins-medium; font-weight: 500; }
.font-semi-bold { font-family: poppins-medium; /*font-weight: 600;*/ }
.font-bold { font-family: poppins-bold; /*font-weight: 700;*/}

.text-xsm { font-size: .75rem; }
.text-sm { font-size: .87rem; }
.text-n { font-size: 1rem; }
.text-m { font-size: 1.25rem; }

.fs-4 { font-size: 4px !important; }
.fs-5 { font-size: 5px !important; }
.fs-6 { font-size: 6px !important; }
.fs-7 { font-size: 7px !important; }
.fs-8 { font-size: 8px !important; }
.fs-9 { font-size: 9px !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-32 { font-size: 32px !important; }
.fs-36 { font-size: 36px !important; }
.fs-40 { font-size: 40px !important; }
.fs-47 { font-size: 47px !important; }

.lh-5 { line-height:5px !important; }
.lh-7 { line-height:7px !important; }
.lh-8 { line-height:8px !important; }
.lh-18 { line-height:18px !important; }
.lh-22 { line-height:22px !important; }
.lh-23 { line-height:23px !important; }

.no-scroll {overflow: hidden !important;height: 100vh;}
.scroll-y-15 { max-height: 15rem;overflow-y: scroll; padding-right: 1.5rem;}
.scroll-y-10 { max-height: 10rem;overflow-y: scroll; padding-right: 1.5rem;}

.radius-3 { border-radius:3px; }
.radius-8 { border-radius:8px; }

.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }

.text-line-18 { line-height: 18.2px !important; }
.text-line-22 { line-height: 22.4px !important; }
.text-line-23 { line-height: 23px !important; }

.ckeck-cls-label { cursor: pointer; }
.input-check-label { display: none;}
.input-check {width: 19px;height: 19px;margin-right: .5rem;}
.input-check span {font-size: .87rem;}
.close_this {width: 1.5rem;height: 1.5rem;background-image: url('../images/icone-svg/close.svg');background-size: 1.5rem;background-repeat: no-repeat;display: block;position: absolute;right: 1rem;top:1rem;}
.close_this.small { background-size: 1rem !important; }
.burger { width: 2rem;height: 1.3rem; background-image: url('../images/icone-svg/burger.svg');background-size: 1.5rem;background-repeat: no-repeat; margin-left: 1rem;}

.w-fit { width:fit-content !important; }
.h-fit { height:fit-content !important; }
.w-100 { width:100%; }
.w-90 { width:90%; }
.w-70 { width:70% !important; }
.w-60 { width:60%; }
.w-50 { width:50%; }
.w-40 { width:40%; }
.w-30 { width:30%; }

.w-8-4 { width: 8.4375rem; }
.w-11-2 { width: 11.25rem !important; }
.w-13 { width: 13.125rem; } /* ≈ 210px */
.w-13-6 { width: 13.625rem; } /* ≈ 218px, anciennement .w-218 */
.w-14 { width: 14rem; } /* ≈ 224px */
.w-16 { width: 16rem; } /* ≈ 256px */
.w-22-5 { width: 22.5rem; } /* ≈ 360px, anciennement .w-30 */
.w-30 { width: 30rem; } /* ≈ 480px, anciennement .w-40 */
.w-37-5 { width: 37.5rem; } /* ≈ 600px, anciennement .w-50 */
.w-45 { width: 45rem; } /* ≈ 720px, anciennement .w-60 */
.w-52-5 { width: 52.5rem; } /* ≈ 840px, anciennement .w-70 */
.w-75 { width: 75rem; } /* ≈ 1200px, anciennement .w-100 */
.w-auto { width: auto; min-width: 6rem; } /* Remplace .w-fit */

.h-50 { height:50vh; }
.h-70 { height:70vh; }
.h-80 { height:80vh; }
.h-100 { height:100vh; }

.border-left { padding-left: 65px;border-left:1px solid #C0C0C07D }
.border-bottom { border-bottom: 1px solid #DADADA; }
.border-top { border-top: 1px solid #DADADA; }
.border-none { border:none; }

.color-blue { color:var(--main-blue)!important; }
.color-sgray { color:var(--second-gray) !important; }
.color-white { color:#fff !important; }
.color-red, .color-rose { color:#E92273 !important; }

.bloc {border-radius: 16px;padding: 35px;}
.bloc.blue { background: #EBF5FF; }
.bloc.blue-2 { background: #B8D4FF; }
.bloc.green { background: var(--lite-blue); }
.bloc.purple { background: #D7DEFF; }
.bloc.orange { background: #FFEADD; }

.bloc .icone-tag:before {content: '';background: url('../images/tag.svg') no-repeat center center;background-size: auto;background-size: contain;display: inline-block;width: 24px;height: 24px;vertical-align: middle;}
.bloc .hashtags {padding: 10px 0;}
.bloc .hashtags span {display: inline-block;padding: 3px 8px;text-transform: capitalize;white-space: nowrap;text-align: center;margin: 0;font-family: poppins-medium;}
.bloc.plus { padding: 1.7rem 3rem; }
.bloc.plus ul li a {padding: 0 1rem 0 1.3rem;width: fit-content;}
.bloc.plus ul li a:before {width: 12px;height: 12px;background-image: url(../images/circle-g.svg);left: 0;}
.bloc.plus ul li a:before, .bloc.plus ul li a::after {content: '';display: block;position: absolute;background-position: center;background-size: 100%;}
.bloc.plus ul li a:after {width: 10px;height: 10px;background-image: url(../images/ar-diag-b.svg);right: 0;}

.bloc .contact {display: flex;flex-direction: column;gap: 16px; font-size: 14px;}
.bloc .contact li {display: flex;align-items: flex-start;gap: 10px;}
.bloc .contact li span { display: flex; align-items: center; gap: 10px; min-width: 6.1rem; }

.bloc-card {gap:14px;font-size: 14px;background: #fff;border-radius: 8px;padding: 1.2rem;}
.bloc-card.forma {display: flex;flex-direction: column;}
.bloc-card.actu {display: flex;gap: 14px;}
.bloc-card.blue {border: 1px solid var(--second-blue);border-left: 8px solid var(--second-blue);}
.bloc-card.green {border: 1px solid #D4F6EC;border-left: 8px solid #D4F6EC;}
.bloc-card.green figure {position: relative;background-size: contain;flex-shrink: 0;border-radius: 2px;width: 105px;height: 83px;background-position: center;background-repeat: no-repeat;background-color: var(--actu-blue);}
.bloc-card.blue span { content: '';background: url(../images/icone-svg/map.svg) no-repeat 0/0.66rem 0.83rem; padding-left: 1rem;}

.bloc-2 {display: flex;padding: 22px 23px;gap:204px;align-items: center;border-radius: 8px;border: 1px solid #3A3A3A;}
.bloc-3 {display: flex;align-items: center;justify-content: space-between;background: #FFF;border: none;box-shadow: 0px 2px 14px 2px rgba(58, 58, 58, 0.04);position: relative;}
.bloc-3.addr { padding: 24px 93px 24px 24px; }
.bloc-3.paiement { padding:24px; }
.bloc-letter, .actu-category { margin-bottom: 5rem; }

#apercu-video {text-align: right;display: none;position: relative;}
.video-js {border-radius: 16px;background: rgba(151, 151, 151, 0.10);}
.video-js .vjs-big-play-button {top: 50%;left: 50%;transform: translate(-50%, -50%);height: 8rem;width: 8rem;line-height: 8rem;font-size: 5rem;background: #ECF1FC;border: none;border-radius: 50%;}
.video-js .vjs-big-play-button:before {content: "";position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;background: url('../images/Play.png') no-repeat center center;background-size: auto;background-size: contain;transform: translate(-50%, -50%);z-index: 2;}

.table {font-size: 14px !important;}
.visibility-table {width: 100%;border-collapse: collapse;font-size: 14px;}
.visibility-table thead th {background-color: #d0e0ff4a;padding: 10px;text-align: center;font-weight: bold;border: 1px solid #DADADA8F;font-family: poppins-medium;}
.visibility-table tbody td {padding: 10px;border: 1px solid #DADADAA6;vertical-align: middle;}
.visibility-table tbody td:first-child {text-align: left;}
.visibility-table tbody td:not(:first-child) {text-align: center;}
.visibility-table sup {font-size: 10px;vertical-align: super;}
.visibility-table tbody tr:hover {background-color: #d0e0ff4a;}

.visibility-table.align-left thead th { text-align: left !important; }
.visibility-table.align-left tbody td { text-align: left !important; }
.visibility-table.p-1 thead th { padding:1rem !important; line-height: 18.2px;}
.visibility-table.p-1 tbody td { padding:1rem !important; line-height: 18.2px; }

.table-container {/*border-radius: 8px;border: 1px solid #5B59F3;*/font-size: 14px;line-height: 18px;}
.table-container table {width: 100%;border-collapse: separate; border-spacing: 0;border: 1px solid var(--main-blue);border-radius: 8px;}
/*.table-container table td {text-align: left;padding: 25px 20px;border-bottom: 1px solid var(--main-blue); position: relative;}*/

.table-container table thead th:first-child {border-top-left-radius: 6px;}
.table-container table thead th:last-child {border-top-right-radius: 6px;}
.table-container table td:first-child {  }
.table-container table td {text-align: left;/*border-bottom: 1px solid var(--main-blue);*/padding: 20px;}
.table-container table th {text-align: left; background: #5B59F3;color: white;font-weight: bold;padding: 4px 20px;}
.table-container table td .intitule {display: inline-flex;align-items: center;overflow: hidden;height: 36px;}
.table-container table td .intitule span { max-width: 128px;max-height: 36px;overflow: hidden;text-overflow: ellipsis;line-height: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.table-container table td .intitule i {width: 24px;height: 24px;min-width: 24px;flex-shrink: 0;margin-left: 4px;position: relative;top: -5px;}
.table-container table td .no-data{ padding:12px 109px;border-radius:8px;border:1px solid #D7DEFF; }

.grid-mask { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.7);z-index: 1000;display: flex;justify-content: center;align-items: center;}
.grid-spinner {border: 4px solid #f3f3f3;border-top: 4px solid var(--main-blue);border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;}
.grid-table a.sort{ color: #fff; background:url(../images/icone-svg/sort.svg) no-repeat right;padding-right: 20px;padding-bottom: 1px;}

.checkmark {color: #28a745;font-size: 18px;font-weight: bold;position: relative !important;}
.cross { position:relative; }
.checkmark:before, .cross:before {content: "";width: 32px;height: 32px;background: no-repeat center / contain;position: absolute;top: -16px;left: -16px;}
.checkmark:before {background-image: url('../images/check.png');}
.cross:before {background-image: url('../images/x.png');}

.liste-inline-flex { display: flex; flex-wrap: wrap; }
.liste-inline-flex label {cursor: pointer; color: #040404; padding: 8px; border-radius: 8px;border: 1px solid var(--Text-on-background, #3A3A3A);box-shadow: 0px 2px 14px 2px rgba(58, 58, 58, 0.04);}

.row { display:flex; justify-content:center; }
.popup .close_this { top: 0; right: 0;}
.capitalize { text-transform:capitalize !important; }
.jconfirm.jconfirm-light .jconfirm-bg {background: rgb(0, 0, 0);}
.jconfirm .jconfirm-box {border-radius: 8px !important;box-shadow: 0px 2px 14px 0px rgba(58, 58, 58, 0.04) !important;}
.jconfirm .jcustom .jconfirm-box {padding: 34px 34px 5px 34px !important;}
.jconfirm .jcustom .jconfirm-box .jconfirm-title {font-family: poppins-bold !important;font-size: 24px !important;font-weight: normal !important;line-height: 141% !important;}
.jconfirm .jcustom .jconfirm-buttons {padding-top: 1rem !important;}
.jconfirm .jcustom .jconfirm-buttons button { text-transform: none !important; border-radius: 8px !important;}
.jconfirm .jcustom .popup .popup--content {display: flex;flex-direction: column;gap: 10px;}
.jconfirm .jcustom .popup .popup--content p {font-size: 16px;font-style: normal;font-weight: 400;line-height: 18px;letter-spacing: 0.08px;}
.jconfirm .custom .jconfirm-buttons button {display: none !important;}
.jconfirm .custom .jconfirm-closeIcon { display:none !important; }
.jconfirm .custom .popup--form {padding:1rem 1rem 0 1rem;}
.jconfirm .custom.top-3 { position:relative; top:-3rem; }
.jconfirm .custom.top-7 { position:relative; top:-7rem; }
.jconfirm .custom .jconfirm-box {  border-radius: 16px !important; }

.toast-top-right {top: 10rem;right: clamp(1rem, 4vw, 15rem);}
#toast-container > div {width: 462px !important;padding: 15px 22px 15px 75px;}
#toast-container > div:hover {cursor: pointer;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);}
#toast-container > .toast { display: flex;align-items: center;justify-content: start;position: relative; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);border-radius: 12px;font-family: 'Poppins-medium', sans-serif;min-height: 75px;animation: slideIn 0.5s ease-in-out;}
#toast-container > .toast-success {background: #E7FFF8 url('../images/icone-svg/check.svg') no-repeat 16px center !important;}
#toast-container > .toast-error {background:#FFDCE9 url('../images/icone-svg/close-red.svg') no-repeat 16px center / 3rem !important;}
#toast-container > .toast-warning {background:#FFDCE9 url('../images/icone-svg/close-red.svg') no-repeat 16px center / 3rem !important;}

.toast-close-button { order:1; padding: .5rem !important;}
.toast-close-button:hover { color: transparent; }
.toast-close-button::before { content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 16px;height: 16px;background: url('../images/icone-svg/cross-gray.svg') no-repeat center;}
.toast-message { flex-grow: 1;line-height: 1.4;color: #3A3A3A;}

.toggle-light .toggle-slide { box-shadow:none !important; }
.toggle-light .toggle-on { background: #00B38D !important; box-shadow: none !important;text-shadow: none !important;}
.toggle-light .toggle-off { color: #FFF !important;text-shadow: none !important;background:#757575 !important;box-shadow: 0px 2px 14px 2px rgba(58, 58, 58, 0.04) !important; }

.a-hover-1:hover,.a-hover-1.actif  { color:var(--main-blue) !important; }
.a-hover-1:hover .icon-flech-left { background-image: url('../images/icone-svg/flech-left-blue.svg'); }
.a-hover-2:hover { color:var(--main-gray) !important; }
.a-hover-3:hover { border-bottom-color: #fff !important; }

.i-hover i { animation-duration: 1.3s;}
.i-hover.anime-left:hover i { animation-name: fadeInLeft; } 
.i-hover.anime-right:hover i { animation-name: fadeInRight; }

#prevUpload .position_bottom {position: absolute;top: 16rem;width: 100%;}
#btnUpload.focus {background: none !important;padding: 0 !important;}
#btnSearchHeader.green:before {content: '';position: absolute;display: block;width: .52rem;height: .52rem;border-radius: 2rem;background-color: #00B38D;border: 1px solid #fff;left: 1rem;top: .6rem; }
#btnSearchHeader #nombrelabel { color:#00B38D; }
#filterActiveDot.green {content: '';position: absolute;display: block;width: .52rem;height: .52rem;border-radius: 2rem;background-color: #00B38D;border: 1px solid #fff;left: -5px;top: -2px;}

a.btn { transition: .3s all ease-in; }
.btn { border:none;position:relative;display: flex;justify-content: center;align-items: center;gap: 10px;cursor: pointer;border-radius: 8px;box-shadow: 0px 2px 14px 2px rgba(58, 58, 58, 0.04);}
.btn.medium { padding: 13px 19px !important; }
.btn.small { padding: 9px 12px; }
.btn.xsmall { padding: 8px 16px !important; }
.btn.search { padding: 17px 12px; }
.btn.refresh { padding:12px }
.btn.ea { padding: 11px 3px; }
.btn.active, .all-checked,.all-checked:hover { background: var(--main-blue) !important; color:#fff !important; border: 1px solid var(--main-blue)!important; }
.btn.active-2 { border: 1px solid #D7DEFF;background: #D7DEFF; }
.btn.load { background:rgba(188, 187, 255, 0.84) !important; }

.btn .spinner {width: 20px;height: 20px;top: 0;right: 1rem;border: 4px solid #fff;border-top: 4px solid var(--main-blue);bottom: 0;margin: auto;}
.btn .spinner.after { right: -3rem !important;border: 4px solid #c8c8c8 !important;border-top: 4px solid var(--main-blue) !important; }
.btn .spinner.before { right: 9rem !important;border: 4px solid #c8c8c8 !important;border-top: 4px solid var(--main-blue) !important;}

.btn.btn-primary { color: #fff; background: var(--main-blue); }
.btn.btn-secondary {color: var(--main-blue);border: 1px solid #D7DEFF;}
.btn.btn-secondary.dark { color: var(--main-grary); border: 1px solid var(--main-gray); }
.btn.btn-secondary.white { color: #fff; border: 1px solid #fff; }
.btn.btn-filter { color: var(--main-grary); border: 1px solid #D7DEFF; }
.btn.btn-dark { color: #fff; background: var(--main-gray); }
.btn.btn-dark:hover { background: rgba(58, 58, 58, 0.84); }
.btn.btn-dark .anime-text {display: inline-block;white-space: nowrap;overflow: hidden;width: 0;opacity: 0;transform: translateX(-20px);transition: width 0.5s ease, opacity 0.5s ease, transform 0.5s ease;}
.btn.btn-dark:hover .anime-text {width: 170px;opacity: 1;transform: translateX(0);margin-left: .5rem;}
.btn.btn-dark:hover .anime-text.w-large { width:300px !important; }
.btn.btn-dark:hover .anime-text.w-semi-large { width:210px !important; }
.btn.btn-dashed { color: var(--main-blue); border-radius: 8px;border: 1px dashed #5B59F3;}
.btn.news { font-size: .87rem;padding: 1rem 7rem; }
.btn.btn-letter {font-family: poppins-bold;padding: .5rem 0;background: var(--gradient-blue);width: 100%;}
.btn.btn-letter:hover {color: var(--main-gray);background: var(--reverse-gradient-blue);}
.btn.icone-left-letter:before {content: ''; width: 1.25rem;height: 1.25rem;background-image: url(../images/ic-news.svg);display: inline-block;background-repeat: no-repeat;}

.btn-hover-0:hover { border: 1px solid #D7DEFF;background: #D7DEFF; }
.btn-hover-1:hover,.btn.active:hover { background:var(--hover-blue) !important; color:#fff !important; border-color: var(--hover-blue) !important;}
.btn-hover-2:hover { background:var(--forma-blue); }
.btn-hover-3:hover { color: var(--main-blue) !important;border: 1px solid var(--main-blue) !important;}
.btn-hover-4:hover, .btn-hover-4.active { color: #5B59F3 !important; border: 1px solid #D7DEFF; background: #ECF1FC;}
.btn-hover-5:hover { background: var(--main-blue) !important; color:#fff !important; border: 1px solid var(--main-blue)!important; }
.btn-filter.all:hover,.btn-filter.all.current_filter { background:#D7DEFF; border: 1px solid #D7DEFF;}
.btn-filter.forma:hover,.btn-filter.forma.current_filter { background:#B8D4FF; border: 1px solid #B8D4FF;}
.btn-filter.actu:hover,.btn-filter.actu.current_filter { background:#DDF8F0; border: 1px solid #DDF8F0;}
.btn-filter.etab:hover,.btn-filter.etab.current_filter { background:#FFEADD; border: 1px solid #FFEADD;}

.link-1 {display: flex;align-items: center;gap: 8px;font-family: poppins-bold;font-weight: normal;width: fit-content;transition: .3s all ease-in;}
.link-2 {font-family: Poppins-bold;font-weight: normal;line-height: 0px;letter-spacing: 0.07px;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;transition: .3s all ease-in;}
.link-block {display:block; width:100%; height:100%;transition: .3s all ease-in;}
.retour { display: flex;gap: 6px;color: var(--main-blue);font-size: 14px;width: fit-content; }
.retour.prev { font-family:poppins-bold; font-weight:normal;color:#3A3A3A; margin:4rem 0; }

.onglet { border-bottom: 2px solid #DADADA;padding-bottom: 11px}
.onglet a.active, .onglet a:hover {color: var(--main-blue); border-bottom: 4px solid var(--main-blue);padding-bottom: 11px;}

ul.onglet li a { transition:none; }

ul.ancres.filters { display: flex;align-items: center;gap: 19px;padding: 0;margin-bottom: 4rem;font-size: 14px;}
ul.ancres.filters a {font-family: poppins-medium; font-weight: 600;}
ul.liste { padding-left: 2rem; line-height: 18.2px}
ul.liste.liste-circle {list-style: circle;}
ul.liste.liste-disclosure { list-style: disclosure-closed;margin: 10px 0; }
ul.liste.liste-disc { list-style: disc; }
ul.alphabet .active a { font-family:poppins-bold; color:var(--main-blue); }
.content-result .nb-result { margin:-2rem 0 2rem 0; }

.shadow-1 { box-shadow: 0px 2px 6px 0px rgba(58, 58, 58, 0.04); }
.shadow-2 { box-shadow: 0px 2px 14px 0px rgba(58, 58, 58, 0.04); }
.shadow-3 { box-shadow: 0px 2px 14px 2px rgba(58, 58, 58, 0.04); }

.social { display: flex;align-items: center;gap: 1rem;list-style: none;padding: 0;margin: 0;}
.social a { font-size: 14px; display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: fit-content;padding: 0.5rem;text-decoration: none;color: #333;border: 1px solid transparent;border-radius: 0.25rem;}
.social a.facebook:hover {background: #1877F2;color: #fff;border-color: #1877F2;border-radius: 4px;}
.social a.linkedin:hover {background: #0A66C2;color: #fff;border-color: #0A66C2;border-radius: 4px;}
.social a.twitter:hover {background: #1DA1F2;color: #fff;border-color: #1DA1F2;border-radius: 4px;}
.social a.instagram:hover {background: #E4405F;color: #fff;border-color: #E4405F;border-radius: 4px;}
.social li:not(:last-child) {padding-right: 1rem;border-right: 1px solid var(--main-gray);}

.dropdown { position:relative; display: flex; align-items: center; width: fit-content; font-size: 14px;}
.dropdown .dropdown-toggle { display:flex; align-items:center; gap:12px;}
.dropdown .dropdown-content { display:none; position:absolute;border-radius: 8px;border: 1px solid #ECF1FC;background: #FFF; box-shadow: 0px 2px 14px 2px rgba(58, 58, 58, 0.04); font-size: 14px;}
.dropdown .dropdown-content a { transition: all 0.3s ease-in; }
.dropdown .dropdown-content a.border { border-bottom: 1px solid var(--main-blue);padding-bottom: .5rem; }
.dropdown .dropdown-content a:hover, .dropdown .dropdown-content a.active { color:var(--main-blue); }
.dropdown .dropdown-content.actif { display: flex;flex-direction: column; z-index: 999;}
.dropdown.dmenu .dropdown-toggle i { width: 24px; font-size: 18px; }
.dropdown.dmenu .dropdown-content.actif { padding: 34px 60px; width: 15rem;top: 2.5rem;right: 0; gap: 18px;}
.dropdown.actions .dropdown-toggle i { width: 16px;font-size: 18px; }
.dropdown.actions .dropdown-content.actif { top: 2rem;right: 0;padding:24px;width: 14rem;gap:18px; }
.dropdown.switch-etab h1 { color: #3A3A3A;font-family: poppins-medium;font-size: 36px;font-weight: 600;line-height: 40px;letter-spacing: 0.18px; cursor: pointer; }
.dropdown.switch-etab .dropdown-content.actif { padding: 34px;top:3rem; gap: 28px; width: 38rem;}
.dropdown.switch-etab .etab-list { display: flex; flex-direction: column; max-height: 15rem;overflow-y: auto;}
.dropdown.switch-etab .etab-list a { display:flex; padding:12px 8px; border-bottom: 1px solid var(--main-blue); }
.dropdown.switch-etab .etab-list .current { color: #bbb;cursor: default;}
.dropdown .dropdown-content .disabled { color: #aeaeae; }

.page-info {display: flex;align-items: center;gap: 0.25rem;}
.page-input {width: 2.5rem;border: none;font-size: 1rem;font-weight: 500;color: #333;text-align: center;background: #fff; padding: 0;
-moz-appearance: textfield;appearance: textfield;
border-bottom: 1px solid #007bff; 
/*box-shadow: -1px -3px 5px 3px rgba(58, 58, 58, 0.04);*/
box-shadow: -1px 2px 5px 5px rgba(58, 58, 58, 0.13);
outline: none;
}
.page-input::-webkit-outer-spin-button,
.page-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.page-input:focus {outline: none;border-bottom: 1px solid #007bff;}
.page-info .page-separator {padding:.25rem 0 0 0;}
.page-info .page-size {font-size:1rem; padding:.25rem 0 0 0;}

.section-ancre { scroll-margin-top: 150px; }

/* H1 : Titres principaux de la page. 
H2 : Titres des sections. 
H3 : Sous-sections / blocs d’actualités ou formations. 
H4 :  Utilisation facultative
Styles définis par classes personnalisées, propriétés par défaut ignorées. */

/* Organiser correctement les titres en HTML,
ce n'est pas juste une histoire de style — 
c'est fondamental pour la structure, 
l'accessibilité, le référencement et l'expérience utilisateur.
*/
.title--section { display: flex;gap: 1rem;padding: 1rem 0;font-size: 40px;font-family: poppins-bold;font-weight: normal;margin: 4.7rem 0 3.7rem 0;border: 1px solid var(--line-gray);border-left: none;border-right: none;line-height: 123%;}
.title--section span {color: var(--main-blue);}
.title--1 {position: relative;font-family: poppins-bold;font-weight: normal;line-height: 123%;transition: all 0.3s ease-in;}
.title--2 {position: relative;font-family: poppins-medium;font-weight: 600;line-height: 120.714%;transition: all 0.3s ease-in;}
.title--3 {position: relative;font-family: Poppins-medium;font-weight: 500;line-height: 116.667%;letter-spacing: 0.09px;}

.h.h1{
    font-size: 36px;
    font-weight: bold;
}
h2.title--2.fs-32{
	font-size: 36px !important;
	font-weight: bold !important;
}