/* radio-canada-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Radio Canada';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/blogseo/fonts/radio-canada-v26-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Radio Canada';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/blogseo/fonts/radio-canada-v26-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Radio Canada';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/blogseo/fonts/radio-canada-v26-latin-700.woff2') format('woff2');
}


/* ROOT */
:root {

	--couleur-blanc: #ffffff;
	--couleur-noir: #000000;
	--couleur-primaire: #3F3F40;
	--couleur-secondaire: #76BC43;
	--couleur-tierce: #D84315;

	--font-family-primaire: "Radio Canada", sans-serif;

	--global-font-family: var(--font-family-primaire);
	--global-font-size: 2rem;
	--global-line-height: 2.5rem;
	--global-font-weight: 400;
	--global-letter-spacing: 0;

	--menu-font-family: var(--global-font-family);
	--menu-font-size: 1.8rem;
	--menu-line-height: 2.2rem;
	--menu-font-weight: 500;
	--menu-letter-spacing: 0;


	--h1-font-family: var(--global-font-family);
	--h1-font-size: 3rem;
	--h1-line-height: 3rem;
	--h1-font-weight: 700;
	--h1-margin-bottom: 20px;
	--h1-letter-spacing: 0;

	--h2-font-family: var(--global-font-family);
	--h2-font-size: 2.8rem;
	--h2-line-height: 3rem;
	--h2-font-weight: 500;
	--h2-margin-bottom: 20px;
	--h2-letter-spacing: 0;

	--h3-font-family: var(--global-font-family);
	--h3-font-size: 2.4rem;
	--h3-line-height: 2.6rem;
	--h3-font-weight: 500;
	--h3-margin-bottom: 10px;
	--h3-letter-spacing: 0;

	--h4-font-family: var(--global-font-family);
	--h4-font-size: 2.2rem;
	--h4-line-height: 2.4rem;
	--h4-font-weight: 500;
	--h4-margin-bottom: 10px;
	--h4-letter-spacing: 0;

	--cta-font-family: var(--global-font-family);
	--cta-font-size: 1.6rem;
	--cta-line-height: 1.8rem;
	--cta-font-weight: 500;
	--cta-letter-spacing: 0;

	--header-height: 70px;

	--padding-section-top: 50px;
	--padding-section-bottom: 50px;

	/* CHANGEMENTS BOOTSTRAP */
	--bs-gutter-x: 20px;

}

@media (min-width:992px) {
	:root {

		--menu-font-size: 1.4rem;
		--sub-menu-font-size: 1.2rem;

		--h1-font-size: 3.8rem;
		--h1-line-height: 1.1em;
		/* --h1-webkit-text-stroke: 2px; */

		--h2-font-size: 3rem;
		--h2-line-height: 1.1em;

		--h3-font-size: 2.4rem;
		--h3-line-height: 2.6rem;

		--h4-font-size: 2.2rem;
		--h4-line-height: 1.1em;

		--cta-line-height: 2.2rem;

		--header-height: 150px;

		--padding-section-top: 100px;
		--padding-section-bottom: 100px;
	}
}

@media (min-width:1200px) {
	:root {

		--menu-font-size: 1.6rem;
		--sub-menu-font-size: 1.4rem;

	}
}

.row{
	--bs-gutter-x: 20px;
}

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 10px;
    scroll-behavior: smooth;
	overflow-x: clip;
}

body {
	font-family: var(--global-font-family);
	font-weight: var(--global-font-weight);
	background-color: var(--couleur-noir);
	color: var(--couleur-blanc);
	overflow-x: clip;
}

h1 {
	position: relative;
	font-family: var(--h1-font-family);
	color: var(--couleur-tierce);
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
	font-weight: var(--h1-font-weight);
	letter-spacing: var(--h1-letter-spacing);
	margin-bottom: var(--h1-margin-bottom);
	text-transform: uppercase;
}

h2,
span.h2 {
	position: relative;
	font-family: var(--h2-font-family);
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-font-weight);
	letter-spacing: var(--h2-letter-spacing);
	color: var(--couleur-secondaire);
	margin-bottom: var(--h2-margin-bottom);
	font-optical-sizing: auto;
	transition: .3s ease;
}

p+h2 {
	margin-top: 30px;
}

h3 {
	position: relative;
	font-family: var(--h3-font-family);
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
	font-weight: var(--h3-font-weight);
	letter-spacing: var(--h3-letter-spacing);
	color: var(--couleur-secondaire);
	font-optical-sizing: auto;
	margin-bottom: var(--h3-margin-bottom);
}

h3+ul li {
	position: relative;
	margin-top: 10px;
}

p+h3,
ul+h3 {
	margin-top: 30px;
}

h4 {
	position: relative;
	font-family: var(--h4-font-family);
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	font-weight: var(--h4-font-weight);
	letter-spacing: var(--h4-letter-spacing);
	margin-bottom: var(--h4-margin-bottom);
	text-transform: uppercase;
}

p,
a,
span,
li,
i,
label,
em {
	font-family: var(--global-font-family);
	font-size: var(--global-font-size);
	font-weight: var(--global-font-weight);
	line-height: var(--global-line-height);
	letter-spacing: var(--global-letter-spacing);
}

p {
	margin-bottom: 0;
}

p+p {
	margin-top: 20px;
}

p a {
    display: inline;
	color: var(--couleur-secondaire);
	text-decoration: underline;
}

