@import url(fontawesome-all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@font-face {
	font-family: 'Open Sans';
	src: url(fonts/Open Sans.woff);
	font-weight: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url(fonts/Open Sans.woff);
	font-weight: bold;
}
@font-face {
	font-family: 'Allura-Regular';
	src:url('/fonts/Allura-Regular.eot'), 
		url('fonts/Allura-Regular.ttf') format('truetype'), 
		url('fonts/Allura-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
	font-family: 'Book Antiqua';
	src: url(fonts/book.ttf);
	font-weight: normal;
}
@font-face {
	font-family: 'Book Antiqua Bold';
	src: url(fonts/book-bold.ttf);
	font-weight: bold;
}

/*
	Forty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: auto;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

@-ms-viewport {
	width: device-width;
}

body {
	-ms-overflow-style: scrollbar;
}

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

	html, body {
		min-width: 320px;
	}

}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background: #242943;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

/* Type */

body, input, select, textarea {
	/* color: #ffffff; */
	font-family: "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: 300;
	/* letter-spacing: 0.025em; */
	line-height: 1.65;
}

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

	body, input, select, textarea {
		font-size: 14pt;
	}

}

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

	body, input, select, textarea {
		font-size: 12pt;
	}

}

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

	body, input, select, textarea {
		font-size: 11pt;
	}

}

a {
	-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	/* -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; */
	-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	/* transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; */
	/* border-bottom: dotted 1px; */
	color: inherit;
	text-decoration: none;
}

a:hover {
	border-bottom-color: transparent;
	color: #c6a63c  !important;
}

a:active {
	color: #c6a63c  !important;
}

strong, b {
	/* color: #ffffff; */
	font-weight: 600;
}

em, i {
	font-style: italic;
}

p {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	color:#1e2639;
	font-weight: 600;
	line-height: 1.65;
	margin: 0 0 1em 0;
	font-family:'Book Antiqua Bold','Times New Roman', Times, serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	border-bottom: 0;
}

h2 a:hover,
h3 a:hover{
	color: #1f77b6 !important;
}


h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.35em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 0.9em;
}

h6 {
	font-size: 0.7em;
}

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

	h1 {
		font-size: 2em !important;
	}

	h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1.25em;
	}

}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

blockquote {
	border-left: solid 4px rgba(212, 212, 255, 0.1);
	font-style: italic;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
}

code {
	background: rgba(212, 212, 255, 0.035);
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2em 0;
}

	pre code {
		display: block;
		line-height: 1.75;
		padding: 1em 1.5em;
		overflow-x: auto;
	}

hr {
	border: 0;
	border-bottom: solid 1px rgba(212, 212, 255, 0.1);
	margin: 2em 0;
}

	hr.major {
		margin: 3em 0;
	}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/* Row */

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row > * {
	box-sizing: border-box;
}

.row.gtr-uniform > * > :last-child {
	margin-bottom: 0;
}

.row.aln-left {
	justify-content: flex-start;
}

.row.aln-center {
	justify-content: center;
}

.row.aln-right {
	justify-content: flex-end;
}

.row.aln-top {
	align-items: flex-start;
}

.row.aln-middle {
	align-items: center;
}

.row.aln-bottom {
	align-items: flex-end;
}

.row > .imp {
	order: -1;
}

.row > .col-1 {
	width: 8.33333%;
}

.row > .off-1 {
	margin-left: 8.33333%;
}

.row > .col-2 {
	width: 16.66667%;
}

.row > .off-2 {
	margin-left: 16.66667%;
}

.row > .col-3 {
	width: 25%;
}

.row > .off-3 {
	margin-left: 25%;
}

.row > .col-4 {
	width: 33.33333%;
}

.row > .off-4 {
	margin-left: 33.33333%;
}

.row > .col-5 {
	width: 41.66667%;
}

.row > .off-5 {
	margin-left: 41.66667%;
}

.row > .col-6 {
	width: 50%;
}

.row > .off-6 {
	margin-left: 50%;
}

.row > .col-7 {
	width: 58.33333%;
}

.row > .off-7 {
	margin-left: 58.33333%;
}

.row > .col-8 {
	width: 66.66667%;
}

.row > .off-8 {
	margin-left: 66.66667%;
}

.row > .col-9 {
	width: 75%;
}

.row > .off-9 {
	margin-left: 75%;
}

.row > .col-10 {
	width: 83.33333%;
}

.row > .off-10 {
	margin-left: 83.33333%;
}

.row > .col-11 {
	width: 91.66667%;
}

.row > .off-11 {
	margin-left: 91.66667%;
}

.row > .col-12 {
	width: 100%;
}

.row > .off-12 {
	margin-left: 100%;
}

.row.gtr-0 {
	margin-top: 0;
	margin-left: 0em;
}

.row.gtr-0 > * {
	padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
	margin-top: 0em;
}

.row.gtr-0.gtr-uniform > * {
	padding-top: 0em;
}

.row.gtr-25 {
	margin-top: 0;
	margin-left: -0.5em;
}

.row.gtr-25 > * {
	padding: 0 0 0 0.5em;
}

.row.gtr-25.gtr-uniform {
	margin-top: -0.5em;
}

.row.gtr-25.gtr-uniform > * {
	padding-top: 0.5em;
}

.row.gtr-50 {
	margin-top: 0;
	margin-left: -1em;
}

.row.gtr-50 > * {
	padding: 0 0 0 1em;
}

.row.gtr-50.gtr-uniform {
	margin-top: -1em;
}

.row.gtr-50.gtr-uniform > * {
	padding-top: 1em;
}

.row {
	margin-top: 0;
	margin-left: -2em;
}

.row > * {
	padding: 0 0 0 .5em;
}

.row.gtr-uniform {
	margin-top: -2em;
}

.row.gtr-uniform > * {
	padding-top: 2em;
}

.row.gtr-150 {
	margin-top: 0;
	margin-left: -3em;
}

.row.gtr-150 > * {
	padding: 0 0 0 3em;
}

.row.gtr-150.gtr-uniform {
	margin-top: -3em;
}

.row.gtr-150.gtr-uniform > * {
	padding-top: 3em;
}

.row.gtr-200 {
	margin-top: 0;
	margin-left: -4em;
}

.row.gtr-200 > * {
	padding: 0 0 0 4em;
}

.row.gtr-200.gtr-uniform {
	margin-top: -4em;
}

.row.gtr-200.gtr-uniform > * {
	padding-top: 4em;
}

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

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: center;
		justify-content: space-between;
	}

	.row > * {
		box-sizing: border-box;
	}

	.row.gtr-uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row > .imp-xlarge {
		order: -1;
	}

	.row > .col-1-xlarge {
		width: 8.33333%;
	}

	.row > .off-1-xlarge {
		margin-left: 8.33333%;
	}

	.row > .col-2-xlarge {
		width: 16.66667%;
	}

	.row > .off-2-xlarge {
		margin-left: 16.66667%;
	}

	.row > .col-3-xlarge {
		width: 25%;
	}

	.row > .off-3-xlarge {
		margin-left: 25%;
	}

	.row > .col-4-xlarge {
		width: 33.33333%;
	}

	.row > .off-4-xlarge {
		margin-left: 33.33333%;
	}

	.row > .col-5-xlarge {
		width: 41.66667%;
	}

	.row > .off-5-xlarge {
		margin-left: 41.66667%;
	}

	.row > .col-6-xlarge {
		width: 50%;
	}

	.row > .off-6-xlarge {
		margin-left: 50%;
	}

	.row > .col-7-xlarge {
		width: 58.33333%;
	}

	.row > .off-7-xlarge {
		margin-left: 58.33333%;
	}

	.row > .col-8-xlarge {
		width: 66.66667%;
	}

	.row > .off-8-xlarge {
		margin-left: 66.66667%;
	}

	.row > .col-9-xlarge {
		width: 75%;
	}

	.row > .off-9-xlarge {
		margin-left: 75%;
	}

	.row > .col-10-xlarge {
		width: 83.33333%;
	}

	.row > .off-10-xlarge {
		margin-left: 83.33333%;
	}

	.row > .col-11-xlarge {
		width: 91.66667%;
	}

	.row > .off-11-xlarge {
		margin-left: 91.66667%;
	}

	.row > .col-12-xlarge {
		width: 100%;
	}

	.row > .off-12-xlarge {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0em;
	}

	.row.gtr-0 > * {
		padding: 0 0 0 0em;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0em;
	}

	.row.gtr-0.gtr-uniform > * {
		padding-top: 0em;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.5em;
	}

	.row.gtr-25 > * {
		padding: 0 0 0 0.5em;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.5em;
	}

	.row.gtr-25.gtr-uniform > * {
		padding-top: 0.5em;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -1em;
	}

	.row.gtr-50 > * {
		padding: 0 0 0 1em;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -1em;
	}

	.row.gtr-50.gtr-uniform > * {
		padding-top: 1em;
	}

	.row {
		margin-top: 0;
		margin-left: -2em;
	}

	.row > * {
		/* padding: 0 0 0 2em; */
	}

	.row.gtr-uniform {
		margin-top: -2em;
	}

	.row.gtr-uniform > * {
		padding-top: 2em;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -3em;
	}

	.row.gtr-150 > * {
		padding: 0 0 0 3em;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -3em;
	}

	.row.gtr-150.gtr-uniform > * {
		padding-top: 3em;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -4em;
	}

	.row.gtr-200 > * {
		padding: 0 0 0 4em;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -4em;
	}

	.row.gtr-200.gtr-uniform > * {
		padding-top: 4em;
	}

}

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

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row > * {
		box-sizing: border-box;
	}

	.row.gtr-uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row > .imp-large {
		order: -1;
	}

	.row > .col-1-large {
		width: 8.33333%;
	}

	.row > .off-1-large {
		margin-left: 8.33333%;
	}

	.row > .col-2-large {
		width: 16.66667%;
	}

	.row > .off-2-large {
		margin-left: 16.66667%;
	}

	.row > .col-3-large {
		width: 25%;
	}

	.row > .off-3-large {
		margin-left: 25%;
	}

	.row > .col-4-large {
		width: 33.33333%;
	}

	.row > .off-4-large {
		margin-left: 33.33333%;
	}

	.row > .col-5-large {
		width: 41.66667%;
	}

	.row > .off-5-large {
		margin-left: 41.66667%;
	}

	.row > .col-6-large {
		width: 50%;
	}

	.row > .off-6-large {
		margin-left: 50%;
	}

	.row > .col-7-large {
		width: 58.33333%;
	}

	.row > .off-7-large {
		margin-left: 58.33333%;
	}

	.row > .col-8-large {
		width: 66.66667%;
	}

	.row > .off-8-large {
		margin-left: 66.66667%;
	}

	.row > .col-9-large {
		width: 75%;
	}

	.row > .off-9-large {
		margin-left: 75%;
	}

	.row > .col-10-large {
		width: 83.33333%;
	}

	.row > .off-10-large {
		margin-left: 83.33333%;
	}

	.row > .col-11-large {
		width: 91.66667%;
	}

	.row > .off-11-large {
		margin-left: 91.66667%;
	}

	.row > .col-12-large {
		width: 100%;
	}

	.row > .off-12-large {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0em;
	}

	.row.gtr-0 > * {
		padding: 0 0 0 0em;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0em;
	}

	.row.gtr-0.gtr-uniform > * {
		padding-top: 0em;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375em;
	}

	.row.gtr-25 > * {
		padding: 0 0 0 0.375em;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375em;
	}

	.row.gtr-25.gtr-uniform > * {
		padding-top: 0.375em;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75em;
	}

	.row.gtr-50 > * {
		padding: 0 0 0 0.75em;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75em;
	}

	.row.gtr-50.gtr-uniform > * {
		padding-top: 0.75em;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5em;
	}

	.row > * {
		padding: 0 0 0 1.5em;
	}

	.row.gtr-uniform {
		margin-top: -1.5em;
	}

	.row.gtr-uniform > * {
		padding-top: 1.5em;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25em;
	}

	.row.gtr-150 > * {
		padding: 0 0 0 2.25em;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25em;
	}

	.row.gtr-150.gtr-uniform > * {
		padding-top: 2.25em;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3em;
	}

	.row.gtr-200 > * {
		padding: 0 0 0 3em;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3em;
	}

	.row.gtr-200.gtr-uniform > * {
		padding-top: 3em;
	}

}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 0 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xsmall {
					order: -1;
				}

				.row > .col-1-xsmall {
					width: 8.33333%;
				}

				.row > .off-1-xsmall {
					margin-left: 8.33333%;
				}

				.row > .col-2-xsmall {
					width: 16.66667%;
				}

				.row > .off-2-xsmall {
					margin-left: 16.66667%;
				}

				.row > .col-3-xsmall {
					width: 25%;
				}

				.row > .off-3-xsmall {
					margin-left: 25%;
				}

				.row > .col-4-xsmall {
					width: 33.33333%;
				}

				.row > .off-4-xsmall {
					margin-left: 33.33333%;
				}

				.row > .col-5-xsmall {
					width: 41.66667%;
				}

				.row > .off-5-xsmall {
					margin-left: 41.66667%;
				}

				.row > .col-6-xsmall {
					width: 50%;
				}

				.row > .off-6-xsmall {
					margin-left: 50%;
				}

				.row > .col-7-xsmall {
					width: 58.33333%;
				}

				.row > .off-7-xsmall {
					margin-left: 58.33333%;
				}

				.row > .col-8-xsmall {
					width: 66.66667%;
				}

				.row > .off-8-xsmall {
					margin-left: 66.66667%;
				}

				.row > .col-9-xsmall {
					width: 75%;
				}

				.row > .off-9-xsmall {
					margin-left: 75%;
				}

				.row > .col-10-xsmall {
					width: 83.33333%;
				}

				.row > .off-10-xsmall {
					margin-left: 83.33333%;
				}

				.row > .col-11-xsmall {
					width: 91.66667%;
				}

				.row > .off-11-xsmall {
					margin-left: 91.66667%;
				}

				.row > .col-12-xsmall {
					width: 100%;
				}

				.row > .off-12-xsmall {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 0 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header.major {
		width: -moz-max-content;
		width: -webkit-max-content;
		width: -ms-max-content;
		width: max-content;
		margin-bottom: 2em;
	}

		header.major > :first-child {
			margin-bottom: 0;
			width: calc(100% + 0.5em);
		}

			header.major > :first-child:after {
				content: '';
				background-color: #ffffff;
				display: block;
				height: 2px;
				margin: 0.325em 0 0.5em 0;
				width: 100%;
			}

		header.major > p {
			font-size: 0.7em;
			font-weight: 600;
			letter-spacing: 0.25em;
			margin-bottom: 0;
			text-transform: uppercase;
		}

		body.is-ie header.major > :first-child:after {
			max-width: 9em;
		}

		body.is-ie header.major > h1:after {
			max-width: 100% !important;
		}

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

		header.major > p br {
			display: none;
		}

	}
#header2{
	height: 3.25em !important;
	background-color: #1e2639 !important;
	position: inherit !important;
	padding: 0 1em;
	overflow: visible;
}
#header3{
	height: 3.25em !important;
	background-color: #1e2639 !important;
	position: inherit !important;
	padding: 0 1em;
	overflow: visible;
	justify-content: space-between;
}
#header3 .navigation{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	/* width: 100%; */
}
#header3 nav a{
	/* color: hsl(205, 71%, 42%) !important; */
	/* display: block; */
	font-size: 0.7em;
	height: inherit;
	line-height: inherit;
	padding: 0 0.75em;
	position: relative;
	font-weight: 600;
	color: white;
}
#header3 h3{
	color: white;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 0 1em;
	font-size: 1.3em;
	text-transform: uppercase;
	flex: 1 1 10%;
	justify-content: flex-start;
	display: flex;
	align-items: center;
}
#header2 a{
	padding: 0 .5em;
	font-size: 0.7em;
	border-bottom: none;
}
#header2 a strong{
	color: #c6a63c !important;
	position: relative;
	padding-left: 30px;
}

#header2 a strong::before{
	content: '\f167';
	font-family: "Font Awesome 6 brands";
	font-weight: 400;
	margin-right:10px;
	font-size: 1.8em;
	color: #1f77b6;
	position: absolute;
	height: 20px;
	left: 0;
	/* line-height: 59px; */
}

#header2 a span{
	color: #fff !important;
	font-weight: 400;
	/* background-color: rgba(255,255,255,.3); */
	padding: 0 5px;
	/* margin-left: 10px; */
}
#header2 .recherche {
	padding: 0 1.5em;
	position: relative;
	justify-content: flex-end !important;
}
#header2 .recherche .navigator{
	margin-right: 100px;
}
@media screen and (max-width: 786px) {
	#header2 .recherche .navigator{
		display: none;
	}
}
#header .logo_floated{
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	z-index: 23200;
	top: 7px;
	/* padding: 10px; */
	background-color: #1e2639;
	height: 100px;
	display: flex;
	border-radius: 100%;
	border: 5px solid white;
	overflow: hidden;
}
#header .logo_floated img{
	width: 100%;
	border: 3px solid #242943;
}
@media screen and (max-width: 414px) {
	#header .logo_floated{
		width: 80px;
		height: 80px;
		top:10px;
	}
}
/* Form */

	form {
		margin: 0 0 2em 0;
	}

		form > :last-child {
			margin-bottom: 0;
		}

		form > .fields {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: calc(100% + 3em);
			margin: -1.5em 0 2em -1.5em;
		}

			form > .fields > .field {
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				padding: 1.5em 0 0 1.5em;
				width: calc(100% - 1.5em);
			}

				form > .fields > .field.half {
					width: calc(50% - 0.75em);
				}

				form > .fields > .field.third {
					width: calc(100%/3 - 0.5em);
				}

				form > .fields > .field.quarter {
					width: calc(25% - 0.375em);
				}

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

			form > .fields {
				width: calc(100% + 3em);
				margin: -1.5em 0 2em -1.5em;
			}

				form > .fields > .field {
					padding: 1.5em 0 0 1.5em;
					width: calc(100% - 1.5em);
				}

					form > .fields > .field.half {
						width: calc(100% - 1.5em);
					}

					form > .fields > .field.third {
						width: calc(100% - 1.5em);
					}

					form > .fields > .field.quarter {
						width: calc(100% - 1.5em);
					}

		}

	label {
		/* color: #ffffff; */
		display: block;
		font-size: 0.9em;
		/* font-weight: 600; */
		/* letter-spacing: 0.15em; */
		margin: 0 0 1em 0;
		/* text-transform: uppercase; */
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		/* -webkit-appearance: none; */
		-ms-appearance: none;
		/* appearance: none; */
		background: rgba(0, 0, 0, 0.135);
		/* border: 1px solid #ececec; */
		border-radius: 5px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: #9bf1ff;
			box-shadow: 0 0 0 2px #9bf1ff;
		}

	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(212, 212, 255, 0.1)' /%3E%3C/svg%3E");
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.75em;
		padding-right: 2.75em;
		text-overflow: ellipsis;
	}

		select option {
			color: #ffffff;
			background: #242943;
		}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: initial;
		-ms-appearance: none;
		appearance: auto;
		display: block;
		float: left;
		margin-right: -1.4em;
		opacity: 1;
		width: 1em;
		z-index: -1;
		background-color: #ececec;
		/* border: 1px solid #332; */
		height: 1.5em;
		width: 1.5em;
	}
	input[type="radio"]{
		border-radius: 100%;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			/* color: #ffffff; */
			cursor: pointer;
			display: inline-block;
			/* font-weight: 300; */
			padding-left: 2.65em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(212, 212, 255, 0.035);
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.0625em;
				left: 0;
				letter-spacing: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2.0625em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #ffffff;
			border: none;
			content: '\f00c';
			color: #242943;
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			box-shadow: 0 0 0 2px rgba(0, 0, 0, .3);
		}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}
