/*
	font 1 : font-family: 'Catamaran', sans-serif;
	font 3 : font-family: 'Sacramento', cursive;
*/

/* > COMMUNS
-------------------------------------------------------------------------------------------------------------------------------- */
body {
    font-family: 'Catamaran', sans-serif;
	line-height: 1.4em;
	color: #000; 
}

h1, .h1 {
	line-height: 1.4em;
	font-weight: 700;
	font-size: 2em;
	margin: 0 0 .5em;
	color: #8f0011;
}
h2, .h2 {
	line-height: 1.4em;
	font-size: 1.75em;
	font-weight: 700;
	color: #404040;
	margin: .5em 0;
}
h3, .h3 {
	line-height: 1.4em;
	font-size: 1.25em; 
	font-weight: 400;
	color: #8f0011; 
	margin: .5em 0;
}
h4, .h4 { }

hr, .divide {
	clear: both;
	padding: 0;
	height: 1px;
	margin: 2em auto;
	background: #ccc;
	border: none;
}

p {
	margin: 0 0 1.75em 0;
}

.intro p,
p.intro {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #8f0011; 
}

mark, .mark {
  	padding: 0.2em;
  	background-color: #8f0011;
	color: #fff;
}

::-moz-selection{
	background-color: #8f0011;
	color: #fff;
}
::selection{
	background-color: #8f0011;
	color: #fff;
}

/* > SPLASH & massloader
-------------------------------------------------------------------------------------------------------------------------------- */
.massloader {
	z-index: 10;
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: #eadcd2;
}
#splash {
	position: relative;
	width: 100vw; height: 100vh;
	background-color: #eadcd2;
}
#splash::before,
.massloader::before {
	content: "";
	position: absolute;
	top: 20%; left: 50%;
	margin: -30px -125px;
	width: 250px;
	height: 60px;
	background: url(../images/logo.svg) center no-repeat;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
body.loading #splash::before,
body.loading .massloader::before {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}
#splash::after,
.massloader::after {
	content: "";
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 100%;
	height: 60%;
	background: url(../images/splash.gif) center 100% no-repeat;
	background-size: auto 100%;
	-webkit-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
body.loading #splash::after,
body.loading .massloader::after {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}
#splash .loader,
.massloader .loader {
	width: 80px;
	height: 80px;
	background: url(../images/massloader.gif) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin-top: -40px;
	margin-left: -40px;
	left: 50%; top: 33.33%;
}
@media screen and (min-width: 800px) {
	#splash::after,
	.massloader::after {
		height: 40%;
		max-height: 640px;
		background: url(../images/splash_xl.gif) center 0 no-repeat;
		background-size: cover;
	}
}

/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
/* header */
#header {
	height: 72px;
	padding: 0 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: #fff;
	position: relative;
	z-index: 9;
}
.header-logo {
	width: 40px;
	height: 40px;
}
.header-logo svg { fill: #8f0011 }
.header-back {
	position: absolute;
	top: 21px;
	left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
}
.header-back svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: #454545;
}
.header-back:hover svg,
.header-back:active svg {
	fill: #8f0011
}

.header-lang {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 20px;
	top: 21px;
}
.change-lang {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: 0;
	z-index: 3;
}
.header-lang ul {
	margin: 5px 0;
	width: 30px;
	height: 20px;
}
.header-lang ul li { display: none }
.header-lang ul li.lang-active {
	display: block;
}
.header-lang.active .change-lang {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: 0;
	z-index: 3;
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.864,10.743 L10.743,12.864 L6.500,8.621 L2.257,12.864 L0.136,10.743 L4.379,6.500 L0.136,2.257 L2.257,0.136 L6.500,4.379 L10.743,0.136 L12.864,2.257 L8.621,6.500 L12.864,10.743 Z'/%3E%3C/svg%3E");
}
.header-lang.active .header-lang_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.header-lang.active ul {
	width: 140px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.header-lang.active ul li {
	width: 50px;
	margin: 10px;
	display: block;
}
.header-lang.active ul li a {
	display: block;
}
/*.header-lang.active ul li.lang-active a {
	border: #fff 2px solid;
	margin: -2px;
}*/
.header-lang.active ul li a img {
	display: block;
	width: 100%;
}

/* > PAGE
-------------------------------------------------------------------------------------------------------------------------------- */
._page { 
	overflow: hidden;
	min-height: calc(100vh - 72px);
	border-radius: 30px 30px 0 0;
	background-color:#eadcd2;
	padding-bottom: 52px;
}


/* > BOUTONS
-------------------------------------------------------------------------------------------------------------------------------- */
.bouton_1,
.bouton_2 {
	display: inline-block;
	text-transform: uppercase;
	border-radius: 15px;
	border-style: solid;
	font-size: .875em;
	border-width: 1px;
	font-weight: 700;
	line-height: 20px;
	padding: 10px 20px 8px;
	-webkit-transition:border-color .3s, background-color .3s, color .3s;
	-o-transition:border-color .3s, background-color .3s, color .3s;
	transition:border-color .3s, background-color .3s, color .3s;
}
.bouton_1 {
	background-color: #000;
	border-color: #000;
	color: #ffffff;
}
.bouton_1:hover {
	background-color: #8f0011;
	border-color: #8f0011;
	color: #ffffff;
}
.bouton_2 {
	background-color: transparent;
	border-color: #8f0011;
	color: #8f0011;
}
.bouton_2:hover {
	background-color: #000;
	border-color: #000;
	color: #ffffff;
}
/* --- */
.rs-link li { display: inline; }
.rs-link li.rs-title {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 13px;
}
.rs-link li a { 
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 28px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
.rs-link li a svg {
	width: 15px;
	height: 15px;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}

/* > FORMULAIRES
-------------------------------------------------------------------------------------------------------------------------------- */
label { padding: 5px 0; }
label.left { padding: 5px 5px 5px 0 }
label.right { padding: 5px 0 5px 5px }
select,
textarea,
input[type='tel'],
input[type='text'],
input[type='email'],
input[type='password'] {
	background: #fff;
	border-color: #fff;
	border-radius: 20px;
	padding: 0 15px;
	height: 40px;
	color: #000
}
select { padding:0 10px; }
select:hover,
textarea:hover,
input[type='tel']:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='password']:hover {
	border-color: #000;
	color: #000
}
select:focus,
textarea:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
	border-color: #000; color: #000;
	-webkit-box-shadow: #000 0 0 5px;
	-ms-box-shadow: #000 0 0 5px;
	-o-box-shadow: #000 0 0 5px;
	box-shadow: #000 0 0 5px;
}
input[type="checkbox"] {
	appearance: none;
    -moz-appearance: none;
	-webkit-appearance: none;
	width: 20px; height: 20px;
	border: #8f0011 1px solid;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 10px 0 0;
	background: #fff center no-repeat;	
}
input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='11'%3E%3Cpath fill-rule='evenodd' fill='rgb(143, 0, 17)' d='M15.425,2.439 L9.061,8.803 L9.061,8.803 L6.939,10.925 L0.575,4.561 L2.697,2.439 L6.939,6.682 L13.303,0.318 L15.425,2.439 Z'/%3E%3C/svg%3E");
	background-size: 16px 11px;
}
input[type="radio"] {
	appearance: none;
    -moz-appearance: none;
	-webkit-appearance: none;
	width: 26px; height: 26px;
	border-radius: 50%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 10px 0 0;
	background: #fff center no-repeat;	
}
input[type="radio"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='11'%3E%3Cpath fill-rule='evenodd' fill='rgb(143, 0, 17)' d='M5.500,-0.000 C8.538,-0.000 11.000,2.462 11.000,5.500 C11.000,8.538 8.538,11.000 5.500,11.000 C2.462,11.000 -0.000,8.538 -0.000,5.500 C-0.000,2.462 2.462,-0.000 5.500,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 11px 11px;
}
label.flex-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 1em 0;
	line-height: 1.2em;
}