strong {
	font-size: var(--global-font-size);
}

ul{
    padding-left: 0;
    margin: 20px 0;
}

li {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

ul.menu {
	margin-bottom: 0;
}

a {
	display: inline-block;
	color: var(--couleur-tierce);
	text-decoration: none;
	opacity: 1;
	transition: all .3s ease;
}

a:hover {
	color: var(--couleur-secondaire);
	transition: all .3s ease;
}

figcaption *{
	font-size: 1.4rem;
}

section {
	position: relative;
	padding-top: var(--padding-section-top);
	padding-bottom: var(--padding-section-bottom);
}

section .container>hr {
	margin-top: 50px;
}

@media (min-width:992px) {
	section {
		padding-top: var(--padding-section-top);
		padding-bottom: var(--padding-section-bottom);
	}

	section .container>hr {
		margin-top: 100px;
	}
}

img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	margin: 20px 0 30px;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

th,
td {
	border: 1px solid var(--couleur-noir);
	padding: 8px;
	text-align: center;
}

th,
.wp-block-table th{
	background-color: var(--couleur-secondaire);
	border: 1px solid var(--couleur-blanc)!important;
	color: var(--couleur-noir);
	transition: all .3s ease;
}

tr:hover {
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
	transition: all .3s ease;
}

@media (min-width:768px) {
	table {
		font-size: 12px;
	}
}

@media (min-width:992px) {
	table {
		font-size: 14px;
	}
}

@media (min-width:1200px) {
	table {
		font-size: 16px;
	}
}

/* FORM */
label {
	width: 100%;
	color: var(--couleur-blanc);
	letter-spacing: 1px;
}

.cacher-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

input:not([type="submit"]),
.wpcf7-form-control-wrap,
select,
textarea {
	width: 100%;
	min-height: 45px;
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
	border: none;
}

textarea{
	min-height: 200px;;
}

.wpcf7-form-control-wrap {
	display: block;
}

input:not([type="submit"]),
textarea,
select {
	appearance: none;
	height: 45px;
	padding: 10px;
}

input[type="submit"],
input[type="submit"] i {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
	font-family: var(--cta-font-family);
  	font-size: var(--cta-font-size);
  	font-weight: 700;
	padding: 10px 20px;
	margin-top: 10px;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	transition: all .3s;
}

input[type="submit"]:hover {
	background-color: var(--couleur-tierce);
	transition: all .3s;
}

.wpcf7-response-output {
	color: var(--couleur-blanc);
	font-size: var(--global-font-size);
}

::placeholder {
	color: var(--couleur-blanc);
	opacity: 0.75;
	letter-spacing: 1px;
}

/* FIN FORM */

.bg-noir {
	background-color: var(--couleur-noir)
}

.bg-primaire {
	background-color: var(--couleur-primaire)
}

.bg-secondaire {
	background-color: var(--couleur-secondaire)
}

.bg-tierce h2 {
	color: var(--couleur-noir)
}

.police-couleur-blanc {
	color: var(--couleur-blanc);
}

[class*="cta"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
	text-decoration: none;
}

.cta-primaire {
	position: relative;
	display: inline-block;
	color: var(--couleur-noir);
	background-color: var(--couleur-secondaire);
	font-family: var(--cta-font-family);
	font-size: var(--cta-font-size);
	font-weight: 700;
	letter-spacing: var(--cta-letter-spacing);
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s ease;
}

.cta-primaire:hover {
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
	transition: all .3s ease;
}

.cta-secondaire {
	position: relative;
	display: inline-block;
	color: var(--couleur-noir);
	background-color: var(--couleur-secondaire);
	font-family: var(--cta-font-family);
	font-size: var(--cta-font-size);
	font-weight: 700;
	letter-spacing: var(--cta-letter-spacing);
	padding: 9px 24px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid var(--couleur-secondaire);
	transition: all .3s ease !important;
}

.cta-secondaire:hover {
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
	border: 1px solid var(--couleur-secondaire);
	transition: all .3s ease;
}

.cta-tierce {
	position: relative;
	display: inline-block;
	color: var(--couleur-blanc);
	background-color: var(--couleur-primaire);
	font-family: var(--cta-font-family);
	font-size: var(--cta-font-size);
	font-weight: 700;
	letter-spacing: var(--cta-letter-spacing);
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s ease;
}

.cta-tierce:hover {
	background-color: var(--couleur-tierce);
	color: var(--couleur-blanc);
	transition: all .3s ease;
}

.cta-primaire:after,
.cta-primaire:before,
.cta-secondaire:after,
.cta-secondaire:before,
.cta-tierce:after,
.cta-tierce:before {
	display: none !important;
}

.cta-lien {
	position: relative;
	color: var(--couleur-blanc);
	font-family: var(--cta-font-family);
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 700;
	letter-spacing: 0;
	padding-left: 40px;
	transition: all .3s ease;
}

.cta-lien:before {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: 8px;
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--couleur-blanc);
	border-bottom: 2px solid var(--couleur-blanc);
	transform: rotateZ(-45deg);
	transition: all .3s ease;
}

.cta-lien span {
	font-weight: 700;
	transition: all .3s ease;
	white-space: break-spaces;
}

.cta-lien:hover:before {
	transform: rotateZ(-405deg);
	transition: all .3s ease;
}

.cta-lien:hover span {
	transition: all .3s ease;
}

