.main-content {
	width: 1024px;
	margin: 0 auto;
	display: table;
}

.localfr-link {
	color: inherit;
	text-decoration: none;
}

.localfr-link:hover {
	color: inherit;
	text-decoration: underline;
}

a.block-link:hover,
a.block-link {
	color: inherit;
}

article a,
article a:hover {
	color: inherit;
}

.invert-sepia,
.legal-notes-container {
	padding: 15px;
}

.legal-notes-container {
	background-color: rgb(245, 245, 245);
	border-radius: 3px;
	margin: 10px;
	color: #333;
	font-family: "Noto Sans", Noto Sans;
}

.legal-notes-container h1 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

.legal-notes-container h2 {
	margin: 5px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
}

.legal-notes-container h4 {
	margin: 5px 0 0 10px;
	font-size: 13px;
	font-weight: bold;
}

.legal-notes-container p {
	margin-left: 1.3em;
}

.legal-notes-container h4 + p {
	margin-left: 27px;
}

.legal-notes-container a {
	color: #355;
	font-weight: bold;
	font-size: 1.1em;
}

a.inherit-links,
a.inherit-links:visited,
a.inherit-links:hover,
a.inherit-links:focus,
a.inherit-links:active {
	color: inherit;
}

h1,
h2,
h3,
h4 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

h2 {
	font-size: 16px;
}

.section {
	margin-top: 35px;
}

.input-required:after {
	content: " *";
	color: red;
	vertical-align: top;
}

.footer-personnalise {
	clear: both;
	line-height: 20px;
}

.footer-personnalise h3,
.footer-personnalise h4 {
	line-height: 20px;
}

.article-personnalise p {
	text-align: justify;
}

.article-personnalise h2 {
	margin: 20px 0;
}

.footer-personnalise h3,
.article-personnalise h3 {
	font-size: 1.17em;
}
.footer-personnalise h4,
.article-personnalise h4 {
	font-size: 1em;
}
.footer-personnalise h5,
.article-personnalise h5 {
	font-size: 0.83em;
}
.footer-personnalise h6,
.article-personnalise h6 {
	font-size: 0.67em;
}
.footer-personnalise h3,
.footer-personnalise h4,
.footer-personnalise h5,
.footer-personnalise h6,
.article-personnalise h3,
.article-personnalise h4,
.article-personnalise h5,
.article-personnalise h6 {
	font-weight: bold;
	text-align: justify;
	margin: 5px 0;
}

/**
 * https://stackoverflow.com/questions/21476380/background-size-on-ios
 * https://caniuse.com/background-attachment
 * iOS has an issue preventing background-attachment: fixed from being used with background-size: cover
 * Work around to display background-image with fixed value
 * We have to set background-attachment to scroll to do not break the behavior due to zoomed image
 */
@media only screen and (max-width: 768px) and (orientation: portrait),
	only screen and (max-width: 1180px) and (orientation: landscape) {
	.ios-enabled {
		background-position: top !important;
		background-size: auto 100vh !important;
		background-attachment: scroll !important;
	}
}

/*
 * In order to avoid having horizontal scrollbars,
 * caused by large min-width properties set on Webtool 1 sites.
 */
@media (max-width: 1000px) {
	.article-personnalise .full-screen-div {
		margin-left: -5vw !important;
	}
}
@media (max-width: 5in) {
	.article-personnalise > div {
		min-width: 100% !important;
	}
}

@media (max-width: 12in) {
	.titre-personnalise div {
		float: none !important;
	}
	h1.titre-personnalise {
		margin-top: 0 !important;
	}

	.article-personnalise .responsive-div {
		width: 100% !important;
		min-height: auto !important;
	}

	.article-personnalise .responsive-div img {
		margin: 0;
	}

	.article-personnalise table img {
		width: 100%;
	}

	.article-personnalise div {
		float: none !important;
		display: table;
	}

	.footer-personnalise {
		padding-top: 10px;
	}

	.footer-personnalise .col-md-3 {
		border-right-style: none !important;
	}

	.btn-agendize-custom {
		float: none !important;
	}
}

@media (max-width: 991px) {
	div[id^="wt-container-instance"].sticky {
		position: relative !important;
		top: initial !important;
	}
}

.article-personnalise img {
	max-width: 100%;
}

.article-personnalise iframe {
	max-width: 100%;
	max-height: 100%;
}

