/*--------------------------------------------------------------
>>> TABLE DES MATIERES :
----------------------------------------------------------------
# Typo
# Variables CSS
# Main
# Couleurs - Ombres - Bordures
# Slick carousel
# Fil d'ariane
# Pagination
# Images - articles - colonnes
# Sticky en avant
# Header
# Navigation
# Produits
# Présentation
# Blog
# Formulaire de contact / bon de commande
# Page archives catégories
# Footer
# Page 404
# Tarte au citron
# Skip Links
# Gutenberg
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# TYPO
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*--------------------------------------------------------------
# VARIABLES CSS
--------------------------------------------------------------*/
:root {
	--white: #ffffff;
	--grey: #dedede;
	--black: #0f0f0f;
	--color-1: #1c3661;
	--color-2: #53b7d5;
	--color-3: #e48069;
	--color-4: #bad37f;
	--color-5: #f6cf96;
	--color-6: #DD8202;
	--transparent: transparent;
	--main-text-color: var(--black);
	--link: var(--color-1);
	--link-hover: var(--color-2);
	--btn-bg-color: var(--color-1);
	--btn-bg-color-hover: var(--white);
	--btn-color: var(--white);
	--btn-color-hover: var(--color-1);
	--font-family-1: "Inter", sans-serif;
	--font-family-2: "Poppins", sans-serif;
	/* Menu ----------------------------------------------*/
	--menu-bg-color: var(--transparent);
	--menu-bg-color-hover: var(--color-1);
	--menu-color: var(--color-1);
	--menu-color-hover: var(--white);

	--menu-bg-color-dropdown: var(--white);
	--menu-bg-color-dropdown-hover: var(--white);
	--menu-color-dropdown: var(--black);
	--menu-color-hover-dropdown: var(--color-4);

	--fontsizemenu: 1.2em;

	/* Menu burger-----------------------------------------*/
	--menu-bg-burger-active: var(--white);
	--menu-color-burger-active: var(--white);

}

/*--------------------------------------------------------------
# MAIN
--------------------------------------------------------------*/
html {
	scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
	font-family: var(--font-family-1);
	font-optical-sizing: auto;
	font-weight: 400;
	color: var(--main-text-color);
	background-color: #fff6e8;
}

.image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.image-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.subtitle,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content .title,
.content .subtitle {
	font-family: var(--font-family-2);
	font-weight: 700;
	color: var(--main-text-color);
	margin: 30px auto;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a,
.subtitle a,
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a,
.content .title a,
.content .subtitle a {
	color: inherit;
}

.box,
.card {
	color: var(--main-text-color);
	height: 100%;
}

strong {
	color: inherit;
}

::selection {
	color: var(--white);
	background: var(--color-1);
}

.textwidget {
	word-wrap: break-word;
}

.columns {
	margin-left: 0;
	margin-right: 0;
}

.is-size-8 {
	font-size: .9rem;
}
.delete::before, .delete::after {
	background: var(--white);
	z-index: 99;
}
.delete:hover {
	background: var(--color-5);
}
.delete:hover:before, .delete:hover:after {
	background: var(--color-3);
}
/* -------------------- */
.flex-center, .flex-center-col {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-center-col {
	flex-direction: column;
}
.self-start {
	align-self: self-start;
}
.self-center {
	align-self: center;
}
.self-end {
	align-self: self-end;
}
.text-shadow {
	text-shadow: 1px 1px 1px var(--black);
}
.relative {
	position: relative;
}
.line, .dot {
	width: 80px;
	height: 4px;
	background: var(--color-3);
	margin: 10px 15px;
}
.dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.drop-shadow {
	filter: drop-shadow(2px 2px 2px rgba(0,0,0, 0.75));
}
.underline, .line-left {
	position: relative;
}
.underline::before {
	content:"";
	width: 200px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	right: -30px;
	background: var(--color-5);
	border-top-left-radius: 100%;
	border-bottom-right-radius : 100%;
	z-index: 2;
}
.line-left::after {
	content:"";
	width: 2px;
	height: 100px;
	position: absolute;
	bottom: -2px;
	left: -2px;
	background: var(--color-1);
	z-index: 0;
}


/*--------------------------------------------------------------
# COULEURS - OMBRES - BORDURES
--------------------------------------------------------------*/
/* Couleurs de background */
.background-color-white {
	background-color: var(--white);
}

.background-color-grey {
	background-color: var(--grey);
}

.background-color-black {
	background-color: var(--black);
}

.background-color-1 {
	background-color: var(--color-1);
}

.background-color-2 {
	background-color: var(--color-2);
}

.background-color-3 {
	background-color: var(--color-3);
}

.background-color-4 {
	background-color: var(--color-4);
}

.background-color-5 {
	background-color: var(--color-5);
}

.background-color-6 {
	background-color: var(--color-6);
}

/* Couleurs de texte */
.color-white {
	color: var(--white);
}

.color-grey {
	color: var(--grey);
}

.color-black {
	color: var(--black);
}

.color-1 {
	color: var(--color-1);
}

.color-2 {
	color: var(--color-2);
}

.color-3 {
	color: var(--color-3);
}

.color-4 {
	color: var(--color-4);
}

.color-5 {
	color: var(--color-5);
}

.color-6 {
	color: var(--color-6);
}

/*--------------------------------------------------------------
# Paralaxe
--------------------------------------------------------------*/
.parallax-container {
	position: relative;
	overflow: hidden;
	height: 400px;
	margin-bottom: 30px;
}
.header2 {
	height: 500px;
}
.background-image {
	background-size: cover;
	background-position: center;
}

.bg-text {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 3rem 4rem;
	text-align: center;
}
.bg-text h1.title {
	color: white;
}

.bread {
	font-weight: bold;
	font-size: 1.1rem;
}

/*--------------------------------------------------------------
# SLICK CAROUSEL
--------------------------------------------------------------*/
.slick-initialized .slick-slide,
.slick-track,
.slick-list,
.slick-slider {
	height: 100%;
}

.slick-slide>div {
	width: 100%;
	height: 100%;
}

.slick-loading .slick-list {
	background-image: url(img/ajax-loader.gif);
}

.slick-next,
.slick-prev {
	background-color: #292929;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	transition: all 0.5s ease-in-out;
	top: calc(100% + 10px);
}
.slick-prev {
	left: unset;
	right: calc(50% + 10px);
}
.slick-next {
	right: unset;
	left: calc(50% + 10px);
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: var(--white);
	background-color: var(--color-1);
}

.slick-next:before,
.slick-prev:before {
	color: var(--white);
	font-family: var(--font-family-1);
	font-weight: 700;
	font-size: 20px;
	transition: all 0.5s ease-in-out;
}

.slick-prev:before {
	content: "<-";
}

.slick-next:before {
	content: "->";
}

.slick-dots li button:before {
	font-family: var(--font-family-1);
	font-size: 30px;
}

.slick-slide img {
	height: 100%;
	display: block !important;
	object-fit: cover;
	object-position: center;
}

/*--------------------------------------------------------------
# FIL D'ARIANE
--------------------------------------------------------------*/
.fildariane {
	padding: 1rem 0;
	color: var(--color-2);
}
.fildariane a {
	color: var(--color-1);
}
.fildariane a:hover {
	color: var(--color-3);
}


/*--------------------------------------------------------------
# PAGINATION
--------------------------------------------------------------*/
.pagination-link,
.pagination-next,
.pagination-previous {
	border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
}

.pagination-link.is-current,
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-color-hover);
	color: var(--btn-color-hover);
}

/* Bouton principal */
.button,
a.button,
.content .button,
.content a.button,
input[type="submit"].button {
	border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	transition: all 0.5s ease-in-out;
	border-radius: 0;
}

