@font-face {
	font-family: 'itcavantgardeltextrabold';
	src: url('../fonts/itcavantgardeltextrabold.eot');
	src: url('../fonts/itcavantgardeltextrabold.eot') format('embedded-opentype'),
		 url('../fonts/itcavantgardeltextrabold.woff2') format('woff2'),
		 url('../fonts/itcavantgardeltextrabold.woff') format('woff'),
		 url('../fonts/itcavantgardeltextrabold.ttf') format('truetype'),
		 url('../fonts/itcavantgardeltextrabold.svg#itcavantgardeltextrabold') format('svg');
}

@font-face {
	font-family: 'AvenirRegular';
	src: url('../fonts/AvenirRegular.eot');
	src: url('../fonts/AvenirRegular.eot') format('embedded-opentype'),
		 url('../fonts/AvenirRegular.woff2') format('woff2'),
		 url('../fonts/AvenirRegular.woff') format('woff'),
		 url('../fonts/AvenirRegular.ttf') format('truetype'),
		 url('../fonts/AvenirRegular.svg#AvenirRegular') format('svg');
}

@font-face {
	font-family: 'AvenirHeavy';
	src: url('../fonts/AvenirHeavy.eot');
	src: url('../fonts/AvenirHeavy.eot') format('embedded-opentype'),
		 url('../fonts/AvenirHeavy.woff2') format('woff2'),
		 url('../fonts/AvenirHeavy.woff') format('woff'),
		 url('../fonts/AvenirHeavy.ttf') format('truetype'),
		 url('../fonts/AvenirHeavy.svg#AvenirHeavy') format('svg');
}


:root {
	--bleu-principal: #2B02D5;
	--vert-principal: #14EB00;
	--jaune-principal: #FAFF00;
	--couleur-pilier1: #E43C2F;
	--couleur-pilier2: #F37F0C;
	--couleur-pilier3: #B27CFF;
	--couleur-pilier4: #FD18FF;
	--couleur-pilier5: #4FB9FF;
}


html, body {
	background-color: var(--bleu-principal);
	overflow-x: hidden;
}

body {
	font-size: 16px;
	line-height: 1.4;
	font-family: 'AvenirRegular', sans-serif;
}

#bg-body-1 {
	position:fixed;
	bottom: 90px;
	height: 400px;
	width: 400px;
	right: -190px;
	z-index:-1;
	transition: 1s;
}

#bg-body-2 {
	position:fixed;
	bottom: 15px;
	height: 400px;
	width: 400px;
	left: -180px;
	z-index:-1;
	transition: 1s;
}

#intro #bg-body-1 {
	position:fixed;
	bottom: 90px;
	height: 240px;
	width: 240px;
	right: -122px;
	z-index:-1;
	transition: 1s;
}

#intro #bg-body-2 {
	position:fixed;
	top: 150px;
	height: 240px;
	width: 240px;
	left: -122px;
	z-index:-1;
	transition: 1s;
}

#bg-body-1-pilier {
	position:fixed;
	bottom: 90px;
	height: 240px;
	width: 240px;
	right: -122px;
	z-index:-1;
	transition: 1s;
}

#bg-body-2-pilier {
	position:fixed;
	top: 150px;
	height: 240px;
	width: 240px;
	left: -122px;
	z-index:-1;
	transition: 1s;
}


@media (min-width: 1200px) {
	/*
	.container {
		max-width: 1400px;
	}
	*/
}

@media (max-width: 1200px) {
	
	#bg-body-1 {
		bottom: 90px;
		height: 300px;
		width: 300px;
		right: -150px;
		-webkit-background-size: 300px 300px;
		-moz-background-size: 300px 300px;
		-o-background-size: 300px 300px;
		background-size: 300px 300px;
	}
	
	#bg-body-2 {
		bottom: 15px;
		height: 300px;
		width: 300px;
		left: -140px;
		-webkit-background-size: 300px 300px;
		-moz-background-size: 300px 300px;
		-o-background-size: 300px 300px;
		background-size: 300px 300px;
	}
}

@media (max-width: 992px) {
	#bg-body-1 {
		bottom: 90px;
		height: 200px;
		width: 200px;
		right: -95px;
		-webkit-background-size: 200px 200px;
		-moz-background-size: 200px 200px;
		-o-background-size: 200px 200px;
		background-size: 200px 200px;
	}
	
	#bg-body-2 {
		bottom: 15px;
		height: 200px;
		width: 200px;
		left: -90px;
		-webkit-background-size: 200px 200px;
		-moz-background-size: 200px 200px;
		-o-background-size: 200px 200px;
		background-size: 200px 200px;
	}
}


/*---------- COLORS ----------*/

body {
	background-color: transparent;
}

.slice {
	padding-top: 0;

}

#homepage .slice {
	padding-top: 4rem;
    padding-bottom: 0rem;
}

.bg-dark {
    background-color: var(--bleu-principal)!important;
}

.bg-content {
	background: #fff;
}

.bg-white {
	background-color: rgba(255, 255, 255, 0.85);
}

.rounded-corner {
	border-radius: 0px;
}

section {
    background-color: transparent;
}

.shadow-content {
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
	margin-bottom: 10px;
}

.footer {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	background: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'itcavantgardeltextrabold', sans-serif;
	color: var(--bleu-principal);
	line-height: 1.1em;
	font-weight: 900;
	text-transform: uppercase;
}

