@font-face {
	font-family: "photoshootregular";
	src: url("../fonts/photoshoot-webfont.eot");
	src: url("../fonts/photoshoot-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/photoshoot-webfont.woff2") format("woff2"),
		url("../fonts/photoshoot-webfont.woff") format("woff"),
		url("../fonts/photoshoot-webfont.ttf") format("truetype"),
		url("../fonts/photoshoot-webfont.svg#photoshootregular")
			format("svg");
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: "Just Lovely";
	src: local("Just Lovely Regular"), local("Just-Lovely-Regular"),
		url("../fonts/JustLovely.woff2") format("woff2"),
		url("../fonts/JustLovely.woff") format("woff"),
		url("../fonts/JustLovely.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
*/

/* @import url("https://use.typekit.net/yob2uir.css"); */

@font-face{
	font-family:"Ysans Std";
	font-style:normal;
	font-weight:700;
	src:url("../fonts/YsansStd-Bold.woff") format("woff");
	font-display:swap
}

@font-face{
	font-family:"Ysans Std";
	font-style:normal;
	font-weight:400;
	src:url("../fonts/YsansStd-Regular.woff") format("woff");
	font-display:swap
}


html,
body {
	font-family: "Ysans Std", sans-serif;
	line-height: calc(20 / 14);
	font-style: normal;
	font-weight: 400;
	color: #555859;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mla-logo-home {
	width: 50% !important;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.mla-logo-home {
		width: 80% !important;
	}
}

#authentification h2 {
	font-family: "Ysans Std";
	color: #56595c !important;
	font-weight: 400 !important;
	text-align: center;
	font-size: 2.5vw;
	margin-top: 4rem;
	/* line-height: 1; */
}

@media screen and (max-width: 991px) {
	#authentification h2 {
		font-size: 2.5rem;
		margin-top: 1rem;
	}
}

@media screen and (max-width: 575px) {
	#authentification h2 {
		font-size: 5vw;
		margin-top: 1rem;
	}
}

[data-bs-theme="light"] body:not(.app-blank) {
	/* background-image: url("../media/patterns/alvadiem2-header-bg.jpg");
	background-repeat: no-repeat;
	background-position: right -80px;
	background-size: 100%; */
	background: #fff!important;
}

@media (max-width: 1920px) {
	[data-bs-theme="light"] body:not(.app-blank) {
		background-size: initial;
	}
}

@media (max-width: 1500px) {
	[data-bs-theme="light"] body:not(.app-blank) {
		background-position: 90% -80px;
	}
}

@media (max-width: 1199px) {
	[data-bs-theme="light"] body:not(.app-blank) {
		background-position: 80% -80px;
	}
}

@media (max-width: 991px) {
	[data-bs-theme="light"] body:not(.app-blank) {
		background-position: 80% top;
	}
}

body.frontoffice,
body.backoffice {
	background-color: #fff !important;
}

.card {
	/* box-shadow: 0.125rem 0.125rem 0.125rem #0000001a; */
	border-radius: 0;
}

.card .card-header {
	/* background-image: url("../media/patterns/card-header2-bg.jpg");
	background-position-x: center;
	background-position-y: top;
	min-height: 100px;
	background-size: cover; */
	border-radius: 0;
	min-height: auto;
	padding: 0;
	justify-content: start;
}

.card .card-header .card-title .card-label,
.card .card-header .card-title a {
	/* color: #56595c !important; */
	color: rgb(240, 128, 25)!important;
	font-size: 1.6rem !important;
	font-weight: 700 !important;
}

.card .card-header.noir .card-title .card-label,
.card .card-header.noir .card-title a {
	/* color: #56595c !important; */
	color: rgb(240, 128, 25)!important;
}

.card .card-header.jaune .card-title .card-label,
.card .card-header.jaune .card-title a {
	color: #ffda58 !important;
}

.card .card-header.gris .card-title .card-label,
.card .card-header.gris .card-title a {
	color: lightgray !important;
}

.card .card-header.blanc .card-title .card-label,
.card .card-header.blanc .card-title a {
	color: #fff !important;
}

.card .card-header .ribbon-label {
	color: #56595c !important;
}