.content a.wp-block-button__link {
	border: 1px solid var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	font-weight: inherit;
	padding-bottom: calc(0.375em - 1px);
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-top: calc(0.375em - 1px);
	transition: all 0.5s ease-in-out;
	border-radius: 0;
}

.button:hover,
a.button:hover,
.content .button:hover,
.content a.button:hover,
input[type="submit"].button:hover,
.content a.wp-block-button__link:hover {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-color-hover);
	color: var(--btn-color-hover);
}

/* Boutons d'autres couleurs */
.button.background-color-1:hover {
	background-color: var(--white);
	color: var(--color-1);
	border-color: var(--color-1);
}

.button.background-color-2:hover {
	background-color: var(--white);
	color: var(--color-2);
	border-color: var(--color-2);
}

.button.background-color-3:hover {
	background-color: var(--white);
	color: var(--color-3);
	border-color: var(--color-3);
}

.button.background-color-4:hover {
	background-color: var(--white);
	color: var(--color-4);
	border-color: var(--color-4);
}

.button.background-color-5:hover {
	background-color: var(--white);
	color: var(--color-5);
	border-color: var(--color-5);
}


/* boutons */
*:before,
*:after {
    z-index: -1;
    transition: 0.2s ease-in-out;
}

.btns {
    text-decoration: none;
}

[class^=btn-] {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 12px;
    border: 1px solid currentColor;
    text-align: center;
}

.btn-horizontal-overlap {
    color: #b0a8ac;
}
.btn-horizontal-overlap:before, .btn-horizontal-overlap:after,
.btn-horizontal-overlap span:before,
.btn-horizontal-overlap span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 80px;
    background-color: rgba(97, 92, 94, 0.25);
    transition: 0.4s;
}
.btn-horizontal-overlap:after,
.btn-horizontal-overlap span:before {
    left: auto;
    right: 0;
}
.btn-horizontal-overlap span:before,
.btn-horizontal-overlap span:after {
    transition-delay: 0.4s;
}
.btn-horizontal-overlap:hover {
    color: #e8e6e7;
}
.btn-horizontal-overlap:hover:before, .btn-horizontal-overlap:hover:after,
.btn-horizontal-overlap:hover span:before,
.btn-horizontal-overlap:hover span:after {
    width: 250px;
}
.btn-horizontal-overlap:active {
    background-color: #a2999d;
}