.h1, h1 {
	font-size: 32px;
	line-height: 1.1em;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
}

.h2, h2 {
	font-size: 24px;
	line-height: 1.1em;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
}

.h3, h3 {
	font-family: 'AvenirRegular', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

/*
@media (max-width:992px){
	h1 {
		font-size: 1.6em;
	}
}

@media (max-width:768px){
	h1 {
		font-size: 1.5em;
	}
}

@media (max-width:576px){
	h1 {
		font-size: 1.4em;
	}
}
*/

p {
	color: var(--bleu-principal);
}

p a {
	color: var(--bleu-principal);
	text-decoration: underline;
}

p a:hover {
	color: var(--bleu-principal);
}

li {
	color: var(--bleu-principal);
}

.text-sm {
    font-size: .9rem!important;
}

label a {
	color: var(--bleu-principal);
	text-decoration: underline;
}

label a:hover {
	color: var(--bleu-principal);
}

label {
	color: var(--bleu-principal);
}

.btn-link {
    color: var(--bleu-principal);
}

.btn-link:hover {
    color: var(--bleu-principal);
}

.btn-group-lg>.btn, .btn-lg {
    font-size: 1.5rem;
}

.hover-scale-90:hover,.scale-90{
	-webkit-transform:scale(0.9)!important;
	-ms-transform:scale(0.9)!important;
	transform:scale(0.9)!important;
}

#btn_confirm {
	cursor: pointer;
}

.color1 {
	color: var(--bleu-principal);
}

.color2 {
	color: var(--vert-principal);
}

.uppercase {
	text-transform: uppercase;
}

.mark-viewed {
	display: inline-block;
	width: 24px;
}

.font-bold {
	font-family: 'AvenirHeavy', sans-serif;
}

/*---------- HEADER/FOOTER ----------*/

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCw3QzkuNCw3LDksNy40LDksOGMwLDAuNiwwLjQsMSwxLDFjMCwwLDAsMCwwLDBoMTdjMC42LDAsMS0wLjQsMS0xYzAtMC42LTAuNC0xLTEtMWMwLDAsMCwwLDAsMEgxMHogTTMsMTQKCWMtMC42LDAtMSwwLjQtMSwxYzAsMC42LDAuNCwxLDEsMWMwLDAsMCwwLDAsMGgyNGMwLjYsMCwxLTAuNCwxLTFjMC0wLjYtMC40LTEtMS0xYzAsMCwwLDAsMCwwSDN6IE0xMCwyMWMtMC42LDAtMSwwLjQtMSwxCgljMCwwLjYsMC40LDEsMSwxYzAsMCwwLDAsMCwwaDE3YzAuNiwwLDEtMC40LDEtMXMtMC40LTEtMS0xYzAsMCwwLDAsMCwwSDEweiIvPgo8L3N2Zz4K");
}

.navbar-toggler {
	position: absolute;
	z-index: 110;
	top: 100px;
	right: 20px;
	display:flex;
	flex-direction:column;
	width:55px;
	cursor:pointer;
	transform-origin:top;
	transform:rotatez(180deg);
	border: 1px solid white;
	border-radius: 0;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

.navbar-toggler span{
	background: #fff;
	border-radius:0;
	height:3px;
	margin: 3px 0;
	transition: .3s;
}

.navbar-toggler span:nth-of-type(1){
	width:75%;
}

.navbar-toggler span:nth-of-type(2){
	width:100%;
}

.navbar-toggler span:nth-of-type(3){
	width:75%;
}

.navbar-toggler[aria-expanded=true] span:nth-of-type(1){
	transform-origin:bottom;
	transform:rotatez(45deg) translate(11px,4px);
}

.navbar-toggler[aria-expanded=true] span:nth-of-type(2){
	transform-origin:top;
	transform:rotatez(-45deg);
}

.navbar-toggler[aria-expanded=true] span:nth-of-type(3){
	transform-origin:bottom;
	width:50%;
	transform: translate(1px,-15px) rotatez(45deg);
}


.header, .navbar, .navbar-top {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.navbar-brand {
	margin-top: 2rem;
    margin-right: 0;
}
    
#navbar-logo {
	width: auto;
	max-height: 120px;
	transition: all .5s ease-in-out;
}

body.scroll #navbar-logo {
	width: auto;
	max-height: 60px;
}

#logo-axa {
	position: absolute;
	width: 55px;
	top: 40px;
	left: 40px;
}

#tagline {
	position: absolute;
	opacity: 1;
	width: 100px;
	top: 25px;
	left: 125px;
	/*
	-webkit-filter: drop-shadow(0px 0px 25px #000);
	filter: drop-shadow(0px 0px 25px #000);
	*/
	transition: .5s all;
}

#logo-unlock {
	position: absolute;
	opacity: 1;
	width: 170px;
	top: 34px;
	left: 250px;
	transition: .5s all;
}

#points {
	position: absolute;
	width: 700px;
	top: 58px;
	right: 130px;
	font-size: 16px;
}

#points div:first-child {
	color: white;
}

#points .progress {
	background-color: var(--vert-principal);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid var(--vert-principal);
	font-size: 1.1em;
	
}

#points .progress-bar {
	background-color: white;
	color: var(--bleu-principal) !important;
}

#etoile-points {
	margin-top: -4px;
	margin-right: 10px;
}

body.fp-viewing-intro #tagline {
	opacity: 0;
}

