/*#region BANDEAUX*/

	#milieu > div#bandeaux {
		position:relative; display:table;
		width:100%; max-width:1290px; height:450px;
		background:url(/images/entreprise/ENT-BAN-02_BANNIERE_H450PX.jpg) no-repeat center center;
		background-size:cover;
		text-align:center;
		padding:0px; margin:20px auto 0px;
	}

		#milieu > div#bandeaux .textes {
			position:relative; display:table-cell; content:""; z-index:10;
			width:100%; height:100%;
			left:0px; top:0px;
			text-align:left; vertical-align:middle;
			padding:5% 10% 5% 10%;
		}

			#milieu > div#bandeaux .textes p {
				font-weight:400; color:white;
				margin:0px; padding:0px;
			}

			#milieu > div#bandeaux .textes p.titre {
				position:absolute; display:block;
				top:40px; left:3.6%;
				font-family:Anton; font-size:4.375rem; letter-spacing:5px;
				text-shadow:3px 3px 0px #1D3FA0;
				text-transform:uppercase;
			}

			#milieu > div#bandeaux .textes p.contenu {
				position:absolute; bottom:40px; left:3.6%;
				display:block;
				margin:0px; padding:0 3.6%;
				text-align:center;
				color:#1D3FA0;
				text-shadow:0 0 8px #fff;
			}

				#milieu > div#bandeaux .textes p span {
					display:block;
					font-size:2.9375rem; font-weight:700; line-height:110%;
				}

					#milieu > div#bandeaux .textes p span .padel { display:inline; color:#E85A2C; }

/*#endregion BANDEAUX*/



#milieu .xbloc * {
	transition: 0.2s ease-out;
}

/*#region ENTREPRISE*/