header.navigation {
	position: relative;
	display: flex;
	background-color: transparent;
	width: 100%;
	height: var(--header-height);
	top: 0;
	border-bottom: 1px solid rgba(118, 188, 67, 0.3);
	z-index: 1;
	/* transition: all ease .1s; */
}

header.navigation .logo {
	max-width: 155px;
}

.header-scrolled header.navigation {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--couleur-secondaire);
	box-shadow: 0 1px 20px rgba(118, 188, 67, 0.15);
	/* transition: all ease .1s; */
}

.header-scrolled .logo img {
	width: auto;
	height: 50px;
}


@media (min-width:992px) {
	header.navigation {
		height: var(--header-height);
	}

	.header-scrolled header.navigation {
		height: 70px;
	}
}

/* MENU MOBILE */
#menu-mobile {
	width: 100%;
}

.logo-mobile {
	display: inline-block;
	width: auto;
	height: 50px;
	margin: 10px 0;
}

.logo-mobile img {
	width: 60px;
	height: 50px;
	object-fit: contain;
}

#menu-hamburger {
	position: fixed;
	display: flex;
	top: var(--header-height);
	right: -100%;
	width: 100%;
	height: calc(100vh - var(--header-height));
	background: var(--couleur-noir);
	z-index: 99;
	box-sizing: border-box;
	overflow-y: scroll;
	transition: all 0.5s ease;
}

.home #menu-hamburger {
	background: var(--couleur-noir);
}

#menu-hamburger.slide {
	right: 0;
}

#menu-hamburger li a {
	display: inline-block;
	position: relative;
	color: var(--couleur-secondaire);
	font-size: 2.6rem;
	margin: 10px 0;
}

#menu-hamburger li:last-of-type a {
	margin-bottom: var(--padding-section-bottom);
}

#menu-hamburger .current-menu-item {
	position: relative;
}

#menu-hamburger .current-menu-item>a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: calc(100% + 10px);
	width: 50px;
	height: 2px;
	background-color: var(--couleur-secondaire);
	animation: flash 1s infinite;
}

#menu-hamburger .current-menu-item>a:before {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% + 1px);
	left: calc(100% + 10px);
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--couleur-secondaire);
	border-right: 2px solid var(--couleur-secondaire);
	transform: translateY(-50%) rotate(225deg);
	animation: flash 1s infinite;
}

@keyframes flash {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

#menu-hamburger .sub-menu {
	min-height: auto;
	padding: 10px;
}

#menu-hamburger .sub-menu li {
	padding: 3px 15px;
}

#menu-hamburger .sub-menu li a {
	font-size: 1.8rem;
	margin: 0;
	display: inline-block;
}

#menu-hamburger .menu-item-has-children.active>.sub-menu {
	display: block;
}

#menu-principal-mobile {
	position: relative;
	margin-top: var(--header-height);
	margin-bottom: var(--header-height);
}

#menu-principal-mobile ul.sub-menu {
	padding-left: 20px;
    padding-bottom: var(--padding-section-bottom);
}

#menu-principal-mobile ul.sub-menu a {
	font-size: 1.8rem;
	line-height: 1.8rem;
}

.hamburger {
	position: relative;
	width: 50px;
	height: 50px;
	z-index: 100;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	perspective: 800px;
	transition: transform 0.3s ease;
}

.hamburger span,
.hamburger span::before,
.hamburger span::after {
	display: block;
	position: absolute;
	width: 50px;
	height: 4px;
	background: var(--couleur-secondaire);
	border-radius: 4px;
	transition: all 0.5s ease;
}

.hamburger span {
	transform: rotate(0) translateZ(0);
}

.hamburger span::before,
.hamburger span::after {
	content: "";
}

.hamburger span::before {
	top: -12px;
	transform: rotate(0);
}

.hamburger span::after {
	bottom: -12px;
	transform: rotate(0);
}

/* Effet au clic */
.hamburger.show {
	transform: rotateY(180deg);
}

.hamburger.show span {
	background: transparent;
	box-shadow: none;
}

.hamburger.show span::before {
	top: 0;
	transform: rotate(45deg) translateZ(5px);
}

.hamburger.show span::after {
	bottom: 0;
	transform: rotate(-45deg) translateZ(5px);
}
/* FIN MENU MOBILE */

/* MENU DESKTOP */

#menu-desktop {
	width: 100%;
	align-items: center;
}

#menu-desktop ul li {
	position: relative;
	margin: 0 15px;
}

#menu-desktop ul li a {
	position: relative;
	color: var(--couleur-blanc);
	font-family: var(--menu-font-family);
	font-size: 1.4rem;
	font-weight: var(--menu-font-weight);
	line-height: var(--menu-line-height);
	letter-spacing: var(--menu-letter-spacing);
	padding: 5px 0;
	transition: .3s ease;
}

#menu-desktop ul li a:before,
#menu-desktop ul li a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: var(--couleur-secondaire);
	transition: .3s ease;
}

#menu-desktop ul li a:before {
	left: 50%;
}

#menu-desktop ul li a:after {
	right: 50%;
}

#menu-desktop ul li a:hover:after,
#menu-desktop ul li a:hover:before,
#menu-desktop ul li.current-menu-item>a:before,
#menu-desktop ul li.current-menu-item>a:after {
	width: 50%;
	transition: .3s ease;
}

#menu-desktop ul li a:hover,
#menu-desktop ul li.current-menu-item a {
	transition: .3s ease;
}