@media (max-width:992px){
	
	#logo-axa {
		width: 45px;
	}

	#tagline {
		display: none;
	}
}

@media (max-width:576px){
	#navbar-logo {
		max-height: 80px;
	}
	
	#logo-axa {
		width: 35px;
	}
}

.navbar-nav .nav-link {
	font-family: 'itcavantgardeltextrabold', sans-serif;
    font-size: 1.1rem;
	text-transform: uppercase;
	font-weight: 500;
}

.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	transition: .5s;
	background-color: var(--bleu-principal);
}

.header-collapse-show .navbar-nav .nav-link {
    font-size: 21px;
	color: white;
	padding: 0.55rem;
}

@media (max-width:992px){
	.header-collapse-show .navbar-nav .nav-link {
		font-size: 3rem;
		padding: 1rem;
	}
}

@media (max-width:768px){
	.header-collapse-show .navbar-nav .nav-link {
		font-size: 2.6rem;
		padding: 1rem;
	}
}

@media (max-width:576px){
	.header-collapse-show .navbar-nav .nav-link {
		font-size: 2rem;
		padding: 1rem;
	}
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #14ea00;
	/*text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);*/
}

/*@media (max-width:576px){*/
	.header.header-collapse-show {
		/*background-color: rgba(110, 25, 15, 0.7);*/
		background-color: rgba(43, 2, 213, 0.9);
	}
/*}*/

.header-collapse-show #logo-container {
	/*display: none;*/
}

.navbar-main {
	transition: .5s;
	margin-top: 110px;
}

.header-collapse-show .navbar-main {
	margin-top: 150px;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	text-decoration: none;
	color: #14ea00;
/*	text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);*/
	font-weight: 800;
}

#logout {
	position: absolute;
	z-index: 110;
	top: 115px;
	right: 20px;
	width:55px;
	height:25px;
	text-align: center;
	font-size: 0.8em;
}

#logout a {
	color: white;
	position: relative;
	display: inline-block;
}

#logout a:hover {
	color: #14ea00;
}

.main-content {
	margin-top: 170px;
	/*
    position: fixed;
    top: 233px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
	*/
}

#logo-footer {
	width: 50px;
}


.row-flex {
	display: flex;
	flex-wrap: wrap;
}

.h-100 {
	height: 100%;
}

.tagline {
	/*
	-webkit-filter: drop-shadow(0px 0px 35px #000);
	filter: drop-shadow(0px 0px 35px #000);
	*/
}

.track-ext-link-click {
	padding: 0;
	margin: 0;
}


/*---------- ACCUEIL ----------*/


#logo-intro {
	max-width: 130px;
}


.intro-home {
	font-size: 1.2em;
	text-transform: uppercase;
	color: var(--bleu-principal);
}

.pilier-accueil a,
.catalyseur-accueil a {
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pilier-accueil a h2,
.catalyseur-accueil a h2 {
	transition: color .5s;
}

.pilier-accueil .h2, .pilier-accueil h2,
.pilier-accueil.h3, .pilier-accueil h3,
.catalyseur-accueil .h2, .catalyseur-accueil h2,
.catalyseur-accueil.h3, .catalyseur-accueil h3 {
	color: white;
}

.pilier-accueil a:hover h2 {
	color: var(--vert-principal);
}

.catalyseur-accueil a:hover h2 {
	color: var(--jaune-principal);
}

.asterisque-pilier,
.catalyseur-pilier {
	width: 150px;
}

.divider-accueil {
	margin-top: -65px;
}


/*---------- PILIERS ----------*/

.equal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.equal > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.equal-content {
	height: 100%;
}

a .equal-content {
	height: calc(100% - 10px);
}

a.equal-content-link {
	height: 100%;
}

#pilier h1,
#catalyseur h1 {
	color: white;
	text-align: center;
}

#accueil .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

#pilier1 .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}

#pilier2 .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}

#pilier3 .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}

#pilier4 .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}

#pilier5 .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}

#catalyseur-rh .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--jaune-principal);
}

#catalyseur-data .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

#socle .shadow-content {
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

#accueil a:hover .shadow-content,
#pilier1 a:hover .shadow-content,
#pilier2 a:hover .shadow-content,
#pilier3 a:hover .shadow-content,
#pilier4 a:hover .shadow-content,
#pilier5 a:hover .shadow-content,
#catalyseur-rh a:hover .shadow-content,
#catalyseur-data a:hover .shadow-content,
#socle a:hover .shadow-content {
	box-shadow: 6px 6px 0px 0px white;
}

.main-video {
	padding: 24px;
	min-height: 380px;
	background-color: black;
	position: relative;
	overflow: hidden;
}

	.main-video h2 {
		font-size: 40px;
		color: white;
		margin-bottom: 15px;
	}
	
	.main-video p {
		font-size: 20px;
		color: white;
	}
	
	#main-video-accueil.main-video h2,
	#main-video-accueil.main-video p {
		color: var(--bleu-principal);
	}
	

.other-video {
	padding: 24px;
	min-height: 200px;
	background-color: black;
	position: relative;
	overflow: hidden;
}

	.other-video h2 {
		font-size: 16px;
		color: white;
	}
	
	.other-video p {
		font-size: 16px;
		color: white;
	}
	
img.thumbnail-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.3;
	transition: .35s all;
}

a:hover img.thumbnail-video {
	opacity: 0.4;
	transform: scale(1.025);
}

