@charset "iso-8859-1";


@font-face{
	font-family: 'roboto';/*robotolight*/
	src: url('./fonts/roboto-light/roboto-light.eot');
	src: url('./fonts/roboto-light/roboto-light.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/roboto-light/roboto-light.woff2') format('woff2'),
		 url('./fonts/roboto-light/roboto-light.woff') format('woff');
	font-weight: var(--light);
	font-style: normal;
}

@font-face{
	font-family: 'roboto';/*robotoregular*/
	src: url('./fonts/roboto-regular/roboto-regular.eot');
	src: url('./fonts/roboto-regular/roboto-regular.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/roboto-regular/roboto-regular.woff2') format('woff2'),
		 url('./fonts/roboto-regular/roboto-regular.woff') format('woff');
	font-weight: var(--regular);
	font-style: normal;
}

@font-face{
	font-family: 'roboto';/*robotobold*/
	src: url('./fonts/roboto-bold/roboto-bold.eot');
	src: url('./fonts/roboto-bold/roboto-bold.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/roboto-bold/roboto-bold.woff2') format('woff2'),
		 url('./fonts/roboto-bold/roboto-bold.woff') format('woff');
	font-weight: var(--bold);
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-SemiBold.eot');
    src: url('./fonts/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-Thin.eot');
    src: url('./fonts/montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-Bold.eot');
    src: url('./fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-Black.eot');
    src: url('./fonts/montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-Black.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-ExtraBold.eot');
    src: url('./fonts/montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-ExtraLight.eot');
    src: url('./fonts/montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-Light.eot');
    src: url('./fonts/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-Regular.eot');
    src: url('./fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat/Montserrat-Medium.eot');
    src: url('./fonts/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('./fonts/montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-Light.eot');
    src: url('./fonts/rubik/Rubik-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-Light.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-Medium.eot');
    src: url('./fonts/rubik/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-Medium.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-Regular.eot');
    src: url('./fonts/rubik/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-Regular.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-SemiBold.eot');
    src: url('./fonts/rubik/Rubik-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-SemiBold.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-Black.eot');
    src: url('./fonts/rubik/Rubik-Black.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-Black.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-Bold.eot');
    src: url('./fonts/rubik/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-Bold.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/rubik/Rubik-ExtraBold.eot');
    src: url('./fonts/rubik/Rubik-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/rubik/Rubik-ExtraBold.woff2') format('woff2'),
        url('./fonts/rubik/Rubik-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto sans';
    src: url('./fonts/notoSans/NotoSans-SemiBold.eot');
    src: url('./fonts/notoSans/NotoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/notoSans/NotoSans-SemiBold.woff2') format('woff2'),
        url('./fonts/notoSans/NotoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/* Older browsers */

html{
	font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    background-color: #fff;
    font-size: 1.6rem;
    color: var(--grey);
    font-family: var(--font-secondary);
    line-height: 157%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

input[type=submit]{
	-webkit-appearance: none;
	border-radius: 0;
}


*{
		-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.lt-ie7 *{behavior:url(../scripts/boxsizing.htc)}



a, a:hover, a:focus{
		-moz-transition: background 0.3s, color 0.3s;
		-webkit-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}



/* ---------------
APPARENCE DES IMAGES
-----------------*/
img{
	border:0;
	vertical-align: bottom;
	max-width:100%;
}
.map img{
	max-width:inherit;
}