@-webkit-keyframes criss-cross-left {
    0% {
        left: -20px;
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes criss-cross-left {
    0% {
        left: -20px;
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}
@-webkit-keyframes criss-cross-right {
    0% {
        right: -20px;
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}
@keyframes criss-cross-right {
    0% {
        right: -20px;
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}



/* Boutons */
.btn, .btn2 {
	position: relative;
	padding: 16px 24px;
	background: var(--color-1);
	color: var(--white);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: var(--font-family-1);
	text-transform: uppercase;
	transition: all .5s ease;
}
.btn span {
	position: absolute;
	background: var(--color-1);
	opacity: 0;
	transition: all .5s ease;
}
.btn span.bordertop, .btn span.borderbot {
	width: 100%;
	height: 2px;
}
.btn span.borderright, .btn span.borderleft {
	width: 2px;
	height: 100%;
}
.btn span.bordertop {
	top: 0; right: 0;
	transform: translateX(130%);
}
.btn span.borderright {
	top: 0; right: 0;
	transform: translateY(-130%);
}
.btn span.borderbot {
	bottom: 0; left: 0;
	transform: translateX(-130%);
}
.btn span.borderleft {
	bottom: 0; left: 0;
	transform: translateY(130%);
}
.btn:hover {
	background: transparent;
	color: var(--color-1);
}
.btn:hover span {
	opacity: 1;
	transform: none;
}

/* */
.btn5  {
    margin: 10px;
    position: relative;
  font-size: 1.15rem;
  padding: 0.75rem 2rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 250ms;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--color-1);
  color: var(--white)!important;
  border-radius: 0.5rem;
  box-shadow:
    inset 0 1px 0 0 rgba(255,255,255,0.3),
    0 2px 0 0 #1c3661,
    0 4px 0 0 #236f8c,
    0 6px 0 0 #2f89a8,
    0 8px 0 0 #3fa2c3,
    0 8px 16px 0 rgba(83,183,213,0.5);
  overflow: hidden;
}
.btn5:hover {
	color: var(--color-5)!important;
  transform: translateY(4px);
  box-shadow:
    inset 0 1px 0 0 rgba(255,255,255,0.3),
    0 1px 0 0 #1c3661,
    0 2px 0 0 #236f8c,
    0 3px 0 0 #2f89a8,
    0 4px 0 0 #3fa2c3,
    0 4px 8px 0 rgba(83,183,213,0.5);
}

.btn5::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);
  transform: translateX(-100%);
  animation: shimmer 2s infinite;
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* */


.btn2, .btn3 {
	padding: 0;
}
.btn2 a, .btn3 a {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	padding: 16px 24px;
	background: var(--color-1);
	color: var(--white);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: var(--font-family-1);
	text-transform: uppercase;
	text-align: center;
	transition: all .5s ease;
	display: block;
	margin: 0!important;
}
.btn2 span, .btn3 span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--color-1);
	transition: all .4s ease;
	z-index: 2;
}
.btn2 span:nth-child(2) {
	background: var(--color-4);
	z-index: 1;
	opacity: 0;
	transition: top .15s ease, right .15s ease, opacity .5s ease;
}

.btn2 a:hover, .btn2:hover span:nth-child(1), .btn3 a:hover, .btn3:hover span:nth-child(1) {
	background: var(--color-1)!important;
	color: var(--white)!important;
}
.btn2:hover span:nth-child(2), .btn3:hover span:nth-child(2) {
	top: -10px;
	right: -10px;
	opacity: 1;
}
.btn2:hover{
	transform: scale(1.1)!important;
}

.btn3 {
	position: relative;
	transition: all .4s ease;
	opacity: 0.9;
}
.btn3 span {
	opacity: 0;
}
.btn3 span {
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	border-top: 12px solid var(--color-2);
    border-right: 12px solid #3a6bab;
    transition: right .6s ease, top .6s ease, opacity .3s ease, transform .3s ease;
}
.btn3:hover span {
	transition: right .15s ease, top .15s ease, opacity .15s ease, transform .3s ease;
}

.btn3:hover {
	opacity: 1;
	transform: scale(1.1);
}



/* Liens */
a,
.content a {
	color: var(--link);
	transition: all 0.5s ease-in-out;
}

a:hover,
.content a:hover {
	color: var(--link-hover);
}

/* Ombres et bordures */
.shadow {
	box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	transition: all 0.5s ease-in-out;
}

.shadow:hover {
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.radius {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*--------------------------------------------------------------
# IMAGES - ARTICLES - COLONNES
--------------------------------------------------------------*/
.content img {
	display: block;
}

.columns:last-child {
	margin-bottom: 0rem;
}

/*--------------------------------------------------------------
# STICKY EN AVANT
--------------------------------------------------------------*/
/* Fix styles bulma */
.modal {
	z-index: 300;
}

.modal-card {
	max-height: unset;
	overflow: auto;
}

.modal-card-title {
	flex-shrink: 1;
}

/* .bulma-card-body à décommenter si pas de footer dans le modal */
.modal-card-body {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/*--------------------------------------------------------------
# MENU TOP
--------------------------------------------------------------*/
.menu-top {
	padding: 0 0 10px 0;
}
.mt-logo {
	width: 220px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.mt-logo img {
	margin-bottom: 1rem;
}
.mt-logo span {
	font-family: var(--font-family-1);
	font-weight: 700;
	font-size: 1.5rem;
	color: var(--color-1);
	margin: -0.5rem 0 0 0;
	width: 220px;
	text-align: end;
}

.mt-menus {
	height: 240px;
	width: calc(100% - 260px);
	justify-content: center;
	align-items: flex-end;
	padding: 0 3rem 1.5rem;
}
.mt-title h2 {
	margin: 10px auto!important;
}
.mt-title span {
	animation: wave 2s ease-in-out infinite;
}
.mt-title span.underline {
	animation-delay: 0.2s;
}
.mt-title span.underline::before {
	bottom: 0;
	left: 20px;
	background: var(--color-4);
	width: 140px;
}
@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}
.mt-title h3 {
	margin: -10px auto 10px!important;
	font-weight: 400!important;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
/* HEADER PAGE ACCUEIL */
.header-page-accueil {
	width: 100%;
    height: 500px;
    position: relative;
}
.header-page-accueil .btn3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.header-page-accueil .btn3:hover {
	transform: translate(-50%, -50%) scale(1.15)!important;
}
.slider-hpa-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.slider-hpa-track {
    display: flex;
    height: 100%;
    will-change: transform;
}
.slider-hpa-slide {
    width: 100%;
    height: 100%;
    position: relative;
    flex-shrink: 0;
}
.slider-hpa-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 75%;
    display: block;
}
.slider-hpa-title {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    margin: 0;
    opacity: 0;
    transform: translateX(60px);
    text-shadow: 1px 0px 2px #fff6e8;
}
.slider-hpa-dots {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.slider-hpa-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--color-1);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.3s;
    flex-shrink: 0;
}
.slider-hpa-dot.is-active {
    background: var(--color-2);
}


/* HEADER PAGES SECONDAIRES */
.header {
	/* height: 600px;
	background: var(--grey);  */
}

/*--------------------------------------------------------------
# NAVIGATION
--------------------------------------------------------------*/
/* MENU NAVIGATION */
.navbar {
	background: var(--menu-bg-color);
}

.navbar-menu {
	font-size: 1em;
}

.navbar-dropdown {
	background: var(--menu-bg-color-dropdown);
	font-size: calc(var(--fontsizemenu) - 0.3em);
}

.navbar-dropdown a.navbar-item {
	margin: 0 5px;
	font-size: 1em;
}

.navbar-item,
.navbar-link {
	color: var(--menu-color);
	font-size: var(--fontsizemenu);
}


.navbar-link:not(.is-arrowless) {
	font-size: inherit;
	padding-right: 1.4em;
}

.navbar-link:not(.is-arrowless)::after {
	border-color: var(--menu-color);
	width: 10px;
	height: 10px;
	border-radius: 2px;
	top: 50%;
	right: 0.4em;
}

.navbar-link:not(.is-arrowless):hover::after,
.navbar-link.is-active:not(.is-arrowless)::after,
.navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after,
.navbar-item.has-dropdown:focus .navbar-link:not(.is-arrowless)::after,
.navbar-item.has-dropdown:hover .navbar-link:not(.is-arrowless)::after {
	border-color: var(--menu-color-hover);
}

a.navbar-item:hover,
a.navbar-item.is-active,
a.navbar-item.is-active:not(:focus):not(:hover),
.navbar-link:hover,
.navbar-link.is-active,
.navbar-link.is-active:not(:focus):not(:hover),
.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
	color: var(--menu-color-hover);
	background: var(--menu-bg-color-hover);
	text-decoration: underline;
	background-color: var(--menu-bg-color-hover)
}

a.menu-item i {
	font-size: calc(var(--fontsizemenu) + .3em);
}

.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link {
	color: var(--menu-color-dropdown);
	background: var(--menu-bg-color-dropdown);
}

.navbar-item.has-dropdown:hover .navbar-link {
	color: var(--menu-color);
	background: var(--menu-bg-color);
}

.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
	background-color: var(--menu-bg-color-dropdown-hover);
	color: var(--menu-color-hover-dropdown);
	margin: 0 5px;
}

.navbar-brand {
	justify-content: space-between;
	align-items: center;
}

.navbar-brand img {
	max-height: unset;
	margin-right: 1rem;
}

.navbar-brand a.navbar-item:hover {
	background-color: var(--menu-bg-color);
	color: var(--menu-color);
}


.menu-top .classique a.navbar-item {
	height: 50px;
	padding: 15px 20px;
	font-family: var(--font-family-1);
	font-weight: 700;
	font-size: .9rem;
	text-transform: uppercase;
	color: var(--color-1);
	background: #fff6e8;
	border: 2px solid transparent;
	border-radius: 1000px;
	margin: 10px;
	background:
        linear-gradient(#fff6e8, #fff6e8) padding-box,
        linear-gradient(to right, var(--color-6), var(--color-4)) border-box;

    background-clip: padding-box, border-box;
    filter: drop-shadow(2px -2px 2px rgba(0,0,0, 0.5));
    text-shadow: 2px -1px 2px rgba(0,0,0, 0.35);
    transition: all .3s ease!important;
}
.menu-top .classique a.navbar-item:hover {
	background: var(--color-1);
    background-clip: none;
    color: var(--white);
}
.menu-top .classique a.navbar-item svg {
	transition: all .3s ease;
}
.menu-top .classique a.navbar-item:hover svg {
	fill: var(--white);
}

.menu-top .classique a.navbar-item:active, .menu-top .classique a.navbar-item.is-active {
    color: var(--white);
    background: var(--color-1);
    text-shadow: none;
}


.menu-top .classique .search-form {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 10px 0 20px;
    margin: 10px;
    border-radius: 1000px;
    border: 2px solid transparent;
    background:
        linear-gradient(#fff6e8, #fff6e8) padding-box,
        linear-gradient(to right, var(--color-6), var(--color-4)) border-box;
    background-clip: padding-box, border-box;
    filter: drop-shadow(2px -2px 2px rgba(0,0,0, 0.5));
}
.menu-top .classique .search-field {
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--font-family-1);
    font-weight: 500;
    font-size: 1rem;
    color: var(--color-1)!important;
}
.menu-top .classique .search-field::placeholder {
    font-family: var(--font-family-1);
    font-weight: 700;
    font-size: .9rem;
    text-transform: uppercase;
    color: var(--color-1);
    opacity: 1;
    transition: opacity 0.2s ease;
    text-shadow: 2px -1px 2px rgba(0,0,0, 0.35);
}
.menu-top .classique .search-field:focus::placeholder {
    opacity: 0.2;
}
.menu-top .classique .search-submit {
    height: 100%;
    width: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-top .classique .icon-search, .icon-home {
    width: 18px;
    height: 18px;
    fill: var(--color-1);
}


.scrolling-menu {
	padding: 8px 12px;
	opacity: 0;
}
.scrolling-menu a.navbar-item {
	padding: 8px 12px;
	background: white;
	border: 1px solid var(--color-1);
	border-radius: 1000px;
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--color-1);
	margin: 0 6px;
}
.scrolling-menu a.navbar-item:hover {
	color: var(--white);
	background: var(--color-1);
}

.scrolling-menu.fixed, .scrolling-menu.absolute {
	padding: 10px 24px;
	position: fixed;
	bottom: 0;
	right: 0;
	background: var(--color-1);
	border-top-left-radius: 1000px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top: 2px solid var(--white);
	border-left: 2px solid var(--white);
	border-bottom: 1px solid var(--color-1);
	border-right: 1px solid var(--color-1);
	z-index: 101;
	opacity: 1;
}
.scrolling-menu.absolute {
	position: absolute;
	border-top: 2px solid var(--color-1);
	border-left: 2px solid var(--color-1);
}
.scrolling-menu.fixed a.navbar-item, .scrolling-menu.absolute a.navbar-item {
	background: transparent;
	color: var(--white);
	border: none;
}
.scrolling-menu.fixed a.navbar-item {
	transition: all 0s ease!important;
}


@media screen and (max-width: 1023px) {
	.navbar-menu {
		padding: 0 25px;
		background-color: var(--menu-bg-burger-active);
		text-align: center;
		font-size: 1.3em;
	}

	.navbar-menu.is-inactive {
		animation-name: slide-up;
		animation-duration: .8s;
		animation-timing-function: ease;
		animation-fill-mode: forwards;
		animation-delay: 0s;
	}

	@keyframes slide-up {
		from {
			transform: translate(0, -1000px);
		}

		to {
			transform: translate(0, 0);
		}
	}
}


/* BOUTON BURGER */
.navbar-burger {
	color: var(--white);
	height: 70px;
	width: 70px;
	background-color: var(--color-1);
	transition: all .5s ease;
}
button.navbar-burger:hover {
	color: var(--color-3);
	background-color: var(--color-1);
}
.navbar-burger span {
	left: calc(50% - 20px);
	width: 40px;
	height: 3px;
	transition: all 0.5s ease;
	border-radius: 15px;
}
.navbar-burger span:nth-child(1) {
	top: calc(50% - 12px);
}
.navbar-burger span:nth-child(2) {
	top: 50%;
}
.navbar-burger span:nth-child(3) {
	top: calc(50% + 12px);
}
.navbar-burger.is-active span:nth-child(1) {
	-webkit-transform: translateY(5px) rotate(45deg);
	transform: translateY(12px) rotate(45deg);
	opacity: 1;
}
.navbar-burger.is-active span:nth-child(3) {
	-webkit-transform: translateY(-5px) rotate(-45deg);
	transform: translateY(-12px) rotate(-45deg);
}
/* MENU HAMBURGER DESKTOP */
.navigationBurger .navbar {
	background-color: var(--color-1);
	position: fixed;
	top: 0;
	right: 0;
	transition: transform 0.5s ease;
	z-index: 100;
	height: 100%;
	transform: translateX(100%);
	overflow-y: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE 10+ */
} 
.navigationBurger .navbar::-webkit-scrollbar {
	width: 0px;
	background: transparent; /* make scrollbar transparent */
}
.navigationBurger .navbar.is-active {
	transform: translateX(0);
	display: block;
	box-shadow: 2px 2px 3px 3px rgba(0,0,0, 0.75);
}
.navigationBurger .navbar-burger {
	position: fixed;
	top: 0px;
	right: 0;
	z-index: 101;
}
.navigationBurger .navbar-burger:hover {
	background-color: #fff;
}
.navigationBurger .navbar-menu {
	display: block;
	transition: transform 0.5s ease;
	transform: translateX(100%);
	background-color: rgba(255,255,255, 0.9);
	padding: 5rem 1rem 1rem 1rem;
	min-height: 100%;
	min-width: 250px;
}
.navigationBurger .navbar-menu.is-active {
	transform: translateX(0);
}
.logo-burger {
	width: 240px;
	margin-bottom: 40px;
}

#menuBurgerDesktop a.navbar-item {
	width: 100%;
	background: var(--color-1);
	color: var(--white);
	font-size: 1rem;
	margin-bottom: 10px;
}
#menuBurgerDesktop .sn-socials svg {
	border: none;
	fill: var(--color-1);
}
#menuBurgerDesktop .sn-socials a, #menuBurgerDesktop .sn-socials .icon, #menuBurgerDesktop .sn-socials svg {
	width: 30px;
	height: 30px;
}
#menuBurgerDesktop .search-form {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 10px 0 20px;
    margin: 10px;
    border-radius: 1000px;
    border: 2px solid transparent;
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(to right, var(--color-6), var(--color-4)) border-box;
    background-clip: padding-box, border-box;
    filter: drop-shadow(2px -2px 2px rgba(0,0,0, 0.5));
}
#menuBurgerDesktop .search-field {
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--font-family-1);
    font-weight: 500;
    font-size: 1rem;
    color: var(--color-1)!important;
}
#menuBurgerDesktop .search-field::placeholder {
    font-family: var(--font-family-1);
    font-weight: 700;
    font-size: .9rem;
    text-transform: uppercase;
    color: var(--color-1);
    opacity: 1;
    transition: opacity 0.2s ease;
    text-shadow: 2px -1px 2px rgba(0,0,0, 0.35);
}
#menuBurgerDesktop .search-field:focus::placeholder {
    opacity: 0.2;
}
#menuBurgerDesktop .search-submit {
    height: 100%;
    width: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