.card .card-header .ribbon-label i.bi,
.card .card-header .ribbon-label i[class^="fonticon-"],
.card .card-header .ribbon-label i[class*=" fonticon-"],
.card .card-header .ribbon-label i[class^="fa-"],
.card .card-header .ribbon-label i[class*=" fa-"],
.card .card-header .ribbon-label i[class^="la-"],
.card .card-header .ribbon-label i[class*=" la-"] {
	color: #56595c !important;
	margin-right: 1rem;
}

.card .card-header.ribbon-end {
	padding-right: calc(2.25rem + 70px);
}

.card .card-body {
	min-height: 8rem;
	overflow-x: hidden;
}

.card .card-body ul {
	padding-left: 0!important;
}

.card .card-body ul li {
	list-style-type: none;
}

.card .card-body ul li:not(.paginate_button) a {
	color: #56595c;
	font-size: 1.3rem;
}

.card-body.quiz {
	min-height: 8rem;
	padding-bottom: 5rem !important;
}

.card-body.quiz .btn {
	position: absolute;
	bottom: 2rem;
}

.card .card-footer {
	padding: 2rem 0;
}

.card .btn.cta {
	max-width: calc(100% - 6rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.link-primary {
	color: #56595c !important;
}

.link-primary:hover {
	/* transition: color 0.2s ease; */
	color: #56595c !important;
}

.text-hover-primary:hover {
	/* transition: color 0.2s ease; */
	color: #56595c !important;
}

#kt_toolbar_container h1 {
	font-family: "Ysans Std";
	color: #fff;
	text-align: center;
	line-height: 0.9;
	font-weight: 700;
	z-index:10;
}

#kt_toolbar_container h1.mla-fs-1 {
	font-size: 2.5vw !important;
}

#kt_toolbar_container h1.mla-fs-2 {
	font-size: 2.5vw !important;
}

#kt_toolbar_container h2.subtitle {
	color: #fff;
	text-align: center;
	margin-top: 1rem;
	z-index: 10;
}

@media screen and (max-width: 991px) {
	#kt_toolbar_container h1.mla-fs-1 {
		font-size: 5vw !important;
	}

	#kt_toolbar_container h1.mla-fs-2 {
		font-size: 5vw !important;
	}
}

@media screen and (min-width: 992px) {
	#kt_toolbar_container h2.subtitle {
		margin-bottom: -0.55rem;
	}
}

.swal2-styled.swal2-confirm {
	border: 0;
	border-radius: 0.25em;
	background: initial;
	background-color: #ffda58;
	color: #fff;
	font-size: 1em;
}

tr.stacked td a {
	color: lightgray !important;
}

.image-map-container {
	position: relative;
	text-align: center;
	/*height: 100vh;
	line-height: 100vh;*/
	vertical-align: middle;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image-map-container img {
	/* width: auto; */
	height: auto;
	max-width: 100%;
	/* max-height: 100%; */
}

.header-menu .menu .menu-item .menu-link {
        font-size: .75rem;
        line-height: calc(16 / 12);
	border-radius: 0;
        border-bottom: .225rem solid transparent;
        transition: color .2s,border-color .2s;
        display: inline-flex;
        align-items: center;
        height: 1.5rem;
        font-weight: 600;
        color: #555859;
        white-space: nowrap;
        cursor: pointer;
	padding: 0;
}

.header-menu>.menu>.menu-item+.menu-item {
        margin-left: 1rem;
}

@media (min-width: 1240px) {
	.header-menu .menu .menu-item .menu-link {
		font-size: 1.175rem;
		line-height: calc(20 / 14);
		height: 2.25rem;
	}

	.header-menu>.menu>.menu-item+.menu-item {
		margin-left: 1.5rem;
	}
}

.header-menu .menu .menu-item .menu-link:hover, 
.header-menu .menu .menu-item .menu-link:focus, 
.header-menu .menu .menu-item .menu-link.active {
        border-color: #ffda58;
}

.header-menu .menu .menu-item.dropdown .dropdown-menu .menu-link {
	font-weight: 400;
	line-height: 20px;
	padding: 0.375rem 1rem;
}

.header-menu .menu .menu-item.dropdown .dropdown-menu .menu-link:hover {
	border-color: transparent!important;
}

.dropdown-item:hover, .dropdown-item:focus {
	background-color: #fff!important;
}

.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
	background-color: #fff!important;
}

