/*-----------------------------
		GENERAL
-----------------------------*/
:root {
	--turquoise: #00b6c3;
	--yellow: #f9e716;
	--purple: #644998;
	--lightGrey: #f6f6f6;
	--grey: #b9babd;
	--black: #414042;
}

html {
	width: 100%;
	overflow-x: hidden;
}


body {
	font-size: 16px;
	color: #414042;
	font-family: 'Poppins', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 400;
	letter-spacing: 1.5px;
	background-color: #fff;
}

a { color: currentColor; }

@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/UbuntuTitling-Bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/*@font-face {
	font-family: 'Organika';
	src: url('../fonts/organika_script-webfont.woff'),
	url('../fonts/organika_script-webfont.woff2');
	font-weight: normal;
	font-style: normal;
}*/

/*-----------------------------
		TEMP
-----------------------------*/
.temp {
	z-index: 100001;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
	body.logged-in .temp { display: none; }
	@-webkit-keyframes jump {
		0% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		}
		25% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05) rotate(-20deg) translateY(-20%);
		transform: scale3d(1.05, 1.05, 1.05) rotate(-20deg) translateY(-20%);
		}
		50% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		}
		75% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05) rotate(20deg) translateY(-20%);
		transform: scale3d(1.05, 1.05, 1.05) rotate(20deg) translateY(-20%);
		}
		100% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		}
	}
	@keyframes jump {
		0% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		}
		25% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05) rotate(-20deg) translateY(-20%);
		transform: scale3d(1.05, 1.05, 1.05) rotate(-20deg) translateY(-20%);
		}
		50% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		}
		75% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05) rotate(20deg) translateY(-20%);
		transform: scale3d(1.05, 1.05, 1.05) rotate(20deg) translateY(-20%);
		}
		100% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		transform: scale3d(1, 1, 1) rotate(0) translateY(0);
		}
	} 