#menu-desktop .sub-menu {
	position: absolute;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 0;
	list-style: none;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-8px);
	width: auto;
	top: 100%;
	right: 0;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-top: 2px solid var(--couleur-secondaire);
	border-right: 1px solid rgba(118, 188, 67, 0.2);
	border-bottom: 1px solid rgba(118, 188, 67, 0.2);
	border-left: 1px solid rgba(118, 188, 67, 0.2);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 20px rgba(118, 188, 67, 0.08);
	transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

#menu-desktop .menu-item-has-children:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

#menu-desktop .sub-menu li {
	display: block;
	text-align: center;
	white-space: nowrap;
}

#menu-desktop .sub-menu a {
	font-size: var(--sub-menu-font-size);
	line-height: 1.6rem;
	text-align: center;
	color: var(--couleur-blanc);
}

#menu-desktop .sub-menu li a {
	margin-top: 10px;
}

@media (min-width:1200px) {
	#menu-desktop ul li a {
		font-size: var(--menu-font-size);
	}
}

/* FIN MENU DESKTOP */

[class*="breadcrumb"] {
	margin: 20px 0;
}

[class*="breadcrumb"] span {
	color: var(--couleur-tierce);
    font-size: 1.6rem;
}

[class*="breadcrumb"] a {
	text-decoration: none;
	color: var(--couleur-blanc);
	font-size: 1.6rem;
}

[class*="breadcrumb"] a:hover {
	color: var(--couleur-tierce);
}

/* BANNIÈRE */
#banniere {
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
    color: var(--couleur-blanc);
	overflow: hidden;
}

#banniere figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
	z-index: -1;
}

#banniere figure:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(30, 30, 30, 0.5);
}

#banniere h1 {
	color: var(--couleur-blanc);
}

#banniere video,
#banniere img {
	width: 100%;
	height: 100%;
	z-index: -1;
}


#banniere video {
	object-fit: cover;
}

@media (min-width:992px) {

	#banniere._accueil,
	#banniere._accueil video {
		/* height: calc(70vh - var(--header-height)); */
		min-height: 425px;
	}

	#banniere,
	#banniere video {
		/* height: calc(40vh - var(--header-height)); */
		min-height: 400px;
	}

	#banniere video {
		position: absolute;
		width: 100%;
		top: 0;
	}
}

/*  */

/* MAIN */

.home .wysiwyg + .image-texte-alternance{
	padding-top: 0;
}

#article ul:not(.tableau) li {
	position: relative;
	margin-top: 10px;
	padding-left: 20px;
}

#article ul:not(.tableau, .custom-dots) li:before {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-right: 1px solid var(--couleur-tierce);
	border-bottom: 1px solid var(--couleur-tierce);
	transform: rotateZ(-45deg);
}

/*  */

/* ACCUEIL */
.bloc-simple-texte-agrandi+.bloc-triple {
	padding-top: 0;
}

/* COMPÉTENCES */
.intro-competences {
	padding-bottom: var(--padding-section-bottom);
}

/*  */

/* CUBES */
.cube-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-items: center;
	align-items: center;
	padding-top: var(--padding-section-top);
	padding-bottom: var(--padding-section-bottom);
}

.cube {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 20px 0;
}

.cube+p {
	text-align: center;
	margin-top: 7vh;
}

.cube .face {
	display: none;
	position: relative;
	text-align: center;
	width: 90%;
	height: 100px;
	margin: 0px 5px;
	padding: 35px 15px;
	background: var(--couleur-secondaire);
	color: var(--couleur-blanc);
	border: 0.2vw solid #3f3f40;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: bold;
	backface-visibility: hidden;
}

.cube.face-audit .face {
	background: var(--couleur-tierce);
	color: var(--couleur-blanc);
	border: 0.2vw solid #3f3f40;
}

.cube .face.front {
	display: flex;
}

.face h3 {
	font-size: 4vw;
	line-height: normal;
	color: var(--couleur-blanc);
	margin-bottom: 0;
}

@media (min-width:500px) {

	.cube-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.cube .face {
		width: 150px;
		height: 150px;
	}

	.face h3 {
		font-size: 3vw;
		line-height: normal;
		color: var(--couleur-blanc);
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	.cube-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 5vw;
		justify-items: center;
		align-items: center;
		width: 100%;
		max-width: 100%;
		perspective: 100vw;
	}

	.cube {
		width: 10vw;
		height: 10vw;
		position: relative;
		transform-style: preserve-3d;
		transition: transform .7s ease-in-out;
	}

	.cube .face {
		position: absolute;
		width: 10vw;
		height: 10vw;
		background: #76bc43;
		border: 0.2vw solid #3f3f40;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.5vw;
		font-weight: bold;
		backface-visibility: hidden;
	}

	.cube:nth-child(1n):hover {
		transform: rotateX(-30deg) rotateY(30deg);
		cursor: pointer;
	}

	.cube:nth-child(2n):hover {
		transform: rotateX(30deg) rotateY(30deg);
		cursor: pointer;
	}

	.cube:nth-child(3n):hover {
		transform: rotateX(-30deg) rotateY(-30deg);
		cursor: pointer;
	}

	.cube:nth-child(4n):hover {
		transform: rotateX(-30deg) rotateY(30deg);
		cursor: pointer;
	}

	.cube .face.front {
		transform: rotateY(0deg) translateZ(5vw);
	}

	.cube .face.back {
		transform: rotateY(180deg) translateZ(5vw);
	}

	.cube .face.left {
		transform: rotateY(-90deg) translateZ(5vw);
	}

	.cube .face.right {
		transform: rotateY(90deg) translateZ(5vw);
	}

	.cube .face.top {
		transform: rotateX(90deg) translateZ(5vw);
	}

	.cube .face.bottom {
		transform: rotateX(-90deg) translateZ(5vw);
	}

	.face:nth-child(2n),
	.face:nth-child(3n) {
		background: var(--couleur-primaire);
	}

	.face h3 {
		font-size: 1vw;
		margin-bottom: 0;
	}

	.face span {
		font-size: 0.77vw;
		line-height: 1.2;
	}

}