body:not([data-kt-sticky-header="on"])
	.header
	.header-menu
	.menu
	> .menu-item.here
	> .menu-link {
	transition: color 0.2s ease;
	background-color: rgb(191 91 4 / 80%);
	color: #ffffff;
}

body:not([data-kt-sticky-header="on"])
	.header
	.header-menu
	.menu
	> .menu-item.here
	> .menu-link:hover {
	transition: color 0.2s ease;
	background-color: #ffda58;
}

.bg-primary {
	background-color: #ffda58 !important;
}

.form-check-input:checked {
	background-color: #ffda58;
	border-color: #ffda58;
}

.alert-primary {
	color: #56595c;
	border-color: #ffda58;
	background-color: #ffda58;
}

.text-primary {
	color: #ffda58 !important;
}

.btn {
	border-radius: 0;
}

.btn.btn-primary {
	background-color: #ffda58;
	color: #56595c;
}

.btn-check:checked + .btn.btn-primary,
.btn-check:active + .btn.btn-primary,
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary.active,
.btn.btn-primary.show,
.show > .btn.btn-primary {
	background-color: #ffdb5866 !important;
	color: #56595c;
}

.btn.btn-primary i,
.btn.btn-primary .svg-icon {
	color: #56595c;
}

.btn-check:checked + .btn.btn-primary i,
.btn-check:checked + .btn.btn-primary .svg-icon,
.btn-check:active + .btn.btn-primary i,
.btn-check:active + .btn.btn-primary .svg-icon,
.btn.btn-primary:focus:not(.btn-active) i,
.btn.btn-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-primary:hover:not(.btn-active) i,
.btn.btn-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-primary:active:not(.btn-active) i,
.btn.btn-primary:active:not(.btn-active) .svg-icon,
.btn.btn-primary.active i,
.btn.btn-primary.active .svg-icon,
.btn.btn-primary.show i,
.btn.btn-primary.show .svg-icon,
.show > .btn.btn-primary i,
.show > .btn.btn-primary .svg-icon {
	color: #56595c;
}

body:not([data-kt-sticky-header="on"])
	.header
	.header-menu
	.menu
	> .menu-item
	> .menu-link {
	color: #56595c;
}

body:not([data-kt-sticky-header="on"])
	.header
	.header-menu
	.menu
	> .menu-item.hover:not(.here)
	> .menu-link:not(.disabled):not(.active):not(.here),
body:not([data-kt-sticky-header="on"])
	.header
	.header-menu
	.menu
	> .menu-item:not(.here)
	> .menu-link:hover:not(.disabled):not(.active):not(.here) {
	color: #56595c;
}

.menu-state-primary
	.menu-item.hover:not(.here)
	> .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-primary
	.menu-item:not(.here)
	.menu-link:hover:not(.disabled):not(.active):not(.here) {
	color: #56595c;
}

body:not([data-kt-sticky-header="on"]) .topbar .btn.btn-custom i,
body:not([data-kt-sticky-header="on"]) .topbar .btn.btn-custom .svg-icon {
	color: #56595c !important;
}

@media (max-width: 1299px) {
	.header-menu .menu .menu-item .menu-link {
		font-size: 1rem;
		padding: calc(0.775rem + 1px) calc(1rem + 1px) !important;
	}
}