/* --- erreur --- */
select.errorfield,
textarea.errorfield,
input[type='tel'].errorfield,
input[type='text'].errorfield,
input[type='email'].errorfield,
input[type='password'].errorfield {
	border-color:#8f0011;
}
select.errorfield:hover,
textarea.errorfield:hover,
input[type='tel'].errorfield:hover,
input[type='text'].errorfield:hover,
input[type='email'].errorfield:hover,
input[type='password'].errorfield:hover {
	border-color:#8f0011;
	color:#8f0011;
}
select.errorfield:focus,
textarea.errorfield:focus,
input[type='tel'].errorfield:focus,
input[type='text'].errorfield:focus,
input[type='email'].errorfield:focus,
input[type='password'].errorfield:focus {
	background-color: #ffc5cc;
	border-color: #8f0011;
	color: #8f0011;
	-webkit-box-shadow: #8f0011 0 0 5px;
	-ms-box-shadow: #8f0011 0 0 5px;
	-o-box-shadow: #8f0011 0 0 5px;
	box-shadow: #8f0011 0 0 5px;
}

.error_output {
	padding: 15px;
	font-size: .875em;
	background-color: #8f0011;
	border-radius: 20px;
	color: #fff;
}

/* --- rgpd --- */
#privacy h2 { color: #804180; }
#privacy h4 { margin: 10px; }

#privacy h5 {
	margin: 15px;
}

#privacy p {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#privacy ul li {
	list-style-type: initial;
    list-style: inside;
	font-size: 12px;
}
/* --- */
#privacy table {
	margin:0 auto;
	width:100%;
}
#privacy table th,
#privacy table td {
	padding:10px;
	text-align:center;
	font-size:14px;
}
#privacy table tr th { background-color:#8f0011; color:#fff; }
#privacy table tr:nth-child(2n+0) td { background:#f8f8f8; }
#privacy table tr th:first-child,
#privacy table tr td:first-child { text-align:left; }
#privacy table th { font-weight:bold; }

