/*
Theme Name: Couleur Attitude
Author: Tris informatique
Author URI: https://www.trisinformatique.com
Version: 1.0
Template: enfold
*/

/*************
 * VARIABLES
 *************/

:root {
	--main-blue: #2E9FE2;
	--dark-blue: #2089D6;
	--light-blue: #4ECFF3;
	--dark-purple: #5C1792;
	--light-purple: #B490DE;
	--main-green: #005257;
	--dark-green: #17AC76;
	--light-green: #ABE144;
	--main-orange: #F86A47;
	--dark-orange: #F86549;
	--light-orange: #FAC020;
	--dark-yellow: #fab923;
	--light-yellow: #ffd923;
	--light-grey: #f3f3f3;
}

/*********
 * HEADER 
 *********/

#top #wrap_all .av-burger-menu-ul .av-menu-button-colored .avia-menu-text,
#top #wrap_all .header_color .menu-item.av-menu-button-colored .avia-menu-text {
	padding: 10px 15px;
	border-radius: 55px;
	background: linear-gradient(to right, #f86549, #fab923);
	border: none;
	margin-bottom: 10px;
}


#top #wrap_all .av-burger-menu-ul .av-menu-button-colored .avia-menu-text,
#top #wrap_all .header_color .menu-item.av-menu-button-colored .avia-menu-text:hover {
	color: white;
}


/********************************
 Flèche pour menu avec sous-menus 
*********************************/
.menu-item-has-children > a {
  position: relative;
  padding-right: 1.5rem;
}

.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  top: 69%;
  width: 0.25rem;
  height: 0.25rem;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  transform: translateY(-60%) rotate(45deg);
  transition: transform 0.2s ease, border-right 0.35s ease, border-bottom 0.35s ease;
}

/* Animation au hover */
.menu-item-has-children:hover > a::after {
  transform: translateY(-60%) rotate(225deg);
  border-right: 2px solid #f39b00;
  border-bottom: 2px solid #f39b00;
}
/*************/

#top #wrap_all .av_seperator_big_border#header .av-menu-button-colored > a {
	background-color: transparent !important;
}

#top .logo {
	margin-top: 15px;
}

.main_menu #avia-menu>li.menu-item>a {
	display: flex;
	align-items: end;
}

.main_menu #avia-menu>li.menu-item>a .avia-menu-text {
	line-height: 18px;
	margin-bottom: 16px;
}

#top #header #avia-menu>.menu-item-has-children>.sub-menu {
	border-radius: 25px;
}

#top #header #avia-menu>.menu-item-has-children>.sub-menu>li:first-child,
#top #header #avia-menu>.menu-item-has-children>.sub-menu>li:first-child a {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

#top #header #avia-menu>.menu-item-has-children>.sub-menu>li:last-child,
#top #header #avia-menu>.menu-item-has-children>.sub-menu>li:last-child a {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

/*MEGA MENU*/

/*Menu couleur attitude*/
#top #header #avia-menu .onglet-couleur-attitude .avia_mega_div li span.mega_menu_title {
	background: linear-gradient(to top right, var(--dark-purple, #6d2bb7), var(--light-purple, #b166ff));
	background-clip: text;
	-webkit-background-clip: text;
}
/*************************************/


#top #header #avia-menu .avia_mega_div {
	border-radius: 25px;
}

#top #header #avia-menu .avia_mega_div li .mega_menu_title a {
	min-height: 0;
	margin-bottom: 8px;
	transition: all 1s;
}

#top #header #avia-menu .avia_mega_div li:nth-child(1) .mega_menu_title a {
	background: linear-gradient(to right, var(--dark-purple), var(--light-purple));
	background-clip: text;
	-webkit-background-clip: text;
}

#top #header #avia-menu .avia_mega_div li:nth-child(1) .mega_menu_title a:hover {
	color: var(--dark-purple);
}

#top #header #avia-menu .avia_mega_div li:nth-child(2) .mega_menu_title a {
	background: linear-gradient(to right, var(--dark-green), var(--light-green));
	background-clip: text;
	-webkit-background-clip: text;
}