@media (min-width: 992px) {
	.header .header-menu {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.header .header-menu {
		display: flex !important;
	}
}

.card .card-body {
	padding: 0;
}

.cta-card img {
	width: 100%;
	/* border-radius: 0.625rem; */
}

.card .card-body .btn.cta {
	position: absolute;
	bottom: 3rem;
	left: 3.5rem;
}

textarea.form-control {
	min-height: 250px;
}

textarea.small-text-area {
	min-height: 100px;
}

.mla-dropzone {
	width: 100%;
}

.mla-dropzone-helper {
	height: 250px;
	width: 100%;
	background-size: cover;
	background-position: center;
	border-radius: 0.475rem !important;
}

.mla-dropzone-helper.small {
	height: 100px;
}

.mla-dropzone-helper > div {
	height: 100%;
}

.form-check.right label h5 {
	color: var(--bs-success) !important;
}

.form-check.wrong label h5 {
	opacity: 0.4;
}

.form-check.quiz .form-check-input[disabled] ~ .form-check-label,
.form-check.quiz .form-check-input:disabled ~ .form-check-label {
	cursor: default;
	opacity: 1;
}

td.reorder {
	width: 50px;
	text-align: center;
}

td.thumbnail {
	width: 50px;
}

h3.quiz-question,
h3.quiz-corrige,
h3.quiz-score {
	font-size: 2rem;
}

h5.quiz-answer {
	font-size: 1.8rem;
}

.picto {
	line-height: 40px;
	width: 40px;
	color: #56595c;
	text-align: center;
	background: #ffda58;
	font-size: 1.3rem;
	border-radius: 50%;
	z-index: 10;
	margin: 16px;
	position: absolute;
}

.picto a,
.picto button {
	display: block;
	color: #56595c !important;
	font-size: 1.4rem;
}

.picto a:hover,
.picto button:hover {
	color: #56595c !important;
	text-decoration: none;
}

.picto a i.bi,
.picto a i[class^="fonticon-"],
.picto a i[class*=" fonticon-"],
.picto a i[class^="fa-"],
.picto a i[class*=" fa-"],
.picto a i[class^="la-"],
.picto a i[class*=" la-"],
.picto button i.bi,
.picto button i[class^="fonticon-"],
.picto button i[class*=" fonticon-"],
.picto button i[class^="fa-"],
.picto button i[class*=" fa-"],
.picto button i[class^="la-"],
.picto button i[class*=" la-"] {
	color: #56595c !important;
	font-size: 1.4rem;
}

.tooltip-inner {
	color: #56595c !important;
	font-weight: bold;
}

.lds-ripple {
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 120px;
	z-index: 9;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #ffda58;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.desk01 {
	top: calc(50% - 40px);
	left: calc(80% - 40px);
}

.desk02 {
	top: calc(69% - 40px);
	left: calc(84.9% - 40px);
}

.desk03 {
	top: calc(66.4% - 40px);
	left: calc(91.9% - 40px);
}

.shelf01 {
	top: calc(73% - 40px);
	left: calc(17% - 40px);
}

.shelf02 {
	top: calc(72.6% - 40px);
	left: calc(27% - 40px);
}

.shelf03 {
	top: calc(72.3% - 40px);
	left: calc(33.6% - 40px);
}

.shelf04 {
	top: calc(59.8% - 40px);
	left: calc(47.2% - 40px);
}

.shelf05 {
	top: calc(44.1% - 40px);
	left: calc(25.4% - 40px);
}

.shelf06 {
	top: calc(44.2% - 40px);
	left: calc(50.3% - 40px);
}

.shelf07 {
	top: calc(44.1% - 40px);
	left: calc(9.4% - 40px);
}

.shelf08 {
	top: calc(43.7% - 40px);
	left: calc(72.9% - 40px);
}

.modal-body.phv ul li a {
	color: #56595c;
	font-size: 1.3rem;
}

.header {
	height: 120px;
}

.h-80px {
	height: 80px !important;
}

.h-35px {
	height: 35px !important;
}

.h-70px {
	height: 70px !important;
}

.header-fixed[data-kt-sticky-header="on"] .header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 97;
	background-color: var(--bs-header-desktop-fixed-bg-color);
	box-shadow: var(--bs-header-desktop-fixed-box-shadow);
	height: 120px;
	border-bottom: var(--bs-header-desktop-fixed-border);
	padding: 0;
}

@media (min-width: 768px) {
	.h-md-20 {
		height: 20vh !important;
	}
}

@media (min-width: 992px) {
	.pt-lg-36 {
		padding-top: 9rem !important;
	}
}

a:not(.mla-logo-home, .header-logo-link, .picto-link, .card-title-link) {
	border-bottom: 0.2rem solid transparent;
	transition: color 0.2s, border-color 0.2s;
	padding-bottom: 0.2rem;
}

a:not(.mla-logo-home, .header-logo-link, .picto-link, .card-title-link):hover,
a:not(.mla-logo-home, .header-logo-link, .picto-link, .card-title-link):focus,
a.active:not(.mla-logo-home, .header-logo-link, .picto-link, .card-title-link) {
	border-color: #ffda58;
}

.menu-sub-dropdown .menu-item .menu-link:hover,
.menu-sub-dropdown .menu-item .menu-link:focus {
	border-color: transparent!important;
}

.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
        background-color: #fff!important;
        color: #555859!important;
}