#menuBurgerDesktop .icon-search, .icon-home {
    width: 18px;
    height: 18px;
    fill: var(--color-1);
}



/*--------------------------------------------------------------
# JE SUIS ...
--------------------------------------------------------------*/
.je-suis {
	padding: 3rem 3rem 7rem;
	background: var(--white);
}
.je-suis .bg-clip {
	background: #fff6e8;
    transform: scaleY(-1) scaleX(-1);
    position: absolute;
    left: 0;
    top: unset;
    bottom: 0;
    width: 100%;
    height: 80px;
    clip-path: polygon(0 0, 100% 0, 100% 46px, 72% 80px, 37% 32.4px, 22% 63px, 0 8.6px);
}
.je-suis-container {
	padding-top: 5rem;
}
.je-suis span.title {
	padding: 8px 16px;
	position: absolute;
	top: -20px;
	left: -40px;
}
.je-suis-container a {
	text-align: center;
}


/*--------------------------------------------------------------
# NOS FORMATIONS
--------------------------------------------------------------*/
.nos-formations {
	padding: 2rem 3rem;
	background: url(img/elbg2.webp);
	background-size: contain;
	background-position: 50% 65%;;
	background-repeat: no-repeat;
}
.nos-formations h2.title {
	margin: 0 0 20px 0;
	padding: 8px 16px;
}

.slider-formations {
	padding: 20px 10px;
	height: 500px;
	width: 100%;
	margin-bottom: 30px;
}
.slider-formations .slick-slide {
	margin: 40px 10px 0;
	height: 360px;
	color: var(--white);
	background: var(--color-white);
	transition: all .4s ease;
}
.sf-slide figure.image {
	width: 100%;
	height: 220px;
}
.sf-slide figure.image img {
	border-top-right-radius: 40px;
	border-top-left-radius: 0;
	transition: all .4s ease;
}
.sf-slide figure.image .shade, .sf-slide figure.image .shade-blue {
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0; left: 0;
	background: linear-gradient(to top, var(--color-5), transparent);
	opacity: 1;
}
.sf-slide figure.image .shade-blue {
	background: linear-gradient(to top, var(--color-1), transparent);
	opacity: 0;
}