@media (min-width: 1200px) {
	.cube-container {
		grid-template-columns: repeat(3, 1fr);
		/* 2 cubes par ligne */
	}
}

@media (min-width: 1360px) {
	.cube-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* PAGE ACTUALITÉS */
.intro-articles {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/*  */


/* BLOC TRIPLE */
.bloc-triple .contenu {
	padding: 0 20px;
}

.bloc-triple img {
	height: 250px;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

.bloc-triple .contenu-texte {
	text-align: center;
	margin: 15px 0;
}

.bloc-triple h3 {
	text-align: center;
	margin-bottom: 30px;
}

.bloc-triple .contenu-texte p {
	padding-top: 15px;
}

.bloc-triple .ligne {
	justify-content: center;
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--couleur-secondaire);
}

.bloc-triple .contenu:last-of-type .ligne {
	display: none;
}

@media (min-width:992px) {

	.bloc-triple .contenu {
		padding: 0 50px;
		border-bottom: none;
	}

	.bloc-triple img {
		width: 100%;
		height: 220px;
	}

	.bloc-triple .cercle img {
		width: 220px;
	}

	.bloc-triple .ligne {
		display: none;
	}
}

.image-bloc-couleur-front-page img {
	top: 30px;
	max-width: 66vw;
	height: 100%;
	border-top-right-radius: 36px;
	border-bottom-right-radius: 36px;
	transform: translate3d(-1.5rem, 0px, 0px);
}

@media (min-width: 576px) {
	.image-bloc-couleur-front-page img {
		position: absolute;
		left: -1rem;
		max-width: 33vw;
	}
}

/* BLOC PRODUITS */
#produits img {
	border-radius: 36px;
	height: 265px;
}

/* BLOC AVANTAGES */

.avantages img {
	border-radius: 36px;
	height: auto;
}


/* BLOC ARTICLES / ACTUALITÉS */
.bloc-actualites {
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
}

.bloc-actualites .nouvelles-recentes a {
	color: var(--couleur-secondaire);
	transition: .3s ease;
}

.bloc-actualites .nouvelles-recentes .cta-lien:before {
	border-right: 2px solid var(--couleur-secondaire);
	border-bottom: 2px solid var(--couleur-secondaire);
}

.bloc-actualites .nouvelles-recentes .cta-lien:before:hover {
	transition: .3s ease;
}

.bloc-actualites h2,
.bloc-actualites h3 {
	color: var(--couleur-blanc);
}

/* article */

#actualites .col-lg-7 {
	overflow: visible;
}

.article-principal {
	margin-top: var(--padding-section-top);
	margin-bottom: var(--padding-section-bottom);
	border: 2px solid var(--couleur-secondaire);
	box-shadow: 0 0 15px rgba(118, 188, 67, 0.5), 0 0 30px rgba(118, 188, 67, 0.2);
}

.article {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	padding: 40px 20px;
}

.article:nth-child(odd):before {
	content: "";
	position: absolute;
	width: 2px;
	left: -2px;
	top: 40px;
	height: calc(100% - 80px);
	background-color: var(--couleur-secondaire);
}

.article .liens-cats {
	display: inline-block;
	margin-bottom: 10px;
}

.article .liens-cats a {
	color: var(--couleur-tierce);
	font-weight: 700;
}

.article .liens-cats a:hover {
	color: var(--couleur-secondaire);
}

.article h2:hover {
	color: var(--couleur-secondaire);
	transition: .3s ease;
}

.article h2:hover {
	color: var(--couleur-tierce);
	transition: .3s ease;
}

.date {
	display: block;
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0;
	margin-top: 10px;
}

.pagination {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 50px;
}

.pagination a,
.pagination span {
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 5px;
	padding: 5px;
	color: var(--couleur-primaire);
	background: var(--couleur-blanc);
	border: 1px solid var(--couleur-secondaire);
	text-decoration: none;
	transition: all 0.3s;
}

.pagination .current {
	background: var(--couleur-secondaire);
	color: var(--couleur-blanc);
	border: 1px solid var(--couleur-secondaire);
}

@media (min-width:768px) {

	.pagination a,
	.pagination span {
		padding: 8px 16px;
	}

}

.article-cats {
	height: 100%;
	padding: 45px 30px;
	border: 2px solid var(--couleur-secondaire);
	border-radius: 15px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

.article-cats h3{
	margin-top: 10px;
}

.article-cats .img {
	width: 100%;
}

.article-cats img {
	height: 200px;
}

.article-cats .court-texte {
	margin: 10px 0 20px;
}

.article-cats h3 {
	font-weight: 700;
}

.video-cadre {
	border-radius: 70px;
	max-width: 100%;
}

.video-cadre iframe {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 36px;
}

@media (min-width:992px) {
	.video-cadre iframe {
		width: 800px;
		height: 450px;
	}
}

/* BLOC MEMBRES */
#bloc-membres .logo-linkedin {
	max-width: 22px;
}