#main-video-accueil img.thumbnail-video,
#main-video-accueil a:hover img.thumbnail-video {
	opacity: 1;
}

.main-video .text-video,
.other-video .text-video {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.main-video .mark-viewed,
.other-video .mark-viewed {
	position: absolute;
	bottom: 24px;
	z-index: 2;
}

.main-video::before,
.other-video::before {
	content: '';
	width: 45px;
	height: 70px;
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 22px);
	z-index: 1;
	transition: .5s all;
}

#accueil .main-video::before,
#accueil .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%2314EB00"/></svg>');
}

#pilier1 .main-video::before,
#pilier1 .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%23E43C2F"/></svg>');
}

#pilier2 .main-video::before,
#pilier2 .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%23F37F0C"/></svg>');
}

#pilier3 .main-video::before,
#pilier3 .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%23B27CFF"/></svg>');
}

#pilier4 .main-video::before,
#pilier4 .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%23FD18FF"/></svg>');
}

#pilier5 .main-video::before,
#pilier5 .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%234FB9FF"/></svg>');
}

#catalyseur-rh .main-video::before,
#catalyseur-rh .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%23FAFF00"/></svg>');
}

#catalyseur-data .main-video::before,
#catalyseur-data .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%2314EA00"/></svg>');
}

#socle .main-video::before,
#socle .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%2314EA00"/></svg>');
}

#accueil a:hover .main-video::before,
#accueil a:hover .other-video::before,
#pilier1 a:hover .main-video::before,
#pilier1 a:hover .other-video::before,
#pilier2 a:hover .main-video::before,
#pilier2 a:hover .other-video::before,
#pilier3 a:hover .main-video::before,
#pilier3 a:hover .other-video::before,
#pilier4 a:hover .main-video::before,
#pilier4 a:hover .other-video::before,
#pilier5 a:hover .main-video::before,
#pilier5 a:hover .other-video::before,
#catalyseur-rh a:hover .main-video::before,
#catalyseur-rh a:hover .other-video::before,
#catalyseur-data a:hover .main-video::before,
#catalyseur-data a:hover .other-video::before,
#socle a:hover .main-video::before,
#socle a:hover .other-video::before {
	background: url('data:image/svg+xml,<svg width="45" height="71" viewBox="0 0 45 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Shape Copy" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L45 35.3571L0 70.7143V0Z" fill="%23FFFFFF"/></svg>');
}

.portrait {
	position: relative;
	transition: .25s all;
}

.portrait .mark-viewed {
	position: absolute;
	bottom: 8px;
	left: 8px;
}

#pilier1 a .portrait {
	box-shadow: 0px 0px 0px 0px var(--couleur-pilier1);
}
#pilier1 a:hover .portrait {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}

#pilier2 a .portrait {
	box-shadow: 0px 0px 0px 0px var(--couleur-pilier2);
}
#pilier2 a:hover .portrait {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}

#pilier3 a .portrait {
	box-shadow: 0px 0px 0px 0px var(--couleur-pilier3);
}
#pilier3 a:hover .portrait {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}

#pilier4 a .portrait {
	box-shadow: 0px 0px 0px 0px var(--couleur-pilier4);
}
#pilier4 a:hover .portrait {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}

#pilier5 a .portrait {
	box-shadow: 0px 0px 0px 0px var(--couleur-pilier5);
}
#pilier5 a:hover .portrait {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}

.portrait-details {
	display: flex;
	align-items: center;
	justify-content: center;
}

.portrait-details {
	padding-right: 40px;

}

.pilier-link {
	padding: 20px 74px 20px 30px;
	display: flex;
	align-items: center;
	justify-content: start;
	transition: all .4s;
}

#accueil .pilier-link {
	justify-content: start;
	height: 177px;
}

a:hover .pilier-link {
	padding: 20px 56px 20px 38px;
}

#accueil a:hover .pilier-link {
	background-color: var(--vert-principal);
	box-shadow: 6px 6px 0px 0px white;
}

	#accueil a:hover .pilier-link h3 {
		color: var(--bleu-principal);
	}