F
	::-webkit-input-placeholder {
		color: rgba(244, 244, 255, 0.2) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(244, 244, 255, 0.2) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(244, 244, 255, 0.2) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(244, 244, 255, 0.2) !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border: solid 1px rgba(212, 212, 255, 0.1);
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
		display: flex;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon > .label {
			display: none;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

		.icon.alt:before {
			/* background-color: #ffffff; */
			border-radius: 100%;
			color: #242943;
			display: inline-block;
			height: 2em;
			line-height: 2em;
			text-align: center;
			width: 2em;
		}

	a.icon.alt:before {
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	a.icon.alt:hover:before {
		background-color: #efefef;
	}

	a.icon.alt:active:before {
		background-color: #efefef;
	}

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 30%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5em 1.25em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1.25em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 2.5em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

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

				.image.main {
					margin: 1.5em 0;
				}

			}

/* List */

	/* ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	} */

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: none;
		/* margin: 0 0 2em 0; */
		padding-left: 1em;
	}

		ul li {
			/* padding-left: 0.5em; */
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(212, 212, 255, 0.1);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 600;
			margin: 1em 0 0em 0;
		}

		dl dd {
			/* margin-left: 2em; */
		}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}

		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}

			ul.actions.special li:first-child {
				padding-left: 0;
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.3em 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1em);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

/* Icons */

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	ul.icons.align-right{
		justify-content: flex-end !important;
	}
	ul.icons li {
		display: inline-block;
		padding: 0 0 0 1em;
	}

			ul.icons li:last-child {
				padding-right: 0;
			}

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

			ul.icons li {
				padding: 0 0.75em 0 0;
			}

		}

/* Pagination */
	.pagination-wrapper,
	.pagination{
		padding: 20px 0;
	}
	ul.pagination{
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

	ul.pagination li{
		display: inline-block;
		padding-left: 0;
		vertical-align: middle;
	}

	ul.pagination li > .page {
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-bottom: 0;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		height: 1.5em;
		line-height: 1.5em;
		margin: 0 0.125em;
		min-width: 1.5em;
		padding: 0 0.5em;
		text-align: center;
	}

	ul.pagination li > .page.active {
		background-color: #ffffff;
		color: #242943;
	}

	ul.pagination li > .page.active:hover {
		background-color: #9bf1ff;
		color: #242943 !important;
	}

	ul.pagination li > .page.active:active {
		background-color: #1e2639;
	}

	ul.pagination li:first-child {
		padding-right: 0.75em;
	}

	ul.pagination li:last-child {
		padding-left: 0.75em;
	}

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

		ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
			display: none;
		}

		ul.pagination li:first-child {
			padding-right: 0;
		}

	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px rgba(212, 212, 255, 0.1);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(212, 212, 255, 0.035);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #ffffff;
			font-size: 0.9em;
			font-weight: 600;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px rgba(212, 212, 255, 0.1);
		}

		table tfoot {
			border-top: solid 2px rgba(212, 212, 255, 0.1);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px rgba(212, 212, 255, 0.1);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		/* box-shadow: inset 0 0 0 2px #ffffff; */
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		height: 3.5em;
		letter-spacing: 0.25em;
		/* line-height: 3.5em; */
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"]:hover, input[type="submit"]:active,
		input[type="reset"]:hover,
		input[type="reset"]:active,
		input[type="button"]:hover,
		input[type="button"]:active,
		button:hover,
		button:active,
		.button:hover,
		.button:active {
			/* box-shadow: inset 0 0 0 2px #9bf1ff;
			color: #9bf1ff; */
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: rgba(155, 241, 255, 0.1);
			/* box-shadow: inset 0 0 0 2px #1e2639;
			color: #1e2639; */
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.6em;
		}

		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		button.large,
		.button.large {
			font-size: 1.25em;
			height: 3em;
			line-height: 3em;
		}

		input[type="submit"].next,
		input[type="reset"].next,
		input[type="button"].next,
		button.next,
		.button.next {
			padding-right: 4.5em;
			position: relative;
		}

			input[type="submit"].next:before, input[type="submit"].next:after,
			input[type="reset"].next:before,
			input[type="reset"].next:after,
			input[type="button"].next:before,
			input[type="button"].next:after,
			button.next:before,
			button.next:after,
			.button.next:before,
			.button.next:after {
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				background-position: center right;
				background-repeat: no-repeat;
				background-size: 36px 24px;
				content: '';
				display: block;
				height: 100%;
				position: absolute;
				right: 1.5em;
				top: 0;
				vertical-align: middle;
				width: 36px;
			}

			input[type="submit"].next:before,
			input[type="reset"].next:before,
			input[type="button"].next:before,
			button.next:before,
			.button.next:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
			}

			input[type="submit"].next:after,
			input[type="reset"].next:after,
			input[type="button"].next:after,
			button.next:after,
			.button.next:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %239bf1ff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
				opacity: 0;
				z-index: 1;
			}

			input[type="submit"].next:hover:after, input[type="submit"].next:active:after,
			input[type="reset"].next:hover:after,
			input[type="reset"].next:active:after,
			input[type="button"].next:hover:after,
			input[type="button"].next:active:after,
			button.next:hover:after,
			button.next:active:after,
			.button.next:hover:after,
			.button.next:active:after {
				opacity: 1;
			}

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

				input[type="submit"].next,
				input[type="reset"].next,
				input[type="button"].next,
				button.next,
				.button.next {
					padding-right: 5em;
				}

			}

		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		button.primary,
		.button.primary {
			background-color: #ffffff;
			box-shadow: none;
			color: #242943;
		}

			input[type="submit"].primary:hover, input[type="submit"].primary:active,
			input[type="reset"].primary:hover,
			input[type="reset"].primary:active,
			input[type="button"].primary:hover,
			input[type="button"].primary:active,
			button.primary:hover,
			button.primary:active,
			.button.primary:hover,
			.button.primary:active {
				background-color: #9bf1ff;
				color: #242943 !important;
			}

			input[type="submit"].primary:active,
			input[type="reset"].primary:active,
			input[type="button"].primary:active,
			button.primary:active,
			.button.primary:active {
				background-color: #1e2639;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			pointer-events: none;
			cursor: default;
			opacity: 0.25;
		}

/* Tiles */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 0 !important;
	}

.tiles + * {
	border-top: 0 !important;
}

.tiles article {
	-moz-align-items: center;
	/* -webkit-align-items: center; */
	-ms-align-items: center;
	/* align-items: center; */
	display: -moz-flex;
	/* display: -webkit-flex; */
	display: -ms-flex;
	/* display: flex; */
	-moz-transition: -moz-transform 0.25s ease, opacity 0.25s ease, -moz-filter 1s ease, -webkit-filter 1s ease;
	-webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease, -webkit-filter 1s ease, -webkit-filter 1s ease;
	-ms-transition: -ms-transform 0.25s ease, opacity 0.25s ease, -ms-filter 1s ease, -webkit-filter 1s ease;
	transition: transform 0.25s ease, opacity 0.25s ease, filter 1s ease, -webkit-filter 1s ease;
	padding: 1.6em;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: default;
	min-height: 40vh;
	max-height: 200em;
	/* min-height: 13em; */
	overflow: hidden;
	position: relative;
	width: 35%;
	height: 60vh;
}

.tiles article .image {
	display: none;
}

.tiles article header {
	position: relative;
	z-index: 3;
}

.tiles article.one > h3 {
	font-size: 1.2em;
	color: #1e2639;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin-left: 1em;
	margin-bottom: 0;
}

.tiles article h3 a:hover {
	color: inherit !important;
}

.la-une-image{
	background-repeat: no-repeat;
	background-position: center ! important;
	background-size: cover;
	position: relative;
}
.la-une-image .title-overlay{
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: rgba(255,255,255,.5);
	transition: background-color .3s ease-in-out;
	padding: 15px;
	width: 80%;
	border-radius: 5px;
}
.la-une-image .title-overlay:hover{
	background-color: #ffffff;
}
.la-une-image .title-overlay p{
	font-size: 13px;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 5px;
	font-weight: 600;
}
.la-une-image .title-overlay h3{
	font-size: 1.2em;
	color: #1e2639;
	margin-bottom: 0;
	line-height: 25px;
}

.tiles article .link.primary {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}
.articlce-list{
	list-style: none !important;
	margin: 10px 0 0 0;
	padding: 0;
}
.articlce-list li{
	padding: 0;
	margin: 0;
}
.articlce-list li a{
	position: relative;
	display: block;
	padding-left: 1em;
	padding-bottom: .3em;
	padding-right: 1em;
	border-bottom: 1px solid rgba(0,0,0,.06);
}
.articlce-list li:last-child a{
	border-bottom: none;
}
.articlce-list li a:hover{
	/* background-color: #1e2639 !important; */
}
.articlce-list li a span{
	color:#7c7c7c;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}
.articlce-list li a .article_title{
	color:#1e2639 !important;
	font-size: .78em;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.articlce-list li a .icon-decor{
	position: absolute;
	right: 5px;
	top: 35%;
	opacity:0;
	font-size: .9em !important;
	background-color: rgba(0,0,0,.6);
	padding: 3px 10px 0 10px;
	border-radius: 100%;
	text-align: center;
}
.articlce-list li a:hover .icon-decor{
	opacity: 1;
}
.articlce-list li a .icon-decor i{
	color: white;
}
.articlce-list li a:hover span,
.articlce-list li a:hover h3{
	color: #333 !important;
}
/* .tiles article:before {
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.85;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.tiles article:after {
	background-color: rgba(36, 41, 67, 0.25);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.tiles article:hover:before {
	opacity: 0;
} */

.tiles article.is-transitioning {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-moz-filter: blur(0.5em);
	-webkit-filter: blur(0.5em);
	-ms-filter: blur(0.5em);
	filter: blur(0.5em);
	opacity: 0;
}

.tiles article:nth-child(4n - 1), .tiles article:nth-child(4n - 2) {
	width: 65%;
}

.tiles article:nth-child(6n - 5):before {
	background-color: #1e2639;
}

.tiles article:nth-child(6n - 4):before {
	background-color: #8d82c4;
}

.tiles article:nth-child(6n - 3):before {
	background-color: #ec8d81;
}

.tiles article:nth-child(6n - 2):before {
	background-color: #e7b788;
}

.tiles article:nth-child(6n - 1):before {
	background-color: #8ea9e8;
}

.tiles article:nth-child(6n):before {
	background-color: #87c5a4;
}
@media screen and (max-width: 1366px) {
	.mod-write{
		/* background-size: 100% !important; */
	}
}
		@media screen and (max-width: 1280px) {

			.tiles article {
				padding: 4em 3em 2em 3em ;
				/* height: 30vh;
				max-height: 30em;
				min-height: 20em; */
			}
			

		}
		@media screen and (max-width: 1024px) {
			.floating-left{
				display: none !important;
			}
		}

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

			.tiles article {
				width: 50% !important;
			}
			.item-organisme{
				width: 100% !important;
			}

		}
		@media screen and (max-width: 820px) {
			.blog .items-row.cols-3{
				flex-wrap: wrap;
			}
			.categories-list .list-categories-item > div,
			.blog .items-row .span4{
				width: 100% !important;
				flex: none !important;
				max-height: 200px !important;
			}
			.categories-list .list-categories-item > div img{
				width: 100% !important;
				height: auto !important;
			}
			.articleBody p, .articleBody ul li{
				/* text-align: justify !important; */
			}
			.blog .items-row .span4 .item .pull-left.item-image{
				border-radius: 0 !important;
			}
			.item-page ol.list-numeric > li .indice{
				position: relative !important;
				display: block;
			}
			.item-page ol.list-numeric > li div{
				margin-left: 0 !important;
			}
			.item-organisme-image{
				flex: 1;
			}
			.item-orgnanisme-footer{
				flex-wrap: wrap;
				text-align: center !important;
				display: block !important;
			}
			.item-orgnanisme-footer a{
				width: 100% !important;
				margin: 5px 0 !important;
			}
			
			.articleBody{
				width: 100% !important;
			}
			.items-row .span12 .item{
				flex-wrap: wrap;
			}
			.items-row .span12 .item .pull-left,
			.item-right-content{
				flex: none !important;
				width: 100%;
			}
		}

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

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

			.tiles article {
				padding: 3em 1.5em 1em 1.5em;
				/* height: 16em; */
				max-height: none;
				min-height: 0;
				min-height: 20em !important;
			}

			.tiles article h3 {
				font-size: 1.5em;
			}
			.outline-button span{
				padding: 6px 10px 4px !important;
			}

		}

		@media screen and (max-width: 690px) {
			.line2 .row-col{
				flex-flow: wrap;
			}
			.mod-pge{
				flex: 1 1 100% !important;
			}
			.mod-rs{
				flex: 1 1 100% !important;
				margin-top: 2em;
			}
			.mod-rs h3{
				font-size: 1.2em !important;
			}
			.mod_projets .link-button{
				margin-top:20px;
			}
			.opportunity h3, .domaine h3{
				font-size: 1.5em !important;
			}
			#header3 .navigator{
				display: none;
			}
			#header3 h3{
				font-size: 1.15em;
			}
			.box-flex-item .box-image img{
				top: -44% !important;
			}
			.mod-write{
				/* background-size: 100% !important; */
			}
			
			.item-page .pull-left.item-image img{
				border-radius: 15px !important;
			}
			
		}

		@media screen and (max-width: 600px) {
			.box-flex-item .box-image img{
				top: 0% !important;
			}
		}

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

			.tiles {
				display: flex;
				flex-direction: column-reverse;
			}
			.tiles article {
				/* height: 20em; */
				width: 100% !important;
				flex-grow: 1;
			}
			.la-une-image{
				display: flex;
				flex: 1 1 0;
				
			}
			.menu-interne ul li a{
				padding: 3em 2em 3em 45% !important;
			}
			.menu-interne ul li a::before{
				width: 40% !important;
			}
		}
		@media screen and (max-width: 414px) {

			.tiles {
				display: flex;
				flex-direction: column-reverse;
			}
			.tiles article {
				
				width: 100% !important;
				flex-grow: 1;
			}
			.d-flex .half-1_3{
				padding-left: 1em;
			}
		}
		@media screen and (max-width: 323px) {
			#header3 h3{
				margin-top: 1em;
				margin-bottom: 1em;
				font-size: 1.15em;
			}
		}


/* Contact Method */

	.contact-method {
		margin: 0 0 2em 0;
		padding-left: 3.25em;
		position: relative;
	}

		.contact-method .icon {
			left: 0;
			position: absolute;
			top: 0;
		}

		.contact-method h3 {
			margin: 0 0 0.5em 0;
		}

/* Spotlights */

	.spotlights {
		border-top: 0 !important;
	}

		.spotlights + * {
			border-top: 0 !important;
		}

		.spotlights > section {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			background-color: #2e3450;
		}

			.spotlights > section > .image {
				background-position: center center;
				background-size: cover;
				border-radius: 0;
				display: block;
				position: relative;
				width: 30%;
			}

				.spotlights > section > .image img {
					border-radius: 0;
					display: block;
					width: 100%;
				}

				.spotlights > section > .image:before {
					background: rgba(36, 41, 67, 0.9);
					content: '';
					display: block;
					height: 100%;
					left: 0;
					opacity: 0;
					position: absolute;
					top: 0;
					width: 100%;
				}

			.spotlights > section > .content {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				padding: 2em 3em 0.1em 3em ;
				width: 70%;
			}

				.spotlights > section > .content > .inner {
					margin: 0 auto;
					max-width: 100%;
					width: 65em;
				}

			.spotlights > section:nth-child(2n) {
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
				background-color: #333856;
			}

				.spotlights > section:nth-child(2n) > .content {
					-moz-align-items: -moz-flex-end;
					-webkit-align-items: -webkit-flex-end;
					-ms-align-items: -ms-flex-end;
					align-items: flex-end;
				}

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

			.spotlights > section > .image {
				width: 40%;
			}

			.spotlights > section > .content {
				width: 60%;
			}

		}

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

			.spotlights > section > .image {
				width: 45%;
			}

			.spotlights > section > .content {
				width: 55%;
			}

		}

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

			.spotlights > section {
				display: block;
			}

				.spotlights > section > .image {
					width: 100%;
				}

				.spotlights > section > .content {
					padding: 4em 3em 2em 3em ;
					width: 100%;
				}

		}

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

			.spotlights > section > .content {
				padding: 3em 1.5em 1em 1.5em ;
			}

		}

/* Header */

	@-moz-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

#header,
#header2,
#header3 {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	background-color: #fff;
	box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.15);
	cursor: default;
	font-weight: 600;
	height: 3.25em;
	left: 0;
	/* letter-spacing: 0.25em; */
	line-height: 3.25em;
	margin: 0;
	position: fixed;
	/* text-transform: uppercase; */
	top: 0;
	width: 100%;
	z-index: 10000;
}

#header .logo,
#header .logo2 {
	border: 0;
	display: inline-block;
	font-size: 0.8em;
	height: inherit;
	line-height: inherit;
	padding: 0 1.5em;
}

#header .logo strong {
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: #ffffff;
	color: #242943;
	display: inline-block;
	line-height: 1.65em;
	margin-right: 0.325em;
	padding: 0 0.125em 0 0.375em;
}

#header .logo:hover strong {
	background-color: #9bf1ff;
}

#header .logo:active strong {
	background-color: #1e2639;
}
#header .logo2 {
	color: #1e2639 !important;
	padding: .5em;
	/* background-image: url(../../images/armoirie_top.png); */
	align-items: center;
	justify-content: center;
	display: flex;
}
#header .logo2 img{
	width: 255px;
	height: 41px;
}
/* Recherche */
.search-wrapper {
    position: absolute;
    /* transform: translate(-50%, -50%);
    top:50%;
    left:50%; */
    right: 4em;
    top: 11px;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
    height: 40px;
    width:70px;
    overflow: hidden;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:450px;
    border-radius: 50px;
    background: #fff;
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width:100%;
    height: 45px;
    padding: 0px 70px 20px 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    box-sizing: border-box;
    border:none;
    outline:none;
    /* font-family:"Open Sans", Arial, Verdana; */
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    transform: translate(0, 60px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
    width: 40px;
    height: 40px;
    border:none !important;
    border-radius: 30px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	border-color: white;
}
.search-wrapper.active .input-holder .search-icon,
.search-wrapper .input-holder .search-icon:hover {
    background-color: #c6a63c;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute; 
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #FE5F55;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #FE5F55;
}
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 7px;
    width:25px;
    height:25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #c6a63c;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 3px;
    height: 23px;
    left: 10px;
    top: 3px;
}
.search-wrapper .close::after {
    width: 23px;
    height: 3px;
    left: 0px;
    top: 13px;
}

/* ENd search */
#header nav,
#header2 .recherche {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: -moz-flex-end;
	-webkit-justify-content: -webkit-flex-end;
	-ms-justify-content: -ms-flex-end;
	justify-content: center;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	height: inherit;
	line-height: inherit;
}
#header nav{
	justify-content: flex-end;
	flex: 1 1 100%;
}
#header nav.hamburger-menu{
	flex: 1 1 6%;
	justify-content: flex-end;
}
#header nav a {
	border: 0;
	display: block;
	font-size: 0.7em;
	height: inherit;
	line-height: inherit;
	padding: 0 0.75em;
	position: relative;
	vertical-align: middle;
	font-weight: 600;
	color: #333;
}

