/*-----------------------------
	TARTEAUCITRON, HABILLAGE P2C
	Chargé après tac.css, seulement sur les pages qui contiennent une vidéo
	(ps-plugin/includes/consent-video.php).
-----------------------------*/

#tarteaucitronRoot {
	--tac-navy: var(--color2, #0a1f3d);
	--tac-red: var(--color1, #f33b34);
	--tac-text: #3b4458;
	--tac-line: #e6e6e3;
	--tac-soft: #f6f5f2;
}

#tarteaucitronRoot,
#tarteaucitronRoot * {
	font-family: var(--baseFont, "Poppins", sans-serif) !important;
	letter-spacing: 0;
}

/* Boutons communs */
html body #tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
.tac_activate .tac_float .tarteaucitronAllow {
	display: inline-block;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid var(--tac-navy, #0a1f3d);
	border-radius: 999px;
	background: transparent;
	color: var(--tac-navy, #0a1f3d);
	font-size: 13px !important;
	font-weight: 500;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	transition: background .2s, color .2s, border-color .2s;
}
html body #tarteaucitronRoot .tarteaucitronAllow *,
html body #tarteaucitronRoot .tarteaucitronDeny *,
.tac_activate .tac_float .tarteaucitronAllow * {
	color: inherit !important;
	font-size: inherit !important;
}
html body #tarteaucitronRoot .tarteaucitronCheck,
html body #tarteaucitronRoot .tarteaucitronCross,
.tac_activate .tarteaucitronCheck {
	display: none !important;
}

/*-----------------------------
	Bandeau (carte en bas de l'écran)
-----------------------------*/
html body #tarteaucitronRoot #tarteaucitronAlertBig {
	left: auto;
	right: 24px;
	bottom: 24px;
	top: auto;
	width: 420px;
	max-width: calc(100% - 32px);
	box-sizing: border-box;
	margin: 0;
	padding: 24px 24px 20px;
	background: #fff;
	color: var(--tac-text);
	text-align: left;
	border-top: 3px solid var(--tac-red);
	border-radius: 6px;
	box-shadow: 0 18px 50px rgba(10, 31, 61, .18), 0 2px 8px rgba(10, 31, 61, .08);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig::before {
	content: "Vidéos et cookies";
	display: block;
	margin: 0 0 8px;
	color: var(--tac-navy);
	font-family: "DM Serif Display", serif !important;
	font-size: 22px;
	line-height: 1.2;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	display: block;
	margin: 0 0 18px;
	padding: 0;
	color: var(--tac-text);
	font-size: 14px !important;
	line-height: 1.6;
	text-align: left;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
	background: var(--tac-navy);
	color: #fff;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:focus-visible {
	background: var(--tac-red);
	border-color: var(--tac-red);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny:hover,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
	background: var(--tac-soft);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
	border-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: underline;
	text-underline-offset: 3px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
	background: transparent;
	color: var(--tac-red);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig button {
	margin: 0 6px 8px 0 !important;
}
/* Lien vers la politique de confidentialité */
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
	display: inline-block;
	margin: 4px 0 0 !important;
	padding: 0;
	border: 0;
	background: none;
	color: var(--tac-text);
	font-size: 12px !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {
	color: var(--tac-red);
}

@media screen and (max-width: 600px) {
	html body #tarteaucitronRoot #tarteaucitronAlertBig {
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		padding: 20px 16px 16px;
	}
	html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
	html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
		width: calc(50% - 6px);
		box-sizing: border-box;
		text-align: center;
	}
	html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
		margin-right: 0 !important;
	}
}

/*-----------------------------
	Panneau « Personnaliser »
-----------------------------*/
html body #tarteaucitronRoot #tarteaucitronBack {
	background: var(--tac-navy) !important;
	opacity: .55 !important;
}
html body #tarteaucitronRoot div#tarteaucitron {
	width: 680px;
	max-width: calc(100% - 32px);
	max-height: none;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50% !important;
	transform: translateY(-50%);
	border-radius: 6px;
	box-shadow: 0 24px 70px rgba(10, 31, 61, .3);
}
html body #tarteaucitron #tarteaucitronClosePanel {
	top: 22px;
	right: 20px;
	width: auto;
	z-index: 2;
	padding: 6px 12px;
	border: 1px solid var(--tac-line);
	border-radius: 999px;
	background: #fff;
	color: var(--tac-navy);
	font-size: 12px !important;
	font-weight: 500;
}
html body #tarteaucitron #tarteaucitronClosePanel:hover {
	border-color: var(--tac-navy);
}
html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronServices {
	height: auto !important;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	margin-top: 0 !important;
	border-top: 3px solid var(--tac-red);
	border-radius: 6px;
	background: #fff;
	box-shadow: none !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
	margin: 0;
	background: #fff;
	border: 0;
	border-bottom: 1px solid var(--tac-line);
	padding: 24px 24px 18px;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
	margin: 8px 0 0;
	width: auto;
}
html body #tarteaucitron #tarteaucitronInfo {
	display: block !important;
	position: static !important;
	background: #fff !important;
	padding: 0 0 16px !important;
	margin: 0 !important;
	max-width: none !important;
	width: auto !important;
	box-sizing: border-box;
	text-align: left !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH1,
