@charset "UTF-8";

#cookie-info {
	text-align: left;
}

#cookie-info form button {
	font-family: Helvetica, Arial, Sans-Serif, sansserif, sans;
	font-variant: none;
	font-size: 13px;
}

#cookie-info .cookie-banner-topper {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding: .5em 1em;
}

#cookie-info .sides {
	width: 4em;
}

#cookie-info .center-bloc {
	text-align: center;
}

#cookie-info .cookie-icon {
	background-image: var(--cookie-icon-url);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#cookie-info p {
	font-size: 15px;
	margin: 0;
	font-weight: bold;
	text-align: center;
}

#cookie-info p+* {
	margin-top: .3em;
}

#cookie-info .cookie-banner-topper p {
	font-size: 15px;
}

#cookie-info p+* {
	margin-top: 1em;
}

#cookie-info>p {
	font-weight: bold;
}

#cookie-info .infos {
	margin-top: 1em;
}

#cookie-info .infos + p {
	text-align: center;
}

#cookie-info .infos table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--background-blue-gray);
	margin: 1em auto .3em auto;
}

#cookie-info .infos td, #cookie-info .infos th {
	padding: .5em;
}

#cookie-info .infos tbody td {
	border-left: 1px solid #ccc;
}

#cookie-info .infos thead tr th:last-child,
#cookie-info .infos tbody tr td:last-child {
	border-right: 1px solid var(--background-blue-gray);
}

#cookie-info .infos thead {
	white-space: nowrap;
	background: var(--blue-washed);
	color: var(--white);
}

#cookie-info .infos thead th {
	padding: .5em .3em;
}

#cookie-info .infos tbody tr {
	background: var(--gray-light2);
}

#cookie-info .infos tbody tr:nth-child(even) {
	background:var(--blue-washed-light);
}

#cookie-info .infos tfoot {
	background: var(--gray-light);
	text-align: center;
	font-style: italic;
	color: var(--gray-dark);
}

#cookie-info .infos tfoot td {
	padding-top: .8em;
}

#cookie-info .infos+p {
	font-style: italic;
}

@media only screen and (max-device-width: 560px), screen and (max-width: 560px) {

	.legal-text-container#cookie-info {
		padding: .25em;
	}

	#cookie-info .infos thead {
		white-space: pre-wrap;
	}
	
	#cookie-info .infos thead th,
	#cookie-info .infos tbody th,
	#cookie-info .infos tbody td,
	#cookie-info .infos tfoot td {
		padding: 0.25em 0.15em;
		font-size: 13px
	}
}