/* > privacy checkbox */
.privacy_checkbox {
	display: block;
	position: relative;
	padding-left: 24px;
	text-align: justify;
	margin: 10px 0;
	font-size: 13px;
	line-height: 1.3em;
	color: #949494;
}
.privacy_checkbox input {
	position: absolute;
	top: 3px; left: 0;
}
.privacy_disclaimer,
#privacy_disclaimer { 
	font-size: 11px;
	text-align: justify;
	line-height: 1.2em;
	margin: 1em 0;
	color: #949494; 
}
.privacy_disclaimer a,
#privacy_disclaimer a,
.privacy_checkbox a { 
	text-decoration: underline;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
	display: inline;
}
.privacy_disclaimer a:hover,
#privacy_disclaimer a:hover,
.privacy_checkbox a:hover { color: #8f0011 }
.privacy_checkbox.errorfield { color:#e50000; }

/* --- bouton --- */
input[type='submit'] {
	border-style:solid;
	border-width:3px;
	background-color:#8f0011;
	border-color:#8f0011;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-family: 'Playfair Display', serif;
	font-size:13px;
	line-height:14px;
	padding:8px 10px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
input[type='submit']:hover {
	background-color:#fff;
	border-color:#8f0011;
	color:#8f0011;
}

/* > IMAGES
-------------------------------------------------------------------------------------------------------------------------------- */
.thumbnails { overflow:hidden; background:#2c353d; }
.thumbnails > img {
	display:block; width:100%;
	-webkit-transition:transform .2s linear, opacity .2s linear;
	-o-transition:transform .2s linear, opacity .2s linear;
	-webkit-transition:opacity .2s linear, -webkit-transform .2s linear;
	transition:opacity .2s linear, -webkit-transform .2s linear;
	transition:transform .2s linear, opacity .2s linear;
	transition:transform .2s linear, opacity .2s linear, -webkit-transform .2s linear;
}
a:hover .thumbnails > img,
a.thumbnails:hover > img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.4
}

/* > BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
.bg-noir   { background-color:#2c353d; }
.bg-gris   { background-color:#eeeded; }
.bg-color1 { background-color:#8f0011; }
.bg-color2 { background-color:#2c353d; }


/* > CONTENT
-------------------------------------------------------------------------------------------------------------------------------- */

/* >>> CONTENT RULES ----------------------- */
label input, 
textarea { font-family: 'Catamaran', sans-serif; }

.bg-noir h1,
.bg-noir h2,
.bg-noir h3 { color:#fff; }
.bg-noir ul,
.bg-noir p { color:#a7acb1; }

.edit_content ul,
.edit_content ol { margin: 0 0 1.75em 0; }
.edit_content ul li {
	list-style: none;
	background: 0 .4em no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7' height='7' fill='%238f0011'%3E%3Cpath d='M0.000,0.000 L7.000,0.000 L7.000,7.000 L0.000,7.000 L0.000,0.000 Z'/%3E%3C/svg%3E");
	padding-left: 20px;
	margin: 0 0 .5em 0;
}
.edit_content p + ul { margin: -1.5em 0 1.75em 0; }
.edit_content p + ol { margin: -1.5em 0 1.75em 0; }
.edit_content ol {
	counter-reset: section;
	list-style-type: none;
}
.edit_content ol li { 
	font-weight: 400;
	margin: 8px 0;
}
.edit_content ol li::before {
	display: inline-block;
	margin-right: 10px;
	counter-increment: section;
	content: counters(section,".") ". ";
	font-weight: 700;
	color: #8f0011;
}
.edit_content h2:first-child,
.edit_content h3:first-child,
.edit_content h4:first-child,
.edit_content p:first-child,
.edit_content ul:first-child { margin-top: 0 }
.edit_content h2:last-child,
.edit_content h3:last-child,
.edit_content h4:last-child,
.edit_content p:last-child,
.edit_content ul:last-child { margin-bottom: 0 }

.edit_content p a:not(.bouton_1):not(.bouton_2):not(.bouton_3):not(.bouton_4),
.edit_content li a:not(.bouton_1):not(.bouton_2):not(.bouton_3):not(.bouton_4) {
	color:#8f0011; 
	text-decoration:underline; 
}
.edit_content p a:not(.bouton_1):not(.bouton_2):not(.bouton_3):not(.bouton_4):hover, 
.content_block li a:not(.bouton_1):not(.bouton_2):not(.bouton_3):not(.bouton_4):hover { color:#2c353d; }
.edit_content blockquote,
.edit_content p.citation {
	display: block;
	margin: 20px auto;
	position: relative;
	padding: 20px 50px;
	font-size: 16px;
	font-style: italic;
	line-height: 1.4em;
	background: #eaeaea;
}
.edit_content blockquote p { margin: 0 }
.edit_content blockquote::before,
.edit_content p.citation::before,
.edit_content blockquote::after,
.edit_content p.citation::after {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	position: absolute;
}
.edit_content blockquote::before,
.edit_content p.citation::before {
	top: 0;
	left: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%238f0011' viewBox='0 0 24 24'%3E%3Cpath d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/%3E%3C/svg%3E");
}
.edit_content blockquote::after,
.edit_content p.citation::after {
	right: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%238f0011' viewBox='0 0 24 24'%3E%3Cpath d='M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z'/%3E%3C/svg%3E");
}
.divide,
.edit_content hr {
	display: block;
	clear: both;
	border: none;
	width: 100%;
	height: 1px;
	background: #ccc;
	max-width: 930px;
	margin: 40px auto;
}

/* >	pagination ------------------ */
.pagination li a:hover { border-color: #8f0011; color: #8f0011; }
.pagination li.active a { 
	background-color: #8f0011; 
	border-color: #8f0011;
	color: #fff 
}
.pagination li.active a:hover { color: #fff }
.pagination .pag-prev a:hover,
.pagination .pag-next a:hover { border-color: transparent }
.pagination .pag-prev a:hover svg, 
.pagination .pag-next a:hover svg { fill: #8f0011 }

/* >	headings -------------------- */
.heading_page {
	background: #2c353d;
	padding: 5% 0;
	color: #fff;
}
.heading_page h1 {
	color: #fff;
}

/* >	tableau --------------------- */
.edit_content table tr th { background-color: #8f0011; color:#fff; }
.edit_content table tr:nth-child(2n+0) td { background:#f8f8f8; }
.edit_content table th { font-weight:bold; }
/* --- */
.edit_content iframe {
    max-width: 100% !important;
}


/* > 	Wisiwig --------------------- */
body.cke_editable {
	background: #fff;
}


/* > ACCUEIL 
------------------------------------------------------------------------------------------------------------------------------- */
#map {
	width: 100%;
	height: 100%;
	min-height: calc(100vh - 72px);
	margin-bottom: -52px;
}

/* > ETAPES LISTE
------------------------------------------------------------------------------------------------------------------------------- */
.bg-deco1 {
	background: #eadcd3 url(../images/bg_loop.gif) center repeat;
}
#content-etapes {
	padding: 15px 15px 0;
	max-width: 640px;
	margin: 0 auto;
}
#etapes-heading {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 440px;
	margin: 0 auto;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#etapes-heading svg {
	width: 20%;
	fill: #8f0011;
	max-width: 70px;
}
#etapes-heading p {
	width: 80%;
	padding-left: 5%;
	font-weight: 600;
}
#etapes-liste {
	position: relative;
	background: center 0 repeat-y;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 332 960'%3E%3Cline style='fill:none; stroke:%238f0011; stroke-miterlimit:10;' x1='142.2' y1='0' x2='142.2' y2='2.5'/%3E%3Cpath style='fill:none; stroke:%238f0011; stroke-miterlimit:10; stroke-dasharray:5.0011,5.0011;' d='M142.2,7.5v30.6c0,0-0.3,22.1-27.5,22.1c-27.2,0-62.8,0-79.3,0S0.6,71.8,0.6,88.4s0,16.5,0,37 c0,20.5,13.7,28.1,33.5,28.1s238,0,262.5,0s33.2,16.6,33.2,35.4c0,18.8,0,21.6,0,43.4S307,258.6,307,258.6s-260.6,3-275.7,3 S0.5,277.2,0.5,289s0,25.8,0,38c0,12.3,5.7,29.8,29.5,29.8s251.3,0,270.8,0c19.5,0,29.5,14.1,29.5,27.8c0,13.7,0,30.4,0,38.1 s-15.4,24.8-31.1,24.8c-15.8,0-120.3,0-133.4,0c-33.2,0-35.6,35.4-35.6,35.4s0,33,0,63.5s15.1,39.5,35.2,39.5 c20.1,0,101.6,0,126.1,0c36.3,0,38.7,23.8,38.7,34.5l0.1,45c0,21.8-22.8,26.3-22.8,26.3s-260.6,3-275.7,3S1,710.2,1,721.9 c0,11.7,0,25.8,0,38s5.7,29.8,29.5,29.8s251.3,0,270.8,0c19.5,0,29.5,14.1,29.5,27.8c0,13.7,0,30.4,0,38.1s-15.4,24.8-31.1,24.8 c-15.8,0-120.3,0-133.4,0c-33.2,0-35.6,35.4-35.6,35.4v28.5'/%3E%3C/svg%3E");
	background-size: 100% auto;
	margin: 0 auto 20%;
}
#etapes-liste::after {
	content: "";
	position: absolute;
	width: 100%;
	z-index: 0;
	bottom: -7%; left: 0;
	padding-bottom: 20%;
	background: 100% 100% no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='202px' height='114px' viewBox='0 0 202 114'%3E%3Cpath style='fill:none; stroke:%238f0011; stroke-miterlimit:10;' d='M0.5,0c0,0,0,0.4,0,2.5'/%3E%3Cpath style='fill:none; stroke:%238f0011; stroke-miterlimit:10; stroke-dasharray:5.0399,5.0399;' d='M0.5,7.5c0,4.9,0,12.9,0,26C0.5,64,15.6,73,35.7,73s101.6,0,126.1,0c40.8,0,38.7,21,38.7,34.5c0,0.2,0,0.9,0,1.7'/%3E%3Cpath style='fill:none; stroke:%238f0011; stroke-miterlimit:10;' d='M200.6,111.7c0,1.4,0,2.5,0,2.5'/%3E%3C/svg%3E");
	background-size: 60% auto;
}
.etape-item {
	position: relative;
	padding: 5% 8%;
	z-index: 1;
}
.etape-item a {
	display: block;
	position: relative;
	max-width: 520px;
	width: 92%;
}
.etape-item a::before {
	content: "";
	z-index: 1;
	width: 45%;
	height: 100%;
	top: 0; left: 0;
	position: absolute;
	pointer-events: none;
	background: center bottom no-repeat;
	background-size: 100% auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.etape-item_fig {
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	background: #000;
	z-index: 0;
}
.etape-item_fig img {
	display: block;
	width: 100%;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.etape-item_titre {
	padding: 5% 10%;
	z-index: 2;
	width: 80%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	text-align: right;
	position: absolute;
	top: 0; right: 0;
}
.etape-item_titre strong {
	font-weight: 800;
	font-size: 1.125em;
	line-height: 1.2em;
	color: #fff;
}
.etape-item .ico-etape {
	position: absolute;
	display: block;
	z-index: 1;
	top: 25%; 
	left: -8%;
	height: 50%;
	width: 16%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 90' fill='%23ffffff'%3E%3Cpath d='M63.9,31.1C63.9,31,63.9,31,63.9,31.1C62.6,13.7,48.9,0,32.1,0C14.7,0,0.6,14.5,0.1,32.7c0,0.1-0.1,0.2-0.1,0.3c0,1,0.1,1.9,0.2,2.9c0.4,5.6,2,10.9,4.7,15.4C13.8,70.7,31.9,90,31.9,90s17.3-18.4,26.4-37.3c3.6-5.4,5.7-12,5.7-19.1C64,32.8,64,31.9,63.9,31.1z'/%3E%3C/svg%3E");	
	background-size: 100% 100%;
}
.ico-etape svg {
	display: block;
	margin: 5% 8%;
    width: 84%;
    height: 72%;
	fill: #8f0011;
}
.etape-item:hover .etape-item_fig img,
.etape-item:active .etape-item_fig img {
	opacity: .5;
}
.etape-item:hover > a::before,
.etape-item:active > a::before {
	-webkit-transform: translateX(-5%);
	    -ms-transform: translateX(-5%);
	        transform: translateX(-5%);
}
.etape-item.etape-actived a::after {
	content: "";
	border-radius: 50%;
	width: 30px;
	height: 30px;
	z-index: 2;
	position: absolute; 
	right: 3%; top: 5%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 20 16' fill='%23ffffff'%3E%3Cpath d='M20,2.9L9.2,12.9l-2.8,2.8l-2.8-2.9l0,0L0,8.8l2.8-3l3.7,4.1l10.2-9.4c0.2-0.2,0.4-0.4,0.6-0.5L20,2.9z'/%3E%3C/svg%3E");
	background-size: 15px 11px;
	background-color: #8f0011;
}
.etape-item.etape-actived .ico-etape {
	top: 12.5%;
    left: -12%;
    height: 75%;
    width: 24%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 90' fill='%238f0011'%3E%3Cpath d='M63.9,31.1C63.9,31,63.9,31,63.9,31.1C62.6,13.7,48.9,0,32.1,0C14.7,0,0.6,14.5,0.1,32.7c0,0.1-0.1,0.2-0.1,0.3c0,1,0.1,1.9,0.2,2.9c0.4,5.6,2,10.9,4.7,15.4C13.8,70.7,31.9,90,31.9,90s17.3-18.4,26.4-37.3c3.6-5.4,5.7-12,5.7-19.1C64,32.8,64,31.9,63.9,31.1z'/%3E%3C/svg%3E");	
}
.etape-item.etape-actived .ico-etape svg { fill: #ffffff; }

.etape-item:nth-child(2n+1) a { margin-left: 8%; }
#etapes-liste .etape-item:last-child { padding-bottom: 0; }

.etape-item:nth-child(7n+1) a::before {
	background-image: url(../images/parcours_deco_1.png);
}
.etape-item:nth-child(7n+3) a::before {
	background-image: url(../images/parcours_deco_2.png);
}
.etape-item:nth-child(7n+4) a::before {
	left: 25%;
	background-image: url(../images/parcours_deco_3.png);
}
.etape-item:nth-child(7n+6) a::before {
	background-image: url(../images/parcours_deco_4.png);
}
.etape-item:nth-child(7n+7) a::before {
	background-image: url(../images/parcours_deco_5.png);
}
@media screen and (min-width: 480px) {
	.etape-item_titre strong {
		font-size: 1.5em;
	}
}
.tooltipster-parcours.tooltipster-top {
	pointer-events: auto;
	margin-left: 40px;
    margin-top: 40px;
}
.tooltipster-parcours.tooltipster-bottom {
	pointer-events: auto;
	margin-left: 40px;
    margin-top: -40px;
}
.tooltipster-parcours .tooltipster-box {
	border: none;
	border-radius: 20px; 
	background: #fff;
	color: #fff;
}
.tooltipster-parcours .tooltipster-content {
	font-size: 14px;
	line-height: 16px;
	padding: 20px;
	overflow: hidden;
	color: #000000;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { top: -4px; }
.tooltipster-parcours.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,
.tooltipster-parcours.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border: none; }
.tooltipster-parcours.tooltipster-sidetip.tooltipster-top .tooltipster-arrow,
.tooltipster-parcours.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { 
	width: 30px;
	margin-left: 50px;
}
.tooltipster-parcours.tooltipster-sidetip .tooltipster-arrow-background { border-width: 14px; }
.tooltipster-parcours.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #fff; }
.tooltipster-parcours.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #fff; }
.tooltipster-parcours .tooltipster-arrow-top span, 
.tooltipster-parcours .tooltipster-arrow-bottom span, 
.tooltipster-parcours .tooltipster-arrow-top .tooltipster-arrow-border, 
.tooltipster-parcours .tooltipster-arrow-bottom .tooltipster-arrow-border {
	margin: 0 40px 0 auto;
}

.tooltip-parcours {
	max-width: 180px;
}
.tooltip-parcours a {
	display: inline-block;
	padding: 7px 5px 5px 25px;
	background: 0 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%238f0011'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,24.39A10.4,10.4,0,1,1,26.39,16,10.4,10.4,0,0,1,16,26.39Zm4.82-15.83-6.31,2.5a3,3,0,0,0-1.46,1.47l-2.51,6.31c-.23.58.05.86.63.63L17.47,19a3,3,0,0,0,1.47-1.47l2.51-6.3C21.68,10.61,21.4,10.33,20.82,10.56ZM17,17a1.43,1.43,0,1,1,0-2A1.44,1.44,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 20px auto;
	color: #8f0011;
	font-weight: 600;
	text-decoration: underline;
}
.tooltip-parcours a:hover { color: #878787; }


/* > ETAPES FICHE
------------------------------------------------------------------------------------------------------------------------------- */
#etapes-fiche {
	background: #fff;
}
#etapes-fiche .ico-etape {
	position: absolute;
	display: block;
	z-index: 2;
	top: 120px; 
	left: -10px;
	height: 140px;
	width: 84px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 90' fill='%238f0011'%3E%3Cpath d='M63.9,31.1C63.9,31,63.9,31,63.9,31.1C62.6,13.7,48.9,0,32.1,0C14.7,0,0.6,14.5,0.1,32.7c0,0.1-0.1,0.2-0.1,0.3c0,1,0.1,1.9,0.2,2.9c0.4,5.6,2,10.9,4.7,15.4C13.8,70.7,31.9,90,31.9,90s17.3-18.4,26.4-37.3c3.6-5.4,5.7-12,5.7-19.1C64,32.8,64,31.9,63.9,31.1z'/%3E%3C/svg%3E");	
	background-size: 100% 100%;
}
#etapes-fiche .ico-etape svg { fill: #fff; }
.etape-fiche_heading { position: relative; }
.etape-fiche_heading::before {
	content: "";
	position: absolute;
	top: 45vh; 
	left: -25px;
	z-index: 2;
	width: 85px;
	height: 145px;
	background: url(../images/fiche_deco_1.png) center 90% no-repeat;
	background-size: 100% auto;
}
.etape-fiche_heading::after {
	content: "";
	position: absolute;
	top: 20vh; 
	z-index: 2;
	right: -20px;
	width: 90px;
	height: 175px;
	background: url(../images/fiche_deco_2.png) center 66% no-repeat;
	background-size: 100% auto;
}
.heading-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.heading-page_wrapper {
	position: relative;
	padding-bottom: 80px;
	width: 100%;
}
.heading-page_wrapper::before {
	content: "";
	position: absolute;
	top: 0; 
	right: 0;
	width: 90%;
	height: 100%;
	background: #eadcd3 url(../images/bg_loop.gif) center repeat;
	border-radius: 0 30px 0 30px;
}
.heading-page_content {
	border-radius: 30px 0 30px 0;
	margin-right: 40px;
	position: relative;
	max-height: 70vh;
	overflow: hidden;
}
.heading-page_title {
	position: absolute;
	bottom: 0; left: 0;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	z-index: 1;
	padding: 10% 18%;
	background: rgb(0,0,0);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.44861694677871145) 0%, rgba(0,0,0,0.04525560224089631) 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.44861694677871145)), to(rgba(0,0,0,0.04525560224089631)));
	background: linear-gradient(0deg, rgba(0,0,0,0.44861694677871145) 0%, rgba(0,0,0,0.04525560224089631) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	color: #fff;
}
.heading-page_desc { width: 100% }
.heading-page_desc p:last-child { margin: 0 }
.heading-page .fig_background {
	background-position: center;
	max-height: 70vh;
	height: 100%;
}
.heading-page .fig_background  img {
	display: block;
	visibility: hidden;
	width: 100%;
}
.heading-page_title h1 {
	line-height: 1.2em;
	color: #fff;
}
.heading-page_bouton {
	position: absolute;
	top: -80px; right: 0;
	padding: 30px 40px;
	display: block;
	text-decoration: underline;
	max-width: 480px;
	text-align: right;
	font-size: 1.25em;
	font-weight: 600;
	color: #8f0011;
	width: 90%;
	margin-left: 10%;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.heading-page_bouton:hover { color: #878787 }
.heading-page_bouton::after {
	content: "";
	width: 60px;
	height: 60px;
	z-index: 2;
	border-radius: 50%;
	position: absolute;
	top: -40px; right: 20%;
	background: #8f0011 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 57 100' fill='%23ffffff'%3E%3Crect x='24' y='90.1' width='9' height='10'/%3E%3Cpath d='M33,76.5h-9c0-14.2,3.5-21.7,13.8-30c5-4,10.2-11.5,10.2-18c0-5.5-1.9-10.5-5.5-14S34,9,28.5,9 C16.8,9,9,16.8,9,28.5H0C0,11.7,11.7,0,28.5,0c7.9,0,15.2,2.9,20.4,8.1c5.2,5.2,8.1,12.5,8.1,20.4c0,9.8-6.8,19.6-13.5,25 C35.2,60.1,33,65,33,76.5z'/%3E%3C/svg%3E");
	background-size: 18px 32px;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.heading-page_bouton:hover::after { background-color: #000; }
.heading-page_desc {
	position: relative;
	z-index: 3;
	padding: 10%;
}
@media screen and (min-width: 720px) {
	.etape-fiche_heading::before { 
		top: 60%
	} 
	.etape-fiche_heading::after {
		top: 5%;
	}
	
	.etape-fiche_heading {
		background: #eadcd3 url(../images/bg_loop.gif) center repeat;
		border-radius: 30px 30px 0 0;
	}
	.heading-page {
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		margin-bottom: 5%;
	}
	.heading-page_wrapper {
		padding: 0;
		width: 50%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.heading-page_wrapper::before { display: none }
	.heading-page_content { margin: 0; }
	.heading-page .fig_background {
		height: auto;
		max-height: 40vw;
	}
	.heading-page_title { padding: 10% 10% 10% 120px; }
	.heading-page_desc {
		padding: 6%;
		width: 50%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.heading-page_bouton {
		top: auto;
		font-size: 1.125em;
		position: relative;
		text-align: left;
		padding: 0 0 0 70px;
		margin: 3em 0 0;
		margin: 0;
	}
	.heading-page_bouton::after {
		right: auto;
		left: 0; top: 50%;
		margin-top: -30px;
	}
}
@media screen and (min-width: 980px) {
	#etapes-fiche .ico-etape { 
		left: 50%;
		margin-left: -42px;
	}
	.etape-fiche_heading {
		background: #eadcd3 url(../images/bg_loop.gif) center repeat;
		border-radius: 30px 30px 0 0;
		margin-bottom: 10%;
		padding: 5% 3% 0;
	}
	.etape-fiche_heading::before {
		top: 66%; 
		left: -50px;
		z-index: 2;
		width: 170px;
		height: 290px;
	}
	.etape-fiche_heading::after {
		right: -40px;
		width: 180px;
		height: 350px;
	}
	.heading-page {
		max-width: 1280px;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		margin: 0 auto;
	}
	.heading-page::before { display: none }
	.heading-page_content { border-radius: 30px 0 30px 0; }
	.heading-page_wrapper { margin-bottom: -5%;}
	.heading-page_title h1 {
		font-size: 3em;
		line-height: 1.2em;
	}
	.heading-page_desc {
		font-size: 1.25em;
		line-height: 1.2em;
	}
}
@media screen and (min-width: 1280px) {
}

/* ---- */
.container .row {
	max-width: 980px;
	margin: 0 auto;
}
.container .text {
	padding: 10%;
}

.figs-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.figs-3 a {
	width: 48%;
	overflow: hidden;
	background: #000;
}
.figs-3 .fig_background {
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.figs-3 a:hover .fig_background,
.figs-3 a:active .fig_background { opacity: .5; }
.figs-3 .fig_background img {
	visibility: hidden;
	width: 100%;
}
.figs-3 a.fig-1 { height: 100%; }
.figs-3 a.fig-2 {
	height: 48%;
	-ms-flex-item-align: start;
	    align-self: flex-start;
}
.figs-3 a.fig-3 {
	height: 48%;
	-ms-flex-item-align: end;
	    align-self: flex-end;
	margin-top: -54%;
	margin-left: 52%;
}
.block-figs_text a.fig-1 { border-radius: 30px 30px 0 30px; }
.block-figs_text a.fig-2 { border-radius: 30px 0 0 0; }
.block-figs_text a.fig-3 { border-radius: 0 0 0 30px; }
.block-text_figs a.fig-1 { border-radius: 0 30px 30px 0; }
.block-text_figs a.fig-2 { border-radius: 30px 30px 0 0; }
.block-text_figs a.fig-3 { border-radius: 0 0 30px 0; }

.block-figs_text .figs-3 { 
	margin-left: 10%; 
	max-height: 80vh;
	height: 80vw;
	width: 90%;
}
.block-text_figs .figs-3 { 
	max-height: 80vh;
	height: 80vw;
	width: 90%;
}

.fig {
	display: block;
	overflow: hidden;
	background: #000;
	width: 90%;
}
.fig .fig_background {
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
a.fig:hover .fig_background,
a.fig:active .fig_background { opacity: .5; }
.fig .fig_background img {
	visibility: hidden;
	width: 100%;
}
.block-fig_text .fig {
	max-height: 80vh;
	height: 80vw;
	border-radius: 0 0 30px 0;
}
.block-text_fig .fig {
	margin-left: 10%;
	max-height: 80vh;
	height: 80vw;
	border-radius: 0 0 0 30px;
}

.block-vid_text .vid {
	width: 90%;
	height: 55vw;
	display: block;
	position: relative;
	max-height: 480px;
	overflow: hidden;
	background: #000;
	border-radius: 0 0 30px 0;
}
.block-vid_text .vid .fig_background {
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.block-vid_text .vid::after {
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%; top: 50%;
	margin: -35px;
	border-radius: 50%;
	border: #fff 3px solid;
	background: 60% 50% no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29px' height='33px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M28.488,16.087 L0.419,32.187 L0.419,-0.013 L28.488,16.087 Z'/%3E%3C/svg%3E");	
	background-size: 29px 33px;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
.block-vid_text .vid:hover .fig_background,
.block-vid_text .vid:active .fig_background { opacity: .5; }
.block-vid_text .vid:hover::after,
.block-vid_text .vid:active::after {
	-webkit-transform: scale(.8);
	    -ms-transform: scale(.8);
	        transform: scale(.8);
}
.block-vid_text .vid img {
	visibility: hidden;
	width: 100%;
}

@media screen and (min-width: 720px) {
	
	.container .row {
		padding: 4% 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
	.container .text {
		padding: 3% 6%;
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
	}
	
	.block-figs_text .figs-3 {
		width: 44%;
		height: 40vw;
		max-height: 480px;
		margin-left: 6%;
	}
	.block-text_figs .figs-3 {
		width: 44%;
		height: 40vw;
		max-height: 480px;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.block-figs_text .text,
	.block-text_figs .text { width: 50%; }
	
	.block-text_fig .fig {
		width: 44%;
		height: 40vw;


		max-height: 480px;
		margin-left: 6%;
	}
	.block-fig_text .fig {
		width: 44%;
		height: 40vw;
		max-height: 480px;
	}
	.block-fig_text .text,
	.block-text_fig .text { width: 50%; }
	
	.block-vid_text .row { padding: 4% 6% }
	.block-vid_text .text,
	.block-vid_text .vid {
		max-width: 640px;
		margin: 0 auto;
	}
	.block-vid_text .text { padding: 6% 0 0 }
	
}
@media screen and (max-width: 720px) and (min-width: 360px)  {
	
	.block-fig_text.fig_left .row,
	.block-text_fig.fig_right .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 10% 0;
	}
	.block-fig_text.fig_left .text,
	.block-text_fig.fig_right .text {
		width: 67%;
	}
	.block-fig_text.fig_left .text { padding: 0 10% 0 5%; }
	.block-text_fig.fig_right .text { padding: 0 5% 0 10%; }
	.block-fig_text.fig_left .fig,
	.block-text_fig.fig_right .fig {
		width: 33%;
		height: auto;
		max-height: inherit;
		margin: 0;
	}
	
}
@media screen and (min-width: 980px) {
	.container .text p,
	.container .text li {
		font-size: 1.25em;
		line-height: 1.2em;
	}
}
@media screen and (min-width: 1280px) {
	.container .text p,
	.container .text li {
		font-size: 1.5em;
		line-height: 1.2em;
	}
}

/* ---- */
.block-info { }
.block-info .row {
	padding-top: 37%;
	background: url(../images/block_info.gif) 75% 0 no-repeat;
	background-size: 75% auto;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.block-info_text {
	position: relative;
	border-radius: 0 30px 0 30px;
	background: #eadcd2;
	z-index: 1;
	width: 90%;
	margin-left: 10%;
	padding: 10%;
}
.block-info_text::before {
	content: "";
	width: 20px;
	height: 24px;
	position: absolute;
	left: -5px; top: 10%;
	background: url(../images/block_info_main.png) center no-repeat;
}
.block-info_text h2 {
	font-family: 'Sacramento', cursive;
	font-weight: normal;
	font-size: 2.5em;
	color: #8f0011;
}
.block-info_fig {
	overflow: hidden;
	border-radius: 0 0 30px 0;
	position: relative;
	margin-top: -30vh;
	width: 90%;
	z-index: 0;
}
.block-info_fig img {
	display: block;
	max-width: 640px;
	width: 100%;
}

@media screen and (min-width: 540px) {
	.block-info .row {
		padding-top: 140px;
		background: url(../images/block_info.gif) 25% 0 no-repeat;
		background-size: 280px auto;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.block-info_text { padding: 40px; }
	.block-info_fig {
		width: 60%;
		margin-left: 40%;
	}
}
@media screen and (min-width: 720px) {
	.block-info_text {
		width: 60%;
		margin-left: 6%;
	}
	.block-info_fig { margin-top: -25%; }
	.block-info .block-info_fig img { margin: -10% auto }
}
@media screen and (min-width: 980px) {
	.block-info_text h2 { font-size: 3em; }
	.block-info_text li,
	.block-info_text p {
		font-size: 1.25em;
		line-height: 1.2em;
	}
}
@media screen and (min-width: 1280px) {
	.block-info_text li,
	.block-info_text p {
		font-size: 1.5em;
		line-height: 1.2em;
	}
}

/* --- */
#etape-quizz { 
	margin: 4% 0 0;
	position: relative;
	padding-top: 380px;
	background: url(../images/bloc_quizz_1.gif) -30px 100px no-repeat, url(../images/bloc_quizz_2.gif) right 120px no-repeat;
	background-size: 180px auto, 240px 300px;
}
#etape-quizz h2 {
	position: absolute;
	top: 0; left: 0;
	text-align: center;
	line-height: 1.2em;
	padding: 20px;
	width: 100%;
}
#etape-quizz h2 .fc-color1 {
	font-size: 1.25em;
}
#etape-quizz .row {
	margin: 0;
	padding: 0 10%;
	position: relative;
	max-width: inherit;
}
#etape-quizz .row::before {
	content: "";
	z-index: 0;
	display: block;
	position: absolute;
	width: 50%; left: 0;
	top: 0; height: 100%;
	background: #eadcd2;
}
#etape-quizz .row form {
	padding: 0 5% 10% 0;
	background: #eadcd2;
	border-radius: 0 30px 0 0;
	position: relative;
	z-index: 1;
}
#etape-quizz .row h3 {
	position: relative;
	top: -.75em; 
	margin: 0 0 -.5em;
	font-family: 'Sacramento', cursive;
	font-size: 4em;
}
form#quizz p {
	line-height: 1.3em;
	font-size: 1.5em;
	font-weight: 800;
	color: #404040
} 
form#quizz label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 5px 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.25em;
}
form#quizz input[type='submit'] {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	position: absolute;
	right: -30px; bottom: 10%;
	background: #8f0011 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M10.1,19.9l9.9-9.7c0.1-0.1,0.1-0.3,0-0.4l-9.9-9.7C9.9,0,9.8,0,9.7,0.1L7.5,2.2l6.2,6.1H0.5C0.2,8.4,0,8.6,0,8.9v2.3c0,0.3,0.2,0.5,0.5,0.5h13.2l-6.2,6.1l2.2,2.1C9.8,20,9.9,20,10.1,19.9L10.1,19.9z'/%3E%3C/svg%3E%0A");
	-webkit-box-shadow: rgba(0,0,0,.3) 0 0 10px;
	        box-shadow: rgba(0,0,0,.3) 0 0 10px;
}
form#quizz input[type='submit']:hover { background-color: #404040; }

#etape-quizz:last-child { margin-bottom: -52px; }
#etape-quizz:last-child .row form { padding-bottom: calc(10% + 52px); }
#etape-quizz:last-child form#quizz input[type='submit'] { bottom: calc(10% + 52px); }

@media screen and (min-width: 480px) {
	#etape-quizz { 
		background: url(../images/bloc_quizz_1.gif) -30px 100px no-repeat,
			        url(../images/bloc_quizz_2.gif) 75% 120px no-repeat;
		background-size: 180px auto, 240px 300px;
	}
}
@media screen and (min-width: 720px) {
	#etape-quizz {
		padding-top: 320px;
		background: url(../images/bloc_quizz_1.gif) -30px 40px no-repeat,
			        url(../images/bloc_quizz_2.gif) 75% 80px no-repeat;
		background-size: 180px auto, 240px 300px;
	}
	#etape-quizz .row {
		padding: 0 6%;
	}
	#etape-quizz .row form {
		max-width: 980px;
		margin: 0 auto;
		padding: 0 5% 10%;
	}
	#etape-quizz:last-child .row form { padding-bottom: calc(10% + 52px); }
}
@media screen and (min-width: 1024px) {
	#etape-quizz {
		background: url(../images/bloc_quizz_1.gif) calc(50% - 480px) 40px no-repeat, url(../images/bloc_quizz_2.gif) calc(50% + 340px) 80px no-repeat;
		background-size: 180px auto, 240px 300px;
	}
	#etape-quizz .row form { padding-bottom: 6%; }
	#etape-quizz:last-child .row form { padding-bottom: calc(6% + 52px); }
}
@media screen and (max-width: 360px) {
	#etape-quizz h2 { font-size: 1.5em; }
	#etape-quizz { 
		padding-top: 300px;
		background: url(../images/bloc_quizz_1.gif) -30px 100px no-repeat,
			        url(../images/bloc_quizz_2.gif) right 130px no-repeat;
		background-size: 120px auto, 180px 200px;
	}
}
@media screen and (max-width: 400px) {
	#etape-quizz .row form { padding-right: 40px; }
	form#quizz p { font-size: 1.25em; }
	form#quizz label { font-size: 1em; }
} 