html body #tarteaucitronRoot #tarteaucitronDisclaimerAlert.tarteaucitronH1 {
	color: var(--tac-navy) !important;
	font-family: "DM Serif Display", serif !important;
	font-size: 26px !important;
	line-height: 1.2 !important;
	text-align: left;
	margin: 0 110px 12px 0;
}
html body #tarteaucitron #tarteaucitronInfo,
html body #tarteaucitron #tarteaucitronInfo * {
	color: var(--tac-text) !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
}
html body #tarteaucitron #tarteaucitronInfo #tarteaucitronPrivacyUrl,
html body #tarteaucitron #tarteaucitronInfo #tarteaucitronPrivacyUrlDialog {
	display: inline-block;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0;
	font-size: 13px !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}
html body #tarteaucitron .tarteaucitronMainLine .tarteaucitronH2,
html body #tarteaucitron .tarteaucitronMainLine .tarteaucitronName {
	color: var(--tac-navy) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
	margin-top: 0;
}
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
	background: var(--tac-navy) !important;
	border-color: var(--tac-navy);
	color: #fff !important;
	opacity: 1;
}
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	background: var(--tac-red) !important;
	border-color: var(--tac-red);
	color: #fff !important;
	opacity: 1;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk .tarteaucitronDeny {
	margin: 0 0 0 6px;
	padding: 8px 16px;
	border: 1px solid var(--tac-navy);
	border-radius: 999px;
	background: #fff;
	color: var(--tac-navy);
	font-size: 13px !important;
	opacity: 1;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk .tarteaucitronAllow:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk .tarteaucitronDeny:hover {
	background: var(--tac-soft);
}

@media screen and (max-width: 767px) {
	html body #tarteaucitronRoot div#tarteaucitron {
		width: 100% !important;
		max-width: 100% !important;
		top: 0 !important;
		transform: none;
		border-radius: 0;
	}
	html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronServices {
		max-height: 100vh;
		height: 100% !important;
		border-radius: 0;
	}
	html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk,
	html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
		float: none !important;
		display: block;
		margin: 12px 0 0 !important;
		text-align: left !important;
	}
	html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk button:first-child {
		margin-left: 0 !important;
	}
	html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
		width: 100% !important;
		float: none;
	}
	html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronBorder ul .tarteaucitronLine {
		padding: 16px 24px !important;
	}
	html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
		padding-left: 24px !important;
	}
	html body #tarteaucitron .tarteaucitronName .tacCurrentStatus + .tarteaucitronReadmoreSeparator {
		display: none !important;
	}
}

/* Catégories et services */
html body #tarteaucitron .tarteaucitronBorder {
	border: 0;
	background: #fff;
	border-radius: 0 0 6px 6px;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
	background: #fff;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
	background: var(--tac-soft);
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
	margin: 0;
	padding: 16px 24px 4px;
	background: transparent !important;
	color: var(--tac-red) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: .08em;
	text-align: left;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
	padding: 0 !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
	background: #fff;
	border: 0 !important;
	border-bottom: 1px solid var(--tac-line) !important;
	padding: 14px 24px;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
	color: var(--tac-navy) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName * {
	color: var(--tac-text) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
	margin-left: 0;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
	color: var(--tac-red) !important;
}

/*-----------------------------
	Icône de gestion (coin bas droit)
-----------------------------*/
html body #tarteaucitronRoot #tarteaucitronIcon {
	right: 16px;
	bottom: 16px;
}
html body #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
	width: 44px;
	height: 44px;
	padding: 9px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 6px 18px rgba(10, 31, 61, .18);
}
html body #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager img {
	width: 26px;
	height: 26px;
}

/*-----------------------------
	Emplacement d'une vidéo non autorisée
-----------------------------*/
.tac_activate {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 24px;
	box-sizing: border-box;
	background: var(--color2, #0a1f3d) !important;
	border-radius: 4px;
	color: #fff;
}
.tac_float {
	display: block !important;
	max-width: 380px;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .85);
}
.tac_activate .tac_float::before {
	content: "";
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat 55% 50% / 26px;
}
.tac_activate .tac_float strong {
	color: #fff;
	font-weight: 600;
}
.tac_activate .tac_float .tarteaucitronAllow {
	display: block;
	margin: 14px auto 0;
	background: #fff;
	border-color: #fff;
	color: var(--color2, #0a1f3d);
}
.tac_activate .tac_float .tarteaucitronAllow:hover {
	background: var(--color1, #f33b34);
	border-color: var(--color1, #f33b34);
	color: #fff;
}