#top #header #avia-menu .avia_mega_div li:nth-child(2) .mega_menu_title a:hover {
	color: var(--dark-green);
}

#top #header #avia-menu .avia_mega_div li:nth-child(3) .mega_menu_title a {
	background: linear-gradient(to right, var(--dark-blue), var(--light-blue));
	background-clip: text;
	-webkit-background-clip: text;
}

#top #header #avia-menu .avia_mega_div li:nth-child(3) .mega_menu_title a:hover {
	color: var(--dark-blue);
}

#top #header #avia-menu .avia_mega_div li:nth-child(4) .mega_menu_title {
	background: linear-gradient(to right, var(--dark-orange), var(--light-orange));
	background-clip: text;
	-webkit-background-clip: text;
}

#top #header #avia-menu .avia_mega_div li:nth-child(4) .mega_menu_title a:hover {
	color: var(--dark-orange);
}

#top #header #avia-menu .avia_mega_div li:nth-child(4) .mega_menu_title a {
	background: linear-gradient(to right, var(--dark-orange), var(--light-orange));
	background-clip: text;
	-webkit-background-clip: text;
}

#top #header #avia-menu .avia_mega_div li:nth-child(5) .mega_menu_title a {
	background: linear-gradient(to right, var(--dark-orange), var(--light-orange));
	background-clip: text;
	-webkit-background-clip: text;
}

#top #header #avia-menu .avia_mega_div li:nth-child(6) .mega_menu_title a {
	background: linear-gradient(to right, var(--dark-orange), var(--light-orange));
	background-clip: text;
	-webkit-background-clip: text;
}


#top #header #avia-menu li .mega_menu_title {
	text-transform: uppercase;
	color: transparent;
}

/*********
 * DIVERS 
 *********/



 #top .btn-avantages a {
	margin-bottom: 20px !important;
 }

/*text*/
#top .avia_textblock {
	line-height: 1.2em;
}

/* ==========================================================================
   4 COLS Accueil — CSS refait (compatible iOS/Safari + look de la maquette)
   Cible le HTML fourni (.flex_column_table > .trs-bloc-acc)
   ========================================================================== */

/* --------- Container de la rangée (peut être posé sur un wrapper .trs-4-blocs) */
.trs-4-blocs {
	z-index: 100;
	position: relative;
	transform: translateY(-50%);
	margin-bottom: -50px;
	background: transparent;

}

@media (max-width: 989px) {
	.trs-4-blocs {
		transform: none;
		transform: translateY(-100px);
	}
}

/* Forcer un vrai layout Flex sur la rangée qui contient les 4 colonnes */
.trs-4-blocs .flex_column_table,
.flex_column_table:where(:not(.ignore-trs)) {
	display: flex;
	gap: 28px;
	align-items: stretch;
	justify-content: center;
	flex-wrap: nowrap;
}

@media (max-width: 1200px) {

	.trs-4-blocs .flex_column_table,
	.flex_column_table:where(:not(.ignore-trs)) {
		gap: 20px;
	}
}

@media (max-width: 989px) {

	.trs-4-blocs .flex_column_table,
	.flex_column_table:where(:not(.ignore-trs)) {
		flex-wrap: wrap;
	}
}

/* --------- Carte / Bloc */
.trs-bloc-acc {
	--radius: 22px;
	--padX: 28px;
	--padY: 28px;

	position: relative;
	z-index: 0;
	/* crée une pile locale propre */
	isolation: isolate;
	/* crucial pour iOS quand on joue avec les 3D */
	overflow: visible;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	color: #fff;
	min-height: 270px;
	padding: var(--padY) var(--padX);
	background: transparent;
	/* le fond est géré par ::before */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 800px;
	perspective: 800px;
	border-radius: var(--radius);
}

/* Contenu au-dessus du fond */
.trs-bloc-acc>* {
	position: relative;
	z-index: 1;
}

/* Icône / Titre / Texte */
.trs-bloc-acc .av_font_icon .av-icon-char {
	display: inline-block;
	font-size: 56px;
	line-height: 1;
	margin-bottom: 10px;
	color: #fff;
}