.slide-content {
	justify-content: flex-start;
	padding: 10px;
	height: 140px;
	background: var(--color-5);
	position: relative;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 40px;
	transition: height .4s ease, background 0s ease;
}
.slide-content h3.title {
	margin: -50px 0 15px;
	z-index: 99;
	transition: all .4s ease;
}
.slide-content p {
	height: 0;
	opacity: 0;
	transition: all .4s ease;
}
.slide-content a {
	position: absolute;
	bottom: 24px;
	right: 24px;
	font-weight: 700;
	font-size: 1.5rem;
}
@media screen and (max-width: 1023px) {
	.slider-formations .slick-slide.slick-current {
		margin: 10px;
		height: 420px;
		filter: drop-shadow(4px 4px 6px rgba(0,0,0, 0.9));
	}
	.slider-formations .slick-slide.slick-current .sf-slide figure.image img {
		border-top-right-radius: 0;
		border-top-left-radius: 40px;
	}
	.slider-formations .slick-slide.slick-current .sf-slide figure.image .shade {
		opacity: 0;
	}
	.slider-formations .slick-slide.slick-current .sf-slide figure.image .shade-blue {
		opacity: 1;
	}
	.slider-formations .slick-slide.slick-current .slide-content {
		border-bottom-right-radius: 40px;
		border-bottom-left-radius: 0;
		height: 200px;
		background: var(--color-1);
	}
	.slider-formations .slick-slide.slick-current .slide-content a {
		color: var(--color-white);
	}
	.slider-formations .slick-slide.slick-current .slide-content p {
		height: 60px;
		opacity: 1;
	}
}
@media screen and (min-width: 1024px) {
	.slider-formations .slick-slide.slick-current + .slick-slide {
		margin: 10px;
		height: 420px;
		filter: drop-shadow(4px 4px 6px rgba(0,0,0, 0.9));
	}
	.slider-formations .slick-slide.slick-current + .slick-slide .sf-slide figure.image img {
		border-top-right-radius: 0;
		border-top-left-radius: 40px;
	}
	.slider-formations .slick-slide.slick-current + .slick-slide .sf-slide figure.image .shade {
		opacity: 0;
	}
	.slider-formations .slick-slide.slick-current + .slick-slide .sf-slide figure.image .shade-blue {
		opacity: 1;
	}
	.slider-formations .slick-slide.slick-current + .slick-slide .slide-content {
		border-bottom-right-radius: 40px;
		border-bottom-left-radius: 0;
		height: 200px;
		background: var(--color-1);
	}
	.slider-formations .slick-slide.slick-current + .slick-slide .slide-content a {
		color: var(--color-white);
	}
	.slider-formations .slick-slide.slick-current + .slick-slide .slide-content p {
		height: 60px;
		opacity: 1;
	}
}

.autres-formations {
	width: 100%;
	align-items: flex-start;
}
.autres-formations h4.title {
	margin: 0 0 30px;
}
.autres-formations h4.title span.underline::before {
	width: 300px;
	bottom: 0;
	background: var(--color-2);
}
.autres-formations a.btn5 {
	font-size: 1.5rem;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# AGENDA & ACTUS
--------------------------------------------------------------*/
.agenda-actus {
	background: url(img/elbg1.webp);
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.agenda-actus h2.title.is-1 {
	margin: 0 0 30px 0;
	padding: 8px 16px;
	border-radius: 30px;
}
.agenda-actus .actus h2.title.is-1 {
	margin: 30px auto;
}
.aa-container {
	align-items: flex-start;
}
.aa-container .column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.aa-container .column.agenda, .aa-container .column.actus {
	padding: 0;
}
.agenda .line-left::after {
	height: 75px;
}
.agenda .container, .actus .container {
	width: 100%;
	min-height: 400px;
}
.article-content {
	width: 100%;
	min-height: 200px;
}

.article-content figure.image {
	width: 90%;
	height: 250px;
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 2;
}
.article-content figure.image img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0, 0.75));
}
.article-content .bg {
	width: calc(90% - 24px);
	height: 200px;
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 1;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 40px;
}
.agenda .article-content .bg {
	background: var(--color-1);
}
.actus .article-content .bg {
	background: var(--color-4);
}
.article-content .content {
	justify-content: flex-start;
	align-items: self-start;
	width: 85%;
	padding: 10px 20px 20px;
	position: absolute;
	bottom: -80%;
	left: 10%;
	z-index: 3;
	background: rgba(255,255,255, 0.95);
	transition: all .5s ease;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 60px;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0, 0.75));
}
.article-content .content:hover {
	background: rgba(255,255,255, 1);
}
.article-content .content h3.title {
	color: var(--color-1);
	margin: 0 0 10px;
}

/*--------------------------------------------------------------
# CHOISIR L'IRTS
--------------------------------------------------------------*/
.choisir-irts h2.title.is-1 {
	padding: 8px 16px;
	margin: 0 0 30px 0;
}
.choisir-irts h2 span.underline::before {
	background: var(--color-4);
	width: 320px;
	right: unset;
	left: 60px;
}
.ci-container {
	width: 100%;
	flex-wrap: wrap;
}
.ci-item {
	width: 50%;
	padding: 0 20px;
	margin: 10px 0;
}
.ci-item:nth-child(odd) {
	justify-content: flex-end;
	text-align: right;
}
.ci-item:nth-child(odd) .ci-item-text {
	align-items: flex-end;
}
.ci-item:nth-child(even) {
	justify-content: flex-start;
	text-align: left;
}
.ci-item:nth-child(even) .ci-item-text {
	align-items: flex-start;
}
.ci-chiffres {
	padding: 40px 0 0 120px;
	font-style: italic;
}
.ci-chiffres p {
	text-align: center;
}

.ci-item img {
	max-width: 80px;
	max-height: 80px;
	margin: 0 10px;
}