#header nav a:last-child {
	padding-right: 1.5em;
}

#header nav a[href="#menu"] {
	padding-right: 3.325em !important;
}

#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
	background-image: url('../../images/menu-burger.png');
	background-position: center;
	background-repeat: no-repeat;
	/* background-size: 26px 32px; */
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 1.5em;
	top: 0;
	vertical-align: middle;
	width: 29px;
}

#header nav a[href="#menu"]:after {
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %239bf1ff%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
	opacity: 0;
	z-index: 1;
}

#header nav a[href="#menu"]:hover:after, #header nav a[href="#menu"]:active:after {
	opacity: 0;
}

#header nav a[href="#menu"]:last-child {
	padding-right: 3.875em !important;
}

#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
	right: 2em;
}

#header .navigation{
	display: flex;
	flex: 1 ;
	
}
.mod-rs{
	margin-left: 2em;
}
.mod-rs .navigation{
	/* margin-bottom: .5em !important; */
}
.mod-rs ul{
	margin: 0 0 8px 0 !important;
}
.mod-rs .navigation .navigator a,
.mod-rs ul li a{
	display: block;
	color: #1e2639;
	font-size: 14px;
	padding: .3em 0 .3em 0;
	position:relative;
}
.mod-rs ul{
	margin-left: 0 !important;
	padding-left: 0;
}
.mod-rs ul li a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#menu-with-icon li a::before,
.mod-rs ul li a::before{
	content: "\f35d";
    font-family: "FontAwesome"; 
	margin-right: 5px;  
}
.mod-rs ul.icons li{
	padding: 0px;
	display: flex;
	/* flex: 1; */
}
.mod-rs ul.icons{
	justify-content: flex-start;
	margin: 0;
	margin-top: 5px !important;
}
		#header.reveal {
			-moz-animation: reveal-header 0.35s ease;
			-webkit-animation: reveal-header 0.35s ease;
			-ms-animation: reveal-header 0.35s ease;
			animation: reveal-header 0.35s ease;
		}

		#header.alt {
			-moz-transition: opacity 2.5s ease;
			-webkit-transition: opacity 2.5s ease;
			-ms-transition: opacity 2.5s ease;
			transition: opacity 2.5s ease;
			-moz-transition-delay: 0.75s;
			-webkit-transition-delay: 0.75s;
			-ms-transition-delay: 0.75s;
			transition-delay: 0.75s;
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			/* background-color: transparent; */
			/* box-shadow: none; */
			position: fixed;
		}

			#header.alt.style1 .logo strong {
				color: #1e2639;
			}

			#header.alt.style2 .logo strong {
				color: #8d82c4;
			}

			#header.alt.style3 .logo strong {
				color: #ec8d81;
			}

			#header.alt.style4 .logo strong {
				color: #e7b788;
			}

			#header.alt.style5 .logo strong {
				color: #8ea9e8;
			}

			#header.alt.style6 .logo strong {
				color: #87c5a4;
			}

		body.is-preload #header.alt {
			opacity: 0;
		}

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

			#header nav a[href="#menu"] {
				padding-right: 3.75em !important;
			}

				#header nav a[href="#menu"]:last-child {
					padding-right: 4.25em !important;
				}

		}

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

			#header nav a[href="#menu"] {
				padding-right: 4em !important;
			}

				#header nav a[href="#menu"]:last-child {
					padding-right: 4.5em !important;
				}

		}

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

			#header {
				height: 2.75em;
				line-height: 2.75em;
			}

				#header .logo {
					padding: 0 1em;
				}

				#header nav a {
					padding: 0 0.5em;
				}

					#header nav a:last-child {
						padding-right: 1em;
					}

					#header nav a[href="#menu"] {
						padding-right: 3.25em !important;
					}

						#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
							right: 0.75em;
						}

						#header nav a[href="#menu"]:last-child {
							padding-right: 4em !important;
						}

							#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
								right: 1.5em;
							}

		}

		@media screen and (max-width: 480px) {
			#menu{
				padding: 0em 1em !important;
			}
			#header .logo span {
				display: none;
			}

			#header nav a[href="#menu"] {
				overflow: hidden;
				padding-right: 0 !important;
				text-indent: 5em;
				white-space: nowrap;
				width: 5em;
			}

			#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
				right: 0;
				width: inherit;
			}

			#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
				width: 4em;
				right: 0;
			}
			.rs-content{
				margin-top: 1.5em;
			}

		}

/* Banner */

	#banner {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		background-image: url("../../images/banner.jpg");
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		padding: 6em 0 2em 0 ;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom: 0 !important;
		cursor: default;
		height: 60vh;
		margin-bottom: -3.25em;
		max-height: 32em;
		min-height: 22em;
		position: relative;
		top: -3.25em;
	}

		#banner:after {
			-moz-transition: opacity 2.5s ease;
			-webkit-transition: opacity 2.5s ease;
			-ms-transition: opacity 2.5s ease;
			transition: opacity 2.5s ease;
			-moz-transition-delay: 0.75s;
			-webkit-transition-delay: 0.75s;
			-ms-transition-delay: 0.75s;
			transition-delay: 0.75s;
			pointer-events: none;
			background-color: #242943;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0.85;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#banner h1 {
			font-size: 3.25em;
		}

		#banner > .inner {
			-moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
			-webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
			-ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
			transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
			padding: 0 !important;
			position: relative;
			z-index: 2;
		}

			#banner > .inner .image {
				display: none;
			}

			#banner > .inner header {
				width: auto;
			}

				#banner > .inner header > :first-child {
					width: auto;
				}

					#banner > .inner header > :first-child:after {
						max-width: 100%;
					}

			#banner > .inner .content {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				margin: 0 0 2em 0;
			}

				#banner > .inner .content > * {
					margin-right: 1.5em;
					margin-bottom: 0;
				}

				#banner > .inner .content > :last-child {
					margin-right: 0;
				}

				#banner > .inner .content p {
					font-size: 0.7em;
					font-weight: 600;
					letter-spacing: 0.25em;
					text-transform: uppercase;
				}

		#banner.major {
			height: 75vh;
			min-height: 30em;
			max-height: 50em;
		}

			#banner.major.alt {
				opacity: 0.75;
			}

		#banner.style1:after {
			background-color: #1e2639;
		}

		#banner.style2:after {
			background-color: #8d82c4;
		}

		#banner.style3:after {
			background-color: #ec8d81;
		}

		#banner.style4:after {
			background-color: #e7b788;
		}

		#banner.style5:after {
			background-color: #8ea9e8;
		}

		#banner.style6:after {
			background-color: #87c5a4;
		}

		body.is-preload #banner:after {
			opacity: 1.0;
		}

		body.is-preload #banner > .inner {
			-moz-filter: blur(0.125em);
			-webkit-filter: blur(0.125em);
			-ms-filter: blur(0.125em);
			filter: blur(0.125em);
			-moz-transform: translateX(-0.5em);
			-webkit-transform: translateX(-0.5em);
			-ms-transform: translateX(-0.5em);
			transform: translateX(-0.5em);
			opacity: 0;
		}

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

			#banner {
				background-attachment: scroll;
			}

		}

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

			#banner {
				padding: 5em 0 1em 0 ;
				height: auto;
				margin-bottom: -2.75em;
				max-height: none;
				min-height: 0;
				top: -2.75em;
			}

				#banner h1 {
					font-size: 2em;
				}

				#banner > .inner .content {
					display: block;
				}

					#banner > .inner .content > * {
						margin-right: 0;
						margin-bottom: 2em;
					}

				#banner.major {
					height: auto;
					min-height: 0;
					max-height: none;
				}

		}

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

			#banner {
				padding: 6em 0 2em 0 ;
			}

			#banner > .inner .content p br {
				display: none;
			}

			#banner.major {
				padding: 8em 0 4em 0 ;
			}
			.box-flex-item{
				margin-bottom: 10px;
			}
			.box-image,
			.box-title{
				/* flex: none !important; */
			}
			.mod-rs{
				margin-left: 0;
				margin-top: 2em;
			}
			.articlce-list li a .article_title{
				font-size: .8em !important;
			}
			.mod-list-projets .articlce-list li a .prj-left{
				flex: 1 1 50% !important;
			}
			.list-iconed li{
				margin-bottom: 10px;
			}
			.header-title-violet{
				margin-top: 15px !important;
				margin-bottom: 15px !important;
				line-height: 1;
			}
			.link-button{
				margin-top: 15px;
			}
			.link-button a span{
				font-size: 10px !important;
			}
			#header .logo2 img{
				display: none;
			}
			.mod-write{
				background-position: bottom center !important;
			}
			#header2 .recherche{
				/* display: none; */
				margin-top: 6px;
			}
			.search-wrapper .input-holder,
			.search-wrapper .input-holder .search-input{
				height: 35px !important;
				
			}
			.search-wrapper .input-holder .search-icon{
				width: 35px !important;
				height: 35px !important;
			}
			footer{
				background-position-y: inherit !important;
				background-position-x: inherit !important;
				background-position: center center !important;
			}
		}

/* Main */

	#main {
		background-color: #fff;
		/* padding-bottom: 60px; */
	}

		#main > * {
			border-top: solid 1px rgba(212, 212, 255, 0.1);
		}

			#main > *:first-child {
				border-top: 0;
			}

			#main > * > .inner {
				padding: 4em 0 2em 0 ;
				margin: 0 auto;
				max-width: 65em;
				width: calc(100% - 6em);
			}

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

					#main > * > .inner {
						padding: 3em 0 1em 0 ;
						width: calc(100% - 3em);
					}

				}

		#main.alt {
			background-color: transparent;
			border-bottom: solid 1px rgba(212, 212, 255, 0.1);
		}

/* Contact */

	#contact {
		border-bottom: solid 1px rgba(212, 212, 255, 0.1);
		overflow-x: hidden;
	}

		#contact > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			padding: 0 !important;
		}

			#contact > .inner > :nth-child(2n - 1) {
				padding: 4em 3em 2em 0 ;
				border-right: solid 1px rgba(212, 212, 255, 0.1);
				width: 60%;
			}

			#contact > .inner > :nth-child(2n) {
				padding-left: 3em;
				width: 40%;
			}

			#contact > .inner > .split {
				padding: 0;
			}

				#contact > .inner > .split > * {
					padding: 3em 0 1em 3em ;
					position: relative;
				}

					#contact > .inner > .split > *:before {
						border-top: solid 1px rgba(212, 212, 255, 0.1);
						content: '';
						display: block;
						margin-left: -3em;
						position: absolute;
						top: 0;
						width: calc(100vw + 3em);
					}

				#contact > .inner > .split > :first-child:before {
					display: none;
				}

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

			#contact > .inner {
				display: block;
			}

				#contact > .inner > :nth-child(2n - 1) {
					padding: 4em 0 2em 0 ;
					border-right: 0;
					width: 100%;
				}

				#contact > .inner > :nth-child(2n) {
					padding-left: 0;
					width: 100%;
				}

				#contact > .inner > .split > * {
					padding: 3em 0 1em 0 ;
				}

				#contact > .inner > .split > :first-child:before {
					display: block;
				}

		}

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

			#contact > .inner > :nth-child(2n - 1) {
				padding: 3em 0 1em 0 ;
			}

		}
		@media screen and (max-width: 600px) {
			#header3 .navigator{
				display:none;
			}
		}
		@media screen and (max-width: 320px) {
			#header3 h3{
				font-size: 1em;
				text-align: center;
			}
			.mod-list-projets .articlce-list li a .prj-left {
				align-items: flex-start !important;
			}
			#header2 .recherche{
				margin-top: 4px !important;
			}
		}

/* Footer */

	#footer .copyright {
		font-size: 0.8em;
		list-style: none;
		padding-left: 0;
	}

		#footer .copyright li {
			border-left: solid 1px rgba(212, 212, 255, 0.1);
			color: rgba(244, 244, 255, 0.2);
			display: inline-block;
			line-height: 1;
			margin-left: 1em;
			padding-left: 1em;
		}

			#footer .copyright li:first-child {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;
			}

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

		#footer .copyright li {
			display: block;
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
			line-height: inherit;
		}

	}

/* Wrapper */

	#wrapper {
		-moz-transition: -moz-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		-webkit-transition: -webkit-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		-ms-transition: -ms-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		transition: filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
		padding-top: 3.25em;
	}

		#wrapper.is-transitioning {
			opacity: 0;
		}

		#wrapper > * > .inner {
			padding: 0em 0 2em 0;
			margin: 0 auto;
			max-width: 65em;
			width: calc(100% - 6em);
			display: flex;
		}

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

				#wrapper > * > .inner {
					padding: 3em 0 1em 0 ;
					width: calc(100% - 3em);
				}

			}

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

			#wrapper {
				padding-top: 2.75em;
			}

		}

/* Menu */

	#menu {
		-moz-transition: -moz-transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
		-webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
		-ms-transition: -ms-transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
		transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		pointer-events: none;
		background: rgba(36, 41, 67, 0.9);
		box-shadow: none;
		height: 100%;
		left: 0;
		opacity: 0;
		overflow: hidden;
		padding: 3em 2em;
		position: fixed;
		top: 0;
		visibility: hidden;
		width: 100%;
		z-index: 10002;
	}

#menu .inner {
	-moz-transition: -moz-transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	-webkit-transition: -webkit-transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	-ms-transition: -ms-transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	transition: transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	-moz-transform: rotateX(20deg);
	-webkit-transform: rotateX(20deg);
	-ms-transform: rotateX(20deg);
	transform: rotateX(20deg);
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	max-height: 100vh;
	opacity: 0;
	overflow: auto;
	text-align: center;
	visibility: hidden;
	width: 99%;
	display: flex;
	flex-wrap: wrap;
	background-image: url(../../images/armoirie_or.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-position-x: 50%;
	background-position-y: 50%;
	padding: 1em;
	background-size: contain;
}
#menu .inner > *{
	flex: 1 1 0;
	flex-basis: 0;
	
}
#menu .inner .icons .icon.alt:before{
	background-color: #c6a63c !important;
}
#menu .inner .icons .icon.alt:hover:before{
	background-color: #242943 !important;
	color: white !important;
}
.headre-menu-title{
	color: #c6a63c;
	margin: 0;
	padding: 0;
	font-family: "Open Sans", sans-serif, "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	padding-left: 1em;
}
	/* #menu .inner > :first-child {
		margin-top: 2em;
	}

	#menu .inner > :last-child {
		margin-bottom: 3em;
	} */

#menu ul {
	margin: 0 0 1em 0;
}

#menu ul.links {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul.links > li {
	padding-left: 1em;
}

#menu ul.links > li > a:not(.button) {
	border: 0;
	border-top: solid 1px rgba(212, 212, 255, 0.1);
	display: block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
	/* line-height: 3em; */
	text-decoration: none;
	/* text-transform: uppercase; */
	text-align: left;
	padding: .7em 0;
	color: white;
}

#menu ul.links > li > .button {
	display: block;
	margin: 0.5em 0 0 0;
}

#menu ul.links > li:first-child > a:not(.button) {
	border-top: 0 !important;
}
#menu ul.links > li.parent{
	position: relative;
}
#menu ul.links > li.parent > a:not(.button){
	position: relative;
}
#menu ul.links > li.parent > ul{
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 1em;
	background-color:#1e2639;
	border-radius: 8px;
	padding:0 1em;
	width: 100%;
}
#menu ul.links > li.parent:hover > ul{
	/* display: block; */
}
#menu ul.links > li.parent > ul > li{
	padding: 0;
}
#menu ul.links > li.parent > ul > li > a{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3em;
	text-decoration: none;
	/* text-transform: uppercase; */
	text-align: left;
	display: block;
	border-top: solid 1px rgba(212, 212, 255, 0.1);
	color: white;
	border-bottom: solid 1px rgba(212, 212, 255, 0.1);
	border-top: none !important;
	padding: 10px 0;
}
#menu ul.links > li.parent > ul > li:last-child > a{
	border-bottom: none !important;
}

#menu ul.links > li.parent > a:not(.button)::after{
	position: absolute;
	content: "\f061";
	font-family: FontAwesome;
	right: 0;
	transition: transform .7s ease-in-out;
}

#menu ul.links > li.parent > a:not(.button):hover::after{
	transform: rotate(90deg);
}



#menu .close {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
	cursor: pointer;
	display: block;
	height: 4em;
	line-height: 4em;
	overflow: hidden;
	padding-right: 1.25em;
	position: absolute;
	right: 0;
	text-align: right;
	text-indent: 8em;
	top: 0;
	vertical-align: middle;
	white-space: nowrap;
	width: 8em;
}

#menu .close:before, #menu .close:after {
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 4em;
	position: absolute;
	right: 0;
	top: 0;
	width: 4em;
}

#menu .close:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
}

#menu .close:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %239bf1ff%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
	opacity: 0;
}

#menu .close:hover:after, #menu .close:active:after {
	opacity: 1;
}

	body.is-ie #menu {
		background: rgba(42, 47, 74, 0.975);
	}

	body.is-menu-visible #wrapper {
		-moz-filter: blur(0.5em);
		-webkit-filter: blur(0.5em);
		-ms-filter: blur(0.5em);
		filter: blur(0.5em);
	}

	body.is-menu-visible #menu {
		pointer-events: auto;
		opacity: 1;
		visibility: visible;
	}