.trs-bloc-acc h2 {
	margin: 6px 0 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #fff;
}

.trs-bloc-acc p {
	margin: 0 0 14px;
	color: #fff;
}

.trs-bloc-acc a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: 700;
}

/* ---------- Fond dégradé + “carte penchée” (PAS de z-index négatif) */
.trs-bloc-acc::before {
	content: "";
	visibility: visible;

	height: 100%;
	width: 100%;
	position: absolute;
	inset: 0;
	border-radius: var(--radius);
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-origin: center;

	/* ombres douces de la carte */
	box-shadow:
		0 10px 18px rgba(0, 0, 0, .10),
		0 28px 60px rgba(0, 0, 0, .14);
}

/* Ombre “au sol” sous chaque carte (pilule floue) */
.trs-bloc-acc::after {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: -26px;
	height: 36px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .25);
	filter: blur(14px);
	z-index: 0;
	/* pas de négatif -> safe iOS */
	pointer-events: none;
	/* Pas au-dessus du contenu car en dehors de la carte */
}

/* Dégradés par carte (1 → 4) */
.flex_column_table .trs-bloc-acc:nth-child(1)::before,
.flex_column_table .trs-bloc-acc.trs-background-purple::before {
	background: linear-gradient(to top right, var(--dark-purple, #6d2bb7), var(--light-purple, #b166ff));
}

.flex_column_table .trs-bloc-acc:nth-child(2)::before,
.flex_column_table .trs-bloc-acc.trs-background-green::before {
	background: linear-gradient(to top left, var(--dark-green, #21a357), var(--light-green, #77dd77));
}

.flex_column_table .trs-bloc-acc:nth-child(3)::before,
.flex_column_table .trs-bloc-acc.trs-background-blue::before {
	background: linear-gradient(to top left, var(--dark-blue, #0a89c7), var(--light-blue, #49c1ff));
}

.flex_column_table .trs-bloc-acc:nth-child(4)::before,
.flex_column_table .trs-bloc-acc.trs-background-orange::before {
	background: linear-gradient(to top right, var(--dark-orange, #f39b00), var(--light-orange, #ff8f59));
}

.flex_column_table .trs-bloc-acc:nth-child(5)::before,
.flex_column_table .trs-bloc-acc.trs-background-orange::before {
	background: linear-gradient(to top right, var(--dark-orange, #f39b00), var(--light-orange, #ff8f59));
}

.flex_column_table .trs-bloc-acc:nth-child(6)::before,
.flex_column_table .trs-bloc-acc.trs-background-orange::before {
	background: linear-gradient(to top right, var(--dark-orange, #f39b00), var(--light-orange, #ff8f59));
}


/* Effet 3D alternatif pair/impair (perspective sur le parent, rotation sur le fond) */
.flex_column_table .trs-bloc-acc:nth-child(odd)::before {
	-webkit-transform: perspective(200px) translateX(6.5%) rotateY(10deg);
	transform: perspective(200px) translateX(8%) rotateY(10deg);
}

.flex_column_table .trs-bloc-acc:nth-child(even)::before {
	-webkit-transform: perspective(200px) translateX(-6.5%) rotateY(-10deg);
	transform: perspective(200px) translateX(-8%) rotateY(-10deg);
}

/* --------- Responsive */
@media (max-width: 1310px) {
	.trs-bloc-acc {
		--padX: 22px;
		--padY: 24px;
		min-height: 250px;
	}
}

@media (max-width: 989px) {

	.trs-bloc-acc {
		flex: 1 1 100%;
		-webkit-perspective: none;
		perspective: none;
	}

	.trs-bloc-acc::before {
		-webkit-transform: none !important;
		transform: none !important;
	}

	.trs-bloc-acc::after {
		left: 12%;
		right: 12%;
		bottom: -18px;
		height: 22px;
		filter: blur(10px);
	}
}

/* --------- Petites finitions d’intégration Enfold */
.trs-4-blocs .av_font_icon {
	margin-bottom: 10px;
}

.trs-4-blocs .avia_textblock {
	line-height: 1.4;
}

.trs-4-blocs .avia_textblock h2 {
	word-wrap: anywhere;
}


/*Slider & blog*/
time.slide-meta-time,
time.minor-meta,
time.av-magazine-time,
#top .post-meta-infos {
	display: none !important;
}

.avia-content-slider-inner {
	/*height: auto!important;*/
	margin: 0 70px;
}

.template-blog .post-meta-infos .text-sep {
	display: none;
}

#top .slide-content,
#top .template-blog .entry-content-wrapper {
	background-color: white;
	border-radius: 25px;
	padding: 10px 20px;
}

#top .slide-entry-title,
#top .slide-entry-excerpt {
	text-align: center;
}

#top .more-link {
	color: var(--dark-orange);
	font-weight: 700;
	text-decoration: underline;
}

#top .more-link-arrow {
	display: none;
}

#top .template-blog .post_delimiter {
	display: none;
}

#top .template-blog .entry-content-wrapper {
	background-color: var(--light-grey);
	border-radius: 25px;
	padding: 10px 20px;
}

/* magazine*/
#top .av-magazine .av-magazine-thumbnail {
	display: flex;
	justify-content: center;
	border: none;
}

#top .av-magazine .av-magazine-thumbnail a.av-magazine-thumbnail-link {
	border-radius: 25px;
	max-width: fit-content;
}

#top .av-magazine .av-magazine-content-wrap .av-magazine-title {
	font-size: 16px;
}

#top .av-magazine .av-magazine-hero.first .av-magazine-content-wrap .av-magazine-title {
	font-size: 20px;
}

#top .av-magazine .av-magazine-content-wrap {
	display: flex;
	align-items: center;
	background-color: var(--light-grey);
	padding: 10px;
	border-radius: 25px;
	border: none;
}