#milieu .xbloc.entreprise {
	padding:0;
	color:#1D3FA0;
}

	#milieu .xbloc.entreprise .entreprise-grid {
		display:grid;
		grid-template-columns:minmax(0, 2fr) minmax(280px, 0.9fr); gap:24px;
		align-items:start;
	}
	#milieu .xbloc.entreprise .-grid-alt {
		grid-template-columns:minmax(0, 1fr);
		justify-items:center;
	}

		#milieu .xbloc.entreprise .col-gauche,
		#milieu .xbloc.entreprise .col-droite {
			display:block;
		}

		#milieu .xbloc.entreprise .-grid-alt .col-gauche {
			width:100%; max-width:953px;
		}

		#milieu .xbloc.entreprise .-grid-alt,
		#milieu .xbloc.entreprise .-grid-alt > .col-gauche {
			overflow:visible;
		}

		#milieu .xbloc.entreprise .interlocuteur,
		#milieu .xbloc.entreprise .col-droite {
			background:#fff;
			border:1px solid #E8EBF2;
			border-radius:16px;
		}

		#milieu .xbloc.entreprise .interlocuteur {
			display:grid;
			grid-template-columns:20.5% 1fr; gap:16px;
			margin-bottom:16px;
			padding:18px;
			border-color:#1D3FA0;
			background:#1D3FA0;
		}

			#milieu .xbloc.entreprise .interlocuteur .photo {
				display:block;
				width:100%; max-width:170px; height:auto; aspect-ratio:1/1;
				border-radius:14px;
				background:#244C9C url("/images/entreprise/ent-interlocuteur-quentin.png") no-repeat center center;
				background-size:cover;
				overflow:hidden;
				white-space:nowrap;
			}

		#milieu .xbloc.entreprise .interlocuteur .infos h2,
		#milieu .xbloc.entreprise .col-droite h2 {
			margin:0 0 6px 0;
			font-size:2rem; font-weight:700; line-height:1.2; color:#1D3FA0;
		}

		#milieu .xbloc.entreprise .interlocuteur .infos h2 {
			color:white;
		}

		#milieu .xbloc.entreprise .interlocuteur .infos p {
			margin:0;
			font-size:1.0625rem; line-height:1.35; color:white;
		}
			#milieu .xbloc.entreprise .interlocuteur .infos p > strong {
				font-size:1.25em;
			}

		#milieu .xbloc.entreprise .interlocuteur .infos .tag {
			margin-top:10px; padding:8px 10px;
			border:1px dashed #F2A16F;
			border-radius:10px;
			font-size:0.875rem; color:#A85B2E;
		}

		#milieu .xbloc.entreprise .offres {
			display:grid;
			/*grid-template-columns:1fr 1fr; gap:16px;*/
			grid-template-columns:1fr; gap:16px;
			margin-bottom:16px;
		}
		#milieu .xbloc.entreprise .-grid-alt .offres {
			position:relative;
			display:grid;
			grid-template-columns: repeat(2, minmax(0, 1fr)); gap:24px;
			margin:48px 0;
		}

			#milieu .xbloc.entreprise .offre-card {
				perspective:1200px;
				min-height:110px;
			}
			#milieu .xbloc.entreprise .-grid-alt .offre-card {
				min-height:180px; max-width:99.99%;
			}

				#milieu .xbloc.entreprise .flip-toggle {
					position:absolute;
					opacity:0;
					max-width:1px; max-height:1px;
					pointer-events:none;
				}

				#milieu .xbloc.entreprise .flip-box {
					position:relative;
					display:block;
					height:100%; min-height:110px;
					transform-style:preserve-3d;
					transition:transform 0.45s ease;
					cursor:pointer;
				}

				#milieu .xbloc.entreprise .flip-toggle:checked + .flip-box {
					transform:rotateY(180deg) ;
				}

					#milieu .xbloc.entreprise .face {
						position:absolute;
						inset:0;
						display:flex;
						flex-direction:column;
						justify-content:center;
						padding:16px 18px;
						border-radius:14px;
						border:1px solid #1D3FA0;
						background-color:#1D3FA0; color:white;
						-webkit-backface-visibility:hidden;
						backface-visibility:hidden;
						
					}

						#milieu .xbloc.entreprise .face-front > strong,
						#milieu .xbloc.entreprise .face-front > span {
							font-size:1.5rem; line-height:1.2;
						}

						#milieu .xbloc.entreprise .face-front > strong {
							color:#E85A2C;
						}
						#milieu .xbloc.entreprise .face-front > span {
							font-size:1.0625rem;
						}
						#milieu .xbloc.entreprise .face-front > strong + span {
							margin-top:0.25em;
						}

					#milieu .xbloc.entreprise .face-back {
						transform:rotateY(180deg);
						font-size:1rem; line-height:1.35;
					}

					#milieu .xbloc.entreprise .flip-toggle:focus-visible + .flip-box .face-front,
					#milieu .xbloc.entreprise .flip-toggle:focus-visible + .flip-box .face-back {
						outline:2px solid #E85A2C; outline-offset:3px;
					}

		#milieu .xbloc.entreprise .projet {
			padding:22px 20px;
			border-radius:16px;
			background:#1D3FA0;
			color:#fff;
			text-align:center;
		}

		#milieu .xbloc.entreprise .projet h3 {
			margin:0 0 14px 0;
			font-size:2rem; font-weight:700; color:#fff;
		}

		#milieu .xbloc.entreprise .projet-actions {
			display:flex;
			gap:10px;
			justify-content:center;
			flex-wrap:wrap;
		}

		#milieu .xbloc.entreprise .btn {
			display:inline-block;
			padding:10px 24px;
			border-radius:999px;
			font-size:1.0625rem; font-weight:600;
			text-decoration:none;
			transition:all 0.2s ease;
		}
		#milieu .xbloc.entreprise .btn:focus-visible {
			outline:2px solid #E85A2C; outline-offset:3px;
		}

		#milieu .xbloc.entreprise .btn-contact {
			border:2px solid #E85A2C;
			background:#E85A2C;
			color:#fff;
		}

		#milieu .xbloc.entreprise .btn-contact:hover {
			color:#1D3FA0;
		}

		#milieu .xbloc.entreprise .btn-devis {
			border:2px solid #fff;
			background:transparent;
			color:#fff;
		}

		#milieu .xbloc.entreprise .btn-devis:hover {
			background:#fff;
			color:#1D3FA0;
		}

		#milieu .xbloc.entreprise .col-droite {
			padding:16px;
		}

		#milieu .xbloc.entreprise .video-card {
			display:flex;
			align-items:center;
			justify-content:center;
			margin-top:12px;
			height:116px;
			border-radius:14px;
			text-decoration:none;
			color:#fff;
			background:
				linear-gradient(135deg, rgba(255,255,255,0.06) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.06) 75%, transparent 75%, transparent),
				linear-gradient(160deg, #1E3F82 0%, #17346B 100%);
			background-size:16px 16px, cover;
		}
		#milieu .xbloc.entreprise .video-card:focus-visible {
			outline:2px solid #E85A2C; outline-offset:3px;
		}

		#milieu .xbloc.entreprise .video-card span {
			padding:8px 12px;
			border:1px dashed rgba(255,255,255,0.55);
			border-radius:10px;
			font-weight:700;
		}

	/* desactive le flip */
	#milieu .xbloc.entreprise .flip-toggle,
	#milieu .xbloc.entreprise .face-back { display:none; }
	#milieu .xbloc.entreprise .flip-box { cursor:default; transform:none !important; }

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