.actuality-full-page > .return-link:hover,
.actuality-full-page > .return-link {
	color: inherit;
}
.actuality-full-page > .return-link span {
	margin-right: 5px;
}
.actuality-full-page > .return-link {
	float: right;
}

.jx-knightlab {
	display: none !important;
}

.local-widget-unavailable {
	color: #900;
	font-weight: bold;
	border: 1px solid #900;
	border-radius: 3px;
	background: #fcc;
	padding: 10px 30px;
	margin: 10px;
	display: inline-block;
}

@media (min-width: 12in) {
    .migration > .cl-effect-12 .branch li {
        box-shadow: #aaaaaa 5px 5px 5px;
        -moz-box-shadow: #aaaaaa 5px 5px 5px;
        -webkit-box-shadow: #aaaaaa 5px 5px 5px;
    }
    /* Effect 12: circle */
    .cl-effect-12 a:not(.menu-picture-link) span.menu-item-label {
        position: relative;
    }
    .cl-effect-12 a:not(.menu-picture-link) span.menu-item-label::before,
    .cl-effect-12 a:not(.menu-picture-link) span.menu-item-label::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.813em; /* 45/16 */
        height: 2.813em; /* 45/16 */
        border: 0.125em solid; /* 2/16 */
        border-color: rgba(0,0,0,0.1);
        border-radius: 50%;
        content: '';
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
        transform: translateX(-50%) translateY(-50%) scale(0.2);
    }

    .cl-effect-12 a:not(.menu-picture-link) span.menu-item-label::after {
        width: 2.188em; /* 35/16 */
        height: 2.188em; /* 35/16 */
        border-width: 0.375em; /* 6/16 */
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
        transform: translateX(-50%) translateY(-50%) scale(0.8);
    }

    .cl-effect-12 a:not(.menu-picture-link):hover span.menu-item-label::before,
    .cl-effect-12 a:not(.menu-picture-link):hover span.menu-item-label::after,
    .cl-effect-12 a:not(.menu-picture-link):focus span.menu-item-label::before,
    .cl-effect-12 a:not(.menu-picture-link):focus span.menu-item-label::after {
        opacity: 0.5;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}

@media (min-width: 5in) {
	@keyframes animation-f1c48662-ecaf-43d1-88ae-4ef4deb1681b {
		0% {
			transform: scale(0);
			animation-timing-function: ease-in;
			opacity: 0;
		}

		38% {
			transform: scale(1);
			animation-timing-function: ease-out;
			opacity: 1;
		}

		55% {
			transform: scale(0.7);
			animation-timing-function: ease-in;
		}

		72% {
			transform: scale(1);
			animation-timing-function: ease-out;
		}

		81% {
			transform: scale(0.84);
			animation-timing-function: ease-in;
		}

		89% {
			transform: scale(1);
			animation-timing-function: ease-out;
		}

		95% {
			transform: scale(0.95);
			animation-timing-function: ease-in;
		}

		100% {
			transform: scale(1);
			animation-timing-function: ease-out;
		}
	}

	@media (min-width: 5in) {
		@keyframes animation-222a55e0-39cd-46d9-847e-cfebf9c0c60e {
			0% {
				letter-spacing: 1em;
				opacity: 0;
			}

			40% {
				opacity: 0.6;
			}

			100% {
				letter-spacing: normal;
				opacity: 1;
			}
		}

		@media (min-width: 5in) {
			@keyframes animation-9f546005-57e0-41e5-b1d4-723c318dac9c {
				0% {
					filter: blur(12px);
					opacity: 0;
				}

				100% {
					filter: blur(0px);
					opacity: 1;
				}
			}

			@media (min-width: 5in) {
				@keyframes animation-de15f451-6388-4c7f-841a-eead95a03cfd {
					0% {
						transform: translateX(-200px);
						opacity: 0;
					}

					100% {
						transform: translateX(0);
						opacity: 1;
					}
				}

				@media (min-width: 5in) {
					@keyframes animation-18d6a746-de94-496c-b631-f601c09aec34 {
						0% {
							transform: translateX(200px);
							opacity: 0;
						}

						100% {
							transform: translateX(0);
							opacity: 1;
						}
					}
				}
			}
		}
	}
}

.cl-effect *,
.cl-effect *:after,
.cl-effect *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}