#top .av-magazine .entry-content-header,
#top .av-magazine .entry-content-header a {
	width: 100%;
	display: block;
}

#top .av-magazine .av-magazine-content-wrap .entry-content-header a {
	text-align: left;
}

#top .av-magazine .av-magazine-hero.first .av-magazine-content-wrap .entry-content-header a {
	text-align: center;
}

/*grille salle*/
#top .trs-grid-salle .grid-entry {
	padding: 20px;

}

#top .main_color .trs-grid-salle .grid-entry .inner-entry,
#top .main_color .trs-grid-salle .grid-entry .entry-title,
#top .main_color .trs-grid-salle .grid-entry .grid-content {
	box-shadow: none;
	background-color: transparent
}

#top .trs-grid-salle .grid-entry .entry-title {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 10px;
}

#top .trs-grid-salle .grid-entry .entry-content {
	font-size: 17px;
	font-weight: 350;
	font-style: normal;
	line-height: 19px;
	color: var(--main-green);
}

#top .trs-grid-salle .image-overlay-inside {
	border-radius: 25px;
}

/*masonry*/
#top .av-masonry-image-container,
#top .av-inner-masonry-content {
	border-radius: 25px;
}

#top .av-masonry .avia-arrow {
	display: none;
}

#top .av-fixed-size .av-masonry-entry .av-inner-masonry-content {
	margin: 10px;
	width: calc(100% - 20px);
}

#top .av-masonry .av-sort-by-term {
	font-size: 20px;
	margin: 20px auto;
}

#top .av-masonry .active_sort {
	text-decoration: underline;
}

#top .avia-logo-slider .av-partner-fake-img {
	background-size: contain;
	background-position: center;
}

/* Style tris pour les titres */
.trs-special-underline {
	display: grid;
}

.trs-special-underline h1,
.trs-special-underline h2,
.trs-special-underline h3,
.trs-special-underline h4 {
	position: relative;
	width: fit-content;
}

.trs-special-underline>.special-heading-border {
	display: none;
}

.trs-special-underline>.av-special-heading-tag::after {
	content: "";
	position: absolute;
	background: linear-gradient(to right, var(--dark-blue), var(--light-blue));
	top: 100%;
	left: 0;
	height: 5px;
	width: 100%;
	border-radius: 10px;
	margin-top: 6px;
}