@media screen and (max-width:980px) {
	#milieu .xbloc.entreprise .entreprise-grid {
		grid-template-columns:1fr;
	}
	#milieu .xbloc.entreprise .-grid-alt .offres {
		gap:16px;
		margin:32px 0;
	}
	#milieu .xbloc.entreprise .-grid-alt .offre-card {
		min-height:130px;
	}
}

@media screen and (max-width:780px) {
	#milieu .xbloc.entreprise .offres {
		grid-template-columns:1fr;
	}
}

@media screen and (max-width:680px) {
	#milieu .xbloc.entreprise .interlocuteur {
		grid-template-columns:1fr;
	}
	#milieu .xbloc.entreprise .interlocuteur .photo {
		margin:0 auto;
		width:41%;
	}
	#milieu .xbloc.entreprise .-grid-alt .offres {
		grid-template-columns:1fr;
	}
	#milieu .xbloc.entreprise .-grid-alt .offre-card {
		min-height:110px;
	}
}

/*#endregion ENTREPRISE*/

/*#region CONFIANCE*/

#milieu .xbloc.confiance {
	padding:0;
}

	#milieu .xbloc.confiance h2 {
		margin:0 0 14px 0;
		font-size:2rem; font-weight:700; color:#1D3FA0;
		text-align:center;
	}

	#milieu .xbloc.confiance .logos {
		display:grid;
		grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:18px;
	}

	#milieu .xbloc.confiance .logo-card {
		display:flex;
		align-items:center;
		justify-content:center;
		padding:10px;
		min-height:86px;
		border:1px solid #f7f3ea;
		border-radius:16px;
		background:#f7f3ea;
		text-decoration:none;
	}

	#milieu .xbloc.confiance .logo-card span {
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		min-height:44px;
		border-radius:10px;
		font-size:1.125rem; font-weight:500; color:#1D3FA0;
	}

	#milieu .xbloc.confiance .logo-card:focus-visible {
		outline:2px solid #E85A2C; outline-offset:3px;
	}

@media screen and (max-width:980px) {
	#milieu .xbloc.confiance .logos {
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width:680px) {
	#milieu .xbloc.confiance .logos {
		grid-template-columns:1fr;
	}
}

/*#endregion CONFIANCE*/

/*#region EVENEMENTS*/

#milieu .xbloc.evenements {
	padding:0;
}

#milieu .xbloc.evenements h2 {
	margin:0 0 14px 0;
	font-size:2rem; font-weight:700; color:#1D3FA0;
	text-align:center;
}

#milieu .xbloc.evenements .evenements-slider {
	position:relative;
	padding:0;
}

#milieu .xbloc.evenements .evenements-slider * {
	transition:none;
}

#milieu .xbloc.evenements .evenements-track .slick-list {
	margin:0 -9px; /* compense le margin horizontal des slides */
}

#milieu .xbloc.evenements .evenements-track .evt-card {
	display:flex !important;
	align-items:center;
	justify-content:center;
	min-height:220px;
	margin:0 9px;
	border-radius:18px;
	text-decoration:none;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.06) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.06) 75%, transparent 75%, transparent),
		linear-gradient(160deg, #1E3F82 0%, #17346B 100%);
	background-size:16px 16px, cover;
	color:#fff;
}

#milieu .xbloc.evenements .evenements-track .evt-card {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

	#milieu .xbloc.evenements .evenements-track .evt-card.v1 { background-image: url("/images/entreprise/ent-club-1.png"); }
	#milieu .xbloc.evenements .evenements-track .evt-card.v2 { background-image: url("/images/entreprise/ent-club-2.png"); }
	#milieu .xbloc.evenements .evenements-track .evt-card.v3 { background-image: url("/images/entreprise/ent-club-3.png"); }

#milieu .xbloc.evenements .evenements-track .evt-card > span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	max-width:80%;
	padding:10px 14px;
	border:1px dashed rgba(255,255,255,0.6);
	border-radius:12px;
	font-size:1.25rem; font-weight:700; color:#fff;
	text-align:center;
}

/* Flèches slick */
#milieu .xbloc.evenements .evenements-track .slick-arrow {
	z-index:999;
	width:25px; height:25px;
	border-radius:50%;
	top:50%;
	transform:translateY(-50%);
}

#milieu .xbloc.evenements .evenements-track .slick-arrow.slick-prev { left:27px; }
#milieu .xbloc.evenements .evenements-track .slick-arrow.slick-next { right:27px; }

