@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');






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

body:focus { outline: none; }

html, body {
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: #000;
	font-family: Arial, Geneva, sans-serif;
	font-size: 1em;
	color: #fff;
	touch-action: pan-y;
}

div.center {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 90%;
}
div.max-width { max-width: 1280px; }

a { color: #fff; text-decoration: underline; touch-action: pan-y; }
.no-mobile a:hover { color: #fff; text-decoration: none; }
a:active { color: #fff; }
a:visited { color: #fff; }

.vis_hidden {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: -10000px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}
.floatBreak { clear: both; display: block; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }

a.btn_plain, button.btn_plain {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 22px 50px 20px 50px;
	background: #ffc52e;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.285714em;
	line-height: 1.2em;
	color: #000;
	text-align: left;
	text-decoration: none;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	vertical-align: middle;
	overflow: hidden;
	
	-webkit-transition: padding .3s ease-out;
	-moz-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}
a.btn_plain:before, button.btn_plain:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #c41f3e;
	overflow: hidden;
	z-index: 1;
}

a.btn_plain span, button.btn_plain span {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	z-index: 3;
}

a.btn_plain:hover, button.btn_plain:hover { padding: 18px 50px 24px 50px;; }
a.btn_plain:hover:before, button.btn_plain:hover:before {
	height: 100%;
	
	-webkit-transition: height .3s ease-out;
	-moz-transition: height .3s ease-out;
	transition: height .3s ease-out;
}





/*             */
/*   HEADER    */
/*             */
header#containerHeader {
	position: relative;
	display: block;
	margin: 0;
	padding: 90px 0;
	width: 100%;
	z-index: 35;
}



header#containerHeader span.logo {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 400px;
	max-width: 100%;
}

header#containerHeader span.logo:after {
	content: "";
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 45%;
	background: url(../images/logo_bl.png) center center / contain no-repeat;
	z-index: 2;
}

header#containerHeader span.logo a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}



header#containerHeader div.block_menu {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

header#containerHeader div.block_menu a.button {
	position: relative;
	display: inline-block;
	margin: 30px 0 0;
	padding: 0;
	height: 76px;
	background: center / contain no-repeat;
	overflow: hidden;
}
header#containerHeader div.block_menu a.button.btn_fb { width: 76px; background-image: url(../images/btn_fb.png); }
header#containerHeader div.block_menu a.button.btn_nous-joindre { width: 196px; background-image: url(../images/btn_nous-joindre.png); }

header#containerHeader div.block_menu a.button span { font-size: 0; visibility: hidden; }
/*             */
/* FIN HEADER  */
/*             */












/*             */
/*    MAIN     */
/*             */
main#containerMain {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

main#containerMain section {
	position: relative;
	display: block;
	margin: 0;
	padding: 100px 0 0;
	width: 100%;
}

main#containerMain h2 {
	position: relative;
	display: block;
	margin: 0 0 45px;
	padding: 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
}

main#containerMain h2 span.upper { text-transform: uppercase; }
main#containerMain h2 span.small { font-size: 0.7619em; }

main#containerMain div.block_cols {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	gap: 45px;
}

main#containerMain div.block_cols > .col {
	position: relative;
	display: inline-block;
	margin: 0 0 45px;
	padding: 0;
	width: 100%;
	text-align: center;
	vertical-align: top;
	color: #fff;
}

main#containerMain div.block_cols div.col h3 {
	position: relative;
	display: block;
	margin: 10px 0 5px;
	padding: 0;
	font-size: 1.2857em;
	font-weight: normal;
	color: #fff;
	line-height: 1em;
	text-align: center;
}

main#containerMain div.block_cols div.col p {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

main#containerMain div.foot_logo {
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 0 0;
	text-align: center;
}
main#containerMain div.foot_logo img { height: 64px; vertical-align: middle; }




/* Section 1 */
	main#containerMain section#section_page1 { z-index: 1; }
	main#containerMain section#section_page1:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: -100px;
		right: 70%;
		bottom: 0;
		left: -15%;
		background: url("../images/splash0.png") left bottom / contain no-repeat;
		z-index: 1;
	}

	main#containerMain section#section_page1 div.center { z-index: 2; }

	main#containerMain section#section_page1 div.block_laureat_cols {
		position: relative;
		display: block;
		margin: 0 0 50px;
		padding: 50px 0;
		width: 100%;
		background: #545454;
		border: 12px solid #fff;
		border-radius: 34px;
	}

	main#containerMain section#section_page1 div.block_laureat_cols h2 { line-height: 1.4em; }

	main#containerMain section#section_page1 a.btn_plain { background: #c41533; }
/* Fin Section 1 */




