@charset "UTF-8";

@font-face {
	font-family: 'Harriet';
	src: url('../fonts/harriet.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Harriet';
	src: url('../fonts/harriet-italic.woff2') format('woff2');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato-light.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,legend,textarea,hr,h1,h2,h3{margin:0;padding:0}button,input,textarea{margin:0}*,*:before,*:after{box-sizing:border-box}img,video,svg{display:block;height:auto;max-width:100%;border:0}

/*--------------------------------------------------------------
Vars
--------------------------------------------------------------*/

:root{
	--leading:1.25rem;

	--white:#fff;
	--blue:#244b63;
	--gold:#cba876;
	--light_blue:#7297ae;

	--width:100%;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

html{
	font-size:100%;
	-webkit-text-size-adjust:100%;
	background: var(--gold);
}
body{
	position:relative;
	text-rendering:optimizeSpeed;
	background:var(--blue);
	color:var(--white);
	font-family:'Lato',sans-serif;
	font-size:1rem;
	font-weight: 200;
	line-height:1.75;
	overflow-x:hidden;
	word-wrap: break-word;
}
a{
	color:inherit;
	text-decoration:underline;
	text-underline-offset:.1em;
}
h1,.h1-like{
	font-size:3rem;
	font-weight:200;
	color:var(--gold);
	line-height:1.3;
	margin-bottom:1.75rem;
	font-style: italic;
	text-transform: uppercase;
	font-family: 'Harriet',serif;
	position:relative;
}
.h1-like{font-size:2rem}
h1:before,.h1-like:before{
	content:"";
	position:absolute;
	width:5rem;
	height:2px;
	background: var(--gold);
	right:calc(100% + 1.25rem);
	top:calc(50% - 1px)
}
h2,h3,legend{
	line-height:1.3;
	text-transform: uppercase;
	font-weight: 200;
}
h2,legend{font-size:2rem;}
.subtitle{
	font-size:1rem;
	font-family: 'Harriet',serif;
	color:var(--light_blue);
	font-style: italic;
}
p,address,ol,ul,dl,blockquote{
	margin-top:0;
	margin-bottom:var(--leading);
}
li p,li ul,li ol,ol ol,ul ul{
	margin-top:0;
	margin-bottom:0;
}
ul,ol{
	padding-left:2em;
}
em,address,cite{
	font-style:italic;
	position:relative;
	vertical-align:baseline;
}
abbr{
	text-transform:uppercase;
	letter-spacing:.1em;
}
abbr[title]{
	text-decoration:none;
	border-bottom:1px dotted;
}
small{font-size:.833em;}
blockquote{
	font-style:italic;
	font-size:1.5rem;
	color:var(--light_blue);
	font-family: 'Harriet',serif;
	padding:0 1.75rem;
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

label{
	display:block;
	cursor:pointer;
	font-weight:700;
}
[type=text],textarea,button,.btn{
	white-space:nowrap;
	font-family:inherit;
	font-size:inherit;
	vertical-align:middle;
	margin:0 0 var(--leading);
	transition:.2s;
	transition-property:box-shadow,background-color,color,border;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:100%;
	padding:.5rem 0;
	background: transparent;
	border:none;
	border-bottom:2px solid var(--blue);
}
[type=file]{display:none}
fieldset{
	border:none;
	padding:0;
	margin:0
}
textarea{
	min-height:9em;
	padding:.5rem;
	vertical-align:top;
	resize:vertical;
	white-space:normal;
	border:2px solid var(--blue);
}
.btn,button{
	white-space: normal;
	padding:.5rem 3rem;
	margin:0 0 1rem;
	border:none;
	background:var(--blue);
	display:inline-block;
	text-decoration:none;
	color:var(--white);
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	box-shadow:none;
	font-family:inherit;
	font-weight: 400;
	width:auto;
	font-size:.825rem
}
.btn-gold{background: var(--gold)}
.btn-white{
	background: var(--white);
	color:var(--light_blue)
}

.success{
	margin:5rem 0;
	text-align: center
}

/*--------------------------------------------------------------
Utilities
--------------------------------------------------------------*/

:focus:not(:focus-visible){outline:0;}
:focus-visible{outline-offset:3px;}
@media (prefers-reduced-motion:no-preference){
	:focus-visible{transition:outline-offset .15s ease;}
}
::selection{
	background:var(--light_blue);
	color:var(--white);
}
.screen-reader-text,.email{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}
.screen-reader-text:focus{
	background-color:var(--gold);
	display:block;
	width:auto;
	height:auto;
	top:0;
	left:0;
	padding:.5em 1em;
	text-decoration:none;
	z-index:999;
}
.wrapper{
	max-width:var(--width);
	padding-left:4rem;
	padding-right:4rem;
	margin-left:auto;
	margin-right:auto;
}
.grid{
	display:grid;
	gap:3rem;
}
.text-right{text-align: right}
.text-center{text-align: center}

/*--------------------------------------------------------------
Main header
--------------------------------------------------------------*/

.main-header{
	position:absolute;
	width:100%;
	z-index: 99;
}
.main-header .wrapper{
	padding-top:1.5rem;
}
h1.logo:before{content:none}
.logo{height:3rem;}
.logo img{
	width:auto;
	height:100%;
	margin:0 auto;
}
.page-title{grid-area: title;}
.main-nav{
	grid-area:button;
	text-align: right;
}
.menu-toggle{
	position: fixed;
	top:1rem;
	right:1rem;
	z-index: 999;
	margin:0;
	padding:0;
	background:none;
	box-shadow: none;
	border:none;
}
.menu-toggle:hover,.menu-toggle:focus{box-shadow: none}
.menu-toggle svg{
	fill:var(--white);
	width:1.4rem;
}
.menu-toggle path{transition:opacity .2s, transform .2s;}
.menu-toggle[aria-expanded=true] path:nth-child(1) {
	transform: rotate(-45deg) translateX(-11px) translateY(-5px);
}
.menu-toggle[aria-expanded=true] path:nth-child(2) {
	opacity: 0;
}
.menu-toggle[aria-expanded=true] path:nth-child(3) {
	transform: rotate(45deg) translateX(4px) translateY(-6px);
}
.menu-toggle[aria-expanded=true] svg{fill:var(--white)}

/*--------------------------------------------------------------
Main menu
--------------------------------------------------------------*/

.menu-container{
	background: var(--gold);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow-y: auto;
	z-index:998;
	opacity:0;
	transform:scale(.5);
	transform-origin:100% 0;
	visibility:hidden;
	transition:opacity .2s,transform .2s;
	text-align:center;
	display:grid;
}
.menu-container.active{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.main-menu{
	margin:0;
	padding:1rem var(--leading);
	list-style:none;
	padding-top:6rem;
}

.main-menu a{
	font-family: 'Harriet',serif;
	display:block;
	font-size:3rem;
	margin-top:1rem;
	text-align: center;
	text-decoration:none;
	text-transform:uppercase;
	line-height: 1;
}
.main-menu a:hover, .main-menu a:focus{
	font-style: italic;
}
.menu-contact{background: var(--blue)}
.menu-extranet{background: var(--light_blue)}
.menu-contact strong, .menu-extranet strong{
	font-family: 'Harriet',serif;
	font-size:1.4rem;
	font-weight: 200;
	text-transform: uppercase;
}
.menu-contact p, .menu-contact address{margin:0}
.menu-contact a{text-decoration: none}
.menu-contact a:hover,.menu-contact a:focus{text-decoration: underline}
.menu-contact .btn{margin-top:var(--leading)}

/*--------------------------------------------------------------
Pages headers
--------------------------------------------------------------*/

.page-header{
	padding:8rem 0 5rem;
	/*background: url("/assets/img/capitole.png");
	background-size: cover;
	background-blend-mode: multiply;*/
}
.page-header h1{margin:0}
.page-header h2{color:var(--gold)}
.capitole{
	position:relative;
	padding-bottom:5rem
}
.capitole:before{
	background: var(--blue) url("/assets/img/capitole.png");
	background-size: cover;
	content:"";
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-blend-mode:: multiply;
	opacity: .05;
}

/*--------------------------------------------------------------
Main
--------------------------------------------------------------*/

main{
	position: relative;
	z-index: 1;
	padding-bottom:1.75rem
}

/*--------------------------------------------------------------
Contact section
--------------------------------------------------------------*/

.contact-section{
	background:var(--white);
	color:var(--blue);
}
.contact-section .wrapper >*{
	text-align: center;
	padding:1.25rem 0;
}

/*--------------------------------------------------------------
Main footer
--------------------------------------------------------------*/

.main-footer{
	background: var(--gold);
	color:var(--white);
	text-align: center
}
.main-footer p{margin-bottom:.5rem;}
.main-footer a{text-decoration: none}
.main-footer a:hover, .main-footer a:focus{text-decoration: underline}
.footer-content{
	padding:3rem 0 1rem;
	margin-top:22%;
	position:relative;
}
.footer-content:before{
	content:"";
	position:absolute;
	z-index: 0;
	bottom:calc(100% - 1px);
	left:0;
	width:100%;
	height:22vw;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 198'%3E%3Cpath fill='%23cba876' d='M898.6 192.4c.3-5.6-.8-9.8-5.5-13.6-8.2-6.6-5.4-6.5-13.3-.2-9.3 4.1-3 14.8-9.8 15.2-7.7-4.9-1.7-30.2-3.4-40.1-6.9-28.3-10.5-.8-17.4.1-11.8-1-22.2 4.2-33.8 3.5-3.5.2-5.1-1.2-4.7-4.6-10.2-36.7-13.4 26.5-11.9 35.6 2.5 9.7-12.2 9.1-11.5 3 .2-12.9 3.2-28.1-13.8-30.4-18.8-5.7-38.9-2-58.3-3-8.8.6-3.5-11.8-4.9-17.2 1.1-31.3-3-62.4-2-93.5 0-1.1-1.6-3.1-2.3-3-10.9-3.3-9.2-32.8-14.3-43.5-8.9 10.1-3.9 33.1-14.2 43.2-10.2 2.9.4 22.2-4.4 30.9-4.4 11.5 5.1 88.8-7.8 83.1-27.1 1.9-75.9-10.9-72.4 30.6-.4 6.1-6.1 7.1-10.7 8.9-12.5-23-37.2-17.7-54.2-3.6-5.2-8.4 3.8-28.9-4.7-33.1-5.3.3-5.3-.9-5.3-5.8v-47c.1-7.6-11.2-10.9-17.8-10.5-7.9 3.8-26.1.1-27.6 10.4v55.4c-.4 3.2 1.6 9.7-3.4 9.5-10-1.5 3.5-9.7-13.1-11.9a9.8 9.8 0 0 1-4.1-9.7c-1.4-7.9-7.9-14.2-11.3-21.3-4.3-6.7-15.9 18.1-16.2 22.9-2.3 16-16.7 2-13.1 24.2 2.3 10.4-45.3 1.3-54.2 3.6-71.2-1.4-142.4-.9-213.6 1.1-3.2.1-4.7-.8-4.6-4.3.1-5.6-.1-5.6-6-6.1-4.8-.1-1.5-10.3-5.2-11.3-5.1-2.1-9.3-7-15.6-6.3-10.6-6.7 7.2-41.2-17.3-60.3-6.5-4.3-12.6-13.3-10-21.1.7-2.6 0-3.8-1.6-5.6-4.9-4-1.1-9.3-5.3-12.7-3.3 5 .4 9.1-5 13.3-2.6 5.2.6 11.5-3.2 16.6-6.5 11.7-20.5 17.7-20.7 33.2-5.1 5.3 3.6 41-4.6 34.7-4.8-6.9-18-1.2-25.8-3.1-9.4 2.2-2.3 19.4-4.3 27.1 0 3-.9 4.6-4.2 4.4-7.7 0-7.1 14-10.2 17.9h139l.5-8.2c12.9 5.1-1.4 9.9 21.1 8.2 3.9-13.2 25.3-14 29.1 0 22 2.9 11-10.8 31.5-10.9 20.4-.5 10.4 13.8 31.5 10.9 5-17 33.2-16 39 0h12.6c6.2-14.7 31.7-14.9 37.7 0h13.1c3.5-13.8 25.2-13.3 28.9 0h13.8c2.2-10.1 13.9-13.6 12 0H900c-1.3-.7-1.6-2.4-1.4-5.6M159 190.2c-1.1 6-9.5 4.7-9.4-.4.5-4.3 10.1-4.2 9.4.4m37.9 4.1c-6.7-.2-6.6-6.3-1-7.4 5.8-1.9 6.7 7.2 1 7.4m99.6-1c-6 .2-5.9-8.1.1-7.2 6.5-.9 5.9 7.8-.1 7.2m51.9 1c-7.2-1-4.8-5.9.2-9.1 4.8 3.5 6.4 8.4-.2 9.1m41.3 0c-5.3-.1-5.5-8.6.5-7.4 6.5-1 6.4 7.5-.5 7.4'/%3E%3C/svg%3E") center bottom no-repeat;
	background-size:100%
}
.footer-content svg{
	max-width:6rem;
	margin:0 auto;
	opacity: .5
}
.footer-content address{
	font-style: normal;
	margin-bottom:0
}
.footer-nav ul{
	list-style: none;
	padding:0
}
.social{
	display:flex;
	gap:1rem;
	padding-bottom:3rem;
}
.social svg{
	fill:var(--white);
	width:1rem;
}
.credits{
	padding:var(--leading) 0;
	text-align: center;
	font-size:.7rem;
}
.credits svg{
	display:inline-block;
	height:1rem;
}

/*--------------------------------------------------------------
Home page
--------------------------------------------------------------*/

/* Home header */
.home-header{
	position: relative;
	height:calc(100vh + 5rem);
	min-height:40rem;
	text-align: right;
}
.home-header .wrapper{
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.home-header h1, .home-header .subtitle{
	font-style: normal;
	margin:0;
}
.home-header h1:before{content:none}
.home-header .subtitle{
	color:var(--gold);
	text-transform: uppercase;
	font-family:'Lato',sans-serif;
}
.home-tags{
	margin-top:12rem;
	color:var(--light_blue);
	font-size:1.5rem;
	text-transform: uppercase;
	position:relative;
}
.home-tags:before{
	content:"";
	position:absolute;
	width:5rem;
	height:2px;
	background: var(--gold);
	left:calc(100% + 1.25rem);
	top:calc(50% - 1px)
}
.home-tags p{
	margin:0;
	position:absolute;
	top:-1.75rem;
	right:0;
	opacity:0;
}
.home-tags p:nth-child(1){animation:rotate 8s .5s infinite}
.home-tags p:nth-child(2){animation:rotate 8s 2.5s infinite}
.home-tags p:nth-child(3){animation:rotate 8s 4.5s infinite}
.home-tags p:nth-child(4){animation:rotate 8s 6.5s infinite}

@keyframes rotate{
	0% {
		transform: translate3d(0, 1.25rem, 0);
		opacity: 0;
	}
	5%, 25% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
	30% {
		transform: translate3d(0, -.75rem, 0);
		opacity: 0;
	}
}

/* Home about */
.home-about{
	position:relative;
	background: var(--white);
	color:var(--blue);
	padding:5rem 0;
}
.home-about .h1-like:before{
	left:calc(100% + 1.25rem);
	right:auto;
}


/* Home slider */
.home-slider{
	background: var(--light_blue);
	padding:5rem 0;
}
.home-slider h3{
	font-family: 'Harriet',serif;
	font-size:2rem;
	font-style: italic;
	margin:0;
}
.home-slider p{margin-bottom: var(--leading)}
.home-slider .subtitle{
	color:var(--white);
	padding-left:3rem;
	position:relative;
	font-family: 'Lato', sans-serif;
	font-style:normal;
	text-transform: none;
	font-size:1rem;
	margin-bottom:1.75rem;
}
.home-slider .subtitle:before{
	content:"";
	position: absolute;
	top:calc(50% - 1px);
	left:0;
	height:2px;
	width:2.5rem;
	background: var(--gold)
}
.home-slider li{padding:1rem}

/* Home actus */
.home-actus{
	padding:5rem 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 521 272' fill='rgba(255,255,255,.025)'%3E%3Cpath d='M0 73 187 0l73 186-186 74L0 73z'/%3E%3Cpath d='m230 16 192 54-53 192-193-54 54-192z'/%3E%3Cpath d='m283 76 196-42 42 196-196 42-42-196z'/%3E%3C/svg%3E") 50% 50% no-repeat;
	background-size:cover;
}
.home-actus .slider-container{align-items:start}
.actus-link{
	padding-bottom:62.5%;
	position: relative
}
.actus-link > *{
	background: var(--gold);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.actus-link .btn{margin:0}

/*--------------------------------------------------------------
News page
--------------------------------------------------------------*/

.actus-grid{
	display:grid;
	gap:var(--leading);
	padding-bottom:5rem
}
.category{
	display:block;
	text-align: center;
	color:var(--gold);
	font-style: italic;
	margin-top:1.5rem;
	position:relative;
}
.category:before{
	content:"";
	position: absolute;
	left:50%;
	bottom:calc(100% + .5rem);
	width:1px;
	height: 2rem;
	background: var(--gold)
}
.actu h2{
	color:var(--white);
	font-size:1rem;
	font-weight: 700;
	font-family: 'Lato',sans-serif;
	text-align: center;
	margin-top:1rem;
	position: static;
	font-style: normal;
}
.actu h2 a{text-decoration: none;}
.actu h2 a:hover, .actu h2 a:focus{text-decoration: underline;}

/*--------------------------------------------------------------
Single article
--------------------------------------------------------------*/

.actu-content{margin-bottom:5rem}
time{
	display:block;
	text-align: center;
	color:var(--gold);
	font-style: italic;
	margin-top:1.5rem;
	position:relative;
}
time:before{
	content:"";
	position: absolute;
	left:50%;
	bottom:calc(100% + .5rem);
	width:1px;
	height: 2rem;
	background: var(--gold)
}
.btn-all-articles{
	position: relative;
	margin-top:3rem;
	color:var(--gold);
	font-weight: 700;
	display:block;
	text-align: right;
	overflow: hidden;
	text-decoration: none;
}
.btn-all-articles span{
	display:inline-block;
	background: var(--blue);
	position: relative;
	padding-left:1rem
}
.btn-all-articles:before{
	content:"";
	position: absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background: var(--gold);
}

/*--------------------------------------------------------------
About page
--------------------------------------------------------------*/

.approach{
	background:var(--light_blue);
	padding:5rem 0 10rem;
}
.approach h2, .approach h3{color:var(--blue)}
.approach h3{
	font-family: 'Harriet', serif;
	font-style: italic;
}
.approach-header{margin-bottom:3rem}

.team{
	padding-top:5rem;
	background: var(--white);
	color:var(--blue)
}
.team .wrapper{
	display: grid;
	grid-template-columns: 1fr;
	gap:5rem;
	justify-items: center;
	text-align: center;
}
.team img{margin-bottom:1.75rem;}
.team h3{
	text-transform: uppercase;
	color:var(--gold);
	margin:0;
	line-height: 1
}
.team-map{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 521 272' fill='rgba(255,255,255,.025)'%3E%3Cpath d='M0 73 187 0l73 186-186 74L0 73z'/%3E%3Cpath d='m230 16 192 54-53 192-193-54 54-192z'/%3E%3Cpath d='m283 76 196-42 42 196-196 42-42-196z'/%3E%3C/svg%3E") 50% 50% no-repeat;
	background-size: cover;
	padding:5rem 0;
}
.team-map h2{color:var(--gold)}
.toulouse{
	color:var(--gold);
	font-weight: 700;
}
.offices{
	list-style: none;
	padding:0;
	text-align: center;
	columns: 2;
	gap:1.75rem;
}

/*--------------------------------------------------------------
Jobs page
--------------------------------------------------------------*/

.job-heading{margin-bottom: 5rem;}
.job, .sponsor, .contact{
	padding-bottom:5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 521 272' fill='rgba(255,255,255,.025)'%3E%3Cpath d='M0 73 187 0l73 186-186 74L0 73z'/%3E%3Cpath d='m230 16 192 54-53 192-193-54 54-192z'/%3E%3Cpath d='m283 76 196-42 42 196-196 42-42-196z'/%3E%3C/svg%3E") 50% 50% no-repeat;
	background-size:cover
}
.job-content{
	margin-bottom: 5rem;
	gap:2rem;
}
.job-content h2{font-size: 1rem}

/*--------------------------------------------------------------
Sponsor page
--------------------------------------------------------------*/

.sponsor-heading{margin-bottom: 5rem}
.sponsor-content svg{
	fill:var(--gold);
	max-width: 10rem;
	margin:0 auto;
	opacity: .8
}
.sponsor-content > *:nth-child(1){order:2}
.sponsor-content > *:nth-child(2){order:1}
.sponsor-content > *:nth-child(3){order:4}
.sponsor-content > *:nth-child(4){order:3}
.sponsor-content > *:nth-child(5){order:6}
.sponsor-content > *:nth-child(6){order:5}
.sponsor-form{
	background: var(--white);
	color:var(--blue);
	padding:3rem 0
}
.sponsor-form legend{
	color:var(--gold);
	margin-bottom: 3rem;
}
.sponsor-form fieldset .grid{gap:1.75rem 3rem}
.sponsor-form [type=submit]{margin-top:3rem}
.sponsor-main-form{margin-bottom:5rem}
.invite:not(:first-child):before{
	content:"";
	display:block;
	margin:3rem 0;
	height:1px;
	background: var(--gold)
}

/*--------------------------------------------------------------
Contact page
--------------------------------------------------------------*/

.contact-form{margin-top: 3rem}
.contact-form .btn, .contact-form button{width:100%}
.contact-form [type=text],.contact-form textarea{
	border-color:var(--gold);
	color:var(--white)
}
.contact-form textarea{height:18rem}

.contact-address{
	background: var(--white);
	color:var(--blue);
}
.contact-address{
	padding:5rem 0;
	margin:0;
	text-align: center
}
.contact-address h2{margin-bottom: 3rem}
.contact-address h2,.contact-address a,.contact-address span{
	display:block;
	color:var(--gold);
	text-decoration: none
}

/*--------------------------------------------------------------
CGV
--------------------------------------------------------------*/

.cgv h2{
	color:var(--gold);
	margin:5rem 0 2rem;
}

/*--------------------------------------------------------------
404
--------------------------------------------------------------*/

.error-404{
	padding-top:5rem;
	padding-bottom:5rem;
	text-align: center;
}
.error-404-inner{
	padding-top:10rem;
	padding-bottom:10rem;
	background: var(--blue) url("../img/404.jpg") 50% 50% no-repeat;
	background-size: contain;
	background-blend-mode: multiply;
}
.error-404 h1{font-size: 10rem}
.error-404 h1:before{content:none}

/*--------------------------------------------------------------
Media queries
--------------------------------------------------------------*/

@media (min-width:62rem){
	:root{
		--width:90rem;
	}
	html{font-size: 125%}

	.wrapper{
		padding-left: 6rem;
		padding-right: 6rem
	}

	/* Typography */
	h1,.h1-like{font-size:4rem}
	.subtitle{font-size:2rem}

	/* Grids */
	.grid{gap:5rem}
	.grid-1-1{grid-template-columns: 1fr 1fr}
	.grid-1-1-1{grid-template-columns: 1fr 1fr 1fr}
	.grid-1-2{grid-template-columns: 1fr 2fr}
	.grid-1-3{grid-template-columns: 1fr 3fr}
	.grid-5-7{grid-template-columns: 5fr 7fr}
	.grid-7-5{grid-template-columns: 7fr 5fr}

	/* Main header */
	.main-header .wrapper{
		max-width:100rem
	}
	.logo{
		height: 6rem;
		margin:0 auto;
	}
	.menu-toggle{
		right:3rem;
		top:3rem
	}
	.menu-container{
		grid-template-columns: 3fr 7fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "contact main" "extranet main";
	}
	.menu-container > *{
		padding:1.75rem;
		display:flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.main-menu{
		grid-area: main;
		align-items: flex-start;
		padding:6rem;
		overflow: hidden;
	}
	.main-menu a{
		font-size:3.5rem;
		margin:1rem 0;
		position: relative
	}
	.main-menu a:hover:after,.main-menu a:focus:after{
		content:"";
		position:absolute;
		width:100vw;
		height:2px;
		background: var(--white);
		left:calc(100% + 1.25rem);
		top:calc(50% - 1px);
	}
	.menu-contact{grid-area: contact}
	.menu-extranet{grid-area: extranet}

	/* Contact section */
	.contact-section{
		position: relative;
		padding:3rem 0;
	}
	.contact-section:before{
		content:"";
		position:absolute;
		width:50%;
		height:calc(100% + 6rem);
		top:-3rem;
		left:0;
		background: url("../img/telephone.png") top right no-repeat;
		background-size:auto 100%;
		
	}
	.contact-section .wrapper > *{
		margin-left:55%;
		text-align: right;
	}
	.contact-section h2{text-align: right}
	.contact-section h2:before{
		right:auto;
		left:calc(100% + 1.25rem)
	}

	/* Main footer */
	.main-footer{text-align: left}
	.main-footer .wrapper{max-width: 60rem}
	.footer-content > svg{order:1}
	.footer-nav{
		order:2;
		text-align: right
	}

	/* Home page */
	.home-header:after{
		content:"";
		position:absolute;
		top:50%;
		left:-30vh;
		transform: translateY(-50%);
		width:60vh;
		height:60vh;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='none' stroke='%23cba876' stroke-width='9' d='M163 70a98 98 0 0 1-54 21c1-17 8-38 21-54-11-3-21-8-30-18-8 9-18 15-30 18 12 15 21 36 21 54-17-1-38-8-54-21-3 11-8 21-18 30 9 8 15 18 18 30 15-12 36-21 54-21 0 18-9 39-21 54 12 3 22 9 30 18 9-10 19-15 30-18a98 98 0 0 1-21-54c18 0 39 9 54 21 3-12 9-22 18-30-10-9-15-19-18-30z'/%3E%3Cg fill='%23cba876'%3E%3Ccircle cx='100' cy='7.5' r='7.5'/%3E%3Ccircle cx='100' cy='192.5' r='7.5'/%3E%3Ccircle cx='7.5' cy='100' r='7.5'/%3E%3Ccircle cx='192.5' cy='100' r='7.5'/%3E%3Ccircle cx='57.5' cy='32.5' r='7.5'/%3E%3Ccircle cx='142.5' cy='32.5' r='7.5'/%3E%3Ccircle cx='57.5' cy='167.5' r='7.5'/%3E%3Ccircle cx='142.5' cy='167.5' r='7.5'/%3E%3Ccircle cx='32.5' cy='57.5' r='7.5'/%3E%3Ccircle cx='167.5' cy='57.5' r='7.5'/%3E%3Ccircle cx='32.5' cy='142.5' r='7.5'/%3E%3Ccircle cx='167.5' cy='142.5' r='7.5'/%3E%3C/g%3E%3C/svg%3E");
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.home-tags{font-size: 2rem}
	.home-about{
		padding:18rem 0
	}
	.home-about:before{
		content:"";
		position:absolute;
		width:100%;
		height:calc(100% + 3rem);
		top:-3rem;
		right:calc((100% - (100vw - var(--width)) / 2) * .6 + 5rem);
		background: url("../img/enfant.png") top right no-repeat;
		background-size:auto 100%;
		
	}
	.home-about .wrapper{
		grid-template-columns: 2fr 1fr 2fr;
		align-items: center
	}
	.home-about .wrapper > *:first-child{grid-column-start: 2}
	.home-about .wrapper > *:last-child{grid-column-start: 3}
	.home-slider{
		padding:8rem 0;
		background:var(--light_blue) url("../img/rue.png") top right no-repeat;
		background-size:auto 100%;
	}
	.home-actus{padding:12rem 0}

	/* News page */
	.actus-grid{
		grid-template-columns: 1fr 1fr 1fr;
		gap:3rem var(--leading);
		padding-bottom:8rem;
	}

	/* Single article */
	.actu-content{padding-bottom:5rem}
	.actu-text{padding:0 5rem}

	/* About page */
	.about-header{padding-bottom:10rem;	}
	.approach-items{
		gap:7rem;
		align-items: center;
	}
	.approach-items picture{height:100%}
	.approach-items img{
		width:100%;
		height: 100%;
		object-fit: cover
	}
	.approach h3{position:relative}
	.approach h3:before{
		content:"";
		position:absolute;
		top:50%;
		right:calc(100% + 1rem);
		width:10rem;
		height:1px;
		background: var(--gold)
	}
	.team{padding-top:0;}
	.team .wrapper{transform:translateY(-5rem);}
	.about-content{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		text-align: right;
		padding:5rem 0
	}
	.about-content > *{max-width: calc(50% - 2.5rem)}
	.team .wrapper{
		grid-template-columns: 1fr 1fr 1fr;
		gap:3rem 8rem;

	}
	.team-content{
		grid-column-end: span 3;
		grid-row-start:2;
	}

	/* Jobs page */
	.job-heading{max-width: 90ch;}
	.job-content{gap:5rem}

	/* Sponsor page */
	.sponsor-content > *:nth-child(1){order:1}
	.sponsor-content > *:nth-child(2){order:2}
	.sponsor-content > *:nth-child(3){order:3}
	.sponsor-content > *:nth-child(4){order:4}
	.sponsor-content > *:nth-child(5){order:5}
	.sponsor-content > *:nth-child(6){order:6}
	.sponsor-content > *:nth-child(4){grid-area: 2 / 1 / 2 / 1}
	.sponsor-content svg{max-width:15rem;}
	.sponsor small{
		font-size:.75rem;
		opacity: .8
	}
	.sponsor-form{
		position: relative;
		padding:8rem 0
	}
	.sponsor-form:before{
		content:"";
		position:absolute;
		width:50rem;
		height:27.2rem;
		top:5rem;
		left:calc((100% - (100% - var(--width)) / 2) * .5 + 5rem);
		background: url("/assets/img/courrier.png") 0 0 no-repeat;
		background-size: 100% auto;
		transform: rotate(-30deg)
	}
	.sponsor-form fieldset .grid{gap:1.75rem 5rem}
	.sponsor-form .invites .grid{gap:1.75rem 10rem}
	.invites .grid > *{position: relative}
	.invites .grid > *:not(:first-child):before{
		content:"";
		position:absolute;
		background: var(--gold);
		width:2px;
		height:60%;
		top:10%;
		left:calc(-5rem - 1px);
	}
	.message-field{grid-column-end: span 2}

	/* Contact page */
	.contact-form button{width:auto}
	.contact-address{text-align: left}
	.contact-map{position: relative}
	.contact-map-content{
		position:absolute;
		top:-5rem;
		bottom:-5rem;
		left:0;
		width:calc(100% + 2 * var(--leading));
		min-width:calc(100% + var(--leading) + (100vw - var(--width)) / 2);
		object-fit: cover;
	}
	.contact-map img{
		width:100%;
		height:100%;
		object-fit: cover
	}

}

/*--------------------------------------------------------------
Slider
--------------------------------------------------------------*/

.swiffy-slider{position:relative;display:block;width:100%;--swiffy-slider-snap-align:center;--swiffy-slider-item-width:100%;--swiffy-slider-item-gap:1rem;--swiffy-slider-item-reveal:0rem;--swiffy-slider-item-ratio:2/1;--swiffy-slider-item-count:1;--swiffy-slider-nav-light:#fff;--swiffy-slider-nav-dark:#333;--swiffy-slider-nav-zoom:1;--swiffy-slider-track-opacity:0.1;--swiffy-slider-track-height:0;--swiffy-slider-nav-outside-size:3.5rem;--swiffy-slider-indicator-outside-size:1.5rem;--swiffy-slider-animation-duration:.75s;--swiffy-slider-animation-delay:0s;--swiffy-slider-animation-timing:ease-in-out}.swiffy-slider,.swiffy-slider::after,.swiffy-slider::before{box-sizing:border-box}.swiffy-slider ::-webkit-scrollbar{height:var(--swiffy-slider-track-height)}.swiffy-slider ::-webkit-scrollbar-track{background:rgba(0,0,0,var(--swiffy-slider-track-opacity))}.swiffy-slider ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.4);border-radius:1rem}.swiffy-slider ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}.slider-container{--swiffy-slider-item-gap-totalwidth:calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));--swiffy-slider-item-width:calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;display:grid;align-items:center;height:100%;grid:auto/auto-flow max-content;grid-auto-rows:100%;grid-auto-columns:var(--swiffy-slider-item-width);grid-auto-flow:column;grid-gap:var(--swiffy-slider-item-gap);list-style:none;margin:0;padding:0;scrollbar-width:none;scrollbar-color:rgba(0,0,0,0.4) rgba(0,0,0,var(--swiffy-slider-track-opacity));background-clip:padding-box}.slider-container>*{scroll-snap-align:var(--swiffy-slider-snap-align);position:relative;width:100%;height:100%}.slider-item-helper .slider-container>*{background-size:cover;background-color:#e1e1e1;background-position:50% 50%;display:flex;justify-content:center;align-items:center}.slider-item-helper:not(.slider-item-ratio) .slider-container>*{min-height:20rem}.slider-item-ratio .slider-container>*>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.slider-item-ratio-contain .slider-container>*>*{object-fit:contain}.slider-item-ratio .slider-container>::after{display:block;padding-top:calc(100% / (var(--swiffy-slider-item-ratio)));content:""}.slider-item-ratio-32x9{--swiffy-slider-item-ratio:32/9}.slider-item-ratio-21x9{--swiffy-slider-item-ratio:21/9}.slider-item-ratio-16x9{--swiffy-slider-item-ratio:16/9}.slider-item-ratio-4x3{--swiffy-slider-item-ratio:4/3}.slider-item-ratio-2x1{--swiffy-slider-item-ratio:2/1}.slider-item-ratio-1x1{--swiffy-slider-item-ratio:1/1}.slider-item-ratio-3x4{--swiffy-slider-item-ratio:3/4}.slider-nav-scrollbar{--swiffy-slider-track-height:0.5rem}.slider-nav-scrollbar .slider-container{scrollbar-width:thin}.slider-nav-nodelay .slider-container{scroll-behavior:auto}.slider-indicators{display:flex;gap:.5rem;justify-content:center;padding:0;list-style:none}.slider-nav-scrollbar .slider-indicators{margin-bottom:calc(1rem + var(--swiffy-slider-track-height))}.slider-indicators>.active{background:var(--gold)}.swiffy-slider.slider-indicators-outside .slider-nav{margin-bottom:var(--swiffy-slider-indicator-outside-size)}.swiffy-slider.slider-indicators-outside{padding-bottom:var(--swiffy-slider-indicator-outside-size)}.swiffy-slider.slider-indicators-outside .slider-indicators,.swiffy-slider.slider-indicators-outside.slider-indicators{margin-bottom:0}.slider-indicators>*{box-sizing:content-box;flex:0 1 auto;width:.5rem;height:.5rem;padding:0;cursor:pointer;background:var(--white);border-radius:50%}.slider-nav{position:absolute;top:0;left:0;bottom:0;border:0;background-color:transparent;cursor:pointer;padding:0 .5rem;visibility:hidden;opacity:.8;transition:visibility .1s,opacity .2s linear;margin-bottom:var(--swiffy-slider-track-height);display:flex;align-items:center;filter:drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));transform:scale(var(--swiffy-slider-nav-zoom))}.slider-nav::before{position:absolute;content:"";padding:.5rem;width:3rem;height:3rem}.slider-nav::after{content:"";background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>") 0 0/cover;width:3rem;height:3rem}.slider-nav-arrow .slider-nav::after{mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>")}.slider-nav-chevron .slider-nav::after{mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>")}.slider-nav-caret .slider-nav::after{mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>")}.slider-nav-caretfill .slider-nav::after{mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>")}.slider-nav-visible .slider-nav,.swiffy-slider:hover .slider-nav{visibility:visible}.slider-nav-mousedrag.dragging .slider-nav,.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next),.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next{visibility:hidden}.slider-nav-outside .slider-container{margin:0 var(--swiffy-slider-nav-outside-size)}.slider-nav-outside .slider-nav,.slider-nav-square .slider-nav{padding:0}.swiffy-slider .slider-nav:hover{opacity:1}.slider-nav-dark.slider-nav-round .slider-nav::after,.slider-nav-dark.slider-nav-square .slider-nav::after,.slider-nav-round .slider-nav::before,.slider-nav-square .slider-nav::before{background-color:var(--swiffy-slider-nav-light)}.slider-nav-round .slider-nav::after,.slider-nav-square .slider-nav::after{background-color:var(--swiffy-slider-nav-dark);width:2rem;height:2rem;margin:.5rem}.slider-nav-round .slider-nav::before{border-radius:50%}.slider-nav-round .slider-nav::after{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E")}.slider-nav-dark .slider-nav::after,.slider-nav-dark.slider-nav-round .slider-nav::before,.slider-nav-dark.slider-nav-square .slider-nav::before{background-color:var(--swiffy-slider-nav-dark)}.slider-nav-sm{--swiffy-slider-nav-zoom:.75;--swiffy-slider-nav-outside-size:2.5rem}.slider-nav.slider-nav-next::after{transform:rotate(180deg)}.slider-nav.slider-nav-next{right:0;left:unset}.slider-nav-dark .slider-nav{opacity:.6}.slider-item-snapstart{--swiffy-slider-snap-align:start}.slider-item-nosnap{--swiffy-slider-snap-align:unset}.slider-item-nogap{--swiffy-slider-item-gap:0rem}.slider-item-reveal{--swiffy-slider-item-reveal:8rem}.slider-item-snapstart.slider-item-reveal{--swiffy-slider-item-reveal:4rem}.slider-item-show2{--swiffy-slider-item-count:2}.slider-item-show3{--swiffy-slider-item-count:3}.slider-item-show4{--swiffy-slider-item-count:4}.slider-item-show5{--swiffy-slider-item-count:5}.slider-item-show6{--swiffy-slider-item-count:6}.slider-nav-mousedrag .slider-container{cursor:grab}.slider-nav-mousedrag.dragging .slider-container{scroll-snap-type:unset;scroll-behavior:unset;user-select:none}@media (hover:hover){.slider-nav-mousedrag .slider-container::after{content:"";position:absolute;width:100%;height:100%}}@media (prefers-reduced-motion:no-preference){.slider-nav-animation.slider-nav-animation-fast{--swiffy-slider-animation-duration:.25s}.slider-nav-animation.slider-nav-animation-slow{--swiffy-slider-animation-duration:1.25s}.slider-nav-animation .slider-container .slide-visible>*,.slider-nav-animation .slider-container>*>*{transition:opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);transition-delay:var(--swiffy-slider-animation-delay)}.slider-nav-animation.slider-nav-animation-fadein .slider-container>*>*{opacity:.5}.slider-nav-animation.slider-nav-animation-scale .slider-container>*>*{transform:scale(.9)}.slider-nav-animation.slider-nav-animation-appear .slider-container>*>*{opacity:.3;transform:scale(.9)}.slider-nav-animation.slider-nav-animation-scaleup .slider-container>*>*{transform:scale(.25)}.slider-nav-animation.slider-nav-animation-zoomout .slider-container>*{overflow:hidden}.slider-nav-animation.slider-nav-animation-zoomout .slider-container>*>*{transform:scale(1.3)}.slider-nav-animation.slider-nav-animation-turn .slider-container>*>*{transform:rotateY(70deg)}.slider-nav-animation.slider-nav-animation-slideup .slider-container>*>*{transform:translateY(60%) scale(.99)}.slider-nav-animation.slider-nav-animation-slideup .slider-container{overflow-y:hidden}.slider-nav-animation .slider-container>.slide-visible>*{opacity:1;transform:none}}@media (min-width:62rem){.slider-indicators{flex-direction:column;position:absolute;top:50%;left:-5rem;transform:translateY(-50%)}.slider-item-show2:not(.slider-item-snapstart) .slider-container>*,.slider-item-show4:not(.slider-item-snapstart) .slider-container>*,.slider-item-show6:not(.slider-item-snapstart) .slider-container>*{scroll-snap-align:unset}.slider-item-show2:not(.slider-item-snapstart) .slider-container>::before,.slider-item-show4:not(.slider-item-snapstart) .slider-container>::before,.slider-item-show6:not(.slider-item-snapstart) .slider-container>::before{content:" ";display:block;position:absolute;left:calc((var(--swiffy-slider-item-gap)/2)*-1);top:0;width:1px;height:1px;scroll-snap-align:var(--swiffy-slider-snap-align)}.slider-nav-outside-expand .slider-nav{margin-left:-4rem}.slider-nav-outside-expand .slider-nav.slider-nav-next{margin-right:-4rem}.slider-nav-sm.slider-nav-outside-expand .slider-nav{margin-left:-3.5rem}.slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next{margin-right:-3.5rem}.slider-indicators-sm.slider-indicators{display:none}}@media (max-width:62rem){.swiffy-slider{--swiffy-slider-track-height:0rem;--swiffy-slider-item-reveal:0rem;--swiffy-slider-item-count:1;--swiffy-slider-nav-zoom:.875}.slider-item-show2-sm{--swiffy-slider-item-count:2}.slider-item-reveal{--swiffy-slider-item-reveal:4rem}.slider-item-snapstart.slider-item-reveal{--swiffy-slider-item-reveal:2rem}.slider-item-show6 .slider-container{grid-auto-columns:calc(25% - (var(--swiffy-slider-item-gap)/ 4*3))}.slider-item-show6.slider-item-reveal .slider-container{grid-auto-columns:calc(25% - (var(--swiffy-slider-item-gap)/ 4*3) - .5rem)}.slider-item-show6.slider-item-reveal .slider-container>*{scroll-snap-align:unset}.slider-item-show6.slider-item-reveal .slider-container>::before{content:" ";display:block;position:absolute;left:calc((var(--swiffy-slider-item-gap)/2)*-1);top:0;width:1px;height:1px;scroll-snap-align:center}.slider-nav::after,.slider-nav::before{width:2rem;height:2rem;padding:.3rem}.slider-nav-round .slider-nav::after,.slider-nav-square .slider-nav::after{width:1.75rem;height:1.75rem;margin:.125rem}.slider-nav-outside .slider-container,.slider-nav-outside-expand .slider-container{margin:0 2rem}.slider-nav-outside-expand .slider-container{margin:0 var(--swiffy-slider-nav-outside-size)}.slider-nav-outside-expand .slider-nav{padding:0}.slider-indicators-round .slider-indicators>*,.slider-indicators-round.slider-indicators>*,.slider-indicators-square .slider-indicators>*,.slider-indicators-square.slider-indicators>*{width:.3rem;height:.3rem}.slider-indicators{margin-bottom:.5rem;display:none}.slider-nav-scrollbar .slider-indicators{margin-bottom:0}.slider-indicators>*{width:1rem;height:.125rem;border-width:.25rem}.slider-indicators-sm .slider-indicators,.slider-indicators-sm.slider-indicators{display:flex}}@media (max-width:48rem){.slider-item-show6 .slider-container{grid-auto-columns:calc(50% - (var(--swiffy-slider-item-gap)/ 2))}.slider-item-show6.slider-item-reveal .slider-container{grid-auto-columns:calc(50% - (var(--swiffy-slider-item-gap)/ 2) - 1.5rem)}}@media (hover:none){.swiffy-slider.slider-nav-touch .slider-nav{visibility:visible}.swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container,.swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container{margin:0}.slider-item-nosnap-touch{--swiffy-slider-snap-align:unset}}

/*--------------------------------------------------------------
Better files input
--------------------------------------------------------------*/

@-webkit-keyframes file_grow {
	0% { max-height: 0px; padding: 0px 10px; }
	100% { max-height: 100px; }
}

@keyframes file_grow {
	0% { max-height: 0px; padding: 0px 10px; }
	100% { max-height: 100px; }
}

@-webkit-keyframes shadow_grow {
	0% { -webkit-transform: scale(0); transform: scale(0); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes shadow_grow {
	0% { -webkit-transform: scale(0); transform: scale(0); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

.bfi-container {
	display: block;
	position: relative;
	width: 100%;
	height: unset;
	margin: 0;
	padding: 0;
	background: var(--white);
	color:var(--blue);
	transition: max-height 1s ease;
}

.bfi-container.expanded {
	border: 4px dashed gray;
}

.bfi-container * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.bfi-converted,
.bfi-converted-multi {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bfi-container:not(.expanded) .bfi-converted,
.bfi-container:not(.expanded) .bfi-converted-multi {
	z-index: -10;
}

.bfi-container.expanded .bfi-converted,
.bfi-container.expanded .bfi-converted-multi {
	z-index: 20;
}

.bfi-label,
.bfi-label-selected {
	display: inline-block;
	width: 100%;
	height: unset;
	margin: 0;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	z-index: 10;
}

.bfi-container:not(.expanded) .bfi-label,
.bfi-label-selected {
	padding: 10px 20px;
}

.bfi-container.expanded .bfi-label {
	padding: 40px 20px;
}

.bfi-label {
	transition: padding .25s ease;
	font-weight: 400;
	text-transform: uppercase;
}

.bfi-clear,
.bfi-label span {
	cursor: pointer;
	text-decoration: underline;
}

.bfi-file {
	display: inline-block;
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
	padding: 6px 10px;
	background: var(--blue);
	color: white;
	z-index: 10;
	line-height: 1em;
	text-align: left;
	-webkit-animation: file_grow 0.7s ease;
	        animation: file_grow 0.7s ease;
}

.bfi-converted ~ .bfi-file {
	margin: 10px;
}

.bfi-converted-multi ~ .bfi-file {
	margin: 0 10px 10px 10px;
}

.bfi-file i {
	font-style: normal;
	font-size: 0.8em;
	color: rgb(180, 180, 180);
}

.bfi-file .bfi-clear {
	position: absolute;
	right: 25px;
	top: calc(50% - 2px);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.bfi-shadow-container {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	clip: rect(0, auto, auto, 0);
	z-index: 15;
}

.bfi-container.expanded .bfi-shadow-container {
	display: unset;
}

.bfi-shadow {
	position: absolute;
	display: none;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.06);
	-webkit-transition: left 0.1s ease, top 0.1s ease;
	transition: left 0.1s ease, top 0.1s ease;
}

.bfi-container.hovering .bfi-shadow {
	display: unset;
	-webkit-animation: shadow_grow 0.5s ease;
	        animation: shadow_grow 0.5s ease
}