body.is-menu-visible #menu .inner {
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
}
.tiles article.one{
	padding-top: .3em !important;
	padding-left: 0;
	position: relative;
	padding-right: 0;
	padding-bottom: 0;
	/* background-image: url(../../images/_IAVOLOHA_SILOUHETTE_2.png); */
	background-repeat: no-repeat;
	background-size:auto;
	background-position: bottom;
	display: flex;
	flex-direction: column;
}
.float-button{
	top: .6em;
	color: #318dff;
	border: 1px solid transparent;
	text-transform: uppercase;
	font-size: .8em;
	position: absolute;
	right: 10px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 2px;
	padding: 6px 15px 4px;
	border-radius: 30px;
}
.float-button:hover{
	border-color: #318dff;
	color: #1f77b6 !important;
}
.mod_voyage .float-button{
	top: 0;
}
.my-2{
	margin-top: 3.5em;
	margin-bottom: 3.5em;
}
.mx-1{
	margin-left: 3.5em;
	margin-right: 3.5em;
}
.mt-2{
	margin-top: 2em;
}
.mt-1{
	margin-top: 1em;
}
.mb-1{
	margin-bottom: 1em;
}
.mb-2{
	margin-bottom: 2em;
}
.pad-2{
	padding: 1em !important;
}
.line2{
	background-color: white;
	/* border-bottom: 1px solid #cecece; */
	padding: 10px 10px 2em 10px !important;	
}
section .content{
	box-sizing: 0;
}
.row-col{
	display: flex;
}
.mod-pge{
	flex: 1 1 60%;
	/* margin-bottom: 2em; */
}
.mod-rs{
	flex: 1;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: flex-start;
}
.mod-rs h3{
	font-size: .9em;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 .2em 0;
	/* text-align: center; */
	padding: 0;
}
@media (max-width: 414px) {
	.mod-rs h3{
		margin-top: .5em !important;
		margin-bottom: .5em !important;
		font-size: 1.3em !important;
		text-transform: uppercase;
	}
	.mod-rs ul.icons li{
		flex: 1;
		display: flex;
		align-items: center;
	}
	.mod-rs ul.icons li a{
		flex: 1 1 0;
		text-align: center;
		padding: 15px;
	}
	.icon.alt:before{
		font-size: 1.5em !important;
	}
}
@media (max-width: 380px) {
	.mod-rs ul.icons li a{
		padding: 10px;
	}
}
.mod-pge h3,
.mod_projets h3,
.mod_voyage h3,
.mod-list-projets h3{
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 1em 0;
	font-size: 1.3em;
	text-transform: uppercase;
}
.box-flex{
	display: flex;
	margin: 0 0 1em 0;
}
.box-flex-item{
	flex: 1 1 0;
	/* flex-basis: 0; */
	display: flex;
	margin: .1em;
	max-height: 100px;
}
.box-flex-item:hover{
	/* background-color: #f7f7f7 !important; */
}
.box-slide-visite{
	display: flex;
	flex: 1 1 0;
}
.box-slide-visite img{
	width: 100%;
}
.box-image{
	display: flex;
	flex: 1;
	overflow: hidden;
}
.box-flex-item .box-image a,
.box-flex-item .box-image img{
	/* height: 100%; */
	width: 100%;
	display: block;
	position: relative;
}
.box-flex-item .box-image img{
	transition: transform ease-in-out .5s;
	top: -66%;
}
.box-flex-item .box-image a .hover{
	position: absolute;
	left: 50%;
	top: 120%;
	transform: translate(-50%, -50%);
	padding: 3px 15px;
	background-color: #c6a63c;
	display: flex;
	color: #1e2639;
	font-size: 14px;
	transition: top .3s ease-in-out;
	border-radius: 90px;
	border: 4px solid rgba(255,255,255,.5);
	font-weight: bold;
}
.box-flex-item .box-image a .hover:hover{
	
	background-color: #1f77b6;
	color: white;
}
.box-flex-item:hover .box-image img{
	transform: scale(1.3);
}
.box-flex-item:hover .box-image .hover{
	top: 50%;
}
.box-title{
	/* display: flex; */
	align-items: center;
	flex: 1 1 50%;
	/* flex-shrink: initial; */
}
.box-title a{
	font-size: .9em;
	text-transform: none;
	padding-left: 10px;
	color: #1e2639;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	display: flex;
	/* width: 100%; */
	/* height: 100%; */
	/* align-items: center; */
	padding-right: 1em;
	font-weight: 600;
	line-height: 17px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.box-title a:hover{
	color: #333 !important;
}
.box-title p{
	font-size: 14px;
	color: #333 !important;
	padding-left: 10px;
	margin-bottom: 0;
}
.bouton-flottant{
	position: absolute;
	right: 10px;
	top: 0px;
}
.link-button{
	display: inline-block;
}
.outline-button span{
	border:1px solid #1f77b6;
	font-size: 14px;
	display: block;
	color: #1f77b6;
	padding: 6px 15px 4px;
	border-radius: 30px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 2px;
}
.outline-button span:hover{
	background-color: #1f77b6;
	color: white;
}
.flat-button span{
	color: #1f77b6;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 2px;
	border:1px solid transparent;
	padding: 6px 15px 4px;
	border-radius: 30px;
}
.flat-button:hover span{
	border-color: #1f77b6 !important;
}

.float-right{
	float: right !important;
}
.icon-net{
	/* display: flex; */
	margin: 0;
}
.icon-net a{
	flex: 1 1 0;
	text-align: center;
}
.icon-net a img{
	/* padding: 5px; */
	margin-top: 8px;
	margin-right: 5px;
}
.icone-chat{
	margin-top: -10px;
}
/* Tooltip */
/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
	--arrow-size: 5px;
	position: relative;
	z-index: 10;
  }
  
  /* Positioning and visibility settings of the tooltip */
  [data-tooltip]:before,
  [data-tooltip]:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	bottom: calc(100% + var(--arrow-size));
	pointer-events: none;
	transition: 0.2s;
	will-change: transform;
  }
  
  /* The actual tooltip with a dynamic width */
  [data-tooltip]:before {
	content: attr(data-tooltip);
	padding: 10px 18px;
	min-width: 50px;
	max-width: 300px;
	width: max-content;
	width: -moz-max-content;
	border-radius: 6px;
	font-size: 14px;
	background-color: rgba(59, 72, 80, 0.9);
	background-image: linear-gradient(30deg,
	  rgba(59, 72, 80, 0.44),
	  rgba(59, 68, 75, 0.44),
	  rgba(60, 82, 88, 0.44));
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	white-space: pre-wrap;
	transform: translate(-50%,  calc(0px - var(--arrow-size))) scale(0.5);
  }
  
  /* Tooltip arrow */
  [data-tooltip]:after {
	content: '';
	border-style: solid;
	border-width: var(--arrow-size) var(--arrow-size) 0px var(--arrow-size); /* CSS triangle */
	border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
	transition-duration: 0s; /* If the mouse leaves the element, 
								the transition effects for the 
								tooltip arrow are "turned off" */
	transform-origin: top;   /* Orientation setting for the
								slide-down effect */
	transform: translateX(-50%) scaleY(0);
  }
  
  /* Tooltip becomes visible at hover */
  [data-tooltip]:hover:before,
  [data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
  }
  /* Scales from 0.5 to 1 -> grow effect */
  [data-tooltip]:hover:before {
	transition-delay: 0.3s;
	transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
  }
  /* 
	Arrow slide down effect only on mouseenter (NOT on mouseleave)
  */
  [data-tooltip]:hover:after {
	transition-delay: 0.5s; /* Starting after the grow effect */
	transition-duration: 0.2s;
	transform: translateX(-50%) scaleY(1);
  }
  /*
	That's it for the basic tooltip.
  
	If you want some adjustability
	here are some orientation settings you can use:
  */
  
  /* LEFT */
  /* Tooltip + arrow */
  [data-tooltip-location="left"]:before,
  [data-tooltip-location="left"]:after {
	left: auto;
	right: calc(100% + var(--arrow-size));
	bottom: 50%;
  }
  
  /* Tooltip */
  [data-tooltip-location="left"]:before {
	transform: translate(calc(0px - var(--arrow-size)), 50%) scale(0.5);
  }
  [data-tooltip-location="left"]:hover:before {
	transform: translate(calc(0px - var(--arrow-size)), 50%) scale(1);
  }
  
  /* Arrow */
  [data-tooltip-location="left"]:after {
	border-width: var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);
	border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
	transform-origin: left;
	transform: translateY(50%) scaleX(0);
  }
  [data-tooltip-location="left"]:hover:after {
	transform: translateY(50%) scaleX(1);
  }
  
  
  
  /* RIGHT */
  [data-tooltip-location="right"]:before,
  [data-tooltip-location="right"]:after {
	left: calc(100% + var(--arrow-size));
	bottom: 50%;
  }
  
  [data-tooltip-location="right"]:before {
	transform: translate(var(--arrow-size), 50%) scale(0.5);
  }
  [data-tooltip-location="right"]:hover:before {
	transform: translate(var(--arrow-size), 50%) scale(1);
  }
  
  [data-tooltip-location="right"]:after {
	border-width: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;
	border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
	transform-origin: right;
	transform: translateY(50%) scaleX(0);
  }
  [data-tooltip-location="right"]:hover:after {
	transform: translateY(50%) scaleX(1);
  }
  
  
  
  /* BOTTOM */
  [data-tooltip-location="bottom"]:before,
  [data-tooltip-location="bottom"]:after {
	top: calc(100% + var(--arrow-size));
	bottom: auto;
  }
  
  [data-tooltip-location="bottom"]:before {
	transform: translate(-50%, var(--arrow-size)) scale(0.5);
  }
  [data-tooltip-location="bottom"]:hover:before {
	transform: translate(-50%, var(--arrow-size)) scale(1);
  }
  
  [data-tooltip-location="bottom"]:after {
	border-width: 0px var(--arrow-size) var(--arrow-size) var(--arrow-size);
	border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
	transform-origin: bottom;
  }
  
  /* Settings that make the pen look nicer */
 
  @keyframes moveFocus { 
	0%   { background-position: 0% 100% }
	100% { background-position: 100% 0% }
  }
  
  
  
  button {
	margin: 0;
	/* padding: 0.7rem 1.4rem; */
	cursor: pointer;
	text-align: center;
	border: none;
	border-radius: 4px;
	outline: inherit;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-size: 0.7em;
	background-color: #1e2639;
	color: white;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: background 350ms ease-in-out,
				transform 150ms ease;
	border-radius: 30px;
	}
  button:hover {
	background-color: #484f56;
  }
  button:active {
	transform: scale(0.98);
  }
  button:focus {
	box-shadow: 0 0 2px 2px #1e2639;
  }
  button::-moz-focus-inner {
	border: 0;
  }
  
  .example-elements {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	padding-right: 4%;
  }
  
  .example-elements p {
	padding: 6px;
	display: inline-block;
	margin-bottom: 5%;
	color: #fff;
  }
  .example-elements p:hover {
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	padding-left: 5px;
	padding-right: 5px;
  }
  
  .example-elements a {
	margin-left: 6px;
	margin-bottom: calc(5% + 10px);
	color: #76daff;
	text-decoration: none;
  }
  .example-elements a:hover {
	margin-bottom: calc(5% + 9px);
	border-bottom: 1px solid #76daff;
  }
  
  .example-elements button {
	margin-bottom: 20px;
  }
  
  .info-wrapper {
	flex-grow: 8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: justify;
	padding-left: 6%;
	border-left: 3px solid #35ea95;
  }
  
  .info-wrapper p {
	color: rgba(255, 255, 255, 0.69);
  }
  .info-wrapper p {
	max-width: 600px;
	text-align: justify;
  }
  
  .info-wrapper .title-question {
	display: block;
	color: #fff;
	font-size: 1.36em;
	font-weight: 500;
	padding-bottom: 24px;
  }
  
  
  
  
  
  /* Thumbnail settings */
  @media (max-width: 750px) {
	
	main {
	  font-size: 1.1em;
	  padding: 6%;
	}
	.info-wrapper p:before,
	.info-wrapper p:after {
	  display: none;
	}
	.example-elements {
	  max-width: 150px;
	  font-size: 22px;
	}
	.example-elements a/* , button */ {
	  display: none;
	}
	.example-elements p:before, 
	.example-elements p:after {
	  visibility: visible;
	  opacity: 1;
	}
	.example-elements p:before {
	  content: "Tooltip";
	  font-size: 20px;
	  transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
	}
	.example-elements p:after {
	  transform: translate(-50%, -1px) scaleY(1);
	}
	
	
	[data-tooltip]:after {
	  bottom: calc(100% + 3px);
	}
	[data-tooltip]:after {
	  border-width: 7px 7px 0px 7px;
	}
  }
/* Tooltip end */

.d-flex{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 0;
}
.d-flex .half-1_3{
	flex: 1 1 33%;
	padding: 0 1em;
}
.d-flex .half-2_3{
	flex: 1 1 67%;
	padding: 0 1em;
}
.d-flex .half-1_2{
	flex: 1 1 50%;
	padding: 1em;
}
.section{
	padding: 2em;
}
.list_projets{
	margin: 0;
	padding: 0;
}
.list_projets li{
	/* background-color: #1e2639; */
	display: flex;
	flex-wrap: nowrap;
	flex-basis: 0;
	padding: 0;
	margin: 0 0 15px 0;
}