/* WYSIWYG */

.wysiwyg .cta-primaire {
	text-decoration: none;
}

.wysiwyg ul {
	padding-left: 40px;
	margin: 20px 0 30px
}

.wysiwyg ul li {
    position: relative;
	margin-bottom: 3px;
}

.wysiwyg ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: -15px;
    width: 5px;
    height: 5px;
    border-right: 1px solid var(--couleur-primaire);
    border-bottom: 1px solid var(--couleur-primaire);
    transform: rotateZ(-45deg);
}

/* LISTE TABLEAU */

.tableau-liste+.wysiwyg,
.wysiwyg+.tableau-liste {
	padding-top: 0;
}

.tableau-liste,
.tableau-liste+.wysiwyg {
	padding-bottom: 70px;
}

.tableau-liste+.tableau-liste {
	padding-top: 0;
	padding-bottom: 70px;
}

.tableau-liste+footer {
	margin-top: 30px;
}

.tableau {
	margin-top: 20px;
	padding: 50px 0;
	border: 2px solid var(--couleur-secondaire);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

.tableau li {
	list-style-type: none;
	margin: 0;
	padding: 4px 20px;
	display: flex;
	justify-content: space-between;
}

.tableau li:nth-child(even) {
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
}

.tableau li:nth-child(odd) {
	background-color: var(--couleur-secondaire);
	color: var(--couleur-blanc);
}

/* ALTERNANCE */
.inversement {
	display: flex;
	flex-direction: row-reverse;
}

.alternance+.alternance {
	margin-top: 50px;
}

.alternance {
	position: relative;
	border: 2px solid var(--couleur-secondaire);
	box-shadow: 0 0 12px rgba(118, 188, 67, 0.2);
	overflow: hidden;
	transition: box-shadow .4s ease;
}

.alternance::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -75%;
	width: 50%;
	height: 200%;
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.07) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: skewX(-15deg);
	transition: left .7s ease;
	z-index: 1;
	pointer-events: none;
}

.alternance:hover::before {
	left: 125%;
}

.alternance:hover {
	box-shadow: 0 0 25px rgba(118, 188, 67, 0.5), 0 0 60px rgba(118, 188, 67, 0.15);
}

.alternance .texte {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: center; */
	padding: 30px;
}

.alternance .contenu-image {
	padding: 0 7.5px;
}

.image-texte-alternance img {
	position: relative;
	height: 100%;
	object-fit: cover;
	/* max-height: 400px; */
	z-index: -1;
}

/* CONTACT */

#coordonnees a:not(.cta-primaire) {
	color: var(--couleur-secondaire);
}

#coordonnees a:not(.cta-primaire):hover {
	text-decoration: underline;
}

.telephone,
.horaire {
	margin-top: 30px;
}

@media (min-width: 992px) {

	.horaire {
		margin-top: 0;
	}
}

/* PARTENAIRES */
.inner.partenaire {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 25px 15px;
	color: #fff;
}

/* IMAGE FULL WIDTH EN BACKGROUND AVEC TEXTE */
#image {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#image {
	color: var(--couleur-blanc);
}

#image h2 {
	color: var(--couleur-blanc);
}

@media (min-width:992px) {

	#image {
		min-height: 400px;
	}
}

/*  */

/* TEXTE AGRANDI */
.bloc-simple-texte-agrandi,
.bloc-simple-texte-agrandi h2 {
	text-align: center;
	margin-bottom: 0;
}

.bloc-simple-texte-agrandi+#partenaires {
	padding-top: 0;
}

@media (min-width:992px) {

	.bloc-simple-texte-agrandi,
	.bloc-simple-texte-agrandi h2 {
		text-align: center;
	}
}

/* SINGLE ARTICLE */
#article .img {
	margin-bottom: 30px;
}

#article .img img {
	max-height: 50vh;
}

#article .col-lg-3 {
	overflow: visible;
}

#article .table-h2 {
	position: sticky;
	top: 130px;
	padding: 15px 15px 0;
	border: 2px solid var(--couleur-secondaire);
	margin-bottom: 30px;
	box-shadow: 0 0 15px rgba(118, 188, 67, 0.5), 0 0 30px rgba(118, 188, 67, 0.2);
}

#article .table-h2 .h1 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 700;
}

#article .table-h2 hr {
	background-color: var(--couleur-tierce) !important;
	opacity: 1 !important;
}

#article .table-h2 ul {
	padding-bottom: 10px;
}

#article .table-h2 a {
	color: var(--couleur-blanc);
}

#article .table-h2 .is-active a {
	position: relative;
	color: var(--couleur-secondaire);
	transition: .3s ease;
}

#article .table-h2 .is-active:before {
	border-color: var(--couleur-secondaire);
	transform: rotateZ(315deg);
	transition: .3s ease;
}

@media (min-width:992px) {
	#article .table-h2 {
		margin-bottom: 0;
	}
}

.contenu-article header {
	margin-bottom: 30px;
}

.button-group.filter-button-group {
	border-top: 3px solid var(--couleur-secondaire);
	padding-top: 20px;
	margin-bottom: 75px;
}

.button-group.filter-button-group .container-filter {
	display: inline-flex;
	width: auto;
}


