@font-face {
			    font-family: 'Bambino-Black';
			    font-style: normal;
			    font-weight: normal;
			    src: local('Bambino-Black'), url('fonts/Bambino-Black.woff') format('woff');
			    }

			    @font-face {
			    font-family: 'Bambino-Bold';
			    font-style: normal;
			    font-weight: normal;
			    src: local('Bambino-Bold'), url('fonts/Bambino-Bold.woff') format('woff');
			    }

			    @font-face {
			    font-family: 'Bambino-Light';
			    font-style: normal;
			    font-weight: normal;
			    src: local('Bambino-Light'), url('fonts/Bambino-Light.woff') format('woff');
			    }

			    @font-face {
			    font-family: 'Bambino-Thin';
			    font-style: normal;
			    font-weight: normal;
			    src: local('Bambino-Thin'), url('fonts/Bambino-Thin.woff') format('woff');
			    }

			    @font-face {
			    font-family: 'Bambino-Regular';
			    font-style: normal;
			    font-weight: normal;
			    src: local('Bambino-Regular'), url('fonts/Bambino.woff') format('woff'), url('fonts/Bambino.ttf') format('ttf');
			    }
/****************************************************/
/********************* FONT SIZE ********************/
/****************************************************/
.font8 {font-size:.5rem}
.font9 {font-size:.5625rem}
.font10 {font-size:.625rem}
.font11 {font-size:.6875rem}
.font12 {font-size:.75rem}
.font13 {font-size:.8125rem}
.font14 {font-size:.875rem}
.font15 {font-size:.9375rem}
.font16 {font-size:1rem}
.font17 {font-size:1.063rem}
.font18 {font-size:1.125rem}
.font19 {font-size:1.1875rem}
.font20 {font-size:1.25rem}
.font21 {font-size:1.3125rem}
.font22 {font-size:1.375rem}
.font23 {font-size:1.438rem}
.font24 {font-size:1.5rem}
.font25 {font-size:1.563rem}
.font26 {font-size:1.625rem}
.font27 {font-size:1.688rem}
.font28 {font-size:1.75rem}
.font30 {font-size:1.875rem}
.font31 {font-size:1.938rem}
.font32 {font-size:2rem}
.font33 {font-size:2.2rem}
.font34 {font-size:2.125rem}
.font35 {font-size:2.188rem}
.font36 {font-size:2.25rem}
.font38 {font-size:2.375rem}
.font40 {font-size:2.5rem}
.font47 {font-size:2.938rem}
.font54 {font-size:3.375rem}
.font60 {font-size:3.75rem}
.font65 {font-size:4.0625rem}
/****************************************************/
/******************** FONT WEIGHT *******************/
/****************************************************/
.thin {font-weight:100;}
.extra-light {font-weight:200;}
.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semi-bold {font-weight: 600;}
.bold {font-weight: 700;}
.extra-bold {font-weight: 800;}

