body
{
	font-family:DINNextLTPro, sans-serif;
	font-weight:500;
	margin:0;
	top:0 !important;
	font-size:4.5mm;
	overflow-x:hidden;
}

body::-webkit-scrollbar
{
	width:0;
}

@media (max-width:1023px)
{
	body
	{
		font-size:4mm;
	}
}

@media (max-width:799px)
{
	body
	{
		font-size:3.5mm;
	}
}

@media (max-width:639px)
{
	body
	{
		font-size:3.2mm;
	}
}

@media (max-width:479px)
{
	body
	{
		font-size:2.5mm;
	}
}

@media (max-width:359px)
{
	body
	{
		font-size:2.1mm;
	}
}

body.nozoom
{
	touch-action:pan-x pan-y;
}

body.apercu .avertissementApercu
{
	position: fixed;
	top:10%;
	bottom:10%;
	left:10%;
	right:10%;
	background-color:white;
	background-color:rgba(255, 255, 255, .9);
	box-shadow:0 0 10px #444, 0 0 100px 1000px rgba(0, 0, 0, .5);
	z-index:1000;
	padding:5%;
	cursor:pointer;
	color:#000;
	text-shadow:0 0 10px white;
	text-align:center;
	font-size:2em;
}

body.apercu .avertissementApercu h1
{
	margin:5% 0;
	font-size:1.5em;
	color:#000;
	text-shadow:0 0 5px white;
}

body.apercu .avertissementApercu h2
{
	margin:5% 0;
	color:#444;
	font-weight:300;
}

body.apercu .avertissementApercu .masquerApercu
{
	border:1px solid #444;
	border-radius:.5em;
	padding:.5em;
	background-color:#444;
	text-shadow:none;
	color:white;
	font-weight:300;
	display:block;
}

a
{
	color:black;
}

img
{
	border-width: 0;
}

.offlineMode
{
	position:fixed;
	top:0;
	left:0;
	z-index:51;
	display:none;
	right:0;
	height:2mm;
}

.offlineMode.actif
{
	display:block;
}

.offlineMode.actif.updated, .offlineMode.actif.error
{
	display:none;
}

.offlineMode progress
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2mm;
	border:none;
	padding:0;
	margin:0;
}

#wrapper
{
	margin:0 auto;
	position:relative;
	max-width:1280px;
	min-width:320px;
}

#main
{
	opacity:1;
	margin:0;
}

#main.loading
{
	opacity:0;
}

#main::after
{
	content:"";
	display:block;
	height:200px;
	height:20em;
	height:25vh;
}

#oldMain
{
	opacity:1;
	position:absolute;
	margin-top:0;
	display:block;
	background-color:white;
	z-index:1;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
}

#oldMain.leave
{
	opacity:0;
	-webkit-transform:translate(-100%, 0);
	transform:translate(-100%, 0);
	-webkit-transition:opacity .5s ease-in, -webkit-transform .5s ease-in;
	transition:transform .5s ease-in 0s, opacity .5s ease-in;
}

#oldMain.hide
{
	display:none;
}

header
{
	position:relative;
	display:block;
	width:100%;
	padding:.75em 0 1.5em 0;
}

header .breadcrumb
{
	display:none;
}

header .logo
{
	position:relative;
	display:block;
	margin:0 auto;
	width:200px;
	height:200px;
	border-radius:3px;
	box-shadow:-2px 2px 10px rgba(136, 136, 136, .8);
	-webkit-transition:width .5s ease-in-out, height .5s ease-in-out;
	transition:width .5s ease-in-out, height .5s ease-in-out;
}

header .logo:hover
{
	box-shadow:-4px 4px 10px #888;
}