#pilier1 a:hover .pilier-link {
	background-color: var(--couleur-pilier1);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier2 a:hover .pilier-link {
	background-color: var(--couleur-pilier2);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier3 a:hover .pilier-link {
	background-color: var(--couleur-pilier3);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier4 a:hover .pilier-link {
	background-color: var(--couleur-pilier4);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier5 a:hover .pilier-link {
	background-color: var(--couleur-pilier5);
	box-shadow: 6px 6px 0px 0px white;
}


.pilier-link::before {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	top: calc(50% - 24px);
	right: 40px;
	transition: background-image .4s;
	background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="lue/arrow-right"><path id="Vector" d="M18.8216 32.845C19.1466 33.17 19.5733 33.3333 20 33.3333C20.4266 33.3333 20.8533 33.17 21.1783 32.845L32.8178 21.2055C32.9481 21.0811 33.0582 20.9357 33.1427 20.7748C33.3983 20.2892 33.3974 19.7048 33.1399 19.2199C33.0558 19.0612 32.9467 18.9177 32.818 18.7947L21.1783 7.15501C20.5266 6.50334 19.4733 6.50334 18.8216 7.15501C18.17 7.80668 18.17 8.86001 18.8216 9.51168L27.6433 18.3333H8.33329C7.41329 18.3333 6.66663 19.08 6.66663 20C6.66663 20.92 7.41329 21.6667 8.33329 21.6667H27.6433L18.8216 30.4883C18.17 31.14 18.17 32.1933 18.8216 32.845Z" fill="%232B02D5"/></g></svg>');
}

a:hover .pilier-link::before {
	background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="lue/arrow-right"><path id="Vector" d="M18.8216 32.845C19.1466 33.17 19.5733 33.3333 20 33.3333C20.4266 33.3333 20.8533 33.17 21.1783 32.845L32.8178 21.2055C32.9481 21.0811 33.0582 20.9357 33.1427 20.7748C33.3983 20.2892 33.3974 19.7048 33.1399 19.2199C33.0558 19.0612 32.9467 18.9177 32.818 18.7947L21.1783 7.15501C20.5266 6.50334 19.4733 6.50334 18.8216 7.15501C18.17 7.80668 18.17 8.86001 18.8216 9.51168L27.6433 18.3333H8.33329C7.41329 18.3333 6.66663 19.08 6.66663 20C6.66663 20.92 7.41329 21.6667 8.33329 21.6667H27.6433L18.8216 30.4883C18.17 31.14 18.17 32.1933 18.8216 32.845Z" fill="%23FFFFFF" /></g></svg>');
}

.pilier-link-icon-down.pilier-link::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><path d="M18.7941 33.7341C19.0977 34.0521 19.5258 34.25 20 34.25C20.474 34.25 20.9019 34.0523 21.2055 33.7346L32.845 22.095C33.4967 21.4434 33.4967 20.39 32.845 19.7384C32.1933 19.0867 31.14 19.0867 30.4883 19.7384L21.6667 28.56V9.25004C21.6667 8.33004 20.92 7.58337 20 7.58337C19.08 7.58337 18.3333 8.33004 18.3333 9.25004V28.56L9.51168 19.7384C8.86001 19.0867 7.80668 19.0867 7.15501 19.7384C6.50334 20.39 6.50334 21.4434 7.15501 22.095L18.7941 33.7341Z" fill="%232B02D5"/></svg>');
}

a:hover .pilier-link-icon-down.pilier-link::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><path d="M18.7941 33.7341C19.0977 34.0521 19.5258 34.25 20 34.25C20.474 34.25 20.9019 34.0523 21.2055 33.7346L32.845 22.095C33.4967 21.4434 33.4967 20.39 32.845 19.7384C32.1933 19.0867 31.14 19.0867 30.4883 19.7384L21.6667 28.56V9.25004C21.6667 8.33004 20.92 7.58337 20 7.58337C19.08 7.58337 18.3333 8.33004 18.3333 9.25004V28.56L9.51168 19.7384C8.86001 19.0867 7.80668 19.0867 7.15501 19.7384C6.50334 20.39 6.50334 21.4434 7.15501 22.095L18.7941 33.7341Z" fill="%23FFFFFF"/></svg>');
}

.pilier-link h3 {
	font-family: 'AvenirHeavy', sans-serif;
	margin-bottom: 0;
}

a:hover .pilier-link h3 {
	color: white;
}


/*---------- RESGISTER ----------*/


.icon-btn {
	height: 22px;
	margin-right: 5px;
}

.card {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#registration-page .accordion .card-header:after {
	display: none;
}

h6.header-module {
	font-size: 1.3em;
	text-transform: uppercase;
	text-decoration: underline;
}

h6.header-module span {
	display: inline-block;
	padding: .2rem .8rem;
	border-radius: 0;
	border: 2px solid #ffffff;
	font-size: 1.4rem;
    line-height: 1.5;
}

.carousel-item {
	padding: 0 40px;
}

.carousel-control-next, .carousel-control-prev {
	color: #9b58b5;
	width: 30px;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #9b59b6;
}

.carousel-indicators {
	top: 0;
	bottom: auto;
	flex-wrap: wrap;
}

.carousel-indicators li {
	top: 0;
	bottom: auto;
    width: auto;
    height: auto;
    text-indent: unset;
    color: #3300e4;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
}

#registration-page .separateur {
	width: 100%;
	border-top: 1px solid #3fa3e6;
	margin-top: 5px;
	margin-bottom: 25px;
}

.subtitle-module,
.card-header p {
	line-height: 1.2em;
}

#registration .carousel .accordion .card {
	border: none;
}

#registration .carousel .card-header {
	border: none;
}

#registration .carousel-inner > .carousel-item {
  min-height: 430px;
}

#registration .accordion label.session,
#registration .accordion p.session {
	line-height: 1em;
	font-size: 0.8em;
	padding: .2rem .5rem;
	border-color: white;
}

#registration label.session.full {
	line-height: 1em;
}

#registration label.session.full small {
	font-size: 0.7em;
}

#registration .accordion p.session {
	color: #3fa3e6;
}

#registration .accordion  label.session:focus {
	/*
	-webkit-box-shadow: none;
	box-shadow: none;
	*/
}

#registration .accordion  label.session:not(:disabled):not(.disabled).active,
#registration .accordion  label.session:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #3fa3e6;
    border-color: #3fa3e6;
    border-radius: 0;
}


#registration .accordion  label.session span {
	color: #3fa3e6;
	font-size: 0.8em;
	font-weight: normal;
}