/* Section 2 */
	main#containerMain section#section_page2 { z-index: 1; }
	main#containerMain section#section_page2:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: -100px;
		right: 0;
		bottom: 0;
		left: 70%;
		background: url("../images/splash1.png") left top / cover no-repeat;
		z-index: 1;
	}

	main#containerMain section#section_page2 div.center { z-index: 2; }

	main#containerMain section#section_page2 div.block_laureat {
		position: relative;
		display: block;
		margin: 50px 0;
		padding: 50px 0 0;
		width: 100%;
	}
	main#containerMain section#section_page2 div.block_laureat:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 280px;
		top: 0;
		bottom: 0;
		left: 0;
		background: url("../images/splash2_ftransparent.png") right bottom / cover no-repeat;
		z-index: 1;
	}
	main#containerMain section#section_page2 div.block_laureat div.block_img {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 680px;
	}
	main#containerMain section#section_page2 div.block_laureat div.block_img:before {
		content: "";
		position: relative;
		display: block;
		margin: 0;
		padding: 87.14% 0 0;
		width: 100%;
		background: url("../images/9.png") center top / contain no-repeat;
	}
/* Fin Section 1 */




/* Section 4 */
	main#containerMain section#section_page4 { padding-top: 260px; z-index: 2; }

	main#containerMain section#section_page4 div.col:nth-of-type(1):before {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../images/10.png") center / contain no-repeat;
	}
	main#containerMain section#section_page4 div.col:nth-of-type(1):after {
		content: "";
		position: relative;
		display: block;
		padding-bottom: 103.74%;
	}

	main#containerMain section#section_page4 div.col { text-align: left; }

	main#containerMain section#section_page4 h2 { margin: 0 0 5px; padding: 0; text-align: left; font-size: 2.2857em; color: #fff; line-height: 1.2em; }
	main#containerMain section#section_page4 p { margin: 0 0 15px; }

	main#containerMain section#section_page4 span.logo {
		position: relative;
		display: block;
		margin: 140px 0 0;
		padding: 0;
		width: 400px;
		max-width: 100%;
	}

	main#containerMain section#section_page4 span.logo:after {
		content: "";
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 45%;
		background: url(../images/logo_bl.png) center center / contain no-repeat;
		z-index: 2;
	}
/* Fin Section 4 */


/*             */
/*  FIN MAIN   */
/*             */












/*             */
/*   FOOTER    */
/*             */
footer#containerFooter {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
footer#containerFooter:after {
	content: "";
	position: relative;
	display: block;
	margin: -60px 0 0;
	padding: 0;
	width: 100%;
	height: 374px;
	background: url("../images/footer-4.png") center top / cover no-repeat;
}
footer#containerFooter div.block_img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1024px;
}
footer#containerFooter div.block_img {
	content: "";
	position: relative;
	display: block;
	margin: 0;
	padding: 46.53% 0 0;
	width: 100%;
	background: url("../images/footer.png") center top / contain no-repeat;
}
/*             */
/* FIN FOOTER  */
/*             */




/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
/* Smartphones */
@media only screen and (max-width: 469px) /*(max-width: 469px)*/ {
	
}

/* Large smartphones */
@media only screen and (min-width: 29.375em) and (max-width: 43.6875em) /*(min-width: 470px) and (max-width: 699px)*/ {
	
}

/* Tablets and landscape large smartphones */
@media only screen and (min-width: 43.75em) and (max-width: 62.5em) /*(min-width: 700px) and (max-width: 1000px)*/ {
	main#containerMain section#section_page4 div.col:nth-of-type(1):before { top: -130px; }
}

@media only screen and (min-width: 62.5625em) and (max-width: 74.9375em) /*(min-width: 1001px) and (max-width: 1199px)*/ {
	main#containerMain div.block_cols > .col { width: calc((100% - 45px) / 2); }
	
	main#containerMain section#section_page1 div.colbtn { margin: 150px 0 0; }
	main#containerMain section#section_page4 div.col:nth-of-type(1):before { top: -130px; }
}

@media only screen and (min-width: 75em) /*(min-width: 1200px)*/ {
	header#containerHeader span.logo { float: left; }
	header#containerHeader div.block_menu { float: right; text-align: right; }
	header#containerHeader div.block_menu a.button { margin: 0; }
	header#containerHeader div.block_menu a.button.btn_fb { margin-right: 30px; }
	
	main#containerMain div.block_cols.col2 > .col { width: calc((100% - 45px) / 2); }
	main#containerMain div.block_cols.col3 > .col { width: calc((100% - 90px) / 3); }
	main#containerMain div.block_cols > .col.textleft { text-align: left; }
	main#containerMain div.block_cols > .col.textright { text-align: right; }
	
	main#containerMain section#section_page1 div.colbtn { margin: 150px 0 0; }
	main#containerMain section#section_page3:before { display: block; }
	main#containerMain section#section_page4 div.col:nth-of-type(1):before { top: -130px; }
}

/* Desktop screens */
@media only screen and (min-width: 75em) and (max-width: 93.6875em) /*(min-width: 1200px) and (max-width: 1499px)*/ {
	
}

/* Large screen */
@media only screen and (min-width: 93.75em) and (max-width: 112.4375em) /*(min-width: 1500px) and (max-width: 1799px)*/ {
	
}

/* Very large screen */
@media only screen and (min-width: 112.5em) /*(min-width: 1800px)*/ {
	
}