.trs-special-underline .special-heading-border>.special-heading-inner-border {
	display: none;
}

.trs-special-underline.trs-purple>.av-special-heading-tag::after {
	background: linear-gradient(to right, var(--dark-purple), var(--light-purple));
}

.trs-special-underline.trs-green>.av-special-heading-tag::after {
	background: linear-gradient(to right, var(--dark-green), var(--light-green));
}

.trs-special-underline.trs-orange>.av-special-heading-tag::after {
	background: linear-gradient(to right, var(--dark-orange), var(--light-orange));
}

.trs-special-underline.trs-yellow>.av-special-heading-tag::after {
	background: linear-gradient(to right, var(--dark-yellow), var(--light-yellow));
}

#top #wrap_all .all_colors .trs-no-maj>.av-special-heading-tag {
	text-transform: none !important;
}

#top .modern-quote {
	display: flex;
	flex-direction: column;
}

#top .modern-quote .av-subheading {
	margin-top: 20px;
	font-size: 18px;
}

#top .modern-quote.modern-centered {
	justify-content: center;
	align-items: center;
}

#top .modern-quote.modern-right {
	justify-content: end;
	align-items: end;
}

/*              -------------------                  */

/*Accordéon */
#top .av-elegant-toggle .toggler {
	padding: 15px 55px 10px 35px;
}

/*ALL images*/
#top .image-overlay,
#top .slide-image,
#top .big-preview a,
#top img {
	border-radius: 25px;
}

#top .slide-image {
	margin-bottom: 30px;
}

/*Article à la une homepage*/
.trs-news-one .entry-content p {
	display: none;
}

#top .fullsize .flex_column .trs-news-one .entry-content-header .post-title,
#top .fullsize .flex_column .trs-news-one .entry-content-header .post-meta-infos,
#top .trs-news-one .read-more-link {
	text-align: right;
}

/*decoration d'image feuille*/
#top .trs-img-deco {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	transform: translateY(40%) scale(1.2);
}

/* RFo : Soulignage titre équipe */
#top .trs-team .flex_column .team-member-name:after {
	content: ' ';
	height: 2px;
	width: 30%;
	position: absolute;
	right: 70%;
	z-index: 10;
	opacity: 100;
	visibility: visible;
	bottom: -3px;
	background: #2388C2;
}

#top .trs-team .flex_column .team-member-name {
	position: relative;
	display: block;
	font-size: 20px;
}

@media(min-width : 1680px) {
	#top .trs-team .flex_column .team-member-name {
		white-space: nowrap;
	}
}

/*              -------------------                  */

/* h2ma: burger menu more blue background */
#top #wrap_all .av-burger-overlay-scroll {
	background-color: #0770ad !important;
}

/* h2ma end*/

/*contact colonne icones*/
#top .trs-contact-icons .iconbox_icon {
	font-size: 50px;
	line-height: 50px;
	border: none;
}

/* ninja-form styling */
#top .nf-cell {
	padding: 0 5px 0 0;
}

#top .nf-field-description {
	line-height: 18px;
	z-index: 100;
}

/*only for checkbox consent*/
.checkbox-container.label-right .checkbox-wrap {
	flex-direction: column;
}

#top #ninja_forms_required_items,
.nf-field-container {
	margin-bottom: 0px !important;
}

#top .nf-field-element {
	border-radius: 25px;
	overflow: hidden;
}

#top .nf-field-element input[type="text"],
#top .nf-field-element input[type="email"],
#top .nf-field-element input[type="tel"],
#top .nf-field-element textarea {
	font-family: 'Domus';
	margin-bottom: 0 !important;
	border-radius: 25px;
	padding-left: 15px;
}

#top .nf-form-content input[type="submit"] {
	font-weight: 700;
	background: linear-gradient(to right, var(--dark-orange), var(--light-orange));
	border-radius: 25px;
	cursor: pointer;
}