#registration .accordion  label.session:not(:disabled):not(.disabled).active span,
#registration .accordion  label.session:not(:disabled):not(.disabled):active span {
	color: #fff;
}

#registration .accordion  label.session.disabled,
#registration .accordion  label.session.disabled span {
	color: rgba(63, 163, 230, 0.6) !important;
}

#registration .accordion  .speaker-statut {
	display: inline-block;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-top: 3px;
}


.form-control {
	border-color: var(--bleu-principal);
}

.form-control:focus {
	border-color: var(--vert-principal);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-select {
	font-family: 'itcavantgardeltextrabold', sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	border: none;
	color: #fff;
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
	border-radius: 0;
	background: url('../img/chevron-down.svg') no-repeat 95% center var(--bleu-principal);
}

.custom-select:focus {
	border: none;
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
	background: url('../img/chevron-down.svg') no-repeat 95% center var(--bleu-principal);
}

.custom-control-label {
    line-height: 1.5;
}

/*
.custom-control-label:before,
.custom-control-input:not(:disabled):active~.custom-control-label:before {
	background-color: transparent;
    border: 1px solid var(--bleu-principal);
}

.custom-control-input:checked~.custom-control-label:before {
    border-color: #fff;
    background-color: var(--bleu-principal);
}
*/

.btn-primary {
    color: var(--bleu-principal);
    border: none;
	border-radius: 0;
	font-family: 'itcavantgardeltextrabold', sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0.3rem 1.5rem;
	background: var(--vert-principal);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

.btn-primary:hover,
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: var(--bleu-principal);
    background: var(--vert-principal);
   	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #CBCBCB;
	background: white;
	box-shadow: none;
}

.btn-secondary {
	color: var(--bleu-principal);
	border: none;
	border-radius: 0;
	font-family: 'itcavantgardeltextrabold', sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0.3rem 1.5rem;
	background: white;
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

.btn-secondary:hover {
	color: var(--bleu-principal);
	background: var(--vert-principal);
	box-shadow: 6px 6px 0px 0px white;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: var(--bleu-principal);
	background: white;
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: #CBCBCB;
	background: white;
	box-shadow: none;
}


#pilier1 .btn-primary {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}

#pilier1 .btn-primary:hover,
#pilier1 .btn-primary.focus, #pilier1 .btn-primary:focus {
	color: white;
	background: var(--couleur-pilier1);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#pilier1 .btn-primary:not(:disabled):not(.disabled).active,
#pilier1 .btn-primary:not(:disabled):not(.disabled):active,
#pilier1 .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}

#pilier1 .btn-secondary {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}

#pilier1 .btn-secondary:hover {
	color: white;
	background: var(--couleur-pilier1);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier1 .btn-secondary:not(:disabled):not(.disabled).active,
#pilier1 .btn-secondary:not(:disabled):not(.disabled):active,
#pilier1 .show>.btn-secondary.dropdown-toggle {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}


#pilier2 .btn-primary {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}

#pilier2 .btn-primary:hover,
#pilier2 .btn-primary.focus, #pilier2 .btn-primary:focus {
	color: white;
	background: var(--couleur-pilier2);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#pilier2 .btn-primary:not(:disabled):not(.disabled).active,
#pilier2 .btn-primary:not(:disabled):not(.disabled):active,
#pilier2 .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}

#pilier2 .btn-secondary {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}

#pilier2 .btn-secondary:hover {
	color: white;
	background: var(--couleur-pilier2);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier2 .btn-secondary:not(:disabled):not(.disabled).active,
#pilier2 .btn-secondary:not(:disabled):not(.disabled):active,
#pilier2 .show>.btn-secondary.dropdown-toggle {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}


#pilier3 .btn-primary {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}

#pilier3 .btn-primary:hover,
#pilier3 .btn-primary.focus, #pilier3 .btn-primary:focus {
	color: white;
	background: var(--couleur-pilier3);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#pilier3 .btn-primary:not(:disabled):not(.disabled).active,
#pilier3 .btn-primary:not(:disabled):not(.disabled):active,
#pilier3 .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}

#pilier3 .btn-secondary {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}

#pilier3 .btn-secondary:hover {
	color: white;
	background: var(--couleur-pilier3);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier3 .btn-secondary:not(:disabled):not(.disabled).active,
#pilier3 .btn-secondary:not(:disabled):not(.disabled):active,
#pilier3 .show>.btn-secondary.dropdown-toggle {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}


#pilier4 .btn-primary {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}

#pilier4 .btn-primary:hover,
#pilier4 .btn-primary.focus, #pilier4 .btn-primary:focus {
	color: white;
	background: var(--couleur-pilier4);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#pilier4 .btn-primary:not(:disabled):not(.disabled).active,
#pilier4 .btn-primary:not(:disabled):not(.disabled):active,
#pilier4 .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}

#pilier4 .btn-secondary {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}

#pilier4 .btn-secondary:hover {
	color: white;
	background: var(--couleur-pilier4);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier4 .btn-secondary:not(:disabled):not(.disabled).active,
#pilier4 .btn-secondary:not(:disabled):not(.disabled):active,
#pilier4 .show>.btn-secondary.dropdown-toggle {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}


#pilier5 .btn-primary {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}

#pilier5 .btn-primary:hover,
#pilier5 .btn-primary.focus, #pilier5 .btn-primary:focus {
	color: white;
	background: var(--couleur-pilier5);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#pilier5 .btn-primary:not(:disabled):not(.disabled).active,
#pilier5 .btn-primary:not(:disabled):not(.disabled):active,
#pilier5 .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}

#pilier5 .btn-secondary {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}

#pilier5 .btn-secondary:hover {
	color: white;
	background: var(--couleur-pilier5);
	box-shadow: 6px 6px 0px 0px white;
}

#pilier5 .btn-secondary:not(:disabled):not(.disabled).active,
#pilier5 .btn-secondary:not(:disabled):not(.disabled):active,
#pilier5 .show>.btn-secondary.dropdown-toggle {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}


#catalyseur-rh .btn-primary {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--jaune-principal);
}