/*--------------------------------------------------------------
# NOS SITES DE FORMATIONS
--------------------------------------------------------------*/
.nos-sites {
	margin: 40px 0;
	padding: 80px 1.5rem;
}
.bg-clip, .bg-clip2 {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: var(--color-1);
	clip-path: polygon(51% 2%, 80% 10%, 100% 4%, 100% 90%, 72% 100%, 37% 86%, 22% 95%, 0 79%, 0 0, 17% 8%);
}
.bg-clip2 {
	background: #fff6e8;
	top: 200px;
	z-index: 1;
}
.bgel {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: url(img/elbg3.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	clip-path: polygon(51% 2%, 80% 10%, 100% 4%, 100% 90%, 72% 100%, 37% 86%, 22% 95%, 0 79%, 0 0, 17% 8%);
}
.nos-sites h2.title.is-1, .nos-sites-container {
	position: relative;
	z-index: 4;
}
.nos-sites-container {
	margin: 0 0 40px;
	align-items: flex-start;
}
.nos-sites h2.title.is-1 {
	padding: 8px 16px;
	margin: 0 0 20px;
}
.nos-sites h2 span.underline::before {
	background: var(--color-2);
}
.nos-sites .line-left::after {
	background: var(--white);
}
.nos-sites-container {
	width: 100%;
	padding: 0 1rem;
}
.nos-sites-item {
	width: 200px;
	min-height: 300px;
	background: var(--white);
	filter: drop-shadow(1px 1px 2px rgba(0,0,0, 0.5));
	transition: all .3s ease;
	position: relative;
	z-index: 2;
	margin: 5px;
	border-radius: 20px;
	overflow: hidden;
	justify-content: flex-start;
}
.nos-sites-item img {
	width: 200px;
	height: 150px;
	object-fit: cover;
	object-position: center;
}
.nos-sites-item .content {
	padding: 10px 10px 20px 10px;
}
.nos-sites-item span, .nos-sites-item a {
	font-size: 0.9rem;
	font-family: var(--font-family-1);
	color: var(--color-2);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nos-sites-item span.is-size-3 {
	font-weight: 500;
	color: var(--color-1);
}
.nos-sites-item svg {
	width: 18px;
	height: 18px;
	fill: var(--color-2);
}
.nos-sites-item:nth-child(even) {
	margin: 80px 10px 10px 10px;
}
.nos-sites-item:hover {
	filter: drop-shadow(2px 2px 4px rgba(0,0,0, 0.9));
}


/*--------------------------------------------------------------
# NOS SOUTIENS ET PARTENAIRES
--------------------------------------------------------------*/
.partenaires {
	padding: 120px 3rem;
	background: var(--white);
}

.partenaires .bg-clip, .partenaires .bg-clip2 {
	height: 160px;
	background: #fff6e8;
	clip-path: polygon(
	  0 0,
	  100% 0,
	  100% 92px,
	  72% 160px,
	  37% 64.8px,
	  22% 126px,
	  0 17.2px
	);
}
.partenaires .bg-clip2 {
	transform: scaleY(-1) scaleX(-1);
	top: unset;
	bottom: 0;
	height: 80px;
	clip-path: polygon(
	  0 0,
	  100% 0,
	  100% 46px,
	  72% 80px,
	  37% 32.4px,
	  22% 63px,
	  0 8.6px
	);
}


.partenaires h2.title.is-1 {
	padding: 8px 16px;
}
.partenaires h2.title.is-1, .slider-partenaires {
	z-index: 4;
}
.partenaires h2 span.underline::before {
	background: var(--color-4);
}

.slider-partenaires {
	margin: 60px 0;
}
.slider-partenaires .slick-track {
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
}
.slider-partenaires .slick-slide {
	margin: 0 10px;
}
.slider-partenaires .slick-slide img {
	height: 100%;
	max-height: 140px!important;
	max-width: 160px;
	display: block !important;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}
.slider-partenaires .slick-next, .slider-partenaires .slick-prev {
	display: none!important;
}

.slider-partenaires .slick-slide {
	width: 240px;
}



/*--------------------------------------------------------------
# PAGES SCD
--------------------------------------------------------------*/
.page-scd h1, .page-scd h2, .page-scd h3, .page-scd h4, .page-scd h5, .page-scd h6 {
	color: var(--color-1);
}
.page-scd a {
	color: var(--color-2)!important;
}
.page-scd a:hover {
	color: var(--color-3)!important;
}
.content ul ul ul {
	list-style-type: disc;
}
ul.plan-du-site li a {
	font-size: 1.1rem;
	font-weight: 500;
}

.page-contact {
	padding: 1rem 3rem;
}
.page-contact svg {
	fill: var(--white);
	height: 20px;
	width: 20px;
}
.page-contact form svg {
	fill: var(--color-1);
}

.page-contact .btn {
	transition: all .5s ease!important;
}
.page-contact .btn:hover {
	background: var(--white);
}
.page-contact .btn:hover svg {
	fill: var(--color-1);
}
.page-contact .btn:hover p {
	color: var(--color-1);
}



/*--------------------------------------------------------------
# BLOG
--------------------------------------------------------------*/
.page-actualites .article-content, .page-agenda .article-content, .blog .article-content {
	min-height: 300px;
}
.page-actualites .article-content .bg, .page-agenda .article-content .bg, .blog .article-content .bg {
	position: unset;
	margin-left: 50px;
}
.page-actualites .article-content figure.image, .page-agenda .article-content figure.image, .blog .article-content figure.image {
	position: unset;
	margin-top: -180px;
}
.page-actualites .article-content .content, .page-agenda .article-content .content, .blog .article-content .content {
	position: relative;
    top: -40px;
}
.page-actualites .column:nth-child(3n+1) .article-content .bg, .page-agenda .column:nth-child(3n+1) .article-content .bg, .blog .column:nth-child(3n+1) .article-content .bg {
	background: var(--color-1);
}
.page-actualites .column:nth-child(3n+2) .article-content .bg, .page-agenda .column:nth-child(3n+2) .article-content .bg, .blog .column:nth-child(3n+2) .article-content .bg {
	background: var(--color-2);
}
.page-actualites .column:nth-child(3n) .article-content .bg, .page-agenda .column:nth-child(3n) .article-content .bg, .blog .column:nth-child(3n) .article-content .bg {
	background: var(--color-3);
}


.blog article,
.blog .card {
	height: 100%;
}

main .section.blog img,
main.section.blog img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
}

/*--------------------------------------------------------------
# FORMULAIRE DE CONTACT / BON DE COMMANDE
--------------------------------------------------------------*/
.control.has-icons-left .icon,
.control.has-icons-right .icon {
	color: var(--main-text-color);
}

.input,
.textarea,
.select select {
	background-color: var(--white);
	color: var(--main-text-color);
	border: 1px solid var(--grey);
	border-radius: 5px;
	box-shadow: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: 1rem;
}

textarea.textarea::placeholder,
input.input::placeholder {
	color: var(--main-text-color);
	opacity: 1;
}

input.input::-ms-input-placeholder,
textarea.textarea::-ms-input-placeholder {
	color: var(--main-text-color);
}

input {
	font-family: inherit;
}

.textarea {
	padding-left: 2.5em;
	padding-bottom: calc(.5em - 1px);
	padding-right: calc(.75em - 1px);
	padding-top: calc(.5em - 1px);
}

.checkbox {
	margin-right: 0.75rem;
}

.textarea:hover,
.textarea.is-hovered,
.input:hover,
.input.is-hovered,
.select select:hover,
.select select.is-hovered {
	border-color: var(--grey);
}

.field-body {
	flex-basis: auto;
}

#contact canvas {
	margin: 0 auto;
}

@media screen and (max-width: 424px) {
	#contact canvas {
		max-width: 225px;
		margin: 0 auto;
	}
}

/* HoneyPot */

.attrapecouillons {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -10000;
}

/* Bon de commande */
#commandez input[type="number"] {
	max-width: 75px;
}

#commandez figure {
	margin: 0 auto;
}

#commandez figure img {
	object-fit: cover;
	object-position: center;
	height: 100%;
}

#commandez .modal-card-body {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#commandez .unite-qtite {
	padding-bottom: calc(0.5em - 1px);
	padding-top: calc(0.5em - 1px);
}

/*--------------------------------------------------------------
# PAGE ARCHIVES CATEGORIES
--------------------------------------------------------------*/
.archive_categorie {
	display: block;
	position: relative;
	transition: all 0.5s;
}

.archive_categorie.transition {
	transform: scale(0);
	opacity: 0;
}

.archive_categorie figure {
	border-radius: 5px;
	background-color: #333;
	overflow: hidden;
}

.archive_categorie img {
	opacity: 0.8;
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}

.archive_categorie:hover img {
	opacity: 0.5;
	transform: scale(1.1);
}

.archive_categorie .archive_desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.archive_categorie .categorie_list {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

#liste_boutons_categorie {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#liste_boutons_categorie div.active {
	background-color: white;
	color: black;
}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer {
	position: relative;
	margin-top: 100px;
}
/* Map page contact */
footer iframe {
	margin-bottom: -1rem;
	width: 100%;
}

.iframe_map {
	position: relative;
}
a.map_fullscreen {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #333;
	background-color: white;
	border-radius: 5px;
	border: 1px #999 solid;
	font-size: 16px;
}
a.map_fullscreen:hover {
	color: #555;
}

/* footer */
.footer {
	padding: 0;
	position: relative;
}
.footer-container {
	padding: 3rem 1.5rem .5rem;
	background: url(img/elbg3.webp);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}
.footer-container .columns .column {
	justify-content: flex-end;
}
.footer .column:nth-child(1) {
	align-items: flex-start;
}
.footer .column:nth-child(3) {
	align-items: flex-end;
}
a.footer-link, .footer p, .footer span {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--white);
	margin: 10px 0;
}
a.footer-link, .footer span {
	font-size: 1.35rem;
	text-transform: uppercase;
}
a.footer-link:hover {
	color: var(--color-4);
	text-decoration: underline;
}
.footer p {
	text-align: center;
}
img.logo-qualiopi {
	max-width: 300px;
	margin-bottom: 20px;
}

.suivez-nous {
	background: white;
	border: 2px solid transparent;
	border-radius: 1000px;
	margin: 10px;
	background:
        linear-gradient(white, white) padding-box,
        linear-gradient(to right, var(--color-6), var(--color-1)) border-box;
    background-clip: padding-box, border-box;
    filter: drop-shadow(2px -2px 2px rgba(0,0,0, 0.5));
    padding: 10px 15px;
    transition: all .3s ease;
}