.card-body ul li,
.modal-body.phv ul li {
	padding: 0.25rem 0;
}

.modal-header h2 {
	color: #f08019;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
select,
textarea {
	font-size: 0.875rem;
	line-height: calc(20 / 14);
	display: block;
	width: 100%;
	height: 3rem;
	padding: 0.75rem 1.5rem;
	font-family: inherit;
	color: #555859;
	text-overflow: ellipsis;
	background-color: #fff;
	border: 1px solid #dedede;
	outline: none;
	box-shadow: none !important;
	transition: border-color 0.15s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
	border-color: #ffda58 !important;
}

/* Bannières  */

@media only screen and (max-width: 768px) {
	.portrait-image {
		display: block!important;
	}

	.landscape-image {
		display: none!important;
	}
}

@media only screen and (min-width: 769px) {
	.portrait-image {
		display: none!important;
	}

	.landscape-image {
		display: block!important;
	}
}

.bg-body {
	border: 1px solid #eaeaea!important;
}



.brand {
        position: relative;
}

.d-none {
        display: none!important;
}

.brand-tabs {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        row-gap: 2.5rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
}

.brand-tabs .service {
        padding-left: 1.25rem;
        margin: 6.25rem 0;
        border-left: .25rem solid transparent;
        transition: border-color .2s ease-in-out, fill .2s ease-in-out, stroke .2s ease-in-out;
}

.service {
        display: flex;
        gap: 1rem;
        align-items: center;
}

.service img, .service svg {
        display: inline-flex;
        flex-shrink: 0;
        width: 100%;
}

.service p {
        display: grid;
        margin: .5rem 0 0;
        font-weight: 500;
}

@media (min-width:992px) {
	.d-lg-block {
		display: block!important;
	}

	.brand-tabs {
		grid-template-columns: repeat(4,1fr);
		-moz-column-gap: 2.5rem;
		column-gap: 2.5rem;
	}

	.service {
		flex-direction: column;
		justify-content: flex-start;
		font-size: 1.075rem;
		line-height: 1.25rem;
		text-align: center;
	}

	.service p {
		margin: 0;
	}	
}

.brand-tabs .service:hover circle,.brand-tabs .service:focus circle,.brand-tabs .service.active circle {
	stroke:#ffda58;
	transition: border-color .2s ease-in-out, fill .2s ease-in-out, stroke .2s ease-in-out;
}

.brand-tabs .service:hover path,.brand-tabs .service:focus path,.brand-tabs .service.active path {
	fill:#ffda58;
	transition: border-color .2s ease-in-out, fill .2s ease-in-out, stroke .2s ease-in-out;
}

.scrolltop {
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 105;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	bottom: 60px;
	right: 30px;
	background-color: var(--bs-scrolltop-bg-color);
	box-shadow: var(--bs-scrolltop-box-shadow);
	opacity: 0;
	transition: color 0.2s ease;
	border-radius: 0.475rem;
}

#kt_toolbar_container {
	position: relative;
	height: 150px;
}

#kt_toolbar_container:empty {
	display: none!important;
}

.header-bg {
	position: absolute;
	top: 0;
	left: 0;
	background: #55585a;
	width: calc(100% - 60px);
	height: 150px;
	margin: 0 30px;
	background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width: 991px) {
	.header-bg {
		width: calc(100% - 30px);
		height: 150px;
		margin: 0 15px;
	}
}

.header-bg.formation {
	background-image: url("../media/patterns/je-me-forme-header-bg.jpg");
}

.header-bg.photos {
	background-image: url("../media/patterns/visuels-header-bg.jpg");
}

.header-bg.offres {
	background-image: url("../media/patterns/offres-header-bg.jpg");
}

.header-bg.quizzes {
	background-image: url("../media/patterns/quiz-header-bg.jpg");
}

.header-bg.invoices {
	background-image: url("../media/patterns/je-me-forme-header-bg.jpg");
}




.row.dashboard > * {
        padding-right: calc(var(--bs-gutter-x) * .75);
        padding-left: calc(var(--bs-gutter-x) * .75);
        margin-top: calc(var(--bs-gutter-y) * 2);
}

.h3_container {
	border-bottom: 4px solid #e1e3ea;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.btn.cta-banner {
        position: absolute;
        bottom: 3rem;
        right: 3rem;
	z-index:99999;
}