#top .nf-form-content input[type="button"],
#top .nf-form-content button {
	font-weight: 700;
	background: linear-gradient(to right, var(--dark-blue), var(--light-blue));
	border-radius: 25px;
	cursor: pointer;
}

#top .nf-form-content input[type="submit"]:hover,
#top .nf-form-content input[type="button"]:hover,
#top .nf-form-content button:hover {
	color: #fff;
	opacity: 0.8;
}

/*fix datepicker*/
#top .flatpickr-months .flatpickr-month {
	height: 50px;
}

#top .flatpickr-current-month {
	font-size: 135%;
	line-height: inherit;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0 0;
	line-height: 1;
	height: 34px;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

#top .flatpickr-current-month .flatpickr-monthDropdown-months {
	display: inline-block;
	appearance: menulist;
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	margin: -1px 0 0 0;
	outline: none;
	padding: 0 0 0 .5ch;
	position: relative;
	vertical-align: initial;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: auto;
}

#top .flatpickr-current-month .numInputWrapper input.cur-year {
	background: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	cursor: text;
	padding: 0 0 0 .5ch;
	margin: 0;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	height: auto;
	border: 0;
	border-radius: 0;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

#top .date-wrap .nf-field-element {
	border-radius: 0;
}

#top .date-container select.extra {
	font-family: 'Domus';
	padding-bottom: 12px;
	border-radius: 25px;
	min-width: 70px;
}

/*END ninja form */

.nf-form-content .listradio-wrap li {
	display: inline-block;
}

.nf-form-fields-required {
	display: none;
}

/*              -------------------                  */

/*********
 * FOOTER
 *********/
#footer::before {
	z-index: 10;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	transform: rotate(180deg);
	/*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="fill:white;" viewBox="0 0 1000 100" preserveAspectRatio="none"><path d="M500,97C126.7,96.3,0.8,19.8,0,0v100l1000,0V1C1000,19.4,873.3,97.8,500,97z"></path></svg>');*/
	background-size: 100% 100%;
}

#footer::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to right, var(--dark-purple), var(--light-purple));
	opacity: 0.75;
}

#footer .widgettitle {
	text-transform: uppercase;
	text-decoration: underline;
	border: none !important;
}

#top #footer .widget_nav_menu li.menu-item {
	font-size: 18px;
}

#footer span.news-time {
	display: none;
}

/*BTN social icon*/
#top #footer ul.social_bookmarks {
	display: inline-flex;
	list-style: none;
	height: 120px;
	width: 100%;
	padding-top: 40px;
	font-family: "Poppins", sans-serif;
	justify-content: center;
}


#top #footer ul.social_bookmarks li {
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	margin: 10px;
}

#top #footer ul.social_bookmarks li a {
	padding: 0;
	margin: 0;
}

#top #footer ul.social_bookmarks li,
#top #footer ul.social_bookmarks li a {
	position: relative;
	background: #fff;
	border: none;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#top #footer ul.social_bookmarks .social_bookmarks_facebook a {
	color: #1877f2;
}

#top #footer ul.social_bookmarks .social_bookmarks_facebook:hover,
#top #footer ul.social_bookmarks .social_bookmarks_facebook:hover a {
	background: #1877f2;
	color: #fff;
}

#top #footer ul.social_bookmarks .social_bookmarks_twitter a {
	color: #1da1f2;
}

#top #footer ul.social_bookmarks .social_bookmarks_twitter:hover,
#top #footer ul.social_bookmarks .social_bookmarks_twitter:hover a {
	background: #1da1f2;
	color: #fff;
}

#top #footer ul.social_bookmarks .social_bookmarks_instagram a {
	color: #e4405f;
}

#top #footer ul.social_bookmarks .social_bookmarks_instagram:hover,
#top #footer ul.social_bookmarks .social_bookmarks_instagram:hover a {
	background: #e4405f;
	color: #fff;
}

#socket .copyright {
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px);
}

/**
* Style pour couleur attitude
**/
#scroll-top-link {
	border-radius: 100%;
}

#scroll-top-link::before {
	position: relative;
	bottom: 2px;
}

#mobile-logo img {
	display: none;
}