.list_projets li .image_projets_wrap{
	flex: 1 1 30%;
	overflow: hidden;
}
.list_projets li .image_projets_wrap img{
	width: 100%;
	height: 100%;
	transition: transform .5s ease-in-out;
}
.list_projets li:hover .image_projets_wrap img{
	transform: scale(1.2);
}
.list_projets li .header_projet{
	flex: 1 1 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_projets li .header_projet a{
	color: #c6a63c;
	font-size: .8em;
	font-family: 'Book Antiqua Bold', sans-serif;
	text-transform: inherit;
	margin: 0;
	display: flex;
	background-color: #1e2639;
	width: 100%;
	height: 100%;
	padding: 0 0 0 10px;
	align-items: center;
	border-right: 4px solid #e931ff;
}
.list_projets li:hover .header_projet a{
	color:#1e2639 !important;
	background-color: #c6a63c;
	border-right-color:#1e2639 !important;
}
.list_projets li:first-child .header_projet a{
	border-right-color: #ff3600;
}
.list_projets li:last-child .header_projet a{
	border-right-color: #7c0000;
}
section .slider-container{
	/* margin: 2em 0 !important; */
}
.text-uppercase{
	text-transform: uppercase !important;
}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-white{
	color: white !important;
}
.text-beige{
	color: #c6a63c !important;
}
.text-writted{
	font-family: 'Allura-Regular', cursive !important;
	font-weight: 600 !important;
  	font-style: normal;
	font-size: 1.8em !important;
}
.mute{
	font-size: 12px;
}
.bg-greylight{
	background-color: #f7f7f7 !important;
}
.bg-bluelight{
	background-color: #e6ecff !important;
}
.bg-bluemedium{
	background-color: #1f77b6 !important;
}
.bg-dark{
	background-color: #333333 !important;
}
.no-padding{
	padding: 0 !important;
}
.prdm{
	padding: 0 !important;
	background-image: url(../../images/prdm-home-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position: center top;
}

.bg-bluemedium h3{
	color: white;
	font-size: 1.2em;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.prdm::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(230,236,255,1) 100%);
}
.actus-prdm{
	padding: 2em !important;
}
.actus-prdm .mute{
	color: white !important;
}
.actus-prdm .articlce-list li a:hover{
	background-color: transparent !important;
}
.actus-prdm .articlce-list li a:hover span,
.actus-prdm .articlce-list li a:hover h3{
	color: white !important;
}
.actus-prdm .articlce-list li a h3{
	font-family: 'Book Antiqua Bold','Times New Roman', Times, serif !important;
}
.actus-prdm .outline-button span{
	border-color: white !important;
	color: white !important;
}
.actus-prdm .outline-button:hover span{
	border-color: white !important;
	color: #1f77b6 !important;
	background-color: white !important;
}
.citation-prdm{
	align-items: center;
	/* justify-content: center; */
	flex-direction: column;
}
.citation-prdm .photo-profil{
	border-radius: 100%;
	border: .8em solid white;
}
.citation-prdm .citation-wrap{
	text-align: center;
	/* margin-top: -10px; */
}
.citation-prdm .citation-wrap p,
.citation-prdm .citation-wrap span{
	color: #333;
	font-family: "Book Antiqua", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: italic;
	width: 80%;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
}
.citation-prdm .citation-wrap p strong{
	color: #333;
}
.citation-prdm .citation-wrap span{
	font-size: .9em;
}
.position-relative{
	position: relative !important;
}
.position-absolute{
	position: absolute !important;
}
.logo-hover{
	top: 0;
	left: 0;
	z-index: 500;
}
.logo-hover img{
	width: 30%;
}
.header-title-violet{
	color: #933c86;
	font-size: 2em;
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
	margin-top:0;
	margin-bottom: 0;
}
.content-text-wrapper h5{
	margin-bottom: 0;
}
.content-text-wrapper p{
	margin: 0;
	font-size: .9em;
	color: #333;
	font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.list-iconed{
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.list-iconed li{
	padding: 0;
	color: #333;
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: .8em;
}
.violet-button,
.beige-button,
.bleu-button{
	font-size: 14px;
    color: #fff;
    padding: 6px 15px 4px;
    border-radius: 30px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 2px;
	background-color: #933c86;
	border: 1px solid transparent;
	cursor: pointer;
}
.violet-button:hover{
	border-color: #933c86 !important;
	background-color: transparent;
	color: #933c86 !important;
}
.beige-button{
	background-color: #c6a63c !important;
	color: #333 !important;
}
.beige-button:hover{
	color: #c6a63c !important;
	background-color: #1e2639 !important;
	border-color: #1e2639 !important;
}
.bleu-button{
	background-color: #1e2639 !important;
	color: #c6a63c !important;
	/* margin-bottom: 10px; */
	border: 3px solid #c6a63c !important;
	font-size: 18px;
	font-family: 'Book Antiqua Bold','Times New Roman', Times, serif;
}
@media (max-width: 323px) {
	.bleu-button{
		font-size: 14px;
	}
}
.tmpl-btn{
	transition: background .3s ease-in-out;
}
.d-flex-column{
	display: flex;
	flex-direction: column;
	flex-basis: 0;
}
.d-flex-column > div{
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	display: flex;
	
}
.d-flex-column .opportunity{
	background-image: url(../../images/opportunity.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.opportunity h3,
.domaine h3{
	color: #fff;
	font-size: .9em;
	font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
	margin: 0;
	text-align: center;
}
.opportunity p,
.domaine p{
	font-size: .75em;
	margin: 0 2em;
	font-style: normal;
	font-weight: 400;
	font-family: "Book Antiqua", serif;
	display: block;
	text-align: center;
	color: white;
}
.opportunity .outline-button span,
.domaine .outline-button span{
	border-color: white !important;
	font-size: .7em !important;
	color: white !important;
}
.opportunity .link-button,
.domaine .link-button{
	flex: none;
	margin-top: .5em;
}
.domaine{
	background-image: url(../../images/domaine.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.mod-write{
	min-height: 580px;
	background-image: url(../../images/ecrire_president.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-left: 0;
	padding-right: 0;
	/* background-size: 50%; */
}
.mod-write .half-2_3{
	padding-left: 0;
	padding-right: 0;
	margin-top: -4em;
}

.write-prm-wrapp{
	/* display: flex; */
	border: 1px solid #c6a63c;
	padding: .8em;
	/* flex-basis: content; */
	background-color: rgba(255, 255, 255, 0.69);
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin: 10px;
	text-align: center;
}
.write-prm{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.write-prm-wrapp h1{
	font-size: 1.2em;
	margin: 0;
}
.write-prm-wrapp h5{
	font-size: 1em;
	margin: 0;
}
.list-contact-write-prm{
	list-style: none;
	margin: .9em 0 0 0;
	padding: 0;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.list-contact-write-prm li a{
	font-style: normal;
	font-weight: 300;
	font-family: "Book Antiqua", serif;
	font-size: .7em;
	color:#1e2639;
}
.list-contact-write-prm li a:hover{
	color: #1e2639 !important;
	font-weight: 600 !important;
}
.list-contact-write-prm li a strong{
	color: #1e2639 !important;
}
footer{
	background-color: #ececec;
	background-image: url(../../images/armoirie_or.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-position-x: 120%;
	background-size: 30%;
	padding: 0 0 50px 0;
}
footer h3 {
    margin: 0 !important;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
}
.flex-1{
	flex: 1 1 0;
}
.nav-footer{
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-footer li a{
	font-size: .75em;
	font-style: normal;
	font-weight: 400;
	font-family: "Book Antiqua", serif;
	color: #1e2639 !important;
	position: relative;
	display: block;
	padding: .6em 0;
}
.nav-footer li a::after{
	content: "\f30b";
	font-family: FontAwesome;
	margin-left: 10px;
	position:absolute;
	right: 103%;
	opacity: 0;
}
.nav-footer li a:hover::after{
	opacity: 1;
}

.nav-footer li a:hover{
	/* font-weight: 600; */
}
.armoirie-wrapp{
	text-align: center;
	margin-bottom: 1em;
}
.armoirie-wrapp img{
	width: 50%;
	text-align: center;
}
.bottom-wrapp{
	background-color: #1e2639;
}
.bottom-wrapp .bottom-inner{
	padding: 1em;
}
.bottom-wrapp p{
	margin: 0;
	padding: 0;
	font-size: .7em;
	color: white;
	/* text-align: center; */
	font-weight:400;
}
.prezidance-texte{
	color: #1e2639;
	font-style: normal;
	font-weight: 600;
	font-family: "Book Antiqua", serif;
	text-align: center;
	font-size: .8em;
}
.liste-bureau{
	display: flex;
	justify-content: center;
	list-style: none;
	flex-direction: column;
	align-items: center;
	width: 70%;
	margin: 1em auto;
}
.liste-bureau li{
	color: #1e2639;
	font-size: .7em;
	font-weight: 400;
	font-family: "Book Antiqua", serif;
}
.visite-wrap{
	
}
.descr-visit{
	font-size: .7em;
	margin: 0;
	font-family: "Book Antiqua", serif;
	/* text-align: justify; */
}
.flex-basis{
	flex-basis: 0;
}
@media all and (max-width: 1050px) {
	#header{
		overflow: inherit;
	}
	#header nav.navigator{
		display: none;
	}
	/* body.is-menu-visible #menu .inner{
		flex-flow: column wrap;
	} */
	#menu .inner > *{
		flex: 1 50%;
	}
}
@media all and (max-width: 920px) {
	.box-flex-item{
		flex-direction: column;
		margin: .2em; 
	}
	.box-title{
		display: flex;
	}
	.box-title a{
		justify-content: center;
		text-align: center;
		font-size: 1em;
	}
	.mod_voyage > div:last-child{
		width:100%;
	}
	.bouton-flottant{
		position: relative;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.bouton-flottant a{
		float: none !important;
	}
	.mod_voyage > div:last-child > div{
		width: 100% !important;
		flex: 1 1 100% !important;
	}
	.d-flex .half-2_3,
	.d-flex .half-1_3{
		flex: 1 1 100%;
		padding-top: 2em;
		padding-bottom: 2em;
		margin: 0;
	}
	.mod_projets h3{
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.mod_projets .box-flex{
		margin: 0;
	}
	.list_projets{
		width: 100%;
	}
	.articlce-list li a .article_title{
		font-size: 1em;
	}
	.descr-visit{
		font-size: 1em;
	}
	section.slide .slider-container .slider-wrapper li .capa p{
		font-size: 1em !important;
	}
	#header{
		height: 4em;
	}
	#header > a{
		display: flex;
	}
	.d-flex-column .opportunity,
	.d-flex-column .domaine{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.list_projets{
		display: flex;
	}
	.list_projets li{
		display: flex;
		flex-direction: column;
		flex: 1;
		margin-left: 1em;
	}
	.list_projets li:first-child .header_projet a{
		border-right-width: 0px;
		border-bottom: 4px solid #ff3600;
	}
	.list_projets li .header_projet a{
		border-right-width: 0px;
		border-bottom: 4px solid #e931ff;
		justify-content: center;
		padding: 0;
	}
	.list_projets li:last-child .header_projet a{
		border-right-width: 0px;
		border-bottom: 4px solid #7c0000;
		padding: 0;
	}
	.list_projets li .header_projet a span{
		text-align: center;
		padding: 1em;
	}
	.list_projets li .image_projets_wrap{
		flex: none;
	}
	#header2{
		margin-top: 1em;
	}
	.search-wrapper{
		top:5px;
		right: 2em;
	}
	.search-wrapper.active .input-holder{
		width: 250px;
	}
	.search-wrapper.active .close{
		right: -40px;
	}
	#menu{
		align-items: self-start;
	}
	#menu .inner{
		padding: 0;
		overflow: scroll;
	}
}
@media all and (max-width: 736px) {
	#menu .inner > *{
		flex: 1 100%;
	}
	.tiles article{
		flex: 1 100%;
		min-width: 100% !important;
		/* height: inherit !important; */
		min-height: inherit;
	}
	.tiles{
		flex-direction: column-reverse;
	}
}
@media all and (max-width: 414px) {
	#header2 .logo span{
		display: none;
	}
	
	.list_projets{
		flex-direction: column;
	}
	.list_projets li{
		margin-left: 0;
	}
	.content.row-col{
		flex-direction: column;
	}
	.mod-pge .box-flex{
		flex-direction: column;
	}
	.box-title a{
		font-size: 1em;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header2 .recherche{
		z-index: 23201;
		margin-top: 3px;
		/* align-items: center; */
		/* justify-content: center !important; */
	}
	.write-prm-wrapp h1{
		font-size: 1.2em !important;
	}
}

.simple-slider-wrapper {
    width: 100%;
    /* max-width: 500px; */
    height: 300px;
    /* margin: 0 auto 30px auto; */
    position: relative;
}

.control_prev,
.control_next {
    /* display: none; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    /* width:48px; */
    /* height: 48px; */
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    padding: 7px 18px 7px 18px;
}

.control_prev {
    left: 0;
}

.control_next {
    right: 0;
}
.control_prev:hover,
.control_next:hover{
	background-color: rgba(0, 0, 0, 0.8);
}
.control_prev span:before,
.control_next span:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
}

.control_prev span:before {
    background: url('https://www.flaticon.com/svg/static/icons/svg/271/271218.svg') no-repeat;
    top: 0;
    right: 0;
}

.control_next span:before {
    background: url('https://www.flaticon.com/svg/static/icons/svg/271/271226.svg') no-repeat;
    top: 0;
    left: 0;
}
@media all and (max-width: 540px) {
	#footer .inner{
		flex-direction: column;
	}
	.mod-list-projets{
		background-color: rgba(255, 255, 255, 0.69) !important;
	}
	.icone-chat{
		margin-top: -49px;
	}
	.citation-prdm{
		padding-top: 0 !important;
	}
}
@media all and (max-width: 414px) {
	.control_prev {
		left: 0;
	}
	
	.control_next {
		right: 0;
	}
	.mod-list-projets{
		margin-right: 0 !important;
	}
	.section-grands-projets{
		padding-left: -1em;
	}
	.section{
		padding: 1em !important;
	}
}

.simple-slider-overflow-hidden {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
}

.simple-slider {
    display: flex;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 100%;
}

.simple-slider-element {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
	padding-left: 0;
}

.slide-image {
    object-fit: cover;
	height: 150%;
	width: auto
}
.overlay-description{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 92;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
	padding: 1em;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}
.overlay-description h3{
	color: #fff;
  	font-size: 1em !important;
}
.overlay-description p{
	color: #fff;
	font-size: 14px;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: 500;
}
.section-grands-projets{
	background-image: url(../../images/projet-presidentiel.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/* margin-bottom: 2em; */
	padding: 1em;
}
.mod-list-projets{
	background-color: white;
	padding: 1em 0;
	margin-right: -1em;
}
.mod-list-projets h3{
	padding-left: 1em;
}
.mod-list-projets .link-button{
	margin-left: 1em;
}
.mod-list-projets .articlce-list li{
	padding-left: 1em;
	padding-right: 1em;
	border-bottom: 1px solid #ececec;
}
.mod-list-projets .articlce-list li:last-child{
	border-bottom: none;
}
.mod-list-projets .articlce-list li:hover{
	background-color: rgba(0, 0, 0, .1);
}
.mod-list-projets .articlce-list li .cat-prj{
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content:flex-start;
	display: none;
}
.directory-text{
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
}
.mod-list-projets .articlce-list li .cat-prj i,
.mod-list-projets .articlce-list li .cat-prj a{
	color: #7c7c7c;
}
.mod-list-projets .articlce-list li .cat-prj a{
	border: none !important;
	padding: 0;
	font-size: 15px;
}
.mod-list-projets .articlce-list li a.prj-link{
	display: flex;
	padding-left: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	border: none !important;
}
.mod-list-projets .articlce-list li a.prj-link:hover{
	background-color: transparent !important;
	color: #141a27 !important;
}
.mod-list-projets .articlce-list li a .prj-left{
	/* flex: 1 1 30%; */
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 104px;
	height: 71px;
	overflow: hidden;
	border: 1px solid transparent;
}
.mod-list-projets .articlce-list li a .prj-left img{
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease-in-out;
}
.mod-list-projets .articlce-list li:hover a .prj-left{
	border: 1px solid #1e2639;
}
.mod-list-projets .articlce-list li:hover a .prj-left img{
	transform: scale(1.3);

}
.mod-list-projets .articlce-list li a .prj-right{
	flex: 1 1 70%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: .5em;
}
.mod-list-projets .articlce-list li a:hover .prj-right h3{
	/* color:#c6a63c !important; */
}
.mod-list-projets .articlce-list li a .prj-right .icon-decor{
	right: 0;
}
.mod-list-projets .link-button{
	display: flex;
}
.section-grands-projets > div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-grands-projets > div h1{
	font-size: 5em;
	/* font-family: "Open Sans", sans-serif; */
	font-weight: 600;
	font-style: normal;
	color: white;
	line-height: 1;
	margin: 0;
}
#loading-icon{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.95);
	z-index: 23199;
}
#loading-icon div{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 23220;
	color: #333;
	font-weight: 600;
	width:150px;
	height: 150px;
}
#loading-icon div img{
	width: 100%;
}
.text-justify-center{
	justify-content: center !important;
} 
.align-items-center{
	align-items: center !important;
}
.align-items-end{
	align-items: end !important;
}
.bg-anr{
	background-image: url(../../images/president_de_la_republique_de_madagasikara_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.menu-bottom-link,
.rs-content{
	margin-top: 35px;
}
.bg-darkblue{
	background-color: #1e2639;
}
.flex-column{
	flex-direction:column !important;
}
[tooltip] {
	position: relative; /* opinion 1 */
}
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
	content: '';
	border: 5px solid transparent; /* opinion 4 */
	z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
	content: attr(tooltip); /* magic! */
	text-align: center;
	min-width: 3em;
	max-width: 21em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #111;
	color: #fff;
	z-index: 1000; /* absurdity 2 */
  }
  
  /* Make the tooltips respond to hover */
  [tooltip]:hover::before,
  [tooltip]:hover::after {
	display: block;
  }
  
  /* don't show empty tooltips */
  [tooltip='']::before,
  [tooltip='']::after {
	display: none !important;
  }
  
  /* FLOW: UP */
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
  }
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
  }
  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
  }
  /* FLOW: DOWN */
[tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
  }
  [tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
  }
  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
  }
  
  /* FLOW: LEFT */
  [tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
  }
  
  /* FLOW: RIGHT */
  [tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
  }
  [tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
  }
  
  /* KEYFRAMES */
  @keyframes tooltips-vert {
	to {
	  opacity: .9;
	  transform: translate(-50%, 0);
	}
  }
  
  @keyframes tooltips-horz {
	to {
	  opacity: .9;
	  transform: translate(0, -50%);
	}
  }
  
/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}