#filters button {
	padding: 10px 20px;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	background: none;
	border: none;
	color: var(--couleur-blanc);
	text-transform: uppercase;
	cursor: pointer;
	transition: box-shadow 0.9s ease, color 0.3s ease;
}

#filters button.cta {
	box-shadow: inset 0 0 0 0 var(--couleur-secondaire);
}

#filters .active button.cta,
#filters button.cta:hover {
	box-shadow: inset 500px 0 0 0 var(--couleur-secondaire);
	color: var(--couleur-blanc);
}

/* Boutons filtres */
@media (min-width: 1024px) {
	.button-group.filter-button-group {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 3px solid var(--couleur-secondaire);
		padding-top: 20px;
		margin-bottom: 75px;
	}

	.button-group.filter-button-group .container-filter {
		display: inline-flex;
		width: 32%;
	}

	#filters button {
		margin: 20px 0;
		padding: 10px 20px;
		font-size: 1.6rem;
		line-height: 2rem;
		font-weight: 600;
		background: none;
		border: none;
		color: var(--couleur-blanc);
		/* Couleur personnalisée */
		text-transform: uppercase;
		cursor: pointer;
		transition: box-shadow 0.9s ease, color 0.3s ease;
	}
}

.grid .img-realisation {
	height: 200px;
}

.element-item {
	display: none;
	height: auto;
	margin: 30px 0;
}

.element-item.active {
	display: flex;
}

.element-item .categorie {
	color: var(--couleur-tierce);
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 4px;
}

.element-item span {
	display: block;
	margin-top: 20px;
}

@media (min-width: 992px) {
	#filters {
		padding-bottom: var(--padding-y-section);
	}

	.button-group.filter-button-group {
		display: flex;
	}

	.button-group.filter-button-group .container-filter {
		width: auto;
	}

	#filters button {
		margin: 0;
	}

	.grid .img-realisation {
		height: 400px;
	}
}

.progressbar {
	position: sticky;
	top: 100px;
	left: 0;
	bottom: 0;
	width: 100%;
}

.header-scrolled .progressbar {
	position: sticky;
	top: 70px;
	left: 0;
	bottom: 0;
	width: 100%;
}

.progressbar-primaire {
	position: absolute;
	display: block;
	width: 0;
	height: 4px;
	left: 0;
	background-color: var(--couleur-secondaire);
	z-index: 1;
}

.progressbar-secondaire {
	position: absolute;
	display: block;
	width: 100%;
	height: 4px;
	left: 0;
	background-color: var(--couleur-primaire);
}

@media (min-width:992px) {
	#article .img {
		margin-bottom: 0;
	}

	#article .img img {
		max-height: none;
	}
}

.home .bloc-services {
	padding-top: 0;
	padding-bottom: 0;
}

.bloc-services .intro-services {
	background-color: var(--couleur-primaire);
	padding-top: var(--padding-section-top);
	padding-bottom: var(--padding-section-bottom);
}

.bloc-services .intro-services,
.bloc-services .intro-services h2 {
	color: var(--couleur-blanc);
}

.bloc-services .service {
	display: flex;
	margin-bottom: 15px;
}

.bloc-services .service .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background-color: var(--couleur-noir);
    color: var(--couleur-blanc);
    padding: 35px 15px;
    border: 2px solid var(--couleur-secondaire);
    border-radius: 0;
    box-shadow: 0 0 12px rgba(118, 188, 67, 0.2);
    overflow: hidden;
    transition: box-shadow 0.4s ease;
    text-decoration: none;
}

.bloc-services .service .inner::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.07) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-15deg);
    transition: left .7s ease;
    z-index: 1;
    pointer-events: none;
}

.bloc-services .service .inner:hover::before {
    left: 125%;
}

@media (min-width: 768px) {
    .bloc-services .service .inner {
        padding: 70px 30px;
    }
}

.bloc-services .service .inner:hover {
    box-shadow: 0 0 25px rgba(118, 188, 67, 0.5), 0 0 60px rgba(118, 188, 67, 0.15);
}

.bloc-services .service .inner h3,
.bloc-services .service .inner .service-excerpt p,
.bloc-services .service .inner .lien-cta {
    margin: 0;
    color: var(--couleur-blanc);
    transition: color 0.3s ease;
}

.bloc-services .service .inner h3 {
    margin-bottom: 20px;
    color: var(--couleur-secondaire);
}

.bloc-services .service .inner:hover h3{
    color: var(--couleur-tierce);
}

.bloc-services .service .inner:hover .service-excerpt p,
.bloc-services .service .inner:hover .lien-cta {
    color: var(--couleur-blanc);
}

.bloc-services .service .inner .lien-cta {
    margin-top: auto;
    padding-top: 25px;
}

.bloc-services + .image-texte-alternance{
	padding-top: 0;
}

.btn-ecart {
	margin-top: calc(var(--padding-section-top) / 2);
}

/* CODE */
code{
    color: var(--couleur-tierce)
}

pre.wp-block-code,
pre.wp-block-preformatted {
	background-color: #2d2d2d;
	color: #f8f8f2;
	padding: 20px;
	border-radius: 8px;
	overflow-x: auto;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	line-height: 1.6;
	margin: 20px 0;
}

/* Texte à l'intérieur du bloc */
pre.wp-block-code code,
pre.wp-block-preformatted code {
	font-family: "Courier New", Courier, monospace;
	display: block;
}