.btn {min-width:initial}
.public.dark-mode header {border-bottom: 0;height: 100px;}
.public .navbar .navbar-brand {height: initial;}
.video-wrapper {width: 100%;height: 0;padding-top: 40.25%;position: relative;overflow:hidden}
#myVideo {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.baseline {position: absolute;left: 4rem;top: 50%;transform: translateY(-50%);width: 50%;color: #ffffff;font-family: 'Bambino-Regular', sans-serif;margin-bottom: 3.0588235294em;font-size: 3.5em;line-height: 3.688rem;letter-spacing: 3px;font-weight: 700;}
.column {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;-webkit-column-rule: 1px solid transparent;-moz-column-rule: 1px solid transparent;column-rule: 1px solid transparent;}
.content-wrap {background-color: #30304d;padding-top: 10rem;margin-top: -6rem;}
.table.dataTable td {vertical-align: middle}
.bg-img {background-position:center center;background-size:cover;background-repeat:no-repeat;}
.contenu-img {height: 40vh;}
.content strong {font-weight:700;}
.content ul {list-style-type: disc;padding: 0 0 0 17px;margin-bottom: 1em;}
.content h1 {margin-top:1.5rem;position: relative;display: table;}
.content h1:before {content:" ";position:absolute;width:100%;height:2px;background-color: #26bfbf;bottom:-4px; left:0}
.content h2 {font-size: 1.5rem;}
.content h3 {font-size: 1.25rem;}
.modal-body.content img {margin:.5rem auto;display:block}
.modal-title {position:relative;z-index:2;font-family: 'Bambino-Regular';padding-left: 0.75rem;}
.page-title {position:relative;z-index:2;font-family: 'Bambino-Regular';padding-left: 1rem;font-weight:500}
.modal-title::first-letter {font-size: 1rem;font-weight:700}
.page-title::first-letter {font-size: 1.5rem;font-weight:700}
.page-title.font40::first-letter {font-size: 2.85rem;font-weight:700}
.modal-title:before {content:'';position:absolute;background: url('../images/pngs/lune_ozint.png') no-repeat;width:20px;height:20px;background-size:contain;z-index: -1;left: 0;opacity: 0.7;}
.page-title:before {content:'';position:absolute;background: url('../images/pngs/lune_ozint.png') no-repeat;width:24px;height:24px;background-size:contain;z-index: -1;left: 0;opacity: 0.7;}
.login100-form {width: calc(100% - 2rem);}
.prompt {font-family: 'Bambino-Regular';}
.bambino {font-family: 'Bambino-Regular';}
.bambino-thin {font-family: 'Bambino-Thin';}
.bambino-light {font-family: 'Bambino-Light';}
.bambino-bold {font-family: 'Bambino-Bold';}
.bambino-black {font-family: 'Bambino-Black';}
.dark-mode .side-menu h3 {font-size: 12px;color: #26bfbf}
.box-error {padding-top:.5rem}
.mini-news h4 {margin-top:.45rem}
.mini-news p {margin-bottom:0;color:#aaaac0 !important}
.tag-level .tag {display:block;margin: auto;font-weight:500}
.bg-img.card-fullscreen{background-size:contain}
.card-fullscreen .card-options a:not(.btn) i {font-weight:500;font-size:1.2rem}
.card-fullscreen .card-options a:hover, .card-fullscreen .card-options a:focus {color: #26bfbf}
.tree li.branch>a {font-family: 'Bambino-Regular';font-size: 1rem}
.pointer {cursor:pointer}
.app-sidebar {overflow:auto}
.btn-discord {margin-top:-2rem;margin-bottom:2rem}.btn-discord {margin-top: -4rem;margin-bottom: 1rem;}
.dark-mode .responsive-logo .mobile-logo.dark-logo-1 {height: 3rem;}

.certif-card .card-category {width:100%;min-height: 91px;display: grid;align-items: center;padding: 1rem;margin-bottom: 1rem;}

.qcm-certif label {width:100%;min-height: 120px;display: grid;align-items: center;text-align:center;cursor:pointer}
.qcm-certif input[type=radio] {height:0;width:0}
.qcm-certif input[type=radio]:checked + label {border:2px solid green !important;font-weight:700;}

.side-menu .side-menu__icon {margin:0}
.dark-mode pre {background-color: #1c1833;color: #dedefd;}
.card-aside-column {min-height:5rem;margin-bottom:1rem}

*[id^='welcome-'] .modal-content {height:75vh;max-height:710px;}
.pedago .card-title {position:relative;z-index:2;padding-left: 1rem;}
.pedago .card-title::before {content: '';position: absolute;background: url('../images/pngs/lune_ozint.png') no-repeat;width: 24px;height: 24px;background-size: contain;z-index: -1;left: 0;opacity: 0.7;}
.pedago .side-menu__item {padding-left:1rem;}
.light-mode .card {background-image: none !important;}
.light-mode .discord-icon {filter: brightness(0) saturate(100%) invert(29%) sepia(63%) saturate(416%) hue-rotate(189deg) brightness(93%) contrast(83%);}
.light-mode .side-menu__item:hover .discord-icon, .light-mode .side-menu__item:focus .discord-icon {filter: brightness(0) saturate(100%) invert(57%) sepia(89%) saturate(349%) hue-rotate(131deg) brightness(93%) contrast(96%);}
.light-mode .side-menu__item.active .discord-icon {filter:none}
.indicator {color: #238c94;}

.tooltip .tooltip-inner {background-color: #26bfbf !important;color: #fff;}
.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {border-top-color: #26bfbf;}
.dataTables_length .form-select {background-color:transparent;margin: 0 .5rem;font-size:.875rem;font-family: 'Bambino-Regular';padding: 0rem 1rem 0 0.375rem;color: #ffffff;background-size: 12px 9px;background-image: url('./.././images/select-arrow.png');background-position: right 0.5rem center;}
.dataTables_length .form-select > * {background-color: #1c1833}

.light-mode .dataTables_length .form-select {color: #1c1833}
.light-mode.dataTables_length .form-select > * {background-color: #f2f2f8}

.liste-news .card-aside-column {width: 25%;-ms-flex: 0 0 25%;flex: 0 0 25%;}
.liste-news .card-aside-column {min-height: 9rem;}

.visuel-pole {display:block; height:125px;margin-left:auto;width:auto;margin-bottom: -4rem;}
.content-color ul {list-style: none;padding-left:1rem;}
.content-color li {margin-bottom:.5rem}
.content-color li::before {content: "\2022";font-weight: bold;display: inline-block;width: 1em;margin-left: -1em; color: #26BFBF;}

.btn-checkbox {display: block;border: 1px solid rgba(255, 255, 255, 0.1);text-align: center;padding: 0.375rem 1rem;position: relative;cursor: pointer;border-radius: 5px !important;color: #77778e;font-size: 0.875rem;line-height: 1.5rem;min-width: 2.375rem;margin-right:.5rem;margin-bottom: 0.5rem;}
input[type="checkbox"]:checked + label.btn-checkbox {border-color: #26bfbf;color: #26bfbf;}

.bubble-left {position: relative;background: linear-gradient(84deg, #4da1a1 0%, #26bfbf 100%);color: #FFFFFF;font-family: Arial;font-size: 20px;line-height: 29px;text-align: center;width: 100%;border-radius: 10px;padding: 17px;}
.bubble-left:after {content: '';position: absolute;display: block;width: 0;z-index: 1;border-style: solid;border-color: transparent #2fc4c4;border-width: 20px 0 20px 20px;top: 50%;right: -20px;margin-top: -20px;}
.bubble-right {position: relative;background: linear-gradient(90deg, #f7bb8a 0%, #fc7303 100%);color: #FFFFFF;font-family: Arial;font-size: 20px;line-height: 29px;text-align: center;width: 100%;border-radius: 10px;padding: 26px 12px;}
.bubble-right:after {content: '';position: absolute;display: block;width: 0;z-index: 1;border-style: solid;border-color: transparent #f7bb8a;border-width: 20px 20px 20px 0;top: 50%;left: -20px;margin-top: -20px;}

.embed-pdf {width: 100%; height:80vh;}

	label.box {display: flex;margin-top: 10px;padding: 10px 12px;border-radius: 5px;cursor: pointer;border: 1px solid #ddd}
	.checkbox-quiz:checked+label{border-color: #26bfbf}
	.checkbox-quiz:checked+label .circle{border: 6px solid #26bfbf;background-color: #fff}
	label.box:hover {background: rgb(38 191 191 / 50%)}
	label.box .course {display: flex; align-items: center; width: 100%}
	label.box .circle {height: 22px;width: 22px;border-radius: 50%;margin-right: 15px;border: 2px solid #ddd;display: inline-block}
	input.checkbox-quiz[type="radio"] {display: none}

@media (max-width:420px) {
	.header-brand-img{height: 2rem;}
}
@media (max-width: 767px) {
	.public.dark-mode header {height: 85px;}
	.video-wrapper {width: 100%;height: 0;padding-top: 65%;position: relative;overflow:hidden}
	.baseline {position: relative;left: 1rem;top: -67px;transform: none;font-size: 1.5em;line-height: 1.688rem;letter-spacing: 2px;width: 90%;font-weight:200;font-family: 'Bambino-Regular', sans-serif;box-shadow: 2px 3px 43px 14px rgb(0 0 0 / 75%);-webkit-box-shadow: 2px 3px 43px 14px rgb(0 0 0 / 75%);-moz-box-shadow: 2px 3px 43px 14px rgba(0,0,0,0.75);background-color: rgb(0 0 0 / 50%);}
	.content-wrap {padding-top: 8rem;margin-top: -11rem;}
	.column {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;-webkit-column-rule: 1px solid transparent;-moz-column-rule: 1px solid transparent;column-rule: 1px solid transparent;}
	.side-menu__item {padding: 5px 30px}
	li.branch table tr {display:block}
	li.branch table tr td {display:block;width: 100% !important;}
	li.branch table tr td:first-of-type {padding-bottom:0;}
	li.branch table tr td:last-of-type {padding-top:0;border-top:0;line-height: 1.25;}
	.btn-discord {margin-top: -1rem;}
	.pedago .side-menu__item .bg-img {display:none}
	#divnote .jq-star,  #divdiff .jq-star {width:55px !important;height:55px !important;}
	header .navbar-collapse {position: absolute;width: 100%;top: 110px;z-index: 99;}
	header .navbar-collapse .navbar-nav {flex-direction: column !important;background-color: #161328;padding: 1rem;align-items: center;margin-left: -1rem !important;}
	header .navbar-collapse .navbar-nav .nav-item {display:block;margin:.5rem}
	.w-xs-100 {width: 100% !important}
	.bubble-right {background: linear-gradient(180deg, #f7bb8a 0%, #fc7303 100%);margin-top: -1.5rem;margin-bottom: 2rem;}
	.bubble-right:after {border-color: #f7bb8a transparent;border-width: 0 20px 20px;top: 0px;left: 75%;margin-left: -20px;}
	.bubble-left {background: linear-gradient(180deg, #4da1a1 0%, #26bfbf 100%);margin-bottom: 1rem;}
	.bubble-left:after {border-color: #2fc4c4 transparent;border-width: 20px 20px 0;bottom: -20px;left: 14%;margin-top: 47px;}
	
}
@media (max-width:1023px) {
	header .navbar-collapse {position: absolute;width: 100%;top: 110px;z-index: 99;}
	header .navbar-collapse .navbar-nav {flex-direction: column !important;background-color: #161328;padding: 1rem;align-items: center;margin-left: -2rem !important;margin-top: -1rem;}
	header .navbar-collapse .navbar-nav .nav-item {display:block;margin:.5rem}
	.badge-certif {max-width: 50%;margin: 1rem 0 3rem 0;}
}
@media (min-width: 1024px) {
	.app-content .side-app {min-height: calc(100vh - 160px);}
	.badge-certif {max-width: 227px;margin: -3rem 0 3rem 0;}
}
@media (min-width: 1024px) and (max-width: 1440px) {
	.bubble-right, .bubble-left {font-size:17px;}
	}