#milieu .xbloc.evenements .evenements-track .slick-arrow::before {
	font-family:"Font Awesome 5 Free";
	font-size:28px; font-weight:900; color:white;
	opacity:1;
	transition:color 0.25s;
}

#milieu .xbloc.evenements .evenements-track .slick-arrow.slick-prev::before { content:"\f137"; }
#milieu .xbloc.evenements .evenements-track .slick-arrow.slick-next::before { content:"\f138"; }
#milieu .xbloc.evenements .evenements-track .slick-arrow:hover::before { color:#E85A2C; }

/* pas de dots */
#milieu .xbloc.evenements .slick-dots { display:none !important; }

/* tablette */
@media screen and (max-width:980px) {
	#milieu .xbloc.evenements .evenements-slider { padding:0; }
}

/* mobile */
@media screen and (max-width:680px) {
	#milieu .xbloc.evenements .evenements-slider { padding:0; }
}

/*#endregion EVENEMENTS*/

/*#region AFTERWORK*/

#milieu .xbloc.afterwork {
	padding:0;
}

#milieu .xbloc.afterwork h2 {
	margin:0 0 14px 0;
	font-size:2rem; font-weight:700; color:#1D3FA0;
	text-align:center;
}

#milieu .xbloc.afterwork .afterwork-slider {
	position:relative;
	padding:0;
}

#milieu .xbloc.afterwork .afterwork-slider * {
	transition:none;
}

#milieu .xbloc.afterwork .afterwork-track .slick-list {
	margin:0 -9px; /* compense le margin horizontal des slides */
}

#milieu .xbloc.afterwork .afterwork-track .evt-card {
	display:flex !important;
	align-items:center;
	justify-content:center;
	min-height:360px;
	margin:0 9px;
	border-radius:18px;
	text-decoration:none;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.06) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.06) 75%, transparent 75%, transparent),
		linear-gradient(160deg, #1E3F82 0%, #17346B 100%);
	background-size:16px 16px, cover;
	color:#fff;
}

#milieu .xbloc.afterwork .afterwork-track .evt-card {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

	#milieu .xbloc.afterwork .afterwork-track .evt-card.v1 { background-image: url("/images/entreprise/ent-tournoi-1.png"); }
	#milieu .xbloc.afterwork .afterwork-track .evt-card.v2 { background-image: url("/images/entreprise/ent-tournoi-2.png"); }
	#milieu .xbloc.afterwork .afterwork-track .evt-card.v3 { background-image: url("/images/entreprise/ent-tournoi-3.png"); }

#milieu .xbloc.afterwork .afterwork-track .evt-card > span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	max-width:80%;
	padding:10px 14px;
	border:1px dashed rgba(255,255,255,0.6);
	border-radius:12px;
	font-size:1.25rem; font-weight:700; color:#fff;
	text-align:center;
}

/* Flèches slick */
#milieu .xbloc.afterwork .afterwork-track .slick-arrow {
	z-index:999;
	width:25px; height:25px;
	border-radius:50%;
	top:50%;
	transform:translateY(-50%);
}

#milieu .xbloc.afterwork .afterwork-track .slick-arrow.slick-prev { left:27px; }
#milieu .xbloc.afterwork .afterwork-track .slick-arrow.slick-next { right:27px; }

#milieu .xbloc.afterwork .afterwork-track .slick-arrow::before {
	font-family:"Font Awesome 5 Free";
	font-size:28px; font-weight:900; color:white;
	opacity:1;
	transition:color 0.25s;
}

#milieu .xbloc.afterwork .afterwork-track .slick-arrow.slick-prev::before { content:"\f137"; }
#milieu .xbloc.afterwork .afterwork-track .slick-arrow.slick-next::before { content:"\f138"; }
#milieu .xbloc.afterwork .afterwork-track .slick-arrow:hover::before { color:#E85A2C; }

/* pas de dots */
#milieu .xbloc.afterwork .slick-dots { display:none !important; }

/* tablette */
@media screen and (max-width:980px) {
	#milieu .xbloc.afterwork .afterwork-slider { padding:0; }
}

/* mobile */
@media screen and (max-width:680px) {
	#milieu .xbloc.afterwork .afterwork-slider { padding:0; }
}

/*#endregion AFTERWORK*/

/*#region FAQ*/

#milieu .xbloc.faq {
	padding:0;
}

	#milieu .xbloc.faq > * {
		margin-top:0 !important;
		margin-bottom:0 !important;
	}

	#milieu .xbloc.faq .aom-qr-liste * {
		transition:none;
	}

/*#endregion FAQ*/