/* > FANCY > QUIZZ 
------------------------------------------------------------------------------------------------------------------------------- */
.fancybox-slide--iframe .fancybox-content {
	border-radius: 30px;
	/*overflow: hidden;*/
	background-color: transparent;
}
.fancybox-button {
	margin: 10px;
	background: rgba(143,0,17,.8);
	border-radius: 50%;
}
.fancybox-navigation button:before {
	background: rgba(143,0,17,.8);
	border-radius: 50%;
}
.fancybox-slide--iframe .fancybox-close-small { right: 10px; top: 10px }
.fancybox-iframe {
	border-radius: 30px;
	background-color: transparent;
}
.fancybox-slide--iframe .fancybox-close-small:after { color: #8f0011 }
.fancybox-slide > .fancybox-content { margin: 0; }
.fancybox-slide--iframe .fancybox-content {
	max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}
._fancy {
	border-radius: 30px;
	background-color: #eee5e1;
	max-width: 440px;
}
.fancy-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background: url(../images/header_fancy.gif) center bottom no-repeat;
	padding: 30px 25px 20px;
	background-size: 100% auto;
	text-align: center;
	min-height: 180px;
}

.fancy-header img {
	display: block;
	max-width: 100%;
}
.fancy-wrapper {
	padding: 25px;
}
.fancy-header + .fancy-wrapper { }