.popup{
	background-color: rgba(255,255,255,.5);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 900000;
	flex: 1;
}
.popup-content,
.popup-content-direct,
.popup-content-palais-ambohitsorohitra,
.popup-content-palais-iavoloha{
	position: fixed;
    width:100%;
	background-color: rgba(255,255,255,.5);
	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    z-index: 900001;
	display: none;
}
.popup-centre{
	width: 90%;
	height: 90%;
	background-color: rgba(255,255,255,1);
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 900002;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background-image: url(../../images/armoirie_or.png);
	background-repeat: no-repeat;
	background-position: center;
	/* border: 1px solid rgba(0, 0, 0, 0.05); */
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.popup-content-direct .popup-centre{
	width: 60% !important;
}
.popupHeader{
	font-family: 'Book Antiqua Bold','Times New Roman', Times, serif;
	color: #1e2639;
	font-size: 22px;
	padding: 20px;
	/* flex: 1 1 10%; */
	background-color: rgba(0, 0, 0, 0.05);
}
.popup-content-direct .popupHeader{
	margin: 0;
	padding: 0;
	display: flex;
	/* align-items: center; */
	flex-direction: column;
}
.popup-content-direct .popupHeader .h3{
	background-color: #1e2639;
	color: white !important;
	padding: 5px 15px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.popup-content-direct .popupHeader .h3 .label-direct{
	font-size: 1.5em;
}
.popup-content-direct .popupHeader .h3 span{
	display: block;
}
.popup-content-direct .closePopup{
	top: 10px;
	z-index: 30000;
}
.popup-content-direct .popupBody{
	position: relative;
}
.popupHeader h3{
	margin: 0;
	text-align: center;
}
.popupHeader h5,
.popupFooter h5{
	margin: 0;
	/* text-align: center; */
	font-size: 16px;
	font-family: "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerLeft{
	display:flex;
	align-items: center;
	justify-content:flex-start;
	flex: 1;
	overflow: hidden;
}
.scrolling-text{
	/* white-space: nowrap; */
	overflow: hidden;
	/* text-wrap: nowrap; */
	padding-left: 10px;
	padding-right: 10px;
	/* color: white; */
}
.parent-scrolling-text{
	/* overflow: hidden; */
	/* border-left: 5px solid white; */
	background-color: #c6a63c;
}
.footerRight{
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
	text-align: right;
}
.date-direct{
	color: #7c7c7c;
	font-size: 14px;
	font-weight: 600;
	margin: -17px 0 0 0;
	font-family: "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
}
.footerRight .icons li a{
	font-size: 1em !important;
}
.footerRight ul.icons li{
	padding-left: 0 !important;
}
.footerRight a.tmpl-btn{
	padding: 6px 15px 4px !important;
}
.popupBody{
	padding: 0 !important;
	margin: 0 !important;
	overflow-y: hidden !important;
}
.directBody{
	display: flex;
	flex: 1;
}
.view-player{
	flex: 1 1 70%;
}
.panel-right-direct{
	flex: 1 1 30%;
	display: flex;
	flex-direction: column;
}
.popupFooter{
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* background-color: #e6ecff; */
}
/* .popup-content-direct .popupFooter{
	display: flex;
	align-items: center;
	justify-content: space-between;
} */
/* .popup-content-direct */ .popupFooter ul{
	margin: 0;
}
.prm_word{
	/* padding: 1.5em; */
	margin: 1em;
	height: 100%;
	overflow-y: scroll;
	padding-bottom: 1.5em;
	/* width: 100%; */
	/* border: 1px solid #333333; */
	flex: 1 1 80%;
	padding: 20px;
	display: flex;
	position: relative;
}
.prm_word .imagePrm{
	flex: 1 1 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.prm_word .motPrm{
	flex: 1 1 70%;
	margin-left: 10px;
}
.imagePrm img{
	width: 100%;
}
.imagePrm .armoirie-wrapp{
	width:50%;
	margin: 10px auto;
}
.prm_word h3{
	font-size: 1.4em;
	margin: 0 0 10px 0;
	font-style: normal;
	font-weight: 600;
}
.prm_word p{
	margin: 0 0 .5em 0;
	font-size: .8em;
	color: #000 !important;
	font-style: normal;
	font-weight: 300;
	font-family: "Book Antiqua", serif;
	/* background-color: #f7f7f7; */
	line-height: 1.5;
	/* padding: 0 10px 5px 0; */
}
.prm_word p strong{
	font-weight: 700 !important;
}
.closePopup{
	position: absolute;
	right: 15px;
	top: 23px;
	color: darkred;
	font-size: 28px;
	cursor: pointer;
	opacity: .8;
}
.closePopup:hover{
	opacity: 1;
}
.closePopup i{
	background-color: rgba(255, 255, 255, 0.69);
	border-radius: 100%;
	padding: 3px 8px;
}
.livePrm{
	cursor: pointer;
}

/* rgba(black, .3): rgba(black, .3); */
.container-timeline{
	padding-left: 20px;
	margin-top: 20px;
	overflow-y: auto;
}
.timeline-item {
	padding: 0px 32px 10px 20px;
	position: relative;
	color: rgba(0,0,0, .7);
	border-left: 2px solid rgba(0,0,0, .3);
}
.timeline-item h6{
	margin-bottom: 0;
	font-family: "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
	line-height: 20px;
}
.timeline-item p {
	font-size: 14px;
	color: #333;
	margin: 0;
	line-height: 20px;
}

.timeline-item .before {
	/* font-weight: bold; */
	/* display: inline-block; */
	font-size: 12px;
	color: #fff;
	background-color: #1f77b6;
	padding: 3px 8px 1px 8px;
	letter-spacing: 1px;
}
.timeline-item .before::after{
	
}
.timeline-item::after {
	width: 20px;
	height: 20px;
	display: block;
	top: 0.5em;
	position: absolute;
	left: -11px;
	border-radius: 90px;
	content: '';
	border: 2px solid white;
	background: #c6a63c;
}

.timeline-item:last-child {
	border-image: linear-gradient(
		to bottom,
		rgba(0,0,0, .3) 60%,
		rgba(rgba(0,0,0, .3), 0)) 1 100%;
}
.list-article-wrapper {
    display: flex;
    flex: 1;
    /* border: 1px solid #333; */
    align-items: center;
    justify-content: center;
}
.box-flex-item .box-image a .link-hover {
    position: absolute;
    /* flex: 1; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    text-shadow: 0 0 6px BLACK;
    z-index: 100;
    line-height: 1;
}
.effigie_wrapper{
	margin-top: 0px;
	/* margin: 0 10px; */
}
.effigie-right .effigie_wrapper{
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
}
.photo_effigie{
	width: 140px;
	height: 189px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.photo_effigie img{
	width: 100%;
}
.effigie_mod{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9));
}
.effigie_mod ul{
	margin: 0 !important;
	padding: 0 !important;
}
.effigie_mod li{ padding: 0 !important; margin: 0 !important;}
.photo_effigie a{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	padding-bottom: 10px;
	display: block;
	color: #fff;
}
.container-wrapper{
	width: 75%;
	margin: 0 auto;
}
@media screen and (max-width: 540px) {
	.container-wrapper{
		width: 95%;
	}
}
.page-header{
	text-align: center;
}
.page-header h1{
	padding-top: 20px !important;
	margin-bottom: 40px !important;
	line-height: 1;
}
.page-header h1,
.page-header h2{
	/* text-align: center; */
	margin: 0;
	position: relative;
	display: inline-block;
}
.page-header h1::before,
.search .page-title::before{
	position: absolute;
	bottom: -10px;
	left: 0;
	content: " ";
	width: 100px;
	height: 5px;
	background-color: #1f77b6;
}
.item-page.drapeau{
	background-image: url(../../images/line-tricolore.jpg);
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	background-size: 15%;
}
.item-page .content-links{
	padding-bottom: 30px;
	margin-top: 30px;
}
.item-page .page-header h2{
	/* border-top: 1px solid #ececec; */
	/* border-bottom: 1px solid #ececec; */
	padding: 15px 0;
}
.item-page .image-intro{
	display: none;
}
.articleBody{
	width: 80%;
	/* border: 1px solid #ececec; */
	padding: 15px;
	margin: 0 auto;
}
.articleBody strong,
.articleBody b{
	font-family: "Book Antiqua", "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
	font-weight: 700;
	color: #1e2639;

}
.articleBody p,
.articleBody ul li{
	font-family: "Labrada",'Times New Roman', Times, serif;
	font-size: 18px;
	font-weight: 400;
	color: #333;
}
.articleBody img{
	border-radius: 15px;
	width: -webkit-fill-available;
}
.articleBody ul{
	margin-left: 0 !important;
}
.articleBody ul li:not(.accordion-item){
	position: relative;
	padding-left: 23px;
}
.articleBody ul li:not(.accordion-item)::before{
	position: absolute;
	top: 8px;
	left: 0;
	content: "\f111";
	font-family: "FontAwesome";
	color:#1e2639;
	font-size: 10px;
}
.pagenav{ 
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagenav li{
	padding: 0;
}
.leading-0 .pull-left.item-image img,
.leading-0 .pull-left.item-image{
	width: 100%;
}
.items-leading {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
    /* box-shadow: 0 0 5px #e3dede; */
    position: relative;
}
.items-row .span12 .item .s2s_supra_contenedor{
	display: none;
}
.items-row .span12 .item{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.items-row .span12 .item .pull-left{
	/* flex: 1 1 25%; */
	overflow: hidden;
	flex: 2;
	border-radius: 15px;
	border: 5px solid transparent;
	transition: border 0.5s ease-in-out;
}
.items-row .span12 .item:hover .pull-left{
	border-color: rgba(0, 0, 0, .1);
}
.items-row .span12 .item .page-header{
	flex: 1 1 70%;
	text-align: left;
}
.items-row .span12 .item .pull-left a{
	display: block;
	position: relative;
}
.items-row .span12 .item .pull-left img{
	/* min-width: 260px; */
	max-width: 100%;
	width: 100%;
	height: 100%;
	transform: scale(1.1) rotate(0.01deg);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}
.items-row .span12 .item:hover .pull-left img{
	-webkit-transform: scale(1.5) rotate(0.01deg);
    transform: scale(1.5) rotate(0.01deg);
}
.items-row .span12 .item .pull-left a::after{
	position: absolute;
	content: 'Lire la suite';
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1;
	background: rgba(0, 0, 0, .7);
	left: 50%;
	color: white;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
.items-row .span12 .item:hover .pull-left a::after{
	opacity: 1;
}
.items-row .span12 .item h2{
	font-size: 20px;
	text-align: left;
}
.items-row .span12 .item h2 a:hover{
	color: #1f77b6 !important;
}
.blog{
	padding-bottom:2em;
}
.blog .items-row{
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
}
.blog .items-row:last-child {
	border-bottom: none;
}

.pagination ul,
.pagination-wrapper ul{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
/* Add an "active" class to the current page */
.pagination ul li span,
.pagination-wrapper ul li span {
    background-color: #1e2639;
    color: white;
	padding: 8px 16px;
	border-radius: 5px;
}

/* Add a grey background color on hover */
.pagination a:hover:not(.active) {
    background-color: #1e2639;
	color: white;
}

/* Style the pagination container */
.pagination ul li,
.pagination-wrapper ul li{
    display: inline-block;
    margin-bottom: 20px;
}

/* Style the pagination links */
.pagination a,
.pagination-wrapper ul li a {
    color: #1e2639;
    padding: 8px 16px;
    text-decoration: none;
}

/* Add rounded borders to the first and last pagination links */
.pagination a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.no-title .image-intro,
.list-styled .image-intro{
	display: block !important;
}
.image-intro img{
	width: 100%;
	border-radius: 30px;
	
}
.blog .items-row.cols-3{
	display: flex;
}
.blog .items-row .span4{
	width: 33%;
	padding: 10px;
	overflow: hidden;
	position: relative;
}
.blog .items-row .span4 .item .pull-left.item-image{
	height: 400px;
	overflow: hidden;
	border-radius: 15px;
	position: relative;
}
.blog .items-row .span4 .item .pull-left.item-image::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	content: " ";
	transition: background .5s ease-in-out;
}
.blog .items-row .span4 .item:hover .pull-left.item-image::after{
	background: rgba(0, 0, 0, .7);
}
.blog .items-row .span4 .item .pull-left.item-image img{
	min-width: 100%;
	/* margin-left: -50%; */
	height: 100%;
	transition: transform 0.5s ease-in-out;
}
.blog .items-row .span4 .item:hover .pull-left.item-image img{
	transform: scale(1.2);
}
.blog .items-row .span4 .item .page-header{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 0;
	/* transform: translateY(-40%); */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.blog.video-styled .items-row .span4 .item .page-header::before{
	position: absolute;
	bottom: 10px;
	right: 20px;
	/* transform: translateX(-50%); */
	content: "\f144";
	font-family: "FontAwesome";
	font-size: 30px;
	z-index: 300;
	color: rgba(255,255,255,.5);
}
.blog .items-row .span4 .item .page-header h2{
	color: white;
	font-size: 1.5em;
	padding: 15px;
	text-align: center;
}
.blog .items-row .span4 .item .page-header h2 a:hover{
	color: #1f77b6 !important;
}
.blog.video-icone .items-row .span4 .item{
	display: block;
	position: relative;
}
.blog.video-icone .items-row .span4 .item::after{
	content: "\f144";
	font-family: "FontAwesome";
	color: white;
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 40px;
	z-index: 300;
}
.blog .items-row .span4 .item:hover .page-header h2 a{
	color: #933c86 !important;
}
.blog .category-desc{
	width: 75%;
	margin: 0 auto;
}
.blog .category-desc p{
	text-align: justify;
}
.content-links .nav-stacked{
	list-style: none;
	align-items: center;
	display: flex;
	/* width: 100%; */
	justify-content: center;
}
.content-links .nav-stacked li{
	display: inline-block;
	margin: 0 5px;
}
.content-links .nav-stacked li a{
	background-color: #1e2639;
	padding: 8px 25px 12px 50px;
	border-radius: 90px;
	color: #c6a63c;
	position: relative;
	border: 2px solid #1e2639;
	font-size: 15px;
}
.content-links .nav-stacked li a:hover{
	background-color: white !important;
	color: #1e2639 !important;
	border-color: #1e2639 !important;
}
.content-links .nav-stacked li a::before{
	position: absolute;
	top: 4px;
	left: 22px;
	content: "\f1c1";
	font-family: "FontAwesome";
	font-size: 20px;
}
.pager.pagenav{
	margin: 0;
	padding: 0 0 30px 0;
}
.pager.pagenav li.previous{
	margin-bottom: 5px;
}
.pager.pagenav li a{
	padding: 2em;
	background-color: #318dff;
	border-radius: 30px;
	display: block;
	text-align: left;
	border: 3px solid #318dff;
	color: white;
}
.pager.pagenav li a:hover{
	border-color: #2475d8 !important;
}
.pager.pagenav li.next a{
	background-color: #1e2639 !important;
	border: 3px solid #1e2639;
}
.pager.pagenav li.next a:hover{
	border-color: #3b4764 !important;
}
.pager.pagenav li a span.title_article_navigation{
	color: white;
	font-family: 'Book Antiqua Bold','Times New Roman', Times, serif;
	font-size: 18px;
	display: block;
}
.text-decoration{
	text-decoration: underline !important;
}
.text-white{
	color: white !important;
}
.fw-bold{
	font-weight: bold;
}
.text-small{
	font-size: 14px !important;

}
.letter-spacing-1{
	letter-spacing: 2px;
}
.cat-children{
	padding: 30px 0;
}
.cat-children > h3{display: none;}
.cat-children{
	display: flex;
}
.cat-children > div{
	flex: 1;
	margin: 5px;
	background-color: #1e2639;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}
.cat-children > div h3{ margin: 0 !important;}
.cat-children div a{
	color: white !important;
	/* text-align: center; */
	display: block;
	padding: 20px 0;
}
.cat-children div a:hover{
	color: #c6a63c !important;
}
.breadcrumb{
	list-style: none;
	padding: 15px 0;
	border-bottom: 1px solid #ececec;
	display: flex;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumb li{
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: "Labrada",'Times New Roman', Times, serif;
	font-weight: 700;
}
.breadcrumb li,
.breadcrumb li a,
.breadcrumb li span{
	font-size: 14px;
}
.breadcrumb li span.divider{
	content: " " !important;
	margin-left: 10px;
}
.breadcrumb li:last-child > span{
	color: #7c7c7c !important;
}
.blog.grid-velirano .items-row .span4 .item .page-header{
	/* display:block; */
}
.blog.grid-velirano .items-row .span4 .item .page-header h2,
.blog.grid-velirano .items-row .span4 .item .page-header h2 a{
	font-size: 1em !important;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	transition: all .5s ease;
	display: block;
	padding: 0 10px;
	font-family: "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
}
.blog.grid-velirano .items-row .span4 .item:hover .page-header h2 a,
.blog.grid-velirano .items-row .span4 .item .page-header h2 a:hover{
	color: orange !important;
}
.blog.grid-velirano .items-row .span4 .item .page-header p{
	color: white;
	margin: 0 10px 10px;
	padding: 0 10px 10px;
	/* display: none; */
}
.slide-menu{
	height: 3.25em !important;
	background-color: #2475d8;
	width: 100%;
	display: none;
}
.only-phone{display: none;}
.only-phone .nav li{display: inline-flex;}
.only-phone .nav li a{color: white !important; font-size: 14px !important;}
.slick-slide{width: auto !important;margin: 0 10px;height: auto !important;min-height: 0 !important;}
.slick-slider{min-height: 3.25em;display: flex !important;align-items: center;}
.small-h3{font-size: 14px; font-weight: 400; text-transform: none !important;}
@media all and (max-width: 540px){
	.blog.grid-velirano .items-row .span4 .item .page-header p{
		display: none;
	}
	#header .logo_floated{
		top: 0 !important;
	}
	.speasyimagegallery-album-title{
		font-size: 14px !important;
	}
	.speasyimagegallery-album-info{
		padding: 5px !important;
	}
	.item-organisme-description{
		margin: 20px 0 !important;
	}
	.accordion .accordion-item .accordion-title{
		font-size: 14px !important;
	}
	.accordion .accordion-item:not(.active) .accordion-title{		
		margin-bottom: 1em !important;
    	border-bottom: 1px solid #cecece;
	}
	.accordion .accordion-item p{
		text-align: left !important;
	}
	.filter-search{
		flex-wrap: wrap;
	}
	.filter-search button{
		margin-top: 20px;
	}
	#searchForm button.btn{
		padding-left: 35px !important;
	}
	#searchForm button.btn::before{
		left:10px !important;
	}
	.popup-centre{
		width: 100% !important;
		height: 100% !important;
		border-radius: 0px !important;
	}
	.prm_word{
		flex-wrap: wrap-reverse;
	}
	.popupBody .imagePrm,
	.popupBody .motPrm{
		width: 100% !important;
	}
	.hide-on-phone{
		display: none !important
	}
	.box-flex-item{
		width: 100%;
		/* flex: none; */
	}
	.box-flex{
		/* flex-wrap: wrap; */
	}
	.only-phone{
		display: block;
	}
	.prdm{
		height: 468px;
		background-size: cover !important;
		background-position: top center;
	}
	.prdm::before{
		background: linear-gradient(0deg, rgba(230, 236, 255, 1) 1%, rgba(255, 255, 255, 0) 100%) !important;
	}
	.tiles .list-article-wrapper {
		display: none;
	}
	.tiles article.one{
		min-height: 50px !important;
	}
	#header3 h3{
		flex-direction: column;
		line-height: 1.2;
		align-items: center;
		justify-content: center;
	}
}
.grid-velirano .hover-me{
	position: absolute;
	width: 100%;
    text-align: center;
    top: 100%;
	transition: transform 0.5s ease-in-out;
}
.blog.grid-velirano .items-row .span4 .item:hover .hover-me{
	top: 50%;
	transform: translateY(-50%);
}
.link-hover-h2{
	display: none;
}
.link-hover-me{
	display: inline-block;
	padding: 10px 20px;
	background-color: #c6a63c;
	margin-top: 10px;
	border-radius: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible;
  }
  
  .tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
  }
  
  .tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 4px;
  }
  
  .tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
  }
  
  .tooltip.top .tooltip-arrow {
	bottom: 5px;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000000;
	border-width: 5px 5px 0;
  }
  
  .tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000000;
	border-width: 5px 5px 5px 0;
  }
  
  .tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000000;
	border-width: 5px 0 5px 5px;
  }
.blog .category-desc img{
	width: 100%;
	margin: 30px 0;
	border-radius: 30px;
}
.speasyimagegallery-album > div > a{
	/* border-radius: 15px; */
    overflow: hidden;
}
.input-field{
	flex: 1;
}
.clear-both{
	clear: both;
	display: block;
}
.form-indice{
	/* font-weight: 600; */
	font-size: 0.9em;
	display: block;
	margin: 10px 0;
}
.error_input{
	color: red;
	opacity: 0;
	display: none;
	transition: opacity .4s ease-in-out;
}
.showed{
	display: block;
	opacity: 1;
}
.w-100{
	width:100% !important;
}
.w-80{
	width:80% !important;
}
.w-60{
	width:60% !important;
}
.w-40{
	width:40% !important;
}
.w-20{
	width:20% !important;
}
.effigie_wrapper_page{
	position: fixed;
    width: 150px;
    max-height: 300px;
    border-radius: 10px;
    /* background-color: white; */
    bottom: 10px;
    left: 10px;
    z-index: 20000;
    /* padding: 5px; */
    overflow: hidden;
}
.effigie_wrapper_page img{
	width: 100%;
    border-radius: 10px;
    border: 5px solid white;
}
ul.sigFreeClassic li.sigFreeThumb{
	border-radius: 15px;
	overflow: hidden;
}
.grid-velirano.blog .items-row .span4 .item .pull-left.item-image img{
	width:auto;
	margin-left: 0;
	border-radius: 0;
}
.articleBody h3{
	margin-bottom: 0 !important;
}
.articleBody h5{
	margin-top: 1em !important;
}
.articleBody h1{
	display: inline-block;
	background-color: #1f77b6;
	color: white;
	border-radius: 10px;
    padding: 15px 30px;
    margin-top: 1em;
    margin-bottom: .5em;
}
.item-page .pull-left.item-image img{
	border-radius: 30px;
	width: 100%;
}
#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 40px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */	
}

.back-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.back-text{
	font-weight: 700;
	font-size: 14px;
	color: #333 !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 5px;
	text-shadow:
    -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.back-icon{
	border: 3px solid white; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #333; /* Set a background color */
	color: white; /* Text color */
	font-weight: 700;
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 7px  !important; /* Some padding */
	width: 50px;
	height: 50px;
	border-radius: 100%; /* Rounded corners */
	/* font-size: 18px; */ /* Increase font size */
	text-align: center;
}
.back-icon:hover {
	background-color: #1f77b6;
}
.div-rotation-vertical {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
}
.item-right-content{
	padding-left: 20px;
	flex: 7;
}
.item-right-content .flex-align{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.item-right-content .flex-align .pdf-wrap{
	margin-left: 10px;
	color: #1e2639;
	display: inline-flex;
}
.item-right-content .flex-align .pdf-wrap i{
	font-size: 30px;
}
.published{
	text-align: left;
}
.item-page .published{
	text-align: center !important;
	margin: 15px 0;
}
.item-page .published time{
	color: #777 !important;
}
.published time{
	font-size: 15px;
	color: #1f77b6;
	text-transform: uppercase;
}
.container-image img{
	width: 100%;
}
.floating-left{
	position: fixed;
	left: -250px;
	top: 50%;
	width: 270px;
	/* height: 100%; */
	/* background-color: #333; */
	/* overflow-x: hidden; */
	transition: 0.5s;
	transform: translateY(-30%);
}
.floating-left::before{
	position: absolute;
	top:-40px;
	content: "SECTION";
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #c6a63c;
	padding: 5px 20px;
	z-index: 9000;
	border-radius: 10px;
	left: 10px;
}
.floating-left ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.floating-left ul li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 0 !important;
}
.floating-left ul li::before{
	display: none !important;	
}
.floating-left ul li a {
	padding: 10px 34px 10px 15px;
	text-decoration: none;
	font-size: 14px;
	color: #1e2639;
	display: block;
	transition: 0.3s;
	background-color: #f3f3f3;
	font-weight: 700;
	font-family: "Open Sans", sans-serif,"Source Sans Pro", Helvetica, sans-serif;
	border-radius: 0 10px 10px 0;
	transform: all 0.5s;
}
.floating-left ul li a:hover {
	background-color: #1e2639;
	color: #f1f1f1;
	padding-left: 10px;
}
.floating-left ul li::after {
	color: white;
	content: "\f061";
	font-family: "FontAwesome";
	/* margin-left: -15px; */
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s ease-in-out;
	display: none;
	opacity: 0;
}
.floating-left ul li:hover::after {
	display: block;
	opacity: 1;
}
.item-page ol.list-numeric {
	color: #ccc;
	list-style-type: none;
}
   
.item-page  ol.list-numeric > li {
	position: relative;	
	margin-bottom: 20px;
	padding-left: 0;
	margin-top: 40px;
}
.item-page ol.list-numeric > li div{
	margin-left: 80px;
}
.item-page ol.list-numeric > li p {
	color: #555;
}
.item-page ol.list-numeric > li h3{}
.item-page ol.list-numeric > li .indice {
	position: absolute;
	font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
	color: #fff !important;
	background-color: #1f77b6;
	width: 67px;
	height: 67px;
	text-align: center;
	border-radius: 10px;
	margin-top: 10px;
}
.backgrounded-blue.blog .items-row .span4 .item{
	border-radius: 15px;
}
.backgrounded-blue.blog .items-row .span4 .item:hover{
	box-shadow: 0 0 13px rgba(0, 0, 0, .3);
}
.speasyimagegallery-album > div > a:before{
	color: white;
	content: "\f03e";
	font-family: "FontAwesome";
	/* margin-left: -15px; */
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 18px;
}
.btn-toolbar {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
}
/* .btn-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}*/
.btn-toolbar > div:first-child{
	flex: 9;
}
.btn-toolbar > div{
	flex: 1;
}
.btn-toolbar > div.clearfix{
	display: none;
}

.btn-group.pull-left{
	/* float: left; */
}
.btn-toolbar .btn-group button{
	margin: 0;
}
.btn-group{
	display: flex;
	justify-content: center;
}
.btn-group button{
	margin-top: 20px;
	border-radius: 0 6px 6px 0;
	/* height: 3.8em; */
	padding: 0 1.8em;
	box-shadow: none;
}
/* .filter-search button{
	margin-top: 0 !important;
} */
.phrases{
	float: left;
	margin-right: 20px;
	border: 1px solid #ececec;
	padding: 20px;
	border-radius: 5px;
	display: none;
}
.only{
	border: 1px solid #ececec;
	padding: 20px;
	border-radius: 5px;
	display: none;
}

.phrases label{
	/* display: flex;
	flex-direction: column; */
	vertical-align: middle;
}
.phrases input[type="checkbox"], 
.phrases input[type="radio"],
.checkbox input[type="checkbox"]{
	margin-right: 10px !important;
	margin-top: 0px !important
}
.phrases legend,
.phrases label.ordering,
.only legend{
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 1em;
	padding: 0 15px;
}
.phrases-box .controls{
	display: flex;
}
.search .page-title{
	/* text-align: center; */
	position: relative;
}
.form-limit{
	display: flex;
	align-items: center;
}
.form-limit label[for='limit']{
	/* background-color: #ececec; */
	padding: 0 10px 0 0;
	display: inline-block;
	margin-top: 20px;
}
.chzn-container{
	width: auto !important;
}
.search-results{
	padding-left: 20px;
	border-left: 2px solid #ececec;
}
.result-title{
	position: relative;
}
.result-title::before{
	content: "\f061";
	font-family: "FontAwesome";
	color: white;
	background-color: #1e2639;
	/* width: 2em; */
	/* height: 2em; */
	display: block;
	position: absolute;
	left: -37px;
	top: 2px;
	border-radius: 100%;
	border: 3px solid #ececec;
	font-size: 12px;
	padding: 3px 8px;
}
.search-results .result-title a{
	color: #1e2639;
}
.small{
	font-size: .8em;
	color: #555;
}
.result-created{
	font-size: .8em;
	color: #c0c0c0;
}
.highlight{
	border: 1px solid #ec8d81;
	background-color: #e7b788;
}
.counter{
	display: inline-block;
    border: 1px solid #ececec;
    padding: 0 15px;
    border-radius: 5px;
}
#archive-items > div{
	border-bottom: 1px solid #ececec;
	padding: 0 20px;
}
#archive-items > div:last-child{
	border-bottom: none;
}
#archive-items .row1{
	background-color: rgba(0,0,0,.1);
	border-radius: 30px;	
}
#archive-items > div .page-header{
	padding-top: 30px;
}
#archive-items > div .page-header h2{
	text-align: left !important;
}
.article-info dd{
	margin-left: 0 !important;
}
.body-container{display: flex;}
.body-left-container,
.body-right-container{
	/* float: left; */
}
.body-left-container.w-60 .articleBody{
	width: 100% !important;
}
.body-right-container .moduletable{
	margin: 2em 0;
}