#av-custom-submenu-1 .active {
	color: rgb(0, 83, 87);
}

#av-custom-submenu-1 a {
	position: relative;
	text-decoration: none;
	color: #000;
	border-left: none !important;
}

/* Pseudo-élément pour la ligne animée */
#av-custom-submenu-1 a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 0;
	background-color: rgb(0, 83, 87);
	transition: width 0.4s ease-in-out;
}

/* Quand le lien est actif */
#av-custom-submenu-1 a.active::after {
	width: 100%;
}

#av-custom-submenu-1 a:hover {
	color: rgb(0, 83, 87);
}

#av-custom-submenu-1 a:hover::after {
	width: 100%;
	/* même effet que l'actif */
}


#sub_menu1 {
	border: none !important;
}


.slide-entry-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, 31.3%);
	gap: 20px;
}

.slide-entry {
	display: flex;
	flex-direction: column;
	width: 100% !important;
}

.slide-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
}

.slide-entry {
	margin: 0px !important;
}

.slide-entry-excerpt {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.read-more-link {
	margin-top: auto;
}

.more-link {
	position: relative !important;
	display: inline-block !important;
	text-decoration: none !important;
}

.more-link::after {
	content: "";
	position: absolute !important;
	left: 0 !important;
	bottom: -2px !important;
	width: 0 !important;
	height: 2px !important;
	transition: width 0.3s ease !important;
}

.more-link:hover::after {
	width: 100% !important;
}

.read-more-link a.more-link {
	display: inline-block;
	text-decoration: none !important;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 0 2px;
	background-position: 0 100%;
	transition: background-size 0.3s ease;
}

.read-more-link a.more-link:hover {
	background-size: 100% 2px;
}


@media (max-width: 1010px) {
	.slide-entry-wrap {
		display: grid;
		grid-template-columns: repeat(auto-fill, 30%);
		gap: 20px;
	}
}

@media (max-width: 992px) {}

@media (max-width: 768px) {
	#socket .copyright {
		width: 100%;
		text-align: center;
	}

	#socket .copyright span {
		display: block;
		float: none !important;
	}

	#footer a {
		line-height: initial;
	}

	#top #footer ul.social_bookmarks li,
	#top #footer ul.social_bookmarks li a {
		width: 35px;
		height: 35px;
	}

	#footer .av_one_fourth:nth-child(1),
	#footer .av_one_fourth:nth-child(4) {
		margin-bottom: 0px !important;
	}

	#footer #tris-footer-image {
		max-width: 200px;
	}

	#footer .container .flex_column .widget {
		margin: 0px;
	}

	#footer .container .flex_column .widget p,
	a {
		font-size: 15px;
	}

	#footer .container .flex_column .widget h3 {
		font-size: 17px;
		margin: 0px;
		padding-top: 0px;
	}

	#footer .container .flex_column #custom_html-2 ul {
		padding: 0px;
		justify-content: left;
		height: auto;
	}

	#header {
		position: fixed !important;
	}

	#menu-flottant {
		display: none !important;
	}

	.slide-entry-wrap {
		grid-template-columns: repeat(auto-fill, 100%);
	}

	/*
	#mobile-logo img{
		max-width: 120px;
		display: block;
	}
	
	.logo {
		display: none!important;
	}*/
}



.tris-aligned-icon .avia_start_animation {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tris-aligned-icon .avia_start_animation .iconlist_icon {
	margin: 0px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mh-0 {
	min-height: 0px;
}

.trs-no-padding li {
	padding-bottom: 0px;
}

.trs-grid-salle .av-sort-yes {
	display: none;
}

#sub-menu ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 10px 0px;
}


#sub-menu ul li a {
	font-size: 1rem;
	background: none;
	color: white;
}

#sub-menu ul li a.active {
	color: white;
}

#sub-menu ul li a:hover {
	color: white;
}

#sub-menu ul li a::after {
	background-color: white;
}