#catalyseur-rh .btn-primary:hover,
#catalyseur-rh .btn-primary.focus, #catalyseur-rh .btn-primary:focus {
	color: var(--bleu-principal);
	background: var(--jaune-principal);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#catalyseur-rh .btn-primary:not(:disabled):not(.disabled).active,
#catalyseur-rh .btn-primary:not(:disabled):not(.disabled):active,
#catalyseur-rh .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--jaune-principal);
}

#catalyseur-rh .btn-secondary {
	box-shadow: 6px 6px 0px 0px var(--jaune-principal);
}

#catalyseur-rh .btn-secondary:hover {
	background: var(--jaune-principal);
	box-shadow: 6px 6px 0px 0px white;
}

#catalyseur-rh .btn-secondary:not(:disabled):not(.disabled).active,
#catalyseur-rh .btn-secondary:not(:disabled):not(.disabled):active,
#catalyseur-rh .show>.btn-secondary.dropdown-toggle {
	box-shadow: 6px 6px 0px 0px var(--jaune-principal);
}


#contribution .btn-primary {
	color:white;
	border: none;
	border-radius: 0;
	font-family: 'itcavantgardeltextrabold', sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0.3rem 1.5rem;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

#contribution .btn-primary:hover,
#contribution .btn-primary.focus, #contribution-raison .btn-primary:focus {
	color: var(--bleu-principal);
	background: var(--vert-principal);
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

#contribution .btn-primary:not(:disabled):not(.disabled).active,
#contribution .btn-primary:not(:disabled):not(.disabled):active,
#contribution .show>.btn-primary.dropdown-toggle {
	color: white;
	background: var(--bleu-principal);
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

#contribution .form-control {
	color: var(--bleu-principal);
	border-color: var(--vert-principal);
}



#registration .divider {
	width: 100%;
	border-top: 1px solid var(--vert-principal);
	margin-top: 5px;
	margin-bottom: 20px;
}


.btn-yes-no {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
	padding: 0.3rem 1.5rem;
	font-family: 'itcavantgardeltextrabold', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	background: var(--bleu-principal);
	box-shadow: var(--vert-principal) 4px 4px 0px 0px;
	color: white;
	cursor: pointer;
}

.btn-yes-no.active {
	border-color: var(--vert-principal);
	background: var(--vert-principal);
	box-shadow: var(--bleu-principal) 4px 4px 0px 0px;
	color: white;
}


body.page-quiz {
	background: white;
}

.question {
	font-family: 'AvenirHeavy', sans-serif;
	font-size: 20px;
}

.answer-infos {
	font-family: 'AvenirHeavy', sans-serif;
}

.custom-checkbox .custom-control-label:before {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-image: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Radio checked"><circle id="Oval" cx="11" cy="10.5" r="10" stroke="%232B02D5"/></g></svg>');
	background-color: transparent;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
	background-image: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Radio checked Copy"><circle id="Oval" cx="11" cy="10.5" r="10" stroke="%232B02D5"/><circle id="Oval_2" cx="11" cy="10.5" r="5" fill="%232B02D5"/></g></svg>');
}

.custom-control-label:after, .custom-control-label:before {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	top: 0.13rem;
}

.custom-control-input:checked~.custom-control-label:before {
	background-color: transparent;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
	background-color: transparent;
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
	border-color: var(--bleu-principal);
}

.page-quiz .custom-control-input:disabled~.custom-control-label {
	color: var(--bleu-principal);
}

.page-quiz h2 {
	font-size: 20px;
}



.raison-d-oser div.raison {
	background: #dfd9f9;
	padding: 40px;
	height: 200px;
	text-align: center;
	color: var(--bleu-principal);
	display: flex;
	align-items: center;
	cursor: grab;
}

.raison-d-oser div.raison:hover {
	background: var(--vert-principal);
}

.owl-carousel .center {
	left: initial;
	-webkit-transform: initial;
	-ms-transform: initial;
	transform: initial;
}


body.swal2-height-auto {
	height: 100% !important
}

.swal2-popup {
	border-radius: 0;
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

.page-quiz .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
	background: rgba(43, 2, 213, 0.9);
}

.swal2-icon.swal2-warning {
	border-color: var(--bleu-principal);
	color: var(--bleu-principal);
}

.swal2-popup .swal2-title {
	color: var(--bleu-principal);
	font-size: 1.3em;
	font-family: 'itcavantgardeltextrabold', sans-serif;
	font-weight: 600;
}

.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-confirm:focus {
	font-weight: 800;
	font-family: 'itcavantgardeltextrabold', sans-serif;
	text-transform: uppercase;
	border-radius: 0;
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

#pilier1 .swal2-popup .swal2-styled.swal2-confirm,
#pilier1 .swal2-popup .swal2-styled.swal2-confirm:focus {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier1);
}