.line-card{
	display: flex;
	flex-direction: column;
}
.line-card .line-item{
	display: flex;
	flex: 1;
	border: 1px solid #ececec;
	margin: 20px 0 10px 0;
	border-radius: 15px;
	overflow: hidden;
}
.line-item .line-item-left{
	flex: 3;
	display: flex;
	min-height: 190px;
	align-items: center;
	padding: 10px;
}
.line-item .line-item-right{
	flex: 7;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	background-color: rgba(0, 0, 0, .1);
	padding: 10px;
}
.line-item .line-item-right h3{
	line-height: 1;
	margin-bottom: 15px !important;
}
.line-item .line-item-left img{
	width: 100%;
	border-radius: 0 !important;
}
.link-other{
	padding: 4em;
	background-color: #1f77b6;
	flex-direction: column;	
}
.line-item .line-item-right a:hover{
	font-weight: 700;
	color: #1e2639 !important;
}
.icone-web{
	font-size: 16px !important;
	position: relative;
	padding-left: 23px;
	transition: all .1s ease-in-out;
	font-weight: 500;
}
.icone-web::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f0ac";
	font-family: "FontAwesome";
	color: #1e2639;
	font-size: 18px;
}
.icone-fb{
	font-size: 16px !important;
	position: relative;
	padding-left: 23px;
	transition: all .1s ease-in-out;
	font-weight: 500;
}
.icone-fb::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f09a";
	font-family: "FontAwesome";
	color: #1e2639;
	font-size: 18px;
}
.icone-whatsapp{
	font-size: 16px !important;
	position: relative;
	padding-left: 23px;
	transition: all .1s ease-in-out;
}
.icone-whatsapp::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f232";
	font-family: "FontAwesome";
	color: #333;
	font-size: 18px;
}
.icone-email,
.icone-tel,
.icone-bp,
.icone-adresse{
	position: relative;
	padding-left: 23px;
}
.icone-email::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f1d8";
	font-family: "FontAwesome";
	color: #333;
	font-size: 18px;
}
.icone-tel::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f1e4";
	font-family: "FontAwesome";
	color: #333;
	font-size: 18px;
}
.icone-bp::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f674";
	font-family: "FontAwesome";
	color: #333;
	font-size: 18px;
}
.icone-adresse::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\f3c5";
	font-family: "FontAwesome";
	color: #333;
	font-size: 18px;
}
.link-other a{
	color: white;
}
.link-other a:hover{
	color:#1e2639 !important;
}
.link-other p{
	color: #1e2639;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 1px;
	font-weight: 700;
}
.filter-search{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 20px 0 0 0;
	background-color: #1f77b6;
	padding: 30px 0;
	border-radius: 7px;
	padding: 10px;
}
.filter-search .chzn-container{
	/* width: 25% !important; */
	display: none;
}
.filter-search select{
	margin: 0 5px 0 0;
	display: inline-block !important;
}
.filter-search select:last-child{
	margin-right: 0 !important;
	border-radius: 5px 0 0 5px !important;
}
.form-inline .filters{
	margin-top: 30px;
}
.accordion-title{
	cursor: pointer;
}
.accordion{
	padding-left: 0 !important;
}
.accordion .accordion-content{
	padding:20px 30px;
}
.accordion-content ul{
	padding-left: 0 !important;
}
.accordion .accordion-item .accordion-title{
	padding-left: 15px;
	position: relative;
}
.accordion .accordion-item .accordion-title:after{
	position: absolute;
	content: "\f054";
	font-family: FontAwesome;
	right: 0;
	transition: transform .7s ease-in-out;
	color:#1e2639;
	right: 25px;
	top: 50%;
	font-size: 14px;
	transform: translateY(-50%);
	border: 1px solid white;
	padding: 2px 9px;
	border-radius: 100%;
}
.accordion .accordion-item.active .accordion-title:after{	
	color: white;
}
.accordion .accordion-item.active .accordion-title{
	border-radius: 10px 10px 0 0;
}
.accordion .accordion-item.active .accordion-content{
	background-color: rgba(0, 0, 0, .1);
	border-radius: 0 0 10px 10px;
}
.accordion .accordion-item.active .accordion-title{
	background-color: #1e2639;
	color: white !important;
}
.inside-margin .mnu_list_vertical{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.inside-margin .mnu_list_vertical li{
	/* flex: 1; */
}
.inside-margin .mnu_list_vertical li a{
	text-wrap: nowrap;
	padding: 1.2em 1.5em 1.2em 2em;
	border: 5px solid transparent;
	margin: 5px;
	display: inline-block;
	font-weight: 700;
	position: relative;
	border-radius: 7px;
}
.inside-margin .mnu_list_vertical li a::before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	content: "\f66f";
	font-family: "FontAwesome";
	color: #1e2639;
	font-size: 18px;
}
.inside-margin .mnu_list_vertical li a:hover{
	background-color: #1e2639;
	color: white !important;	
	border-color: rgba(42, 47, 74, 0.1) !important;
}
.inside-margin .mnu_list_vertical li a:hover::before{
	color: white;
}
.container_error{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	width: 100%;
	padding: 8em 0;
}
.container_error h1, 
.container_error h5{
	text-align: center;
}
.container_error h5{
	color: #555 !important;
}
.btn-error-page{
	display: inline-block;
	background-color: #1e2639;
	padding: 6px 15px;
	color: #f7f7f7;
	font-weight: 700;
	text-decoration: none;
	border-radius: 30px;
}
.page-error .armoirie-wrapp img{
	width: 140px;
}
.speasyimagegallery-albums{
	margin-top: 30px;
}
#dj-suggester-in{
	background-color: #1e2639 !important;
}
#progress{
	background-color: #892b7d;
	height: 5px;
	width: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19999;
}
.item-page .pull-left.item-image{
	margin: 30px 0;
}
.grid-parent{
	display: flex;
	flex-wrap: wrap;
	
}
.grid-item{
	min-width: 50%;
	width: 100%;
	min-height: 230px;
	border: 1px solid #ccc;
	margin: 5px;
	margin-left: -5px;
	/* padding: 5px; */
	border-radius: 10px;
	overflow: hidden;
	background-image: url(../../images/armoirie_or.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-position-x: 131%;
	background-size: 38%;
	background-position-y: 25%;
}
.grid-header{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	/* text-align: right; */
	display: flex;
	/* flex-direction: row-reverse; */
	justify-content: space-between;
	align-items: center;
}
.grid-header h3{
	font-size: 1.35em;
	line-height: 1.2;
	color:#1f77b6;
	text-align: right;
}
.grid-header h3 .h3-small{
	font-size: .65em;
	color: #1e2639;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
}
.grid-header .grid-image{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 20px;
}
.grid-image img{
	height: 100%;
	width: auto;
	/* margin-left: -50%;
	transform: translateX(50%); */
	/* margin-left: 50%; */
	/* transform: translateX(-50px); */
}
.grid-body{
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	flex-wrap: wrap;
}
.grid-body > div{
	flex: 1;
	padding: 15px;
	justify-content: center;
}
.grid-body-left{
	text-align: center;
}
.grid-body-left p{
	text-align: center !important;
}
.grid-item p{
	font-family: "Open Sans", sans-serif;
	color: #333;
}
.min-image{
	width: 135px;
	height: 135px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #ececec;
	margin: 15px auto;
	border: 5px solid #ececec;
}
.min-image img{
	width: 100%;
}
.grid-footer{
	display: flex;
	border-top: 1px solid #ccc;
	justify-content:flex-end;
	align-items: center;
	padding: 5px;
	background-color: #ececec;
}
.grid-footer > *{
	margin: 5px 10px;
}
.grid-description{
	padding: 0;
}
.accordions{
	padding: 0;
}
.accordions-item{
	/* margin: 0px; */
}
.accordions-title{
	background-color:#892b7d;
	padding: 5px 0 5px 15px;
	/* border-radius: 5px 5px 0 0; */
	position:relative;
	cursor:pointer;
	font-size: 17px;
	color: white;
	font-weight: 600;
}
.accordions-title:after{
	position: absolute;
	content: "\f054";
	font-family: FontAwesome;
	transition: transform .7s ease-in-out;
	color: #fff;
	right: 0;
	top: 50%;
	font-size: 14px;
	transform: translateY(-50%);
	padding: 7px 14px;
	background: #74276b;
	border-radius: 0 5px 5px 0;
}
.accordions-content{
	/* margin-top: 10px; */
	position: relative;
	display: none;
	background-color: rgba(0,0,0,.05);
	/* border-radius: 5px; */
	padding: 10px 0;
}
.accordions-content p{
	text-align: justify;
	padding: 0 10px;
	
}
.accordions-content ul li{
	font-family:inherit;
	padding: 0 10px 0 0;
}
.btn-accordion-up{
	position: absolute;
	background-color: #1e2639;
	color: white;
	display: inline-block;
	padding: 5px 13px;
	left: 50%;
	bottom: -35px;
	transform: translateX(-50%);
	border-radius: 100%;
	border: 3px solid #ccc;
	cursor: pointer;
}
.cursor-pointer{
	cursor: pointer !important;
}
.photo_palais{
	flex: 1 1 70%;
}
.photo_palais img{
	width: 100%;
}
.grid-organisme-wrapper{
	display: flex;
	flex-wrap: wrap;
	/* float: left; */
	padding-bottom: 40px;
}
.item-organisme{
	float: left;
	width: 50%;
	padding: 10px;
	
}
.grid-organisme-wrapper.institutions .item-organisme{
	width: 100%;
}
.grid-organisme-wrapper.institutions .item-organisme-image{
	min-height: 120px;
	max-height: 240px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	width:200px;
	margin-left: 20px;
}
.grid-organisme-wrapper.institutions .item-organisme-image img{
	width: auto !important;
}
.item-organisme-image{
	max-height: 120px;
	text-align: center;
	padding: 10px;
	/* float: left; */
	display: flex;
	align-items: center;
	justify-content: center;
}
.item-organisme-image img{
	/* height: 100%; */
	width: 100px;
}
.item-organisme-content{
	border: 1px solid #ccc;
	/* float: left; */
	/* margin:10px; */
	display: flex;
	border-radius: 10px 10px 0 0;
	background-image: url(../../images/armoirie_or.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-position-x: 131%;
	background-size: 38%;
	background-position-y: 25%;
	flex-wrap: wrap;
}
@media all and (max-width: 512px) {
	.item-organisme-content .item-organisme-body{
		flex: none !important;
		width: 100%;
	}
	.item-organisme-content h3{
		text-align: center !important;
	}
}
.item-organisme-body{
	padding: 0 10px;
	flex: 1;
	/* display: flex; */
	flex-direction: column;
}
.item-organisme-body h3{
	margin-bottom: 0 !important;
	font-size: 1.1em;
	/* font-family: "Labrada",'Times New Roman', Times, serif; */
	font-weight: 600;
	line-height: 1;
	text-align: right;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	display: block;
	/* flex: 1; */
}
.cat-children div a{
	position: relative;
	padding-left: 60px;
}
.cat-children .first .page-header a::before{
	position: absolute;
	content: "\f64a";
	font-family: FontAwesome;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.cat-children .page-header a::before{
	position: absolute;
	content: "\f07c";
	font-family: FontAwesome;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.cat-children .last .page-header a::before{
	position: absolute;
	content: "\f5fd";
	font-family: FontAwesome;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.item-orgnanisme-footer{
	text-align: right;
	padding: 5px;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.item-orgnanisme-footer a{
	font-size: 12px;
	display: inline-block;
	padding: 2px 8px 2px 30px;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 30px;
	position: relative;
	margin: 0 5px;
}
.item-orgnanisme-footer a:hover{
	background-color: #1e2639;
}
.item-orgnanisme-footer a::before{
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-46%);
	font-size: 18px;
	font-family: FontAwesome;
}
.item-orgnanisme-footer a.ico-web::before{
	content: "\f0ac";	
}
.item-orgnanisme-footer a.ico-email::before{
	content: "\e4e8";	
}
.item-orgnanisme-footer a.ico-tel::before{
	content: "\f2a0";	
}
.item-orgnanisme-footer a.ico-location::before{
	content: "\f3c5";	
}
.header-constitution{
	margin-bottom: 20px;
	font-family: "Open Sans", sans-serif, "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1.4em;
	position: relative;
	/* padding-left: 45px; */
}
/* .header-constitution::before{
	position: absolute;
	content: "\f019";
	font-family: FontAwesome;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
} */
.text-input-hovered,
select{
	border: 4px solid #1f77b640;
	position: relative;
}
form.form_contact select::after{
	position: absolute;
	content: "\f063";
	font-family: FontAwesome;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #1e2639;
	font-size: 18px;
}
.menu-interne ul{
	padding: 0;
	margin: 20px 0 0 0 !important;
	list-style: none;
}
.menu-interne ul li{
	padding: 0 !important;
	margin: 10px 0 !important;
}
.menu-interne ul li::before{
	display: none;
}
.menu-interne ul li a{
	padding: 3em 2em 3em 25%;
	display: block;
	/* border: 5px solid #161c2c; */
	border-radius: 15px;
	font-size: 18px;
	font-family: 'Book Antiqua Bold', 'Times New Roman', Times, serif;
	background-color: #1e2639;
	color: #fff;
	position: relative;
	overflow: hidden;
	background-image: url(../../images/armoirie_or.png);
    background-position: top center;
    background-repeat: no-repeat;
	background-position-x: 114%;
    background-size: 22%;
    background-position-y: 211%;
}
.menu-interne ul li a:hover{
	color: white !important;
	background-color: #141a27;
}
.menu-interne ul li a::before{
	position: absolute;
	width:20%;
	height: 100%;
	background-color: #242943;
	content: " ";
	top: 0;
	left: 0;
	background-size: cover;
	background-image: url(../../images/industrialisation.jpeg);
}
.menu-interne ul li:first-child a::before{
	background-image: url(../../images/capital-humaine-2.jpeg) !important;
}
.menu-interne ul li:last-child a::before{
	background-image: url(../../images/bonne-gouvernance-2.jpeg) !important;
}
.blog.grid-velirano .items-row{
	display:flex;
	flex-wrap: wrap;
} 
.blog.grid-velirano .items-row .span4{
	width: 50%;
	padding: 0;
}
.blog.grid-velirano .items-row .span4 .item{
	padding: 10px;
}
.item-page .blog.grid-velirano .pull-left.item-image{
	margin: 0 !important;
}
#searchForm button.btn{
	padding-left: 60px;
	position: relative;
	height: auto !important;
	border-radius: 0 30px 30px 0;
}
#searchForm button.btn::before{
	position: absolute;
	content: "\f002";
	font-family: FontAwesome;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}
#searchForm input[type="text"]{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border: 1px solid #ccc !important;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.adresse-palais-wrapp ul{
	/* width: 85%; */
	margin: 0 auto;
}
.adresse-palais-wrapp ul li{
	color: #1e2639;
    font-size: .7em;
    font-weight: 400;
    font-family: "Book Antiqua", serif;
}
.categories-list .list-categories-item{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3em;
	clear: both;	
}
.categories-list .list-categories-item > div{
	flex: 1;
	max-height: 500px;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	margin: 10px;
}
.categories-list .list-categories-item > div h3{
	position: absolute;
	left: 0;
	text-align: center;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}
.categories-list .list-categories-item > div h3 a{
	color: white !important;
}
.categories-list .list-categories-item > div h3 a:hover{
	color: #74276b !important;
}
.categories-list .list-categories-item > div img{
	height: 100%;
}


/*---- TOVO -----*/


#wrapper {padding-top: 100px;}
#header .logo2 {height: 75px;padding-top: 13px;display: block;}

#header {background: #1E2639 url('../../images/flag1.jpg') left top no-repeat;border-top: #354467 solid 25px;height: 100px;}
/*#header {background: #324F5C url('../../images/flag_refond.jpg') left top no-repeat;border-top: #395985 solid 25px;height: 100px;}*/
#header .logo_floated {border: #354467;}
#header nav {align-items: center;}
#header nav a {color: #fff;font-family: 'Book Antiqua Bold';}
.headre-menu-title {font-family: 'Book Antiqua Bold';text-transform: none;}
#menu ul.links > li > a:not(.button) {letter-spacing: inherit;}
#header2 {background: none !important;height: 0px !important;position: fixed !important;top: 109px;}
.search-wrapper.active .input-holder {box-shadow: 0 0 10px rgba(0,0,0,0.4);}

.tiles .articlce-list li a .article_title {color:#313E5E !important;font-size: 16px;}
.tiles .articlce-list li a span {color:#313E5E;}
/* .tiles article.one {background: url('../../images/sceau-2.png') right bottom no-repeat;} */
.tiles article.one > h3 {color:#313E5E;font-family: 'Book Antiqua Bold', sans-serif;text-transform: lowercase;}
.tiles article.one > h3:first-letter {text-transform: uppercase;}
.tiles .float-button {transition: 0.25s; color:#fff;background: url('../../images/fl4.png') right 13px no-repeat;width: 156px;min-width: inherit;}
.tiles .float-button:hover {right:-2px;border-color: #fff;color: #fff !important;background: url('../../images/fl4.png') right 13px no-repeat !important;}
.tiles .articlce-list li a i {color: #D4AA58 !important;}
.tiles .articlce-list li a:hover span {color: #D4AA58 !important;}
.la-une-image .title-overlay {left:45px;max-width: 676px;;bottom:40px; background: linear-gradient(to right,rgba(17,24,40,60%),rgba(17,24,40,60%),rgba(17,24,40,60%),rgba(17,24,40,60%),rgba(17,24,40,0%));border-radius:0;padding:24px 40px;}
.la-une-image .title-overlay:hover {background: rgba(17,24,40,100%);}
.la-une-image .title-overlay h3 {color: #fff;font-size: 20px;line-height: 1.4;}
.la-une-image .title-overlay p {color: #fff;}
.la-une-image .title-overlay p i {color: #D4AA58;}
.tiles .articlce-list {padding-left: 22px;}
.tiles .articlce-list li {border-left: 1px solid #555F78;position: relative;}
.tiles .articlce-list li::after {content: ' ';display: block;position: absolute;left: 0;top: 12px;background: #555F78;width: 7px;height: 20px;}

.tiles article {width: 43%;}
.tiles article:nth-child(4n-1), .tiles article:nth-child(4n-2) {width: 57%;}

#header3 {background: url('../../images/flag2.jpg') right top no-repeat;background-size: cover;box-shadow: none;display: block;}
#header3 .container, .section.bg-greylight .container {max-width: 1270px;margin: 0 auto;}
#header3 h3 {display: block;float: left;margin:0;width: 25.4%;font-size: 16px;height: 49px;text-transform: inherit;padding: 10px 18px;font-family: 'Book Antiqua Bold', sans-serif;}
#header3 nav {display: block;float: left;width: 74.6%;line-height: 1.7;text-align: right;}
#header3 nav a:nth-child(2n+1) {display: none;}
#header3 nav a:nth-child(2n) {padding: 10px 18px 10px 30px;font-size: 16px;color: #fff;display: inline-block;vertical-align: top;height: 49px;width: 31%;margin:0 0 0 2.2%;background:url('../../images/fl1.png') left center no-repeat;text-align: left;font-family: 'Book Antiqua Bold', sans-serif;transition:0.25s;}
#header3 nav a:nth-child(2n):hover {color: #fff !important;background:url('../../images/fl1.png') 5px center no-repeat;}
.line2.section {clear: both;max-width: 1257px;margin:78px auto 21px;}
.mod-pge .box-flex-item {max-height: 163px;}
.mod-pge .box-flex {gap: 13px;}

.mod-pge .box-flex-item .box-image a .link-hover:after, .mod-rs h3:after {content: ' ';display: block;background: #D4AA58;height: 2px;width: 40px;margin-top: 10px;}
.mod-rs h3:after {margin-top: 5px;}
.mod-rs h3 {font-family: 'Book Antiqua Bold', sans-serif;color: #313E5E;text-align: left;font-size: 22px;}
.mod-rs ul li a {color:#1E2639;font-family: 'Book Antiqua Bold', sans-serif;font-size: 18px;}
.mod-rs ul li a:before {color:#D4AA58;}

.half-1_3.prdm.d-flex {flex: 1 1 0%;display: none;}
.half-1_3.bg-bluelight.citation-prdm.d-flex {flex: 1 1 66%;background:#E1E5EF url('../../images/prdm.jpg') right top no-repeat;background-size: cover;}
.citation-prdm .citation-wrap p, .citation-prdm .citation-wrap span, .citation-prdm .citation-wrap p strong {color: #313E5E;font-size: 18px;}
.icone-chat {margin-top: 70px;}
.half-1_3.bg-bluemedium.actus-prdm {background: #fff !important;}

.citation-prdm .citation-wrap {max-width: 600px;}
.actus-prdm .articlce-list {margin-top: 3vh;padding-left: 22px;padding-left: 0;}
.actus-prdm .articlce-list li {border-left: 1px solid #923C85;position: relative;padding: 0 0 0 20px;}
.actus-prdm .articlce-list li::after {content: ' ';display: block;position: absolute;left: 0;top: 13px;background: #923C85;width: 7px;height: 20px;}

.actus-prdm .mute {color: #000 !important;}
.actus-prdm .mute i {color: #923C85 !important;}
#main > .d-flex.section.no-padding.bg-bluelight {border: none;}
.bg-bluemedium.actus-prdm h3 {color: #923C85;font-family: 'Book Antiqua Bold', sans-serif;text-transform: none !important;}
.actus-prdm .articlce-list li a:hover span, .actus-prdm .articlce-list li a:hover h3 {color: #923C85 !important;}
.bg-bluemedium.actus-prdm .articlce-list li a {padding-left: 0;}

.mod-pge h3, .mod_projets h3, .mod_voyage h3, .mod-list-projets h3 {font-family: 'Book Antiqua Bold', sans-serif;text-transform: none;font-size: 22px;}

.mod-pge .box-flex-item .box-image img {height: 200px;object-fit: cover;top: 0;}
.box-flex-item:hover .box-image img {transform: none;}
.mod-pge .box-image {overflow: initial;}
.mod-pge .box-flex-item { max-height: none !important;}
.mod-pge .box-flex-item .box-image a .link-hover {position: initial;display: block;}
.mod-pge .box-flex-item .box-image a .link-hover {font-family: 'Book Antiqua Bold', sans-serif;color: #313E5E;text-shadow: none;text-align: left;font-size: 22px;margin-top: 10px;height: inherit;line-height: 1.2;}

.simple-slider-overflow-hidden {height: 351px;}

.section.bg-greylight {background: #fff !important;}

.container-invest {background: #F7F7F7;}
.container-invest .d-flex.section {max-width: 1380px;margin: 0 auto;}
.container-visit {max-width: 1300px;margin: 0 auto;}
.mod_voyage .half-1_3.bg-dark.visite-wrap.pad-2 {padding: 0 25px 0 0 !important;background: none !important;}
.mod_voyage .half-1_3.bg-dark.visite-wrap.pad-2 .text-white {line-height: 1.4;color: #616161 !important;font-size: 15px;font-family: "Open Sans", sans-serif;}
.box-slide-visite.position-relative {margin-top: 21px;}
.bouton-flottant {right: 23px;}

.content-text-wrapper h5.text-uppercase {text-transform: none !important;color: #313E5E;font-size: 20px;}
.header-title-violet {font-family: 'Book Antiqua Bold','Times New Roman', Times, serif;font-size: 1.8em;margin-bottom: 13px;color: #313E5E;}
.content-text-wrapper .header-title-violet + p {font-size: 14px;color: #616161 ;}
.list-iconed li {font-weight: 900;color: #616161;font-size: 16px;}
.list-iconed li i {color: #D4AA58;}
.list-iconed + .link-button.mt-2 {margin-top: 30px;}

.opportunity h3, .domaine h3 {color: #313E5E;font-family: 'Book Antiqua Bold','Times New Roman', Times, serif;text-transform: lowercase !important;font-size: 20px;}
.opportunity h3::first-letter, .domaine h3::first-letter {text-transform: uppercase;}
.opportunity p, .domaine p {font-family: "Open Sans", sans-serif;font-size: 14px;color: #313E5E;}


.section-grands-projets {padding: 0;border: none !important;overflow: hidden;}
.mod-list-projets {background: linear-gradient(45deg,#1E2639, #354467);}
.mod-list-projets h3 {color: #313E5E;text-transform: none;}
.mod-list-projets .articlce-list li {padding-left: 0;border-bottom: 1px solid #DDDDDD;}
.mod-list-projets .articlce-list li a .article_title {color: #313E5E !important;}
.articlce-list li a:hover h3 {color: #fff !important;}
.mod-list-projets h3 {padding-left: 0;}
.mod-list-projets {background: #fff;padding-left: 45px;}
.section-grands-projets > div h1 {max-width: 690px;text-align: right;}
.section-grands-projets > div {justify-content: right;}
.section-grands-projets .half-2_3 {flex: 1 1 56%;}
.mod-list-projets .link-button {margin-left: 0;}

.control_prev, .control_next {z-index: 99;}
section.slide .slider-container .slider-wrapper li .capa p {font-size: 14px !important;}
section.slide .slider-container .slider-wrapper li .capa h3 {margin: 0;line-height: 1.4;}

.d-flex-column .opportunity {background:#fff;margin-bottom: 30px;}
.domaine {background: #fff;}

.mod-write {background:#fff url('../../images/prm2.jpg') right bottom no-repeat;background-size: auto 100%;position: relative; border: none !important; height:669px;}
.write-prm-wrapp {background: linear-gradient(45deg, #354467, #1E2639);border:none;border: none;  margin: 20px 0;width: 100%;padding: 30px 25px 100px;}
.photo_effigie {margin-top: -100px;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.write-prm-wrapp * {color: #fff;text-align: center;}
.list-contact-write-prm li a {color: #fff;display: block;margin-bottom: 6px;}
.list-contact-write-prm li a:hover {color: #D4AA58 !important;font-weight: normal !important;}
.list-contact-write-prm li a:hover strong {color: #D4AA58 !important;}
.list-contact-write-prm li a strong {color: #fff !important;}
#open-mots-president {width: 100%;text-align: center;background: #D4AA58 !important;color: #fff !important;border: none !important;border-radius: 0 !important;display: block;font-size: 20px;letter-spacing: inherit;}
#open-mots-president i {color:#313E5E;}
.list-contact-write-prm li a i {font-size: 0;background: url('../../images/fl2.png') center center no-repeat;  display: inline-block;width: 13px;height: 13px;vertical-align: middle;}
.list-contact-write-prm {display: block;text-align: left;}

.mod-write.d-flex .half-2_3 {flex: 1 1 35%;}
.mod-write .half-1_3 {padding: 21px 69px;}

.write-prm-wrapp h5 {font-size: 18px;}
.write-prm-wrapp h1 {font-size: 18px;}

.half-1_3.d-flex.text-justify-center.align-items-center > div:first-child {width: 100%;}

footer h3 {font-family: "Book Antiqua Bold", sans-serif;color: #313E5E;position: relative;font-size: 20px;}
#footer h3::before {content: ' ';background: url('../../images/fl2.png') center center no-repeat;  display: block;width: 13px;height: 100%;position: absolute;left: -24px;}
.nav-footer {margin-bottom: 22px;}
.nav-footer li a { font-size: 16px;font-family: "Open Sans", serif;padding: 9px 20px 9px 0;}

.breadcrumb {padding: 52px 0 15px;}

.half-1_3.mod_projets {position: relative;}
.mod_projets > .link-button {position: absolute;top: 0;right: 0;}

.float-button, .tmpl-btn {border-radius: 0 !important;font-size: 16px !important;font-family: 'Book Antiqua Bold','Times New Roman', Times, serif !important;text-transform: lowercase !important;border: none !important;color: #fff !important;letter-spacing: inherit !important;min-width: 225px;display: inline-block !important;background: #D4AA58 url('../../images/fl3.png') right center no-repeat;padding: 6px 20px !important;}
.beige-button {text-transform: none !important;background: #D4AA58 url('../../images/env.png') right center no-repeat !important;min-width: 271px;text-align: left;}
.tmpl-btn.beige-button:hover {background: #B59659 url('../../images/env.png') right center no-repeat !important;}
.float-button i, .tmpl-btn i {display:none;}
.float-button:first-letter, .tmpl-btn:first-letter {text-transform: uppercase !important;}
.float-button:hover, .tmpl-btn:hover {color: #fff !important; border: none;background: #B59659 url('../../images/fl3.png') right center no-repeat !important;}

.actus-prdm .tmpl-btn {background: #923C85 url('../../images/fl4.png') right center no-repeat;}
.actus-prdm .outline-button:hover span {background: #6D2F64 url('../../images/fl4.png') right center no-repeat !important;color: #fff !important;}
.container-visit .tmpl-btn {background: #313E5E url('../../images/fl4.png') right center no-repeat;}
.container-visit .tmpl-btn:hover {background: #1E2538 url('../../images/fl4.png') right center no-repeat !important;color: #fff !important;}

.container-visit .violet-button.text-uppercase.tmpl-btn {background: url('../../images/fl4.png') right center no-repeat;min-width: inherit;}

body section.slide .slider-container .slider-controls li.active {background:#D4AA58;}
section.slide .slider-container #barra.tempo-bar {background:#D4AA58;}

.pager.pagenav li a {border: none;background: #354467;}
.pagination {font-size: 14px;font-weight: bold;}

.blog.grid-velirano .items-row .span4 .item .page-header h2, .blog.grid-velirano .items-row .span4 .item .page-header h2 a {font-family: "Book Antiqua Bold", sans-serif;line-height: 1.3;  margin-bottom: 5px !important;text-align: left;}
.blog.grid-velirano .items-row .span4 .item .page-header h2:after {content: ' ';display: block;background: orange;height: 2px;width: 40px;margin: 10px;}
.articleBody p, .articleBody ul li {font-family: "Open Sans", serif;font-size: 15px;}
.blog .items-row .span4 .item .page-header {align-items: flex-start;justify-content: end;padding-bottom: 20px;text-align: left;padding-left: 20px;}

.categories-list .list-categories-item > div h3 a:hover {color: orange !important;}
.categories-list .list-categories-item > div h3 a {display: flex;position: absolute;top: 0;left: 0;right: 0;bottom: 0;align-items: center;justify-content: center;}
.categories-list .list-categories-item > div h3 a:hover {background: rgba(0,0,0,.5);}
.liste-bureau {padding: 0;}

.blog .items-row .span4 .item .pull-left.item-image, .categories-list .list-categories-item > div, .items-row .span12 .item .pull-left, .pager.pagenav li a, .articleBody img, ul.sigFreeClassic li.sigFreeThumb {border-radius: 0;}

.section-grands-projets .half-1_3 {
  padding: 62px 0;
}

@media screen and (min-width: 1300px) {
    .tiles article.one {display: block;}
    .tiles article {display: block;height: 73vh;}
    .one > * {width: 505px;float: right;}
    .tiles .float-button {float: none;margin-top: 5px;}
    .tiles article.one > h3 {padding: 9px 0 0 22px;}
    .citation-prdm {padding-right: 305px !important;}
    .mod-list-projets {padding: 50px 0 80px 45px;}
    .mod-rs {margin-left: 1em;}
    .mod_voyage.half-2_3 {flex: 1 1 50%;}
    citation-prdm .citation-wrap p, .citation-prdm .citation-wrap span, .citation-prdm .citation-wrap p strong {font-size: 21px;}
}

@media screen and (min-width: 1280px) {
    .tiles .articlce-list {margin-top: 9vh;}
    .section.bg-greylight + .d-flex.section {padding: 80px 2em;}
    .section.bg-greylight {padding: 80px 0;}
    footer h3 {margin: 30px 0 10px !important;}
    #open-mots-president {font-size: 24px;}
    #open-mots-president i {font-size: 26px;margin-left: 11px;position: relative;top: 4px;}
    .mod-list-projets h3 {font-size: 30px;}
    .mod-pge h3, .mod_projets h3, .mod_voyage h3 {font-size: 26px;}
    .half-1_3.mod_projets {padding-right: 0;}
}

@media (max-width: 1279px) {
    .la-une-image .title-overlay h3 {font-size: 16px;}
    .tiles .articlce-list li a .article_title {font-size: 13px;}
    .mod-pge .box-flex-item .box-image img {height: 130px;}
    .nav-footer li a {font-size: 14px;}
    footer h3 {margin: 10px 0 13px !important;}
    #footer h3::before {left: -18px;}
    .citation-prdm {position: relative;}
    .citation-prdm * {position: relative;z-index: 1;}
    .citation-prdm::after {content: ' ';position: absolute;display: block;left: 0;right: 0;top: 0;bottom: 0;background: rgba(146,60,133,0.7);}
    .mod-pge .box-flex-item .box-image a .link-hover {font-size: 16px;}
    .mod-rs h3 {font-size: 16px;}
    .mod-rs ul li a {font-size: 14px;}
    .citation-prdm .citation-wrap p, .citation-prdm .citation-wrap span, .citation-prdm .citation-wrap p strong {color: #fff;font-size: 15px;}
    .tiles article.one > h3 {padding-top: 6px;}
    .container-visit {display: block;}
    .mod_voyage .link-button.bouton-flottant {right: 16px;}
    .mod_projets > .link-button {right: 16px;}
    .half-1_3.mod_projets {margin-top: 40px;}
    .half-1_3.mod_projets h3 {margin: 6px;}
    .mod-list-projets {padding: 40px 25px;}
    .categories-list .list-categories-item > div {margin: 10px 0;}
}
@media (min-width: 992px) {
    #header3 {height: 53px !important;}
    #header {padding: 0 104px 0 100px;}
    #header2 {top: 31px;padding: 0;}
    #header nav a {font-size: 14px;padding: 0 6px;}
    .search-wrapper .input-holder {width: 47px;}
    #header nav a:last-child {padding-right: 6px;}
}
@media (min-width: 1681px) {
    #header {padding: 0 123px 0 100px;}
}
@media (max-width: 991px) {
    #header3 h3 {float: none;margin: 0 auto 20px;width: 31%;text-align: center;}
    #header3 nav {width: 100%;text-align: center;}
    #header3 nav a:nth-child(2n) {text-align: center;margin: 0 5px;}
    #header3 nav a:nth-child(2n) {font-size: 13px;background: #E1E5EF;}
    #header3 nav a:nth-child(2n):hover {background:#1E2639;}
    #footer h3::before {display:none;}
    .link-button.bouton-flottant {display: block;position: relative;text-align: center;right: 0 !important;}
    .mod_voyage h3 {text-align: center;}
    .mod_projets > .link-button {position: relative;display: block;right: inherit;text-align: center;top: 60px;}
    .mod_projets > .link-button .flat-button.float-right.text-uppercase {float: none !important;}
    .half-1_3.mod_projets h3 {text-align: center;}
     .tiles article.one > h3 {padding-top: 6px;padding-bottom: 26px;}
}
@media (max-width: 767px) {
    body {overflow-x: hidden;}
    .tiles {flex-direction: column-reverse;}
    .tiles article {width: 100% !important;}
    .tiles .float-button {width: 157px;min-width: 157px;}
    .la-une-image .title-overlay {padding: 20px;}
    .mod-pge .box-image {display: block;}
    #header2 {margin-top: 0;}
    #header3 {top: 0;margin-top: -11px;padding: 0 22px;}
    #header3 h3 {width: 100%;}
    .mod-rs {display: block;margin: 20px auto 40px;text-align: center;}
    .mod-rs ul li a {display: block;}
    .mod-rs h3 {text-align: center;}
    .mod-rs h3::after {margin: 5px auto;}
    .icone-chat {margin-top: 20px;}
    footer .inner {display: block !important;}
    #footer {border-top: 50px solid #fff;text-align: center;}
    .opportunity h3, .domaine h3 {font-size: 16px !important;}
    .opportunity p, .domaine p {font-size: 13px !important;}
    .write-prm-wrapp h1 {font-size: 18px !important;}
    .mod-write .half-1_3 {padding: 21px 20px;}
    .section {padding: 15px;}
    .tiles .articlce-list {padding-bottom: 30px;}
    .line2.section {padding: 0 20px !important;}
    .mod-pge .box-flex-item .box-image img {height: 95px;}
    .write-prm-wrapp {background: rgba(30,38,57,0.7);}
    .mod-write {background: linear-gradient(to left,#EDEDED, #E0E0E0);}
    .link-button.mt-2 {display: block;text-align: center;}
    .violet-button.text-uppercase.tmpl-btn {text-align: left;}
    .violet-button.text-uppercase.tmpl-btn {font-size: .7em !important;}
    .section-grands-projets > div h1 {margin: 0 auto;}
    .flat-button.float-right.text-uppercase {margin: 0 auto;}
    .mod-list-projets > h3 {text-align: center;}
    .half-1_3.bg-dark.visite-wrap.pad-2 {margin-bottom: 30px;}
    .header-title-violet {line-height: 1.2;}
    .content-text-wrapper h5.text-uppercase {margin-top: 20px;}
}
@media (max-width: 540px) {
    #header2 .recherche {z-index: 1;position: relative;top: 58px;}
    #header2 {position: relative !important;top: -55px;z-index: 1 !important;}
    .citation-prdm.d-flex {padding-top: 171px !important;}
    .slide-menu {background-color: #354467;}
    .list-iconed li {font-size: 14px;}
}