.suivez-nous span {
	font-family: var(--font-family-1);
	font-weight: 700;
	font-size: 1.2rem;
	color: var(--color-1);
	text-transform: uppercase;
	margin: 0 1rem;
	transition: all .3s ease;
}
.suivez-nous span.icon {
	margin: 0 5px;
	height: 30px;
	width: 30px;
	transition: all .3s ease;
}
.sn-socials svg {
	height: 30px;
	width: 30px;
	fill: var(--black);
	padding: 5px;
	border: 1px solid black;
	border-radius: 2px;
	transition: all .3s ease;
}
.sn-socials svg.icon-square-facebook {
	padding: 5px 2px 5px 8px;
}
.sn-socials svg.icon-square-twitter-x {
	padding: 5px 6px 5px 4px;
}

.sn-socials a:hover svg {
	border: none;
	border-radius: 20px;
	fill: var(--white);
}
.sn-socials a:hover svg.icon-square-youtube {
	background: #FF0000;
}
.sn-socials a:hover svg.icon-square-facebook {
	background: #1877F2;
}
.sn-socials a:hover svg.icon-square-linkedin {
	background: #0A66C2;
}
.sn-socials a:hover svg.icon-square-twitter-x {
	background: var(--black);
}
.sn-socials a:hover svg.icon-square-instagram {
	background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
}
.footer-socials {
	align-items: flex-end;
}
.footer-socials span {
	margin: 0 0 10px;
}
.footer-socials span.icon {
	margin: 0 0 1rem .5rem;
	width: 30px;
	height: 30px;
}
.footer svg {
	width: 30px;
	height: 30px;
	fill: var(--white);
	border: none;
}
.ft-socials a {
	width: 30px;
	height: 30px;
}
.ft-socials a:hover {
	transform: scale(1.1);
}

.footer p.copyright {
	font-family: var(--font-family-1);
	font-size: .9rem;
	margin: .5rem 0 0;
}

.credit {
	background: #111;
	padding: .5rem;
}

.credit p {
	text-align: center;
	color: #fff;
	margin: 0;
}

.credit .content p:not(:last-child) {
	margin: 0;
}

.credit img {
	display: block;
	margin: 0 auto;
	height: 30px;
}

/* SOCIAL MEDIAS header*/
.sectiontop .icon svg {
	height: 2em;
}

.flex-container {
	display: flex;
	align-items: center;
}



footer .icon-phone,
footer .icon-search,
footer .icon-mail,
footer .icon-loc,
footer .icon-share,
footer .icon-target {
	fill: var(--color-3);
	display: inline-block;
}

.fill-color-1 {
	fill: var(--color-1)
}

.fill-color-2 {
	fill: var(--color-2)
}

/* SOCIAL MEDIAS Footer*/

.is-perso {
	background: var(--color-3);
}

.is-perso:hover {
	background: var(--color-1);
}

.icon.is-perso {
	height: 2rem;
	width: 2rem;
	border-radius: 4px;
	margin: 1px;
	padding: 4px;
}

.topadress {}

.topnum {}

.topsocial {}

.logotop {
	margin: 10px auto 0 auto
}

/* SOCIAL MEDIA SHARE */
.share {
	margin: 60px 0 20px;
}
.share .icon-square-youtube,
.share .icon-square-facebook,
.share .icon-square-instagram,
.share .icon-square-twitter-x,
.share .icon-map,
.share .icon-square-linkedin,
.share .icon-pinterest,
.share .icon-tiktok,
.share .icon-phone,
.share .icon-whatsapp,
.share .icon-mail {
	fill: var(--color-2);
	display: inline-block;
	margin-top: 20px
}
.share svg {
	height: 24px;
}

/* SCROLL TO TOP  */
.icon.scrolltop {
	border-radius: 50%;
	height: 40px;
	width: 40px;
}
.icon-scrolltop {
	fill: var(--color-1);
	height: 40px;
	width: 40px;
}
#smoothup {
	position: fixed;
	bottom: 70px;
	right: 10px;
	display: none;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	transform-origin: center;
	opacity: 0.5;
	z-index: 102;
	width: 40px;
	height: 40px;
	background: var(--white);
	border-radius: 100%;
}
#smoothup:hover {
	transform: rotate(360deg);
	opacity: 0.75;
}

/*--------------------------------------------------------------
# ANIMATIONS
--------------------------------------------------------------*/
.animated {
	transition: 0.9s;
	transition-property: opacity, transform;
	opacity: 0;
}

.animated.left {
	transform: translateX(-200px);
}
.animated.right {
	transform: translateX(200px);
}
.animated.bot {
	transform: translateY(200px);
}
.animated.top {
	transform: translateY(-200px);
}
.animated.scale {
	transform: scale(0);
}
.animated.rotate {
	transform: rotate(360deg);
}
.animated.rotatescale {
	transform: scale(.5) rotateY(180deg);
}
.animated.rotateleft {
	transform:  translateX(-300px) rotate(-270deg);
}
.animated.rotateright {
	transform: translateX(300px) rotate(270deg);
}
.animated.rotatetop {
	transform: translateY(-300px) rotate(-270deg);
}
.animated.rotatebot {
	transform: translateY(300px) rotate(270deg);
}
.animated.bouncezoomin {
	transform: scale(5);
	animation-timing-function: ease-in;
}
.animated.flip {
	transform: rotateX(-180deg);
}
.animated.focus {
	filter: blur(12px);
}

.animated.active {
	opacity: 1;
	transform: none;
}


.animated.delay {
	transition-delay: .3s;
}
.animated.delay2 {
	transition-delay: .6s;
}
.animated.delay3 {
	transition-delay: .9s;
}
.animated.delay4 {
	transition-delay: 1.2s;
}
.animated.delay5 {
	transition-delay: 1.5s;
}
.animated.delay6 {
	transition-delay: 1.8s;
}

.editor-styles-wrapper .animated, .editor-styles-wrapper .count, .editor-styles-wrapper .count2 {
	transform: none!important;
	opacity: 1!important;
}


/*--------------------------------------------------------------
# PAGE 404 - ANIMATION
--------------------------------------------------------------*/
#ghost {
	display: block;
	position: relative;
	left: -2000px;
	opacity: 0;
	animation: appear-left 2s 0.1s ease-out forwards;
}

@keyframes appear-left {
	to {
		left: 0;
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# TARTE AU CITRON
--------------------------------------------------------------*/
/* Font */
#tarteaucitronRoot * {
	font-family: var(--font-family-1) !important;
}

/* Couleurs background et texte des boutons accepter */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
	background-color: var(--color-2);
	color: var(--white);
}

/* Couleurs background et texte des boutons refuser */
#tarteaucitronAlertBig #tarteaucitronAllDenied2,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	background-color: var(--color-1);
	color: var(--white);
}

/* Autres ajustements */
div#tarteaucitronAlertBig:before {
	display: none;
}

button#tarteaucitronPrivacyUrl {
	display: block;
	margin: 0 auto;
	width: 200px;
	padding: 5px 10px;
	height: 40px;
}

button#tarteaucitronPersonalize2,
button#tarteaucitronAllDenied2,
button#tarteaucitronCloseAlert,
button#tarteaucitronPrivacyUrl {
	text-align: center;
}

@media screen and (max-width: 900px) {

	button#tarteaucitronCloseAlert,
	button#tarteaucitronPersonalize2,
	button#tarteaucitronAllDenied2,
	button#tarteaucitronPrivacyUrl {
		min-width: 150px;
		margin: 5px auto;
	}
}

#tarteaucitronIcon #tarteaucitronManager img {
	width: 30px;
	height: 30px;

}

/*--------------------------------------------------------------
# SKIP LINKS
--------------------------------------------------------------*/
/* Utile pour l'accessibilité : lien direct vers le contenu principal */
.skip-link {
	position: absolute;
	left: -9999px;
	padding: 0.5em 1em;
	background: #333;
	color: #fff;
	text-decoration: none;
}

.skip-link:focus {
	position: static;
}

/*--------------------------------------------------------------
# GUTENBERG
--------------------------------------------------------------*/
/* Grande largeur pour Gutenberg */
.content .alignwide {
	margin-left: calc(25% - 25vw);
	margin-right: calc(25% - 25vw);
}