#sub-menu {
	background: linear-gradient(to top left, var(--dark-blue, #0a89c7), var(--light-blue, #49c1ff));
}

.iconlist_content p{
	line-height: 21.6px;
}

.tris-custom-flex {
	display: flex;
}

.tris-custom-flex .tris-custom-flex-left {
	width: 100%;
}

.tris-custom-flex .tris-custom-flex-right {
	width: 100%;
}

#top #header .av-main-nav > .av-menu-button-colored:hover > a .avia-menu-text {
	color: #ffffff;
}


/* Enfold : afficher tous les sous-menus du burger au chargement */
#av-burger-menu-ul .sub-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* Fond noir */
.av-burger-overlay,
.av-burger-overlay-bg,
#av-burger-menu-ul,
#av-burger-menu-ul li,
#av-burger-menu-ul .sub-menu {
  background: #000000 !important;
}

/* Enlever la flèche de trop */
#av-burger-menu-ul span.submenu-toggle {
	display: none;
}


/* Texte blanc */
#av-burger-menu-ul a {
  color: #ffffff !important;
}

/* Bouton coloré uniquement dans le menu burger Enfold */
#top #wrap_all .av-burger-overlay .av-menu-button-colored > a .avia-menu-text,
#top #wrap_all #av-burger-menu-ul .av-menu-button-colored > a .avia-menu-text {
  color: #ffffff !important;
  background: linear-gradient(to right, #f86549, #fab923) !important;
}

/* Survol uniquement dans le burger */
#top #wrap_all .av-burger-overlay .av-menu-button-colored > a:hover,
#top #wrap_all .av-burger-overlay .av-menu-button-colored > a:hover .avia-menu-text,
#top #wrap_all #av-burger-menu-ul .av-menu-button-colored > a:hover,
#top #wrap_all #av-burger-menu-ul .av-menu-button-colored > a:hover .avia-menu-text {
  background-color: transparent !important;
  border-color: #f39b00 !important;
  color: #ffffff !important;
}

@media (max-width: 1349px) {
	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
		display: none !important;
	}

	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
		display: block !important;
	}

	#top #wrap_all .av-burger-overlay .av-menu-button-colored > a:hover .avia-menu-text, #top #wrap_all #av-burger-menu-ul .av-menu-button-colored > a:hover .avia-menu-text {
		background-color: transparent!important;
		background: none!important;
		border: 2px solid #F89733!important;
		color: #F89733!important;
		text-decoration: underline;
	}

}

/* Page de contact */
#contact-section .entry-content-wrapper {
	display: flex;
	flex-wrap: wrap-reverse;
}

#contact-section .entry-content-wrapper .trs-contact-icons {
	min-width: 345px;
}

@media (max-width: 1164px) {

	#contact-section .entry-content-wrapper .first {
		width: 100%;
	}

	#contact-section .entry-content-wrapper .trs-contact-icons {
		width: 100%;
		margin-left: 0px;
	}
}


/* Bouton show more */
.trs-show-more-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  width: 100%;
  position: relative;
  z-index: 50;
}

.trs-show-more-button {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
}

/* Section avec le texte "Voir la liste complète..." + bouton */
#tris-show-more-domains-text {
  display: block;
  overflow: visible;
  max-height: none;
  min-height: 0;
}

/* Section cachée */
#trs-home-show-more.trs-is-hidden {
  display: none !important;
}

/* Section affichée */
#trs-home-show-more {
  display: block;
}

.pb-0 .template-page {
  padding-bottom: 0px;
}

#tris-show-more-domains-text ~ .avia-section,
#trs-home-show-more ~ .avia-section {
  opacity: 1 !important;
  visibility: visible !important;
}

#tris-show-more-domains-text ~ .avia-section .avia_animate_when_almost_visible,
#tris-show-more-domains-text ~ .avia-section .avia_start_delayed_animation,
#tris-show-more-domains-text ~ .avia-section .avia_start_animation,
#trs-home-show-more ~ .avia-section .avia_animate_when_almost_visible,
#trs-home-show-more ~ .avia-section .avia_start_delayed_animation,
#trs-home-show-more ~ .avia-section .avia_start_animation {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  -webkit-animation: none !important;
}

.av-sort-by-term a {
	font-weight: bold;
}