#fancy-quizz .bouton-valid,
#fancy-quizz input[type='submit'] {
	display: block;
	color: #fff;
	width: 60px;
	height: 60px;
	border: none;
	font-size: 16px;
	margin: 2em auto 0;
	border-radius: 50%;
	background: #8f0011;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 0 10px;
	        box-shadow: rgba(0,0,0,.3) 0 0 10px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
#fancy-quizz .bouton-valid { line-height: 60px; }
#fancy-quizz .bouton-valid:hover,
#fancy-quizz input[type='submit']:hover { 
	background-color: #000;
	color: #fff;
}


/* > 404
------------------------------------------------------------------------------------------------------------------------------- */
#page_404 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 8%;
	color: #fff;
}
#content-404 {
	padding: 8% 5%;
	border-radius: 30px;
	background-color: #8f0011;
}
#content-404 h1 { color: #fff; }
#content-404 h3 { 
	font-weight: 700;
	color: #000
}
#content-404 .bouton_1:hover,
#content-404 .bouton_2 {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

/* > FOOTER
------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	z-index: 9;
	position: fixed;
	bottom: 0; left: 0;
	border-radius: 30px 30px 0 0;
	background-color: #8f0011;
	height: 52px; width: 100%;
}
#footer nav {
	width: 100%;
}
#footer ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#footer li { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;
	border-bottom: #8f0011 3px solid;
}
#footer li.active { border-color: #fff; }
#footer li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 10px;
	height: 49px;
	color: #c2757e;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
#footer li svg {
	width: 24px;
	height: 24px;
	fill: #c2757e;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
	margin: 0 10px 0 0;
}
#footer li.active a,
#footer li a:hover { color: #fff; }
#footer li.active svg,
#footer li a:hover svg { fill: #fff; }

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > couleurs --------------------------------------------------- */
.fc-blanc   { color:#ffffff; }
.fc-gris    { color:#878787; }
.fc-noir    { color:#000000; }
.fc-color1  { color:#8f0011; }
.fc-color2  { color:#404040; }

/* > fonts family ----------------------------------------------- */
.font-default { font-family: 'Catamaran', sans-serif; }
.font-title-1 { font-family: 'Sacramento', cursive; }
.font-title-2 { font-family: 'Playfair Display', serif; }


/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}
/* ANIMATES ------------------------------------------------------------------- */
.scroll-animate {
	position: relative;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.delay100, .scroll-animate.delay100 {
	-webkit-transition-delay:100ms;
	-o-transition-delay:100ms;
	   transition-delay:100ms;
}
.delay200, .scroll-animate.delay200 {
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	   transition-delay:200ms;
}
.delay300, .scroll-animate.delay300 {
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	   transition-delay:300ms;
}
.delay400, .scroll-animate.delay400 {
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	   transition-delay:400ms;
}
.delay500, .scroll-animate.delay600 {
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	   transition-delay:600ms;
}
.delay800, .scroll-animate.delay800 {
	-webkit-transition-delay:800ms;
	-o-transition-delay:800ms;
	   transition-delay:800ms;
}
.delay1000, .scroll-animate.delay1000 {
	-webkit-transition-delay:1000ms;
	-o-transition-delay:1000ms;
	   transition-delay:1000ms;
}
/* animation keyframes */
.scroll-animate.bounce-top {
	-webkit-animation-name:bounce-top;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:1s;
	animation-name:bounce-top;
	animation-play-state:paused;
	animation-fill-mode:both;
	animation-duration:1s;
}
.scroll-animate.bounce-top.in-view {
	webkit-animation-play-state:running;
	-webkit-animation-play-state:running;
	        animation-play-state:running;
}
@-webkit-keyframes bounce-top {
	0%   { -webkit-transform:translateY(-5em); transform:translateY(-5em); }
	50%  { -webkit-transform:scale(-3em); transform:scale(-3em);	   }
	100% { -webkit-transform:scale(0); transform:scale(0);	       }
}
@keyframes bounce-top {
	0%   { -webkit-transform:translateY(-5em); transform:translateY(-5em); }
	50%  { -webkit-transform:scale(-3em); transform:scale(-3em);	   }
	100% { -webkit-transform:scale(0); transform:scale(0);	       }
}
/* animation transitions */
.scroll-animate.fade-in { 
	opacity: 0;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	   transition-duration:1s;
}
.scroll-animate.slide-up {
	opacity: 0;
	-webkit-transition-timing-function:cubic-bezier(.17,1.7,1,1);
	-o-transition-timing-function:cubic-bezier(.17,1.7,1,1);
	   transition-timing-function:cubic-bezier(.17,1.7,1,1);
	-webkit-transform: translateY(5em);
	-ms-transform: translateY(5em);
	    transform: translateY(5em);
}
.scroll-animate.grow-up {
	opacity: 0;
	-webkit-transition-timing-function:cubic-bezier(.17,1.7,1,1);
	-o-transition-timing-function:cubic-bezier(.17,1.7,1,1);
	   transition-timing-function:cubic-bezier(.17,1.7,1,1);
	-webkit-transform: scale(0.4);
	-ms-transform: scale(0.4);
	    transform: scale(0.4);
}

.scroll-animate.fade-in.in-view { opacity: 1; }
.scroll-animate.slide-up.in-view {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	    transform: translateY(0px);
}
.scroll-animate.grow-up.in-view {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}