/* Pleine largeur pour Gutenberg */
.content .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: auto;
}

.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
	width: 100vw;
}

.wp-block-cover.alignwide,
.wp-block-cover-image.alignwide {
	width: auto;
}

/* l'alignement grande largeur se comporte comme le pleine largeur en dessous de 768px */
@media screen and (max-width: 768px) {
	.content .alignwide {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

/* ajustements block Gutenberg */
.content ul.blocks-gallery-grid,
.content ul.wp-block-gallery {
	margin-left: 0;
}

.content ul.wp-block-post-template,
.content ul.wp-block-query-loop {
	list-style: none;
}

.content figure.wp-block-gallery {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-gallery.aligncenter {
	justify-content: center;
}

@media screen and (min-width: 601px) {
	.content .wp-block-media-text figure:not(:last-child) {
		margin-bottom: 0;
	}
}

/* Animation galerie Gutenberg */
.wp-block-gallery .wp-block-image a {
	transition: 0.5s all ease-in-out;
}

.wp-block-gallery .wp-block-image a::after {
	content: "\f00e";
	opacity: 0;
	transition: all 0.5s ease-in-out;
	font: var(--fa-font-solid);
	font-size: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	color: white;
}

.wp-block-gallery .wp-block-image a:hover {
	transform: scale(1.05);
	filter: grayscale(1) contrast(1.2);
}

.wp-block-gallery .wp-block-image a:hover::after {
	opacity: 1;
}

/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	.mt-scd .mt-menus {
		padding: 0;
	}
	.mt-scd .mt-logo {
		margin: 0 0 10px 10px;
	}
	.menu-top .classique .search-field {
		width: 150px;
	}
	.nos-sites-item {
		width: 30%;
	}
	.nos-sites-item img {
		width: 100%;
	}
	.nos-sites-item:nth-child(1) {
		margin: 10px;
	}
	.nos-sites-item:nth-child(2) {
		margin: 80px 10px 10px 10px;
	}
	.nos-sites-item:nth-child(3) {
		margin: 160px 10px 10px 10px;
	}
	.nos-sites-item:nth-child(4) {
		margin: -140px 10px 10px 10px;
	}
	.nos-sites-item:nth-child(5) {
		margin: -70px 10px 10px 10px;
	}
	.nos-sites-item:nth-child(6) {
		margin: 10px;
	}
}
@media screen and (max-width: 1350px) {
	.mt-scd {
		justify-content: space-between;
	}
	.mt-scd .mt-menus {
		padding: 0 .25rem;
	}
	.mt-scd .mt-logo {
		margin: 0 0 0 10px;
	}
	.mt-scd .classique a.navbar-item, .mt-scd .classique .search-form {
		margin: 10px 5px;
	}
}
@media screen and (max-width: 1325px) {
	.mt-menus {
		padding: 0 1rem 1rem;
	}
}

@media screen and (max-width: 1260px) {
	.mt-menus {
		padding: 0 0 1rem;
	}
	.mt-logo {
		margin: 0;
	}
	.scrolling-menu {
		padding: 8px 0;
	}
	.menu-top .classique .search-form {
		margin: 10px 0 10px 5px;
	}
	.menu-top .classique a.navbar-item {
		margin: 10px 5px;
	}
}

@media screen and (max-width: 1200px) {
	.menu-top {
		flex-direction: column;
	}
	.mt-menus {
		align-items: center;
		width: 100%;
	}
	.title.is-1 {
		font-size: 2.5rem!important;
	}
	.line-left::after {
		height: 60px;
	}
	p.is-size-4 {
		font-size: 1.3rem!important;
	}
	.nos-formations {
		padding: 3rem 1rem 2rem;
	}
	.autres-formations {
		flex-direction: column;
		align-items: center;
	}
	.autres-formations a.btn {
		margin: 0!important;
	}
	.choisir-irts {
		padding: 3rem 1rem;
	}
	.choisir-irts h2.title.is-1 {
		font-size: 2.25rem!important;
	}
}

@media screen and (max-width: 1024px) {
	.mt-logo {
		width: 300px;
	}
	.mt-logo span {
		width: 300px;
		font-size: 2.25rem;
	}
	.mt-menus, .scrolling-menu {
		display: none;
	}
}

@media screen and (max-width: 965px) {
	.autres-formations h4.title span.underline::before {
		display: none;
	}
}
@media screen and (max-width: 850px) {
	.choisir-irts h2.title.is-1 {
		font-size: 2rem!important;
	}
}

@media screen and (max-width: 768px) {
	.agenda-actus .actus h2.title.is-1 {
		margin: 30px 0;
	}
	.agenda-actus .column.actus {
		margin-top: 40px;
	}
	.choisir-irts h2.title {
		text-align: center;
	}
	.choisir-irts h2.line-left::after {
		display: none;
	}
	.choisir-irts h2 span.underline::before {
		display: none;
	}
	.footer .columns {
    	display: flex;
    	flex-wrap: wrap;
    }
    .footer .column:nth-child(2) {
    	order: -1;
    	width: 100%;
    }
    .footer .column:nth-child(1) {
    	align-items: flex-start;
    }
    .footer .column:nth-child(3) {
    	align-items: flex-end;
    }
}

@media screen and (max-width: 730px) {
	.ci-item {
		width: 80%;
		align-items: flex-start!important;
	}
	.ci-item:nth-child(odd) {
		text-align: left;
    	flex-direction: row-reverse;
	}
	.ci-item:nth-child(odd) .ci-item-text {
	    align-items: flex-start;
	}
	.ci-item img {
		width: 80px!important;
		height: 80px;
		object-fit: contain;
		object-position: center;
	}
	.nos-sites {
		padding: 120px 1rem 40px;
	}
	.nos-sites-item {
		width: calc(50% - 20px);
	}
	.nos-sites-item:nth-child(1), .nos-sites-item:nth-child(4), .nos-sites-item:nth-child(6) {
		margin: 10px;
	}
	.nos-sites-item:nth-child(2) {
		margin: 60px 10px 10px 10px;
	}
	.nos-sites-item:nth-child(3), .nos-sites-item:nth-child(5) {
		margin: -40px 10px 10px 10px;
	}
	.nos-sites .bg-clip {
		height: 90%;
	}
	.partenaires {
		padding: 3rem;
	}
	.partenaires .bg-clip {
        transform: scaleY(-1) scaleX(-1);
        background: var(--white);
        top: -160px;
    }
}

@media screen and (max-width: 600px) {

	.ci-item {
		width: 100%;
	}
	.nos-formations h2.title.is-1 {
		font-size: 2rem!important;
	}

	.slider-formations {
		height: 550px;
	}
	.slider-formations .slick-slide {
		height: 520px;
	}
	.slider-formations .slick-slide.slick-current .slide-content {
		height: 250px;
	}
	.slider-formations .slick-slide.slick-current {
		height: 520px;
	}
	.autres-formations h4.title.is-2 {
		font-size: 2rem!important;
	}
}

@media screen and (max-width: 460px) {

	.btn2 a, .btn3 a {
		font-size: 1.15rem;
		padding: 12px;
		text-align: center;
	}
	.nos-formations h2.underline::before, .nos-formations h2.line-left::after, .line-left::after {
		display: none;
		text-align: center;
	}
	.nos-formations h2.self-start {
		align-self: center;
		text-align: center;
	}
	.nos-sites-item {
		margin: 10px!important;
		width: 80%;
	}
	.nos-sites .bg-clip {
        height: 70%;
    }
    .column.is-6-mobile {
    	width: 100%;
    }
    .footer .column:nth-child(3), .footer-socials {
    	align-items: flex-start;
    }
    .footer-socials span.icon {
    	margin: 0;
    }
}