#pilier2 .swal2-popup .swal2-styled.swal2-confirm,
#pilier2 .swal2-popup .swal2-styled.swal2-confirm:focus {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier2);
}

#pilier3 .swal2-popup .swal2-styled.swal2-confirm,
#pilier3 .swal2-popup .swal2-styled.swal2-confirm:focus {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier3);
}

#pilier4 .swal2-popup .swal2-styled.swal2-confirm,
#pilier4 .swal2-popup .swal2-styled.swal2-confirm:focus {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier4);
}

#pilier5 .swal2-popup .swal2-styled.swal2-confirm,
#pilier5 .swal2-popup .swal2-styled.swal2-confirm:focus {
	box-shadow: 6px 6px 0px 0px var(--couleur-pilier5);
}

.swal2-popup .swal2-styled:focus {
	box-shadow: none;
}

.swal2-container.swal2-shown {
	background-color: var(--bleu-principal);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
	background-color: var(--bleu-principal);
}

.swal2-container {
	z-index: 100000;
}

.swal2-icon.swal2-success .swal2-success-ring {
	border: 0.25em solid var(--bleu-principal);
}

.fancybox-slide--iframe .fancybox-content {
	width  : 800px;
	height : 600px;
	max-width  : 90%;
	max-height : 90%;
	margin: 0;
}

.fancybox-is-open .fancybox-bg {
    opacity: .7;
    /*background: #5a6405;*/
	background: #000;
    transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

#contribution-raison .fancybox-is-open .fancybox-bg {
	opacity: .0;
	/*background: #5a6405;*/
	background: #000;
	transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.fancybox-content {
	border-radius: 0px;
	padding: 36px;
	transition: .5s all;
}

.fancybox-active {
	height: 100% !important;
}

.fancybox-inner{
	-webkit-overflow-scrolling: touch;
}

.fancybox-slide--html .fancybox-close-small svg {
	color: var(--bleu-principal);
	border: 1px solid var(--bleu-principal);
}

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
	cursor: initial;
}

.close-fb {
	position: absolute;
	z-index: 99999;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	padding: 10px;
	border: 2px solid #FF3E3E;
	cursor: pointer;
}

.progress {
	background-color: white;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #FF3E3E;
	font-size: 1.1em;
}

.progress-bar {
	background-color: #FF3E3E;
}

.body-pilier1 .modal-backdrop {
	background-color: var(--couleur-pilier1);
}

.body-pilier2 .modal-backdrop {
	background-color: var(--couleur-pilier2);
}

.body-pilier3 .modal-backdrop {
	background-color: var(--couleur-pilier3);
}

.body-pilier4 .modal-backdrop {
	background-color: var(--couleur-pilier4);
}

.body-pilier5 .modal-backdrop {
	background-color: var(--couleur-pilier5);
}

#contribution-raison .modal-backdrop {
	background-color: var(--bleu-principal);
}

.modal-backdrop.show {
	opacity: .9;
}

.modal {
	/*height: 100vh;*/
}

.modal-dialog {
	/*margin: 4.3rem auto !important;*/
}

.modal-dialog-centered {
	/*
	min-height: calc(100% - 9rem) !important;
	height: 100%;
	*/
}

.modal-content {
	border-radius: 0;
	box-shadow: 6px 6px 0px 0px var(--bleu-principal);
}

.modal-body .close {
	position: absolute;
	z-index: 99999;
	top: -60px;
	right: 0px;
	width: 50px;
	height: 50px;
	padding: 10px;
	border: 2px solid white;
	cursor: pointer;
	color: white;
	opacity: 1;
}

#contribution-raison .modal-body .close {
	top: 44px;
	right: 56px;
	border: 2px solid var(--bleu-principal);
	color: var(--bleu-principal);
}

#contribution-raison .modal-dialog {
	max-width: 570px !important;
}

#contribution-raison .modal-content {
	box-shadow: 6px 6px 0px 0px var(--vert-principal);
}

.modal-body .btn-next {
	position: absolute;
	width: 40px;
	height: 40px;
	top: calc(50% - 20px);
	right: -50px;
	cursor: pointer;
}

.modal-body .btn-prev {
	position: absolute;
	width: 40px;
	height: 40px;
	top: calc(50% - 20px);
	left: -50px;
	cursor: pointer;
}

#iframeModalZone {
	transition: all .5s;
}


/*---------- PRIVACY POLICY ----------*/

#privacy-policy {
	position: relative;
	text-align: justify;
	max-width: 1140px;
}

#privacy-policy p {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 0.85em;
	line-height: 16px;
	color: #000000;
}

#privacy-policy-header {
	background: var(--bleu-principal);
	padding: 12px 5px 1px 5px;
	text-align: center;
	margin-bottom: 20px;
}

#privacy-policy-header a,
#privacy-policy-header a:hover {
	color: #fff !important;
}

#privacy-policy h1 {
	font-size: 1.4em;
	color: var(--bleu-principal);
}

#privacy-policy h2 {
	font-size: 1.2em;
	color: var(--bleu-principal);

}

#privacy-policy a,
#privacy-policy a:hover {
	color: var(--bleu-principal);
}

/*---------- ADDPIPE ----------*/

.pipeRecordRTC {
	margin-right: auto;
	margin-left: auto;
}


.fp-watermark {
	display: none !important;
}