.temp-logo {
	z-index: 2;
	position: relative;
	padding: 1em;
	background-color: #fff;
	-webkit-animation-name: jump;
	animation-name: jump;
	-webkit-animation-duration: 1.75s;
	animation-duration: 1.75s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.temp-legend {
	z-index: 1;
	position: relative;
	top: -5em;
	transition: 1.5s 1.5s;
}
.temp-legend.active {
	top: 0;
}
/*******************
	helpers
*******************/

@media screen and (min-width: 1000px) {
	.display-mobile-only { display: none; }
}
@media screen and (max-width: 1000px) {
	.display-desktop-only { display: none; }
}

.light { font-weight: 300; }
.regular { font-weight: 400; }
.mediumLight { font-weight: 500; }
.medium { font-weight: 600; }
.strong { font-weight: 700; }
.stronger { font-weight: 800; }
.extraStrong { font-weight: 900; }
.f-tinyer { font-size: 0.6em; }
.f-tiny { font-size: 0.7em; }
.f-small { font-size: 0.875em; }
.f-tinyplus { font-size: 1.125em; }
.f-big { font-size: 1.25em; }
.f-plus { font-size: 1.375em; }
.f-bigger { font-size: 1.5625em; }
.f-huge { font-size: 2.1875em; }
	@media screen and (max-width: 1000px) {
		.f-plus { font-size: 1.1em; }
		.f-big { font-size: 1.2em; }
		.f-bigger { font-size: 1.3em; }
		.f-huge { font-size: 1.7em; }
	}

.lh-regular { line-height: 1.3em; }
.lh-plus { line-height: 1.375em; }

.uppercase { text-transform: uppercase; }

.clear { clear: both; }

.cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.contain {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.p-relative {
	position: relative;
}
.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
}

.title {
	font-family: 'Ubuntu';
}

.ao-title {
	font-family: 'Ubuntu';
	display: inline;
	position: relative;
	font-size: 1.5em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
}
.ao-title:before {
	content: '';
	z-index: 1;
	position: absolute;
	top: -0.6em;
	left: -0.9em;
	width: 2.3em;
	height: 2.3em;
	border-radius: 50%;
	background-color: #f9e716;
}
.ao-title:after {
	content: '';
	display: table;
	height: 1.1em;
}
.ao-title span { z-index: 2; position: relative; }

.bg-turquoise { background-color: #00b6c3; color: #fff; }
.bg-purple { background-color: #644998; color: #fff; }
.bg-yellow { background-color: #f9e716; color: #242627; }
.bg-lightGrey { background-color: #f6f6f6; }

.turquoise { color: #00b6c3; }
.purple { color: #644998; }
.yellow { color: #f9e716; }
.black { color: #414042; }

.btn {
	border-radius: 0;
}
.btn-small { font-size: 0.875em; }
.btn-slim { padding: .5em .9em; }
.btn-wide { padding: .7em 1.1em; }
.btn-extended { font-size: 1.175em; padding: 0.8em 2.2em; font-family: 'Ubuntu', sans-serif; }
	@media screen and (max-width: 500px) { .btn-extended { font-size: 1em; } }
.btn-w-caret { position: relative; text-align: left; padding-right: 2.6em; }
.btn-wide.btn-w-caret { padding-right: 3.3em;  }
.btn-w-caret::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.5em;
	width: 0; 
	height: 0; 
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	border-left: 0.65em solid currentColor;
	margin-top: -0.35em;
}
.btn-extended.btn-w-caret::after {
	margin-top: -0.45em;
}
.btn-download, .btn-external { position: relative; }
.btn-download::after, .btn-external::after {
	content: '';
	position: relative;
	top: 0.1em;
	display: inline-block;
	margin-left: 0.33em;
	height: 1em;
	width: 1.5em;
	background-color: currentColor;
	mask-image: url(../img/icon-download.svg);
	-webkit-mask-image: url(../img/icon-download.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}
.btn-external::after {
	mask-image: url(../img/icon-external.svg);
	-webkit-mask-image: url(../img/icon-external.svg);
}
.boxed-btn {
	z-index: 3;
	position: absolute;
	bottom: 0;
	right: 3em;
	transform: translateY(50%);
}

.btn-turquoise {
	background-color: #00b6c3;
	border-color: #00b6c3;
	color: #fff;
}
.btn-turquoise:hover {
	background-color: #fff;
	color: #00b6c3;
}
.btn-purple {
	background-color: #644998;
	border-color: #644998;
	color: #fff;
}
.btn-purple:hover {
	background-color: #fff;
	color: #644998;
}
.btn-yellow-purple {
	background-color: #f9e716;
	border-color: #f9e716;
	color: #644998;
}
.btn-yellow-purple:hover {
	background-color: #644998;
	color: #f9e716;
}
.btn-transparent{
	background-color: transparent;
	border-color: transparent;
	color: currentColor;
	padding-left: 0;
}
.btn-transparent:hover {
	background-color: transparent;
	border-color: transparent;
	color: #f9e716;
}

.btn-bordered {
	border: currentColor 1px solid;
	background-color: transparent;
}

.slick-dots {
	list-style-type: none;
}
.slick-dots li {
	display: inline-block;
	padding: 0.25em;
}
.slick-dots li button {
	font-size: 0;
	width: 12px;
	height: 12px;
	padding: 0;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	background-color: #00b6c3;
	transition: 0.3s;
}
.slick-dots li:hover button, .slick-dots li.slick-active button {
	background-color: #f9e716;
	transform: scale(1.1);
}

/*******************
 animations on load
*******************/
@media screen {

	main > section:not(.no-reveal), sidebar > section:not(.no-reveal) {
		opacity: 0;
		top: 10vh;
		transition: ease-out 0.5s;
	}
	main > section.reveal, sidebar > section.reveal {
		opacity: 1;
		top: 0;
	}
	@media screen and (min-width: 1000px) {
		.reveal-left, .reveal-left-right-children > *:nth-child(odd) {
			position: relative;
			left: -150px;
			transition: ease-out 0.5s;
		}
		.reveal .reveal-left, .reveal .reveal-left-right-children > *:nth-child(odd) {
			left: 0;
		}
		.reveal-right, .reveal-left-right-children > *:nth-child(even) {
			position: relative;
			right: -150px;
			transition: ease-out 0.5s;
		}
		.reveal .reveal-right, .reveal .reveal-left-right-children > *:nth-child(even) {
			right: 0;
		}
		.reveal-blur {
			filter: blur(5px);
			transition: ease-out 1s;
		}
		.reveal .reveal-blur {
			filter: blur(0);
		}
		.reveal-cascade-children > * { transform: translateY(10vh); transition: ease-out 0.5s; }
		.reveal .reveal-cascade-children > * { transform: translateY(0); }
		.reveal-cascade-children > *:nth-child(1) { transition-delay: 0; }
		.reveal-cascade-children > *:nth-child(2) { transition-delay: 0.1s; }
		.reveal-cascade-children > *:nth-child(3) { transition-delay: 0.2s; }
		.reveal-cascade-children > *:nth-child(5) { transition-delay: 0.3s; }
		.reveal-cascade-children > *:nth-child(6) { transition-delay: 0.4s; }
		.reveal-cascade-children > *:nth-child(7) { transition-delay: 0.45s; }
		.reveal-cascade-children > *:nth-child(8) { transition-delay: 0.5s; }
		.reveal-cascade-children > *:nth-child(9) { transition-delay: 0.55s; }
		.reveal-cascade-children > *:nth-child(10) { transition-delay: 0.6s; }
		.reveal-cascade-children > *:nth-child(11) { transition-delay: 0.65s; }
		.reveal-cascade-children > *:nth-child(12) { transition-delay: 0.7s; }
	}
}

/*******************
	tooltip
*******************/

.tooltip { position: relative; }
.tooltip::before {
	content: '';
	position: absolute;
	top: 110%;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	width: 0;
	border-left: transparent 0.5em solid;
	border-right: transparent 0.5em solid;
	border-bottom: #414042 0.5em solid;
	visibility: hidden;
	opacity: 0;
}
.tooltip::after {
	content: attr(tooltip);
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	padding: 0.5em 0.75em;
	font-size: 12px;
	background: #414042;
	color: #fff;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}
.tooltip:hover::after, .tooltip:hover::before {
	opacity: 1;
	visibility: visible;
}
.tooltip:hover::before {
	top: 100%;
	transition: 0.4s 0.2s;
}
.tooltip.active::after {
	content: attr(tooltip-active);
}


/*******************
 	header
*******************/

body {
	position: relative;
	padding-left: 310px;
}
	@media screen and (max-width: 650px) {
		body { padding-top: 3em; }
	}

.section-w-padding { padding: 0 calc(1em + 4vw); }
	@media screen and (max-width: 650px) {
		.no-padding-on-mobile { padding: 0; }
	}

.main-header__wrapper {
	z-index: 991;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 310px;
}

	@-webkit-keyframes pulse {
		0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		}
		50% {
		-webkit-transform: scale3d(1.25, 1.25, 1.25);
		transform: scale3d(1.25, 1.25, 1.25);
		}
		100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		}
	}
	@keyframes pulse {
		0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		}
		50% {
		-webkit-transform: scale3d(1.25, 1.25, 1.25);
		transform: scale3d(1.25, 1.25, 1.25);
		}
		100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		}
	} 
@media screen and (min-width: 800px) {
	.main-header__wrapper.showArrow::after {
		content: '';
		z-index: 3;
		position: absolute;
		bottom: 10px;
		left: 50%;
		height: 0;
		width: 0;
		border-left: transparent 8px solid;
		border-right: transparent 8px solid;
		border-top: black 10px solid;
		opacity: 0.3;
		-webkit-animation-name: pulse;
		animation-name: pulse;
		-webkit-animation-duration: 5s;
		animation-duration: 5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}
}

.main-header {
	visibility: hidden;
	overflow: auto;
}
.main-header:hover, .main-header:focus {
	visibility: visible;
}
.main-header__content {
	padding-top: 2.5em;
	padding-bottom: 1.5em;
	visibility: visible;
}
.main-header .logo {
	position: absolute;
	top: 5%;
	left: 20%;
	width: 60%;
	padding: 0;
}
.main-nav {
	text-align: left;
	padding-top: 7vh;
	margin-top: 23%;
}
.main-nav ul {
	list-style-type: none;
	line-height: 1.3em;
	font-weight: 600;
}
.main-nav > ul > li {
	padding: 0 0 1.5em 17.65%;
	text-transform: uppercase;
	font-weight: 700;
}
.main-nav > ul > li a {
	/*font-size: 1.125em;*/
}
.main-nav > ul > li > ul {
	padding: 1.5em 0 0.5em;
	margin-left: -21.5%;
}
.main-nav > ul > li > ul > li {
	padding: 0 0 1em 30%;
}
.main-nav a:hover, .main-nav .current-menu-item > a, .main-nav .current-menu-parent > a {
	color: #644998;
}
.main-nav .current-menu-item, .main-nav .current-menu-parent {
	position: relative;
}
.main-nav .current-menu-item::before, .main-nav .current-menu-parent::before {
	content: '';
	position: absolute;
	top: -0.35em;
	left: 0;
	height: 2em;
	width: 0.35em;
	background-color: #644998;
}
.main-nav .current-menu-parent .current-menu-item::before {
	content: '';
	width: 0.15em;
}

.main-nav .menu-item-has-children > a {
	position: relative;
}
.main-nav .menu-item-has-children > a::after {
	content: '>';
	position: absolute;
	top: 0.075em;
	left: calc(100% + 0.5em);
	font-size: 1.5em;
	font-weight: 400;
	opacity: 0.5;
}
.main-nav .menu-item-has-children ul {
	display: none;
}
.main-nav .menu-item-has-children.active > a::after {
	transform: rotate(90deg);
}
.main-nav .menu-item-has-children.active ul, .main-nav .current-menu-parent ul {
	display: block;
}


	@media screen and (max-width: 1500px) {
		body { padding-left: 275px; }
		.main-header__wrapper { width: 275px; font-size: 0.9em; }
	}
	@media screen and (max-width: 1250px) {
		body { padding-left: 230px; }
		.main-header__wrapper { width: 230px; font-size: 0.8em; }
		.main-nav > ul > li { font-weight: 600; }
	}
	@media screen and (max-width: 1000px) {
		body { padding-left: 180px; }
		.main-header__wrapper { width: 180px; font-size: 0.75em; }

		.main-nav > ul > li {
			padding: 0 0 1.5em 10%;
		}
		.main-nav > ul > li > ul {
			margin-left: -12%;
		}
		.main-nav > ul > li > ul > li {
			padding: 0 0 1em 20%;
		}

	}
	@media screen and (max-width: 800px) {
		body { padding-left: 0;; }
		.main-header__wrapper { width: 100%; height: 4.15em }
		.main-header__wrapper:hover { height: 4.15em; overflow: hidden; }
		.main-header__wrapper.active { height: 100vh; }
		.main-header__wrapper:not(.active) .main-header {
			overflow: hidden;
		}
		.main-header .logo {
			top: 5px;
			left: 0;
			width: 100%;
		}
		.main-header .logo::after {
			content: '';
			position: absolute;
			top: 50%;
			right: 1em;
			width: 1.8em;
			height: 1.8em;
			margin-top: -0.9em;
			background: url(../img/icon-menu.svg) no-repeat center;
			background-size: contain;
			filter: brightness(0) invert(1);
			cursor: pointer;
		}
		.main-header__wrapper.active .main-header .logo::after {
			background: url(../img/icon-close.svg) no-repeat center;
		}
		.main-header .logo img {
			max-width: 100%;
			object-fit: contain;
			object-position: center;
			max-height: 3.15em;
		}
		.main-header__content { padding-top: 0.5em; }
		.main-nav { padding-top: 0; margin-top: 8em; padding-bottom: 2em;}
	}

.top-nav { position: relative; }
.top-nav div { transition: 0.3s; }
.top-nav ul {
	list-style-type: none;
	padding: 1em;
}
.top-nav li {
	position: relative;
	display: inline-block;
	padding-left: 1em;
	margin-left: 1em;
	text-transform: uppercase;
	color: #644998;
	font-weight: 800;
	/*font-size: 1.125em;*/
}
@media screen and (min-width: 800px) {
	.top-nav li:not(:first-child)::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: currentColor;
		margin-top: -5px;
		margin-left: -5px;
	}
}
.top-nav li a:hover { color: #00b6c3; }
.top-nav .search-icon {
	position: relative;
	flex: 0 0 3.5em;
}
.top-nav .search-icon img {
	max-width: 60%;
}

	@media screen and (max-width: 800px) {
		.top-nav {
			font-size: calc(0.4em + 1vw);
			z-index: 999;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: #fff;
			box-shadow: 0 0 5px rgba(0,0,0,0.2);
		}
		.top-nav .flex__expand.aRight {
			text-align: left;
		}
	}
	@media screen and (max-width: 400px) {
/*		.search-icon { display: none; }
*/		.top-nav { font-size: 0.7em; }
		.top-nav .flex__expand.aRight {
			text-align: center;
		}
		.top-nav ul { padding: 1em 0; }
		.top-nav li { padding: 0 0.5em; margin: 0 0.5em;;}
	}


/*******************
	FOOTER
*******************/

footer {
	z-index: : 499;
	position: relative;
	padding: 4em calc(1em + 4vw);
	background-color: #644998;
	color: #fff;
	text-align: left;
	font-family: 'Ubuntu', sans-serif;
	letter-spacing: 0;
}
.footer-logo {
	position: relative;
	margin-top: -6em;
	max-width: 8em;
}
.footer-content h3 {
	font-size: 2em;
	text-transform: uppercase;
	line-height: 1.3em;
}
.footer-content p {
	font-size: 1.125em;
	line-height: 1.25em;
}

.back-to-top {
	z-index: 999;
	position: fixed;
	bottom: 3em;
	right: 2em;
	max-width: calc(0.5em + 3.5vw);
	opacity: 0;
	visibility: hidden;
}
.back-to-top.active {
	opacity: 1;
	visibility: visible;
}


/*******************
	Pop Up
*******************/

.popup {
	z-index: -1;
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.popup.active {
	z-index: 1000;
	top: 0;
	visibility: visible;
}
.popup .overlay {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	transition: 0.3s;
}
.popup.active .overlay {
	background-color: rgba(0,0,0,0.5);
}
.popup .content {
	z-index: 2;
	position: absolute;
	bottom: -50%;
	left: 50%;
	transform: translateX(-50%);
	width: 600px;
	max-width: 90%;
	max-height: 90vh;
	background-color: #f9e716;
	padding: 4em 2em 0 2em;
	border-radius: 0 1.5em 1.5em 1.5em;
	opacity: 0;
}
	.popup .content.search-popup { bottom: auto; top: 70%; transform: translate(-50%, -50%); background-color: #00b6c3; color: #fff; }
	.popup .content.share-popup, .popup .content.audio-popup { bottom: auto; top: 70%; transform: translate(-50%, -50%); background-color: #ffffff; }
.popup.active .content {
	bottom: 0;
	opacity: 1;
	transition: 0.3s 0.3s;
}
	.popup.active .content.search-popup, .popup.active .content.share-popup,
	.popup.active .content.audio-popup { bottom: auto; top: 50%; }
.popup-close {
	z-index: 3;
	position: absolute;
	top: 0;
	right: 0;
}
.close-icon {
	position: relative;
	display: inline-block;
	width: 3em;
	height: 3em;
}
.close-icon::before, .close-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	height: 4%;
	background-color: currentColor;
	transform: translate(-50%, -50%) rotate(45deg);
}
.close-icon::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.searchbar form {
	padding: 2em 0;
}
.searchbar input {
	font-family: 'Poppins', sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: currentColor;
	display: inline-block;
	background-color: #fff;
	border: none;
	padding: 1em;
	color: #414042;
}
.searchbar input[type="text"] {
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}
.searchbar input[type="submit"] {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	padding: 1em 2em;
}

.contact-popup ul {
	margin-left: 2em;
	margin-top: 0.5em;
}

/*******************
	article
*******************/

.article__ill {
	flex: 0 0 45%;
}


.article__heading {
	flex: 1;
	background-color: #f9e716;
	background-image: url('../img/bg-carets-2.svg');
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	position: relative;
	padding: 5.5em 3.25em 4.5em 3.25em;
}
	.article__heading.actu__heading { padding: 3.5em 3.25em; }
	@media screen and (max-width: 650px) {
		.article__heading { padding: 5em 1.5em 3em 1.5em; }
	}
.article__heading .speakers-icon {
	position: absolute;
	top: 1em;
	right: 1em;
}

	.article__lg { position: absolute; top: 0.25em; left: 0.5em; }
		@media screen and (min-width: 651px) { .article__lg { top: 0.25em; left: 2.5em; } }
	.article__lg ul { list-style-type: none; }
	.article__lg li { display: inline-block; padding: 0.5em; }
	.article__lg a,
	.article__lg img {
		display: inline-block;
		width: 3em;
		height: 3em;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

.article__cat {
	color: #00b6c3;
	font-weight: 600;
/*	text-transform: uppercase;
	font-size: 1.125em;*/
	line-height: 1.3em;
	margin-bottom: 3em;
}
	.actu__heading .article__cat { margin-bottom: 0.5em; }
.article__title:not(.actu__title) {
	max-width: 34em;
	margin-bottom: 3em;
}
.article__cta > div > div:not(:last-child) { margin-right: 1em; margin-bottom: 1em; }


.actu__heading .article-meta { margin-bottom: 2em; color: currentColor; font-size: 0.8em; }

.socials-sidebar {
	flex: 0 0 3.5em;
}
.socials-sidebar > div { padding: 0.5em 0; }
.socials-sidebar img { width: 1.5em; filter: brightness(0) invert(1); }


@media screen and (max-width: 1200px) {
	.article-header > .flex__container { flex-wrap: wrap; }
	.article__ill {
		flex: 0 0 100%;
		height: 0;
		padding-bottom: 50%;
	}
}
@media screen and (max-width: 650px) {
	.socials-sidebar { flex: 0 0 100%; flex-direction: row; }
	.socials-sidebar > div { padding: 0.5em; display: flex; align-self: center;}
	footer  {
		padding-bottom: 6em;
	}
}


.article__intro {
	padding: 3.25em 10%;
	text-align: left;
}
.article__intro > div {
	position: relative;
	font-size: 1.375em;
	font-family: 'Ubuntu';
	text-transform: uppercase;
	line-height: 1.35em;
	letter-spacing: 0.5px;
}
.article__intro > div::before {
	content: '';
	position: absolute;
	top: -1.25em;
	left: -8%;
	width: 6%;
	height: 3em;
	background: url(../img/icon-quote.png) no-repeat center;
	background-size: contain;
}

.article__content {
	padding: 4em calc(1em + 4vw);
}

.article__content sidebar {
	position: relative;
	z-index: 2;
	float: right;
	width: 400px;
	padding: 0 0 3em 6em;
	margin-right: -1em;
	display: block;
}
.article__content sidebar > * {
}

.cta-latest__posts { background-color: #fff; padding: 1em; margin: -1em; width: calc(100% + 2em); }

	@media screen and (max-width: 1100px) {
		.article__content {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.article__content > * {
			order: 1;
			flex: 0 0 100%;
		}
		.article__content sidebar {
			order: 2;
			float: none;
			padding: 3em 0 0 0;
		}
	}
	@media screen and (max-width: 1100px)  and (min-width: 501px) {
		.article__content > sidebar {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.article__content > sidebar > * {
			order: 1;
			flex: 0 0 100%;
		}
		.article__content > sidebar > .spacer {
			display: none;
		}
		.article__content > sidebar > .cta-nl { order: 2; padding: 2em; }
	}
	@media screen and (max-width: 500px) {
		.article__content sidebar {
			max-width: 100%;
		}
	}

.cta-nl {
	padding: 3.125em 2.25em 2.625em 2.25em;
	border-radius: 1.25em;
}
.cta-nl .text { letter-spacing: 0; }

.latest-posts {
	list-style-type: none;
}
.latest-posts li {
	margin-bottom: 1.5em;
	position: relative;
}
.latest-posts .ill {
	position: relative;
	flex: 0 0 5em;
	margin-right: 2em; 
	border-radius: 0.75em;
	overflow: clip;
}
.latest-posts .ill img {
}
.latest-posts .content {
	flex: 1;
	font-size: 0.8125em;
}
.latest-posts .content h4 {
	margin: 0.5em 0;
	line-height: 1.3em;
	letter-spacing: 0;
}
.latest-posts .content .meta {
	color: #b9babd;
	margin-bottom: 0.5em;
}

.article__content > .main-content {
	position: relative;
	z-index: 1;
}

.main-content h1, .main-content h2, .main-content h3, .main-content h4 {
	display: inline;
	position: relative;
	font-size: 1.75em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
}
/*	.main-content h1:not(:first-child), .main-content h2:not(:first-child), .main-content h3:not(:first-child), .main-content h4:not(:first-child) {
		display: inline-block;
		margin-top: 1em;
	}*/
.main-content h1:before, .main-content h2:before, .main-content h3:before, .main-content h4:before {
	content: '';
	z-index: -1;
	position: absolute;
	top: -0.6em;
	left: -0.9em;
	width: 2.3em;
	height: 2.3em;
	border-radius: 50%;
	background-color: #f9e716;
}
.main-content h1:after, .main-content h2:after, .main-content h3:after, .main-content h4:after {
	content: '';
	display: table;
	height: 1.1em;
}
.main-content p, .main-content ul, .main-content ol {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}
.main-content ul, .main-content ol {
	margin-left: 2em;
	line-height: 1.5em;
}
.main-content .more-margin { margin-bottom: 3.5em; }

/* Gallery component */

@media screen and (min-width: 900px) {
	.gallery {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin-left: -1em;
		margin-right: -1em;
		width: calc(100% + 2em);
		margin-bottom: 1.5em;
	}
	.gallery > div {
		padding: 1em;
	}
	.gallery img {
		object-fit: cover;
		object-position: center;
	}
	.gallery.small img {
		max-height: 6em;
	}
	.gallery.regular img {
		max-height: 10em;
	}
	.gallery.big img {
		max-height: 14em;
	}
}
@media screen and (max-width: 900px) {
	.gallery {
		margin-left: calc(-1em - 4vw);
		width: calc(100% + 2em + 8vw);
	}
}

/* Quote component */

.wp-block-quote {
	position: relative;
	margin-top: 2em;
	margin-bottom: 2.25em;
	line-height: 1.4em;
	padding-left: 4em;
	font-size: 1.1em;
	font-weight: 500;
	max-width: 50em;
	background: url(../img/icon-quote.png) no-repeat left center;
	background-size: 2em auto;
	letter-spacing: 0;
}

.wp-block-quote:before {
	content: '';
	position: absolute;
	top: 0;
	left: 3em;
	height: 100%;
	width: 2px;
	background-color: #f6f6f6;
}
.wp-block-quote cite {
	font-weight: 400;
}


/* Video component */

.wp-block-embed {
	width: 500px;
	max-width: 100%;
	margin: 2.5em auto;
}
.wp-block-embed figcaption {
    width: 500px;
	max-width: 100%;
	margin: auto;
	padding: 0.5em 1.5em 0.55em 1.5em;
	text-align: left;
	background-color: #f6f6f6;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.25em;
}
	@media screen and (max-width: 700px) {
		.wp-block-embed, .wp-block-embed figcaption { width: 100%; }
		.wp-block-embed {
			margin-left: calc(-1em - 4vw); width: calc(100% + 2em + 8vw); max-width: 700px;
		}
		.wp-block-embed.is-type-video .wp-block-embed__wrapper {
			position: relative;	width: 100%; height: 0; padding-bottom: 57.75%;
		}
		.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
			position: absolute; top: 0; left: 0; width: 100%; height: 100%;
		}
	}

/* 2 cols composant */

.wp-block-media-text {
    width: 1000px;
    max-width: 90%;
    margin: 2.5em auto;
	grid-template-columns: 18em auto;
}
.wp-block-media-text .wp-block-media-text__content {
    padding: 0 0 0 5em;
}
	@media screen and (max-width: 1000px) {
		.wp-block-media-text .wp-block-media-text__content { padding-left: 2.5em; }
	}
	@media screen and (max-width: 900px) {
		.wp-block-media-text {
			display: block;
			max-width: 100%;
		}
		.wp-block-media-text .wp-block-media-text__content { padding: 2.5em 0; }
	}


/* Testi composant */

.article__content .wp-block-testimonial {
	position: relative;
	padding: 4em 2.5em 2em 2.5em;
	margin: 2.5em 0;
}
.article__content .wp-block-testimonial::before, .article__content .wp-block-testimonial::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: url(../img/line-dots.png) repeat-x center;
}
.article__content .wp-block-testimonial::after {
	content: '';
	bottom: 0;
	top: auto;
}
.testi__ill {
	position: relative;
	flex: 0 0 7em;
	height: 7em;
}
picture.rounded {
	border-radius: 50%;
	overflow: hidden;
}
.testi__content {
	padding-left: 2.25em;
	max-width: 50em;
}
	@media screen and (max-width: 650px) {
		.wp-block-testimonial { margin-left: -2em; margin-right: -2em; width: calc(100% + 4em); }
		.testi-grid { display: block; text-align: center; }
		.testi__ill { width: 7em; margin: 0 auto 1em auto; }
		.testi__content { padding-left: 0; }
	}


/* Article footer */

.article-footer { margin-top: 4em; }

.article-hastags {
	color: #00b6c3;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.25em;
	list-style-type: none;
	margin-bottom: 0.75em;
}
.article-hastags li {
	display: inline-block;
	margin-right: 0.75em;
	transition: 0.3s;
}
.article-hastags li:hover {
	color: #f9e716;
}
.article-hastags li a {
	display: inline-block;
	margin-left: -0.75em;
	padding-left: 0.75em;
	transition: 0s;
}
.article-meta {
	color: #b9babd;
}
.article-meta span {
	color: #414042;
}
.article-share {
	display: block;
	position: relative;
	padding: 0 3.5em 0 0;
	color: #00b6c3;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.25em;
}
.article-share img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: inline-block;
	height: 2.5em;
}

.article__recommended {
	padding: 4em calc(1em + 4vw);
	text-align: left;
}
	@media screen and (max-width: 600px) {
		.article-footer > .flex__container { display: block; }
		.article-share { margin-top: 2em; }
	}


/* Articles gallery */

.articles-gallery-no-slider {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1.5em;
	margin-right: -1.5em;
	width: calc(100% + 3em);
}
.articles-gallery-no-slider > div {
	flex: 0 0 50%;
	padding: 1.5em;
}

@media screen and (max-width: 550px) {
	.articles-gallery-no-slider > div {
		flex: 0 0 100%;
		padding: 1.5em;
	}
}

@media screen and (min-width: 1000px) {
	.articles-gallery {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -1.5em;
		margin-right: -1.5em;
		width: calc(100% + 3em);
	}
	.articles-gallery > div, .articles-gallery-no-slider > div {
		flex: 0 0 33.333%;
		padding: 1.5em;
	}
}
.articles-gallery { margin-bottom: 1.5em; }
.bg-lightGrey .slick-dots li:not(.slick-active) button { background-color: #fff; }
.article-card {
	position: relative;
	overflow: hidden;
	padding-bottom: 1em;
	border-top: transparent 3px solid;
	border-bottom: transparent 3px solid;
	transition: 0.3s;
}
@media screen and (min-width: 600px) {
	.article-card:hover {
		border-color: #00b6c3;
		transform: scale(1.05);
	}
}
.ac__ill {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 80%;
	overflow: hidden;
}
.ac__content {
	padding-top: 1.5em;
}
.ac__cat {
	color: #644998;
	text-align: center;
}
.ac__cat span {
	display: inline-block;
	border-top: currentColor 1px solid;
	border-bottom: currentColor 1px solid;
	padding: 0.25em 0 0.2em 0;
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	font-size: 0.85em;
}
.ac__title {
	margin: 1.5em 0;
	text-align: center;
	min-height: 6em;
}
.ac__title > * { font-size: 1.5em; letter-spacing: 0; }
.ac__text { line-height: 1.33em; letter-spacing: 0.5px; }
.ac__meta {
	margin-top: 1.5em;
	color: #b9babd;
	font-size: 0.75em;
	font-style: italic;
	letter-spacing: 0;
}

.article-summary {
	text-align: left;
	line-height: 1.33em;
	overflow: auto;
	height: 100%;
	max-height: calc(90vh - 3em);
	padding: 1em 2em 2em 2em;
	margin-top: -1em;
}
.article-summary p, .article-summary ul, .article-summary ol {
	margin-bottom: 1.5em;
}
.article-summary ul, .article-summary ol {
	margin-left: 1.5em;
}
.article-summary .ao-title {
	z-index: 2;
}
.article-summary .ao-title::before {
	background-color: #fff;
}

.articles-page-title h1 {
	padding: 0.75em 1em;
	font-weight: 700;
	font-size: 1.125em;
	text-transform: uppercase;
	background-color: #644998;
	color: #fff;
	text-align: center;
}
.articles-page-intro {
	text-align: left;
	line-height: 1.5em;
	padding-top: 2em;
	padding-bottom: 2em;
}
.articles-page-intro > * {
	margin: 0.75em 0;
}



/*******************
	ACCUEIL
*******************/

.banner {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: calc(30% + 100px);
}
.banner-content {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 33.33%;
	width: 66.67%;
	max-width: 800px;
	transform: translateY(-50%);
	text-align: left;
	letter-spacing: 0;
	color: #644998;
	font-size: calc(0.25em + 0.75vw);
	padding: 1em;
}
.banner-title {
/*	font-family: 'Organika';*/
	font-size: 2.8em;
	line-height: 1.1em;
	margin-bottom: 0.6em;
}
.banner-title > * { font-weight: 700; }
	@media screen and (max-width: 1000px) {
		.banner-title br { display: none; }
	}
.banner-text {
/*	font-family: 'Ubuntu', sans-serif;
*/	font-size: 1.225em;
	line-height: 1.3em;
}

.home-intro.v2 .banner {
	background: #82c5e0;
	background: -moz-linear-gradient(45deg,  #82c5e0 0%, #7edeea 100%);
	background: -webkit-linear-gradient(45deg,  #82c5e0 0%,#7edeea 100%);
	background: linear-gradient(45deg,  #82c5e0 0%,#7edeea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c5e0', endColorstr='#7edeea',GradientType=1 );
}
.home-intro.v2 .banner::after {
	content: '';
	z-index: 1;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 800px;
	height: 40%;
	background-image: url('../img/bg-carets-2.svg');
	background-repeat: no-repeat;
	background-position: top left;
	opacity: 0.3;
}
.home-intro.v2 .banner-ill > .contain > img { object-fit: cover; object-position: right top; }
.home-intro.v2 .banner-ill { position: absolute; top: 10%; left: 0%; width: 40%; height: 90%; }
.home-intro.v2 .banner-content { left: 40%; width: 60%; }

	@media screen and (max-width: 650px) {
		.home-intro.v2 .banner::after { height: 60%; }
		.home-intro.v2 .banner-ill { display: none; }
		.banners { flex: 0 0 100%; height: auto; padding-bottom: 0; }
		.banner { position: relative; top: 0; left: 0; width: 100%; height: auto; padding: 2em; }
		.home-intro.v2 .banner-content { position: relative; top: 0; left: 0; width: 100%; height: auto; transform: none; font-size: 0.7em; }
		.banner-title { font-size: 2.5em; }
	}

.layout2cols {
	margin-left: -1em;
	margin-right: -1em;
	width: calc(100% + 2em);
}
.layout2cols > div {
	flex: 0 0 50%;
	padding: 0 1em;
}
	@media screen and (max-width: 1200px) {
		.layout2cols {}
		.layout2cols > div { flex: 0 0 100%; }
		.layout2cols > div:not(:last-child) { margin-bottom: 3em; }
	}
.edito-box {
	position: relative;
	padding: calc(2em + 1vw);
	background: #f9e716;
	color: #242627;
	text-align: left;
}
.edito-title {
	font-size: 1.25em;
	text-transform: uppercase;
	line-height: 1.3em;
}
.edito-title > * {
	font-weight: 500;
}
.edito-title mark {
	background-color: #fff;
	color: currentColor;
}
.edito-text {
	font-size: 1.125em;
	line-height: 1.4em;
}
.edito-text p {
	margin-bottom: 1em;
}

.questions-box {
	position: relative;
	color: #fff;
	background: #644998;
	text-align: left;
	padding: 3em;
}
.questions-box .ao-title { font-weight: 400; font-size: 1.2em; }
.questions-box .ao-title::before {
	width: 3.5em;
	height: 3.5em;
	top: -1.15em;
	left: -0.65em;
}

.questions-box ul {
	list-style-type: none;
	line-height: 1.4em;
	font-size: calc(0.8em + 0.15vw);
}
.questions-box li {
	position: relative;
	padding: 0 7em 0 2em;
	margin-bottom: 1em;
}
.questions-box li::before {
	content: '';
	position: absolute;
	top: 0.65em;
	left: 0;
	width: 0; 
	height: 0; 
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	border-left: 0.65em solid #f9e716;
	margin-top: -0.35em;
	transition: 0.3s;
}
.questions-box li:hover::before {
	border-left-color: #00b6c3;
	font-size: 1.15em;
}
.questions-box li::after {
	content: 'réponse';
	z-index: 2;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 0.75em;
	padding: 0.3em 1.75em 0.25em 1.75em;
	text-transform: uppercase;
	background-color: #f9e716;
	color: #644998;
	line-height: 1em;
	transition: 0.3s;
}
.questions-box li:hover::after {
	font-size: 0.8em;
	background-color: #00b6c3;
}
.questions-box li a {
	z-index: 3;
}
	@media screen and (max-width: 450px) {
		.edito-box { padding: 3em 2em; }
		.questions-box { padding: 3em 2em; }
		.questions-box li { padding-bottom: 1.75em; padding-right: 0; }
		.questions-box li::after {
			top: calc(100% - 1.5em);
			left: 2.5em;
			right: auto;
			transform: translateY(0);
		}
	}
	@media screen and (max-width: 400px) {
		.edito-title { font-size: 1em; }
	}

.featured-box {
	position: relative;
	background-color: #f6f6f6;
	padding: 2.5em;
	text-align: left;
}
.featured-box .ill {
	flex: 0 0 30em;
	text-align: center;
}
.featured-box .ill img { max-height: 20em; object-fit: contain; object-position: center; margin: auto; }
.featured-box .content {
	flex: 1;
	padding-left: calc(2em + 2vw)
}
/*.featured-box .content > * { min-height: 300px; }
*/	@media screen and (max-width: 1400px) {
		.featured-box .ill { flex: 0 0 20em; }
	}
	@media screen and (max-width: 1200px) {
		.featured-box .ill, .featured-box .content { flex: 0 0 100%; }
		.featured-box .content { padding: 2em 0; }
	}

	@media screen and (min-width: 700px) {
/*		.featured-box .content > * { min-height: 400px; }*/
	}





/*******************
	BLOG
*******************/

@media screen and (min-width: 650px) {
	.page-template-page-blog .socials-sidebar,
	.single-lexique .socials-sidebar,
	.page-template-page-articles .socials-sidebar,
	.page-template-default .socials-sidebar,
	.page-template-page-iframe .socials-sidebar,
	.archive .socials-sidebar,
	body.search .socials-sidebar {
		z-index: 888;
		position: absolute;
		top: 100%;
		right: 0;
		width: 3.5em;
		height: 300px;
	}
}
@media screen and (max-width: 650px) {
	.page-template-page-blog .socials-sidebar {
		display: none;
	}
}

.bg-blog {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 200px); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 200px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#ffffff 200px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (min-width: 380px) {
	.blog-grid {
	  display: grid;
	  grid-gap: 50px;
	  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
	  grid-auto-rows: 10px;
	}
}
@media screen and (max-width: 380px) {
	.blog-item {
		margin-bottom: 4em;
	}
}

.blog-item {
	position: relative;
	padding: 1em 2em;
	margin-bottom: 1.5em;
}
.blog-item.actu-classic {
	padding-bottom: 0.5em;
	margin-bottom: 3em;
}
.blog-item.actu-classic::after {
	content: '';
	z-index: 1;
	position: absolute;
	top: 100%;
	left: 2em;
	width: calc(100% - 4em);
	height: 20px;
	background: url(../img/line-dots.png) repeat-x bottom center;
}


.blog-item--intro {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.blog-item--intro:before {
	content: '';
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #644998;
	opacity: 0.67;
}
.blog-item--intro h1 {
	z-index: 4;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	font-size: 2.76em;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.blog-item--intro h1 span {
	z-index: 2;
	position: relative;
}
.blog-item--intro h1 span:before {
	content: '';
	z-index: -1;
	position: absolute;
	top: -0.25em;
	left: -0.4em;
	width: 1.9em;
	height: 1.9em;
	background: url(../img/icon-bubble.png) no-repeat center;
	background-size: contain;
}


.blog-item--post {
	text-align: left;
}

.post-thumb {
	position: relative;
	height: 0;
	padding-bottom: 66.66%;
	overflow: hidden;
	margin-bottom: 2em;
}
.post-thumb-alt img {
	height: auto;
	margin-bottom: 2em;
}
.post-video {
	position: relative;
	height: 0;
	padding-bottom: 66.66%;
	overflow: hidden;
	margin-bottom: 2em;
}
.post-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-excerpt {
	line-height: 1.5em;
	margin-bottom: 2em;
}
.post-excerpt p:not(:last-child) {
	margin-bottom: 1.5em;
}
.post-meta {
	font-family: 'Ubuntu', sans-serif;
	font-size: 0.95em;
	line-height: 1.5em;
}
.post-meta mark {
	position: relative;
	z-index: 2;
	padding: 0.5em 0;
	background-color: #f9e716;
}
.post-link {
	color: #644998;
	margin: -1.5em 0 0.75em 0;
	font-weight: 700;
}
.post-img {
	margin-bottom: 2em;
}


.blog-item--quote {
	padding: 2em 1.5em;
	border: #b9babd 2px solid;
	background-color: #fff;
	border-radius: 3px;
	transition: 0.3s;
}
.blog-item--quote:hover {
	border-color: currentColor;
}
.blog-item--quote img {
	display: block;
	margin: 1em auto;
}
.blog-item--quote .the-quote {
	font-family: 'Ubuntu', sans-serif;
	font-size: 2.15em;
	line-height: 1.2em;
	margin: 1em auto;
}
.blog-item--quote .the-quote--author {
	font-size: 1.25em;
	margin: 1em auto 0 auto;
}


.blog-item--event {
	padding: 2em 1.5em;
	border: #b9babd 2px solid;
	background-color: #fff;
	border-radius: 3px;
	transition: 0.3s;
}
.blog-item--event:hover {
	border-color: currentColor;
}
.event-title {
	font-family: 'Ubuntu', sans-serif;
	font-size: 2.15em;
	line-height: 1.2em;
	margin: 1em auto;
}
.blog-item--event .post-link {
	margin: 1.5em auto -0.5em auto;
}

@media screen and (max-width: 1400px) {
	.event-title { font-size: 1.75em; }
}

/*******************
	LEXIQUE
*******************/

@media screen and (min-width: 380px) {
	.lexique-grid {
	  display: grid;
	  grid-gap: 50px;
	  grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
	  grid-auto-rows: 100px;
	}
}
@media screen and (max-width: 380px) {
	.lexique-item {
		margin-bottom: 4em;
	}
}

.lexique-item {
	position: relative;
	padding: 1em;
	text-align: left;
	transition: 0.3s;
}
.lexique-item:hover {
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
}
.lexique-item .letter {
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-size: 5em;
	margin-bottom: 0.2em;
}
.lexique-item ul {
	list-style-type: none;
	line-height: 1.3em;
}
.lexique-item li {
	padding-bottom: 0.2em;
}
.lexique-item li a:hover {
	text-decoration: underline;
}

.lexique-item:nth-child(3n + 1) {
	background-color: #00b6c3;
	color: #fff;
}
.lexique-item:nth-child(3n + 2) {
	background-color: #f9e716;
}
.lexique-item:nth-child(3n + 3) {
	background-color: #644998;
	color: #fff;
}

.single-lexique .article__content,
.page-template-page-articles .articles-page-intro,
body.archive .articles-page-intro,
body.search main section:first-of-type,
.page-template-default .article__content,
.page-template-page-iframe .article__content {
	border-top: #644998 1px solid;
}


.page-template-page-lexique #ajax-content > * {
	margin-bottom: 1em;
}

/*******************
	RECHERCHE
*******************/

.search-results-list {
	margin: 1em 0 4em 2em;
	line-height: 1.3em;
}
.search-results-list li {
	margin-bottom: 0.3em;
}
.search-results-list li div {
	font-size: 0.8em;
	color: #b9babd;
}
.list-post .actu-meta,
.list-blog .article-meta,
.list-lexique .actu-meta { display: none; }

.search-results-list:empty {
	position: relative;
	height: 1em;
}
.search-results-list:empty::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
}


.ill_legend {
	z-index: 5;
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 5px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	opacity: 0.8;
}


@media print {
	.main-header__wrapper,
	.back-to-top,
	.popup,
	.top-nav,
	main footer,
	.article__cta,
	.speakers-icon,
	.socials-sidebar,
	.article__recommended,
	.article__content sidebar,
	.article-footer,
	#cookie-notice { display: none; }
	body { font-size: 12px; padding: 20px; }
	.article__title:not(.actu__title) { max-width: 50em; }
}


.single-lexique p[class^="icone-"]::before {
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin-right: 0.6em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	top: 0.2em;
	transform: scale(1.5);
}
.single-lexique p.icone-info::before {
	background-image: url('../img/atelier/icon-info.png');
}
.single-lexique p.icone-bebe::before {
	background-image: url('../img/atelier/icon-baby.png');
}
.single-lexique p.icone-main::before {
	background-image: url('../img/atelier/icon-care-1.png');
}
.single-lexique p.icone-mains::before {
	background-image: url('../img/atelier/icon-care-4.png');
}
.single-lexique p.icone-enfant::before {
	background-image: url('../img/atelier/icon-child.png');
}
.single-lexique p.icone-enfants::before {
	background-image: url('../img/atelier/icon-children.png');
}
.single-lexique p.icone-famille::before {
	background-image: url('../img/atelier/icon-family.png');
}
.single-lexique p.icone-megaphone::before {
	background-image: url('../img/atelier/icon-megaphone.png');
}
.single-lexique p.icone-gateau::before {
	background-image: url('../img/atelier/icon-birthday.png');
}
.single-lexique p.icone-cubes::before {
	background-image: url('../img/atelier/icon-abc.png');
}
.single-lexique p.icone-repas::before {
	background-image: url('../img/atelier/icon-repas.png');
}

.article__content .main-content a:not(.btn) {
	color: var(--purple);
	text-decoration: underline;
}


#print-header { display: none; }
@media print {
	#print-header { display: block; }
}
#print-header .flex__container > div {
	flex: 0 0 50%;
}
#print-header img {
	width: 25%;
	min-width: 200px;
}
#print-header h4::after {
    content: '';
    display: table;
    height: 1.1em;
}
#print-header h4::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: -0.6em;
    left: -0.9em;
    width: 2.3em;
    height: 2.3em;
    border-radius: 50%;
    background-color: #f9e716;
}
#print-header h4 {
    display: inline;
    position: relative;
    font-size: 1.75em;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
}


/*******************
	CTA QUESTIONNAIRE
*******************/

	#cta-questionnaire { background-color: var(--purple); color: #fff; }
	#cta-questionnaire .ill { flex: 1; padding: 4em 2em; }
	#cta-questionnaire .content { flex: 0 0 700px; }
	#cta-questionnaire h4 { font-size: 2em; font-family: 'Ubuntu', sans-serif; font-weight: 400; }
	#cta-questionnaire input { display: inline-block; padding: 0.75em; font-size: 0.95em; border: none; font-family: 'Poppins', sans-serif; }
	#cta-questionnaire .boxed-btn { transition: 0.3s; visibility: visible; }
	#cta-questionnaire:not(.valid) .boxed-btn { opacity: 0; right: 10em; visibility: hidden;}


	@media screen and (max-width: 1200px) {
		#cta-questionnaire .ill { flex: 0 0 200px; padding: 4em 2em; }
		#cta-questionnaire .content { flex: 1; }
	}
	@media screen and (max-width: 600px) {
		#cta-questionnaire > .wrapper > .flex__container { flex-wrap: wrap; }
		#cta-questionnaire .ill { flex: 0 0 100%; padding: 4em 0 1em 0; }
		#cta-questionnaire .ill img { width: 100px; }
		#cta-questionnaire .content { flex: 0 0 100%; }
		#cta-questionnaire h4 { font-size: 1.5em; }
	}


	.home-intro.v3 .banner-video {
		position: relative;
		height: 0;
		padding-bottom: calc(40% + 100px);
		overflow: hidden;
	}
	.home-intro.v3 video {
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		transform: translate(-50%, -50%);
	}
	.home-intro.v3 .banner-video::after {
		content: '';
		z-index: 3;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+60,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		opacity: 0.75;
	}
	.home-intro.v3 .banner-content {
		z-index: 4;
		color: #fff;
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		transform: translateY(0);
		padding: 4em 6em 4em 4em;
	}
	@media screen and (max-width: 1000px) {
		.home-intro.v3 .banner-text { font-size: 1.75em; }
	}
	@media screen and (max-width: 500px) {
		.home-intro.v3 .banner-content {
			font-size: 0.525em;
			bottom: 4em;
			padding: 4em;
		}
	}

.no-padding-on-mobile .layout2cols {
	width: 100%; margin-left: 0; margin-right: 0;
}

.featured-box-slider > button {
	position: absolute;
	top: 50%;
	left: -20px;
	width: 40px;
	height: 40px;
	background: transparent url(../img/icon-chevron-top-circle.svg) no-repeat center;
	background-size: contain;
	font-size: 0;
	border: none;
	transform: rotate(-90deg);
	cursor: pointer;
}
.featured-box-slider > button.slick-next {
	left: auto;
	right: -20px;
	transform: rotate(90deg);
}
.featured-box-slider > button.slick-disabled {
	opacity: 0.25;
}
.featured-box-slider .slick-dots {
	margin-top: -1em;
}
	@media screen and (max-width: 650px) {
		.featured-box .featured-layout { display: block; }
		.featured-box .featured-layout .content { display: block; }
		.featured-box .boxed-btn { position: relative; right: 0; transform: unset; }
		.featured-box-slider > button { left: 0; }
		.featured-box-slider > button.slick-next { right: 0; }
	}


/*-----------------------------
		MAJ FIN 2022
-----------------------------*/

.main-header__content {
	padding-bottom: 0;
}

.main-header .logo {
	left: 15%;
	width: 65%;
}

.main-nav > ul > li {
	padding: 0 0 0.5em 15%;
}
.main-nav > ul > li > ul {
	margin-left: 0;
	padding: 0.5em 0;
}
.main-nav > ul > li > ul > li {
	padding: 0 0 0.33em 1em;
}
.main-nav .margin-on-top {
	margin-top: 2em;
}
.main-nav .current-menu-item::before,
.main-nav .current-menu-parent::before {
	left: auto;
	left: 0;
	top: -0.6em;
	height: 2.5em;
	border-radius: 3px;
}

.main-nav .menu-item-has-children > a::after {
	content: '';
	width: 0.8em;
	height: 0.8em;
	background-image: url(../img/icon-arrow-v2-alt.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 1;
}

header .box-cta-ortho {
  font-size: 0.85em;
  margin-top: 2em;
  padding: 2em 1.5em;
  text-align: left;
}
.main-header__wrapper.showArrow header:not(:hover) .box-cta-ortho {
  margin-left: 17px;
  width: calc(100% - 17px);
  padding: 2em 1em;
}
header .box-cta-ortho img {
	width: 10em;
}

.social-nav {
  margin-top: 1.5em;
  text-align: left;
  padding-left: 15%;
}
.social-nav-title {
  line-height: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
  margin-block: 0.75em;
}
.social-nav a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: var(--yellow);
  border-radius: 4px;
  margin-bottom: 3px;
  margin-right: 3px;
}
.social-nav a:hover {
  background-color: var(--purple);
}
.social-nav a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  width: 100%;
  transition: 0.3s;
}
.social-nav a:hover img {
  filter:brightness(0) invert(1);
}

@media screen and (min-width: 801px) {
	.top-nav ul { display: none; }
	.top-nav .search-icon { height: 2.75em }
}

@media screen and (max-width: 800px) {
	.main-nav > ul > li,
	.social-nav { padding-left: 2em !important;}
	header .box-cta-ortho {
		display: none;
	}
}


body {
	letter-spacing: 0.5px;
}

.btn {
	border-radius: 0 1.25em 1.25em 1.25em;
	border: none !important;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.btn-extended {
	padding: 0.65em 1.25em;
}
.btn-grey {
	background-color: var(--lightGrey);
	color: currentColor;
}
.btn-grey:hover {
	background-color: var(--purple);
	color: #fff;
}
.btn-full {
	width: 100%;
	text-align: center;
}
.btn-w-caret::after {
	content: '';
	position: relative;
	display: inline-block;
	margin-left: 0.5em;
	width: 1em;
	height: 1em;
	background-image: url(../img/icon-arrow-v2-alt.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	margin-top: 0;
	right: 0;
	top: 0.175em;
}
.btn-extended.btn-w-caret::after {
	margin-top: 0;
}
.btn-grey.btn-w-caret:hover::after {
	background-image: url(../img/icon-arrow-v2-alt-alt.svg);
}
.btn-purple.btn-w-caret::after {
	background-image: url(../img/icon-arrow-v2.svg);
}


.page-template-page-accueil .socials-sidebar {
	background-color: var(--yellow);
}
.page-template-page-accueil .socials-sidebar img {
	filter: brightness(0);
}

.home-intro.v3 .banner-video {
	padding-bottom: 0;
	height: 600px;
}

.top-nav {
	z-index: 10;
}
.home-intro.v3 {
	z-index: 9;
}

.banner-content-v2 {
	z-index: 5;
	position: absolute;
	top: 50%;
	right: 6em;
	width: 34em;
	transform: translateY(-50%);
	padding: 6em 3em 10em 11em;
}
.banner-content-v2 .ill {
	background-image: url(../img/speech.svg);
	background-size: auto;
	background-position: center right;
	background-repeat: no-repeat;
	opacity: 0.5;
}
.banner-content-v2 .inner {
	z-index: 5;
	position: relative;
	text-align: left;
	color: #fff;
}
.banner-content-v2 .title {
	font-size: 2.25em;
	line-height: 1em;
	text-transform: uppercase;
}
.banner-content-v2 .text {
	font-size: 1.1em;
	line-height: 1.25em;
	margin: 1.25em 0;
}

@media screen and (max-width: 500px) {
	.banner-content-v2 { right:1em; padding-right:4em; padding-left:10em; font-size:0.9em }
	.banner-content-v2 .ill { background-position:center right 1em; }
	.banner-content-v2 .inner > a { font-size:1.2em; }
}
@media screen and (max-width:400px) {
	.home-intro.v3 .banner-video { height:500px; }
	.banner-content-v2 { right:0.5em; font-size: 0.8em; }
}

.page-template-page-accueil .section-w-padding {
	padding: 0 3.5em;
}

.home-v2-cols {
	text-align: left;
}
.home-v2-main {
	flex: 1;
	padding-right: 2em;
	min-width: 0;
}
.home-v2-aside {
	flex: 0 0 22em;
	padding-left: 2em;
}

.wrapper-title {
	border-bottom: var(--purple) 2px solid;
}
.wrapper-title .ao-title {
	padding-left: 0.5em;
	letter-spacing: -0.05px;
}
.wrapper-title .ao-title span::after {
	content: '';
	position: absolute;
	top: calc(100% + 1.05em);
	left: -0.5em;
	width: calc(100% + 1em);
	height: 6px;
	background-color: var(--purple);
	border-radius: 3px;
}

@media screen and (min-width: 1000px) {
	.home-v2-cols .articles-gallery {
		margin-left: -1em;
		margin-right: -1em;
		width: calc(100% + 2em);
	}
	.home-v2-cols .articles-gallery > div, .home-v2-cols .articles-gallery-no-slider > div {
	  flex: 0 0 50%;
	  padding: 0 1em 1.5em 1em;
	}
}
@media screen and (min-width: 600px) {
	.article-card.v2:hover {
		border-color: var(--purple);
		transform: scale(1);
	}
}

.article-card.v2 .ac__ill {
	padding-bottom: 68%;
}
.article-card.v2 .ac__content {
	padding-top: 0;
	text-align: left;
}
.article-card.v2 .ac__title {
	text-align: left;
	min-height: 1px;
	margin: 1.5em 0 1em 0;
}
.article-card.v2 .ac__title > * {
	font-size: 1.3em;
	line-height: 1.125em;
}
.article-card.v2 .ac__tax {
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.25em;
}
.article-card.v2 .ac__meta {
	font-style: normal;
	color: var(--purple);
}

.box-cta-ortho {
	background-image: url(../img/bg-cta-picto.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 3em;
	text-align: left;
	color: #fff;
}
.box-cta-ortho .ill img {
	width: 11em;
}
.box-cta-ortho .content {
	margin-top: 1.5em;
	max-width: 18em;
}
.box-cta-ortho .title {
	font-size: 1.3em;
	line-height: 1.15em;
	letter-spacing: -0.5px;
}
.box-cta-ortho .action {
	margin-top: 1.5em;
}

.box-cta-dico {
	background-image: url(../img/bg-cta-cloud.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2em 3em 3em 3em;
	text-align: left;
	color: #fff;
}
.box-cta-dico .ill > div:first-child {
	flex: 0 0 40%;
	padding-right: 2em;
}
.box-cta-dico .ill > div:last-child {
	flex: 0 0 75%;
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.6em;
	padding-top: 0.5em;
}
.box-cta-dico .content {
	margin-top: 1.5em;
	max-width: 20em;
}
.box-cta-dico .title {
	font-size: 1.3em;
	line-height: 1.125em;
	letter-spacing: -0.5px;
}
.box-cta-dico .action {
	margin-top: 1.5em;
}


.home-v2-aside .home-widget:not(:first-child) {
	margin-top: 3.5em;
}

.widget_featured-posts ol {
	list-style-type: none;
	counter-reset: items;
}
.widget_featured-posts li {
	counter-increment: items;
	position: relative;
	padding-left: 75px;
}
.widget_featured-posts li:not(:first-child) {
	margin-top: 1.5em;
}
.widget_featured-posts li::before {
	content: "0" counter(items);
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	text-align: left;
	font-size: 40px;
	font-weight: 600;
	color: var(--purple);
	font-family: 'Ubuntu', sans-serif;
	opacity: 0.25;
}
.widget_featured-posts .title {
	font-size: 1.3em;
	line-height: 1.125em;
	letter-spacing: -0.5px;
}
.widget_featured-posts .ac__meta {
	font-style: normal;
	color: var(--purple);
	margin-top: 0.75em;
}

.widget_featured-news ul {
	list-style-type: none;
}
.widget_featured-news li {
	position: relative;
}
.widget_featured-news li:not(:first-child) {
	margin-top: 1em;
}
.widget_featured-news .date {
	display: inline-block;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	background-color: var(--yellow);
	padding: 1px;
}
.widget_featured-news .title {
	font-size: 1.25em;
	line-height: 1em;
	margin-top: 0.25em;
}

.box-newsletter {
	padding: 2em 1em;
}
.box-newsletter .ill {
	flex: 0 0 30%;
}
.box-newsletter .content {
	flex: 0 0 70%;
	padding-left: 1em;
}
.box-newsletter .title {
	font-size: 1.25em;
	line-height: 1.1em;
	letter-spacing: -0.5px;
}
.box-newsletter .action {
	flex: 0 0 100%;
	margin-top: 1em;
	text-align: center;
}
.widget_follow .list-rs {
	margin-top: 1.5em;
}
.list-rs ul {
	list-style-type: none;
}
.list-rs li:not(:first-child) {
	margin-top: 0.75em;
}
.list-rs li a {
	display: block;
	border:var(--lightGrey) 1px solid;
	padding: 0.5em 2.5em 0.5em 0.75em;
	background-image: url(../img/icon-arrow-v2.svg);
	background-size: 1.25em auto;
	background-position: center right 0.5em;
	background-repeat: no-repeat;
}
.list-rs li a:hover {
	background-color: var(--purple);
}
.list-rs li .ill {
	position: relative;
	display: inline-block;
	padding: 0.35em;
	text-align: center;
	width: 30px;
	height: 30px;
	background-color: var(--yellow);
	border-radius: 3px;
	vertical-align: middle;
}
.list-rs li .ill img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	width: 100%;
}
.list-rs li .content {
	display: inline-block;
	width: calc(100% - 60px);
	margin-left: calc(20px - 1px);
	text-align: left;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.45em;
	line-height: 1.1em;
	vertical-align: middle;
	transition: 0.3s;
}
.list-rs li a:hover .content {
	color: #fff;
}
.widget_tags {
	--g: 0.5em;
	width: calc(100% + var(--g) * 2);
	margin-left: calc(var(--g) * -1);
}
.widget_tags > div > div {
	padding: var(--g);
}
.tag-label {
	display: block;
	background-color: var(--lightGrey);
	padding: 0.75em 1.25em;
	border-radius: 0 1.25em 1.25em 1.25em;
}
.tag-label:hover {
	background-color: var(--purple);
	color: #fff;
}


@media screen and (max-width:1500px) {
	.home-v2-aside { flex: 0 0 22em; }
	.widget_featured-posts li { padding-left:55px; }
	.widget_featured-posts li::before { font-size:33px;  }
	.box-cta-ortho, .box-cta-dico { padding:2em; }
	.box-cta-dico .ill > div:first-child { flex: 0 0 35%; padding-right:1em }
}
@media screen and (max-width:1300px) and (min-width: 1001px) {
	.home-v2-cols .articles-gallery > div {
		flex: 0 0 100%;
	}
}
@media screen and (max-width:1000px) {
	.home-v2-cols { display:block; }
	.home-v2-main { padding-right:0 }
	.home-v2-aside { padding-left:0; margin-top:5em }
}


.home-v2-about {
	--g: 2em;
	width: calc(100% + var(--g) * 2);
	margin-left: calc(var(--g) * -1);
	text-align: left;
}
.home-v2-about > .ill {
	flex: 0 0 40%;
	padding: var(--g);
}
.home-v2-about .post-video {
	padding-bottom: 56.25%;
	margin-bottom: 0;
}
.home-v2-about > .content {
	flex: 0 0 60%;
	padding: var(--g);
}
.home-v2-about .title {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: -0.5px;
}
.home-v2-about .edito-text {
	margin: 1.5em 0;
	font-size: 1.05em;
}

@media screen and (max-width:1300px) {
	.home-v2-about { flex-wrap:wrap; }
	.home-v2-about > .ill,
	.home-v2-about > .content { flex:0 0 100% }
	.home-v2-about > .content { padding-top:0 }
}

.home-v2-nl {
	background-color: #fff;
	padding: 2em;
}
.home-v2-nl > .ill {
	flex: 0 0 20em;
	padding-right: 4em;
}
.home-v2-nl > .content {
	flex: 1;
	max-width: 900px;
}
.home-v2-nl .title {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: -0.5px;
}
.home-v2-nl .edito-text {
	margin: 1.5em 0 0 0;
	font-size: 1.05em;
}
.home-v2-nl .action {
	margin-top: 1.5em;
}
.home-v2-last + .spacer,
.home-v2-last + .spacer + .spacer {
	background-color: var(--lightGrey);
}

.home-v2 footer {
	margin-top: -4em;
}

@media screen and (max-width:950px) {
	.home-v2-nl { flex-wrap:wrap; }
	.home-v2-nl > .ill {
		flex: 0 0 100%;
		padding-right: 0;
		margin-bottom: 2em;
	}
	.home-v2-nl > .ill img {
		max-height: 15em;
		object-fit: contain;
	}
	.home-v2-nl > .content { flex: 0 0 100% }
}
@media screen and (max-width:500px) {
	.home-v2-last {
		padding: 0 1em !important;
	}
}


@media screen and (min-width: 1001px) {
  .footer-links {
  	position: absolute;
  	top: 50%;
  	right: 7.5em;
  	transform: translateY(-50%);
  }
}
@media screen and (max-width: 1000px) {
  .footer-links {
    margin-top: 2em;
  }
}
.footer-links {
  text-align: left;
}
.footer-links .title {
  font-size: 1.25em;
  text-transform: uppercase;
}
.footer-links .title span {
  display: inline-block;
  padding: 0 0.25em;
  background-color: var(--yellow);
  color: var(--black);
}
.footer-links ul {
  margin-top: 0.66em;
  list-style-type: none;
}
.footer-links li {
  margin-bottom: 0.33em;
}
.footer-links a {
  position: relative;
  text-decoration: underline;
}
.footer-links a::after {
	content: '';
	position: relative;
	display: inline-block;
	margin-left: 0.5em;
	width: 1em;
	height: 1em;
	background-image: url(../img/icon-arrow-v2-alt-alt.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	margin-top: 0;
	right: 0;
	top: 0.175em;
}


.single-lexique .article__content,
.page-template-page-articles .articles-page-intro,
body.archive .articles-page-intro,
body.search main section:first-of-type,
.page-template-default .article__content,
.page-template-page-iframe .article__content {
	border:none;
}

.wp-block-table:not(.is-style-stripes) th,
.wp-block-table:not(.is-style-stripes) td {
	border: black 1px solid;
}
.wp-block-table td,
.wp-block-table th {
	padding: 0.75em;
	line-height: 1.2em;
}
.wp-block-table thead {
	background-color: black;
	color: #fff;
}
.wp-block-table thead th {
	font-weight: normal;
}
.wp-block-table figcaption {
	padding: 0.75em;
	font-style: italic;
	font-size: 0.9em;
}


/* octobre 2024 */

.article-card.v2 .ac__ill {
	border-radius: 1em;
}
@media screen and (min-width: 1700px) {
	.home-v2-cols .articles-gallery > div,
	.home-v2-cols .articles-gallery-no-slider > div {
		flex: 0 0 33.333%;
	}
}
@media screen and (min-width: 600px) {
  .article-card.v2:hover {
    border-color: transparent;
  }
}
.article-card.v2 .ac__title > * {
	font-size: 1.2em;
}
.article-card.v2 .ac__tax {
	font-size: 0.75em;
}
.article-card.v2 .ac__title {
	margin-top: 1em;
}
.home-v2-main .box-cta-ortho,
.home-v2-main .box-cta-dico {
	padding: 1.5em;
	border-radius: 1em;
}
.home-v2-main .box-cta-ortho .content {
	max-width: 20em;
}


.short-card {
	position: relative;
	padding-bottom: 169%;
	border-radius: 20px;
	overflow: clip;
	cursor: pointer;
}
.short-card:hover {
	border-radius: 0;
}
.short-card:hover .short-cover {
	display: none;
}
.short-card .short-cover {
	z-index: 999;
	border-radius: 20px;
}
.short-card iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.short-card video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.article__content .main-content .wp-element-button {
  border-radius: 0 1.25em 1.25em 1.25em;
  border: none !important;
  padding: .7em;
  line-height: 1.2em;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.article__content .main-content .wp-block-file__button {
  background-color: #00b6c3;
  color: #fff !important;
}
.article__content .main-content .wp-block-file__button:hover {
  background-color: #fff;
  color: #00b6c3 !important;
}

.top-nav .search-icon img {
	transform: scale(1.5);
}

@media print {
	.article__ill {
		display: none;
	}
	#cta-questionnaire {
		display: none;
	}
	.article__heading {
		background: #fff;
		padding-top: 0;
		padding-left: 0;
	}
}

/* Janvier 2026 */
@media screen and (min-width: 1101px) {
	body.single .article__content .main-content {
		float: left;
		width: calc(100% - 400px);
	}
	body.single .article__content .article-footer {
		clear: both;
	}
}

.mobile-menu .g-preferred {
	padding: 0.5em 1.5em;
	max-width: 16em;
}
.g-preferred > .btn {
	padding-left: 3em;
	background-image: url(../img/Google__G__logo.svg);
	background-size: 1.5em auto;
	background-position: center left 0.75em;
	background-repeat: no-repeat;
	text-align: left;
}
.mobile-menu .g-preferred > .btn {
	border: #414042 1px solid !important;
	text-wrap: balance;
}
@media screen and (max-width: 500px) {
	.article__cta .g-preferred > .btn {
		max-width: 18em;
	}
}