/***/
@font-face {
    font-family: 'Mt';
    src: url('Montserrat-Regular.woff2') format('woff2'),
         url('Montserrat-Regular.woff') format('woff'),
         url('Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MtM';
    src: url('Montserrat-Medium.woff2') format('woff2'),
         url('Montserrat-Medium.woff') format('woff'),
         url('Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MtB';
    src: url('Montserrat-Bold.woff2') format('woff2'),
         url('Montserrat-Bold.woff') format('woff'),
         url('Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bw';
    src: url('Barlow-Regular.woff2') format('woff2'),
         url('Barlow-Regular.woff') format('woff'),
         url('Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BwM';
    src: url('Barlow-Medium.woff2') format('woff2'),
         url('Barlow-Medium.woff') format('woff'),
         url('Barlow-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BwB';
    src: url('Barlow-Bold.woff2') format('woff2'),
         url('Barlow-Bold.woff') format('woff'),
         url('Barlow-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Uu';
    src: url('Ubuntu-Regular.woff2') format('woff2'),
         url('Ubuntu-Regular.woff') format('woff'),
         url('Ubuntu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UuM';
    src: url('Ubuntu-Medium.woff2') format('woff2'),
         url('Ubuntu-Medium.woff') format('woff'),
         url('Ubuntu-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UuB';
    src: url('Ubuntu-Bold.woff2') format('woff2'),
         url('Ubuntu-Bold.woff') format('woff'),
         url('Ubuntu-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'R';
    src: url('Roboto-Regular.woff2') format('woff2'),
         url('Roboto-Regular.woff') format('woff'),
         url('Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RM';
    src: url('Roboto-Medium.woff2') format('woff2'),
         url('Roboto-Medium.woff') format('woff'),
         url('Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RB';
    src: url('Roboto-Bold.woff2') format('woff2'),
         url('Roboto-Bold.woff') format('woff'),
         url('Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/****/
CSS@viewport
{
   width: device-width;			/* largeur du viewport */
   zoom: 1;						/* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}
/****/
@media (max-device-width:768px) and (orientation: landscape) { html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
/****/
/* *********************** */
/* RAZ tous styles de base */
/* *********************** */
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,
li,ol,ul,fieldset,form,label,input,textarea,legend,button,select,option,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; color:inherit; text-decoration:none; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:inherit; line-height:inherit; border:none;
  background-color:rgba(0,0,0,0); outline:none;
}
p,a,li,ol,ul,fieldset,form,label,input,textarea,legend,select,option { font-family:Roboto,sans-serif; color:#0e0f0f; }
button { font-family:Uu,sans-serif; cursor:pointer; outline-style:none; }
button[disabled] { cursor:initial; }
input:focus *, button:focus * { outline:none; }
input:focus, button:focus { outline:none; }
ol,ul{list-style:none}
q::before,q::after,blockquote::before,blockquote::after{content:""}
*,*::after,*::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/****/
/****/
html
{
	width					: 100%;
	min-height				: 100%;
	min-height				: -webkit-fill-available; /* mobile viewport bug fix */
	box-sizing				: border-box;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust	: 100%;
	-ms-text-size-adjust	: 100%;
	--vh					: 4px;
}
body
{
	position	: relative;
	width		: 100%;
	height		: 100%;
	margin		: 0;
	padding		: 0;
	font-family	: Uu, R, Arial;
	color		: #0e0f0f;
	line-height	: 1em;
	text-align	: center;
	z-index		: 0;
	min-height	: -webkit-fill-available; /* mobile viewport bug fix */
}
@media all and (max-width: 376px) { body { font-size:12px; } }
@media all and (min-width: 377px) and (max-width: 480px)  { body { font-size:14px; } }
@media all and (min-width: 481px) and (max-width: 1200px)  { body { font-size:16px; } }
@media all and (min-width: 1201px) { body { font-size:18px; } }
/****/
/****/
.wrapall { opacity:0; }
/****/
/****/
header, footer, section
{
	font-family	: inherit;
	color		: inherit;
	line-height	: inherit;
}
/****/
/****/
noscript
{
	position:fixed;
	width:80%;
	max-width:800px;
	top:50%;
	left:50%;
	padding:2em;
	transform:translate(-50%,-50%);
	background-color:rgba(0,0,0,0.7);
	text-align:left;
	color:white;
	font-family:R;
	font-size:1em;
	border-radius:1em;
}
/****/
/****/
#nonavigateur { opacity:0; position:fixed; width:80%; max-width:780px; top:50%; left:50%; transform:translate(-50%,-50%); padding:2em; background-color:rgba(66,183,218,0.9);
				color:#FFFFFF; font-family:Uu, Roboto, Arial; font-weight:bold; font-size:1.1em; line-height:150%; text-align:left; border-radius:1em; }
#nonavigateur img { position:absolute; width:auto; height:10em; max-height:50%; top:0; left:50%; transform:translate(-50%,-150%); }
/****/
/***/