pre.wp-block-code::before,
pre.wp-block-preformatted::before {
	content: "Code";
	display: block;
	background-color: #75bc4370;
	color: var(--couleur-blanc);
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 10px;
}

/* Pied de page */
pre.wp-block-code::after,
pre.wp-block-preformatted::after {
	content: "Fin du code";
	display: block;
	text-align: right;
	color: #aaa;
	font-size: 12px;
	margin-top: 10px;
}
/*  */

/* PAGE CATÉGORIES */
#categories {
	background-color: var(--couleur-primaire);
	color: var(--couleur-blanc);
}

#categories {
	text-align: center;
}

#categories .description-categorie {
	margin-bottom: var(--padding-section-bottom);
}

#categories h2 {
	margin-bottom: var(--padding-section-bottom);
}

#categories h3 a {
	color: var(--couleur-tierce);
	font-size: var(--h3-font-size);
}

#categories h3 a:hover {
	color: var(--couleur-secondaire);
}

.category-post {
	padding-top: var(--padding-section-top);
	padding-bottom: var(--padding-section-bottom);
	border-top: 1px solid var(--couleur-tierce);
}

/*  */

/* BLOC ACCORDEON */
.accordeon-wrapper .accordeon-categorie:not(:first-of-type) {
	margin: 40px 0;
}

.accordeon-item {
	border-bottom: 2px solid var(--couleur-primaire);
	overflow: hidden;
}


.accordeon-titre {
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	color: var(--couleur-tierce);
	padding: 20px 10px 20px 25px;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.accordeon-titre span {
	font-size: unset;
}

.accordeon-titre .arrow {
	position: relative;
}

.accordeon-titre .arrow {
	width: 0;
	height: 0;
	right: 20px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 15px solid var(--couleur-secondaire);

	transition: .3s ease;
}

.accordeon-item.open .arrow {
	transform: rotate(90deg);
	transition: .3s ease;
}

.accordeon-contenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height .35s ease;
}

.accordeon-inner {
	padding: 0 0 20px 0;
}

/* FIN BLOC ACCORDEON */

/* EMPLOIS */
.job {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 45px 30px;
	border: 2px solid var(--couleur-secondaire);
	border-radius: 15px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

.job strong {
	color: var(--couleur-secondaire);
}

/*  */

footer {
	background-color: var(--couleur-secondaire);
	padding-top: var(--padding-section-top);
}

footer,
footer h2 {
	color: var(--couleur-noir);
}

footer hr {
	background-color: var(--couleur-noir);
	margin: 50px 0;
	height: 2px !important;
}

footer .footer-step-2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

footer .footer-step-2 #menu-footer {
	display: none;
	justify-content: space-between;
}

.footer-menu-title{
	margin: 20px 0 15px;
}

footer .menu-item a {
	color: var(--couleur-noir);
	font-family: var(--menu-font-family);
	font-size: 1.4rem;
	font-weight: var(--menu-font-weight);
	line-height: var(--menu-line-height);
	letter-spacing: var(--menu-letter-spacing);
}

footer .menu a:hover,
footer .menu .current-menu-item a {
	color: var(--couleur-tierce);
}

footer .logo-footer {
	max-width: 100px;
}

footer .logo-social {
	max-width: 40px;
	margin-left: 10px;
}

footer .droits {
	text-align: center;
	margin: 10px 0;
}

footer .droits span {
	font-size: 12px;
	color: var(--couleur-noir);
}

footer .cookie-notice a{
	color: var(--couleur-primaire);
	font-family: var(--global-font-family);
	font-size: 12px;
	font-weight: var(--global-font-weight);
	line-height: 0.8em;
	letter-spacing: var(--global-letter-spacing);
}

@media (min-width:992px) {
	footer .footer-step-2 {
		flex-direction: row;
	}

	footer .footer-step-2 #menu-footer {
		display: flex;
	}

	.footer-menu-title {
		margin: 0 0 15px 0;
	}
}

.cta-onglet {
	position: fixed;
	width: 150px;
	top: 0;
	right: calc(50% - 75px);
	transform-origin: top center;
	z-index: 999;
	perspective: 1000px;
}

.cta-onglet .cta-primaire {
	font-size: 1.4rem;
	position: relative;
	padding: 7px 15px;
	border-radius: 0 0 15px 15px;
	transform-origin: top right;
	box-shadow:
		-2px 2px 5px rgba(0, 0, 0, 0.2),
		inset 0 -20px 15px -15px rgba(0, 0, 0, 0.3);
	transform-style: preserve-3d;
	animation: none;
}

.cta-onglet .cta-primaire::before {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
	background: var(--couleur-secondaire);
	transform: rotateY(90deg);
	transform-origin: right;
	opacity: 0.7;
}

.cta-onglet .cta-primaire::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	background: var(--couleur-secondaire);
	transform: rotateX(90deg);
	transform-origin: top;
	opacity: 0.5;
}

@media (min-width: 992px) {
	.cta-onglet {
		top: 40vh;
		right: 0;
		transform-origin: top right;
		transform: rotate(-90deg) translateY(-100%);
	}

	.cta-onglet .cta-primaire {
		font-size: 1.4rem;
		padding: 10px 20px;
		border-radius: 15px 15px 0 0;
		box-shadow:
			-5px -5px 10px rgba(0, 0, 0, 0.2),
			-5px 5px 10px rgba(0, 0, 0, 0.2),
			inset -10px 0 15px -10px rgba(0, 0, 0, 0.3);
	}
}