header .logo img
{
	display:block;
	position:relative;
	width:250px;
	border-radius:3px;
	-webkit-transform:scale(.8);
	-webkit-transform-origin:top left;
	-ms-transform:scale(.8);
	-ms-transform-origin:top left;
	transform:scale(.8);
	transform-origin:top left;
	-webkit-transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
	transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.pansplashscreen header
{
	display:none;
}

@media (max-width:899px)
{
	header .logo
	{
		width:150px;
		height:150px;
	}
	
	header .logo img
	{
		-webkit-transform:scale(.6);
		-webkit-transform-origin:top left;
		-ms-transform:scale(.6);
		-ms-transform-origin:top left;
		transform:scale(.6);
		transform-origin:top left;
	}
}

@media (max-height:899px)
{
	header .logo
	{
		width:120px;
		height:120px;
	}
	
	header .logo img
	{
		-webkit-transform:scale(.48);
		-webkit-transform-origin:top left;
		-ms-transform:scale(.48);
		-ms-transform-origin:top left;
		transform:scale(.48);
		transform-origin:top left;
	}
}

@media (max-width:480px)
{
	header .logo
	{
		width:80px;
		height:80px;
	}
	
	header .logo img
	{
		-webkit-transform:scale(.32);
		-webkit-transform-origin:top left;
		-ms-transform:scale(.32);
		-ms-transform-origin:top left;
		transform:scale(.32);
		transform-origin:top left;
	}
}

a#title
{
	display:none;
}

h1
{
	font-size:2.3em;
	text-align:center;
	margin:0;
	border-bottom:1px solid #888;
}

footer
{
	display:block;
	color:black;
	font-size:1em;
	font-weight:300;
	left:0;
	bottom:0;
	padding:.5em;
}

footer::after
{
	content:"";
	display:block;
	height:12mm;
}

footer p
{
	margin:0;
	white-space:nowrap;
	text-align:center;
}

footer a
{
	color:black;
	text-decoration:none;
}

.pansplashscreen footer
{
	display:none;
}

a.telephone
{
	color:black;
	text-decoration:none;
}

.mentionslegales
{
	text-align:center;
	font-weight:300;
}

.mentionslegales h1
{
	font-size:2em;
}

.mentionslegales h2
{
	font-size:1.8em;
}

.mentionslegales h3
{
	margin:.5em 0 0 0;
}

.clickToActions
{
	display:block;
	text-align:center;
	clear:both;
}

.clickToAction
{
	color:white;
	padding:.4em;
	border-radius:5px;
	display:inline-block;
	box-shadow:0 2px 8px #888;
	background-color:#555;
	font-weight:500;
	font-size:1.2em;
	width:6em;
	text-align:center;
	cursor:pointer;
}

a.clickToAction
{
	color:white;
	text-decoration:none;
}

.clickToAction:hover
{
	box-shadow:0 4px 10px #888;
	margin:-1px 0 0 0;
	background-color:#333;
	-webkit-animation:none;
	animation:none;
}

.clickToAction:active
{
	background-color:#000;
}

.clickToActions .clickToAction
{
	width:9em;
	margin:1em;
}

.pansplashscreen .mainnav
{
	display:none;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-Bold.woff2') format('woff2'), url('/fonts/DINNextLTPro-Bold.woff') format('woff'), url('/fonts/DINNextLTPro-Bold.ttf') format('truetype'), url('/fonts/DINNextLTPro-Bold.svg#DinNextLTProBold') format('svg');
	font-weight:700;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-Medium.woff2') format('woff2'), url('/fonts/DINNextLTPro-Medium.woff') format('woff'), url('/fonts/DINNextLTPro-Medium.ttf') format('truetype'), url('/fonts/DINNextLTPro-Medium.svg#DinNextLTProMedium') format('svg');
	font-weight:500;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-Light.woff2') format('woff2'), url('/fonts/DINNextLTPro-Light.woff') format('woff'), url('/fonts/DINNextLTPro-Light.ttf') format('truetype'), url('/fonts/DINNextLTPro-Light.svg#DinNextLTProLight') format('svg');
	font-weight:300;
}

@font-face
{
	font-family:'DINNextLTPro';
	font-display:swap;
	src:url('/fonts/DINNextLTPro-LightItalic.woff2') format('woff2'), url('/fonts/DINNextLTPro-LightItalic.woff') format('woff'), url('/fonts/DINNextLTPro-LightItalic.ttf') format('truetype'), url('/fonts/DINNextLTPro-LightItalic.svg#DinNextLTProLight') format('svg');
	font-weight:300;
	font-style:italic;
}