@charset 'UTF-8';
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
	line-height: 1;
    /* 1 */
	-ms-text-size-adjust: 100%;
    /* 2 */
	-webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: .67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    /* 1 */
	overflow: visible;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
    /* 1 */
	height: 0;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
    /* 1 */
	font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent;
    /* 1 */
	-webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    /* 1 */
	text-decoration: underline;
    /* 2 */
	text-decoration: underline dotted;
	border-bottom: none;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
    /* 1 */
	font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
	color: #000;
	background-color: #ff0;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
    /* 1 */
	font-size: 100%;
    /* 1 */
	line-height: 1.15;
    /* 1 */
	margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    /* 2 */
	display: table;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
    /* 1 */
	max-width: 100%;
    /* 1 */
	padding: 0;
    /* 3 */
	white-space: normal;
    /* 1 */
	color: inherit;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block;
    /* 1 */
	vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
    /* 1 */
	padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    /* 1 */
	outline-offset: -2px;
	-webkit-appearance: textfield;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    /* 1 */
	font: inherit;
	-webkit-appearance: button;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}

/*	BURGER ICON
-----------------------------------------------------------------------------------------*/
.c-hamburger {
	font-size: 0;
	position: relative;
	z-index: 110;
	display: inline-block;
	overflow: hidden;
	width: 60px;
	height: 58px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s;
	text-indent: -9999px;
	border: none;
	-moz-border-radius: 0;
	     border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	position: absolute;
	top: 29px;
	right: 15px;
	left: 15px;
	display: block;
	height: 2px;
	background: #fff;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #fff;
}

.c-hamburger span::before {
	top: -12px;
}

.c-hamburger span::after {
	bottom: -12px;
}

.c-hamburger--htx {
	background-color: #c40051;
}

.c-hamburger--htx span {
	-webkit-transition: background 0s .3s;
	-o-transition: background 0s .3s;
	-moz-transition: background 0s .3s;
	transition: background 0s .3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	-webkit-transition-delay: .3s, 0s;
	   -moz-transition-delay: .3s, 0s;
	     -o-transition-delay: .3s, 0s;
	        transition-delay: .3s, 0s;
	-webkit-transition-duration: .3s, .3s;
	   -moz-transition-duration: .3s, .3s;
	     -o-transition-duration: .3s, .3s;
	        transition-duration: .3s, .3s;
}

.c-hamburger--htx span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, -webkit-transform;
	-o-transition-property: top, -o-transform;
	-moz-transition-property: top, transform, -moz-transform;
	transition-property: top, transform;
	transition-property: top, transform, -webkit-transform, -moz-transform, -o-transform;
}

.c-hamburger--htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, -webkit-transform;
	-o-transition-property: bottom, -o-transform;
	-moz-transition-property: bottom, transform, -moz-transform;
	transition-property: bottom, transform;
	transition-property: bottom, transform, -webkit-transform, -moz-transform, -o-transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {
	background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	-webkit-transition-delay: 0s, .3s;
	   -moz-transition-delay: 0s, .3s;
	     -o-transition-delay: 0s, .3s;
	        transition-delay: 0s, .3s;
}

/* ---------------  Grid system  --------------- */
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.row::after {
	display: table;
	clear: both;
	content: '';
}

.col {
	float: left;
	padding: 0 15px;
}

.col-1 {
	float: left;
	width: 100%;
	padding: 0 15px;
}

.col-2 {
	float: left;
	width: 50%;
	padding: 0 15px;
}

.col-3 {
	float: left;
	width: 33.33333%;
	padding: 0 15px;
}

.col-4 {
	float: left;
	width: 25%;
	padding: 0 15px;
}

.col-5 {
	float: left;
	width: 20%;
	padding: 0 15px;
}

.col-6 {
	float: left;
	width: 16.66666%;
	padding: 0 15px;
}

.col-2of3 {
	float: left;
	width: 66.66666%;
	padding: 0 15px;
}

.col-3of4 {
	float: left;
	width: 75%;
	padding: 0 15px;
}

/** 
 *  Règles de base
 */
html {
	font-size: 16px;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #473d37;
	background-color: white;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

*::after,
*::before {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

a {
	-webkit-transition: color .4s ease-out;
	-o-transition: color .4s ease-out;
	-moz-transition: color .4s ease-out;
	transition: color .4s ease-out;
	text-decoration: none;
	color: red;
}

a img {
	border: none;
}

a:active,
a:focus,
button:active,
button:focus {
	outline: none;
}

h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	margin: 0;
	color: white;
}

h1 span {
	font-weight: 600;
}

h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	margin: 0 0 .5em;
	text-align: left;
}

h2 span {
	font-weight: 600;
	display: block;
	color: #dc004e;
}

h3 {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	margin: 0;
}

p {
	font-size: 1.125em;
	line-height: 1.4;
	margin: 0;
}

p + p {
	margin-top: 1em;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

sup {
	font-size: .625em;
	vertical-align: super;
}

sub {
	font-size: .625em;
	vertical-align: sub;
}

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='search'] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

input[type='text']:-webkit-autofill,
input[type='email']:-webkit-autofill,
input[type='tel']:-webkit-autofill,
input[type='url']:-webkit-autofill,
input[type='search']:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 9999px white;
}

input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='search']:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	opacity: 1;
	color: rgba(71, 61, 55, .5);
}

input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='search']::-moz-placeholder {
    /* Mozilla Firefox 19+ */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	opacity: 1;
	color: rgba(71, 61, 55, .5);
}

input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
input[type='url']::-ms-input-placeholder,
input[type='search']::-ms-input-placeholder {
    /* Microsoft Edge */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder {
    /* Most modern browsers support this now. */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='search']:-moz-placeholder {
    /* Most modern browsers support this now. */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='search']::-moz-placeholder {
    /* Most modern browsers support this now. */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder {
    /* Most modern browsers support this now. */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='tel']::placeholder,
input[type='url']::placeholder,
input[type='search']::placeholder {
    /* Most modern browsers support this now. */
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: rgba(71, 61, 55, .5);
}

/**
 *  HEADER
 */
.header {
	position: fixed;
	z-index: 9000;
	top: 0;
	right: 0;
	left: 0;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background-color: rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 4px 10px 0 rgba(100, 100, 100, 0);
	   -moz-box-shadow: 0 4px 10px 0 rgba(100, 100, 100, 0);
	        box-shadow: 0 4px 10px 0 rgba(100, 100, 100, 0);
}

.header.shrink {
	background-color: rgba(255, 255, 255, .9);
	-webkit-box-shadow: 0 4px 10px 0 rgba(100, 100, 100, .15);
	   -moz-box-shadow: 0 4px 10px 0 rgba(100, 100, 100, .15);
	        box-shadow: 0 4px 10px 0 rgba(100, 100, 100, .15);
}

.header.shrink .header-logo {
	width: 121px;
	padding: 0;
}

.header > .container {
	position: relative;
	padding: 15px;
}

.header-top-bar {
	background-color: #c40051;
}

.header-top-bar .container {
	padding: 0 15px;
}

.header-top-bar nav {
	float: right;
	padding: 2px 0;
	text-align: right;
}

.header-top-bar li {
	line-height: 1.25;
	position: relative;
	float: left;
}

.header-top-bar li::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	border-left: 1px solid white;
}

.header-top-bar li:last-of-type::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	border-right: 1px solid white;
}

.header-top-bar li a {
	display: block;
	padding: 0 .75em;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-transform: uppercase;
	color: white;
	background-color: transparent;
}

.header-top-bar li a.active {
	color: black;
}

.header-top-bar li a.active:hover {
	color: black;
}

.header-top-bar li a:hover {
	color: #c40051;
	background-color: white;
}

.header-logo {
	display: inline-block;
	width: 173px;
	padding: 0;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.menu-main {
	position: absolute;
	z-index: 10000;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.menu-main ul {
	float: left;
	-webkit-transition: z-index,visibility,opacity .3s ease-out;
	-o-transition: z-index,visibility,opacity .3s ease-out;
	-moz-transition: z-index,visibility,opacity .3s ease-out;
	transition: z-index,visibility,opacity .3s ease-out;
}

.menu-main ul + a {
	z-index: 10000;
	display: block;
	float: left;
	margin-left: 20px;
}

.menu-main li {
	display: block;
	float: left;
}

.menu-main li + li {
	margin-left: 20px;
}

.menu-main li.client-bt-wrapper {
	display: block;
}

.menu-main li a {
	display: block;
}

.menu-main li a.client-bt {
	visibility: hidden;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 0;
}

.menu-main li a.client-bt.is-visible {
	visibility: visible;
	opacity: 1;
}

.menu-main li a.is-active {
	border: 2px solid rgba(0, 0, 0, .75);
	background-color: rgba(0, 0, 0, .75);
}

.menu-main li a.is-active:hover {
	color: black;
}

.menu-open .menu-main ul + a.is-active {
	background-color: transparent;
}

.languages-bt-wrapper {
	display: none !important;
}

.header-box {
	position: absolute;
	right: 15px;
	bottom: -50px;
	display: none;
	max-width: 24em;
	padding: 15px 30px;
	-webkit-transition: background-color,-webkit-box-shadow .3s ease-out;
	transition: background-color,-webkit-box-shadow .3s ease-out;
	-o-transition: background-color,box-shadow .3s ease-out;
	-moz-transition: background-color,box-shadow .3s ease-out,-moz-box-shadow .3s ease-out;
	transition: background-color,box-shadow .3s ease-out;
	transition: background-color,box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out,-moz-box-shadow .3s ease-out;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	     -o-transform: translateY(100%);
	        transform: translateY(100%);
	background-color: rgba(161, 29, 58, .9);
}

.languages-box {
	width: 16em;
}

.languages-box li a {
	font-size: 1.125em;
	display: block;
	padding: 1em 0;
	text-transform: uppercase;
	color: white;
}

.languages-box li a:hover {
	color: black;
}

.languages-box li + li {
	border-top: 1px solid white;
}

.business-box {
	width: 24em;
}

.business-box h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	line-height: 1.2;
	text-transform: uppercase;
	color: white;
}

.business-box h2 span {
	font-weight: 400;
	display: block;
	color: white;
}

.business-box p {
	color: white;
}

.business-box .wrapper {
	margin-top: 30px;
}

.menu-languages {
	display: inline-block;
	float: right;
	margin-left: 70px;
}

.menu-secondary {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow-y: auto;
	padding: 50px 0;
	-webkit-transition: bottom .3s ease-out;
	-o-transition: bottom .3s ease-out;
	-moz-transition: bottom .3s ease-out;
	transition: bottom .3s ease-out;
	background-color: rgba(161, 29, 58, .9);
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .45);
	   -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .45);
	        box-shadow: 0 0 12px 0 rgba(0, 0, 0, .45);
}

.menu-secondary .container {
	padding: 0 15px;
}

.menu-secondary nav {
	padding-right: 120px;
	text-align: right;
}

.menu-secondary ul {
	display: inline-block;
}

.menu-secondary li {
	display: block;
	text-align: left;
}

.menu-secondary li.menu-secondary-business {
	display: none;
}

.menu-secondary li a {
	font-size: 1.25em;
	display: block;
	padding: .5em 0;
	text-transform: uppercase;
	color: white;
}

.menu-secondary li a:hover {
	color: black;
}

.menu-secondary .menu-secondary-languages {
	display: none;
}

.header.shrink .menu-secondary,
.header.shrink .header-box {
	bottom: -21px;
}

.menu-open .menu-secondary .menu-secondary-languages {
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.menu-open #menu-main-list {
		display: block !important;
	}

	#menu-main-list {
		opacity: 1 !important;
	}

	.menu-open .menu-main ul + a.is-active {
		background-color: #c40051;
	}

	.menu-secondary {
		position: absolute;
		top: auto;
		right: 15px;
		bottom: -46px;
		left: auto;
		display: none;
		width: auto;
		padding: 15px;
		-webkit-transform: translateY(100%);
		   -moz-transform: translateY(100%);
		    -ms-transform: translateY(100%);
		     -o-transform: translateY(100%);
		        transform: translateY(100%);
		background-color: rgba(161, 29, 58, .9);
	}

	.menu-secondary .container {
		padding: 0 15px;
	}

	.menu-secondary nav {
		padding-right: 0;
		text-align: right;
	}

	.menu-secondary ul {
		display: inline-block;
	}

	.menu-secondary li {
		display: block;
		text-align: left;
	}

	.menu-secondary li + li {
		border-top: 1px solid white;
	}

	.menu-secondary li.menu-secondary-business {
		display: none;
	}

	.menu-secondary li a {
		font-size: 1em;
		display: block;
		padding: 10px 5px;
		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		transition: all .3s ease-out;
		letter-spacing: .025em;
		text-transform: uppercase;
		color: white;
		background-color: transparent;
	}

	.menu-secondary li a:hover {
		color: #a11d3a;
		background-color: white;
	}

	.menu-secondary .menu-secondary-languages {
		display: none;
	}

	.menu-open .menu-secondary .menu-secondary-languages {
		display: none;
	}
}

.clearfix::after {
	display: table;
	clear: both;
	content: '';
}

.hidden {
	visibility: hidden;
	opacity: 0;
}

.bt {
	font-size: 1.125em;
	line-height: 1.25;
	display: inline-block;
	padding: 16px 1.5em;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-align: center;
	text-transform: uppercase;
	color: white;
}

.bt.bt-red {
	border: 2px solid #c40051;
	background-color: #c40051;
}

.bt.bt-red:hover {
	color: #c40051;
	background-color: white;
}

.bt.bt-green {
	padding: 5px 1.5em;
	border: 2px solid #95c11f;
	background-color: #95c11f;
}

.bt.bt-green:hover {
	color: #95c11f;
	background-color: white;
}

.bt.bt-small {
	padding-right: .75em;
	padding-left: .75em;
}

.bt span {
	display: block;
}

h3.etape-title {
	font-size: 3em;
	max-width: 18em;
	margin: 0 auto .58em;
	text-align: center;
}

h3.etape-title span {
	font-size: 3.5rem;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
	color: #dc004e;
}

h3.etape-title span + span {
	font-size: .5em;
	font-weight: 400;
	display: block;
	margin-top: .25em;
	text-transform: none;
	color: #473d37;
}

.site-wrapper {
	overflow-x: hidden;
}

.slider-wrapper {
	position: relative;
}

.slider-wrapper .container {
	position: absolute;
	z-index: 110;
	top: 0;
	bottom: 0;
	left: 50%;
	padding: 0 15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.slider-wrapper h1 {
	display: inline-block;
	margin: 0;
	margin-top: 220px;
	padding: 25px 30px 30px;
	background-color: rgba(71, 61, 55, .6);
}

.slider-wrapper h1 span {
	font-weight: 400;
	display: block;
}

.slider-wrapper h1 strong {
	font-weight: 600;
}

.slider-wrapper .wrapper-bt {
	margin-top: 30px;
	padding-left: 30px;
}

.slider-wrapper .wrapper-bt + .wrapper-bt {
	margin-top: 15px;
}

.slider-wrapper .bt {
	width: 11em;
	text-align: center;
}

.slider-wrapper .bt.bt-red {
	padding: 5px 1.5em;
}

.slider {
	position: relative;
	height: 700px;
}

.slide {
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: cover;
	     background-size: cover;
}

.partagez {
	padding: 50px 0;
	background-color: #e4e2e1;
}

.partagez .col-2:first-of-type {
	float: right;
}

.partagez .col-2:last-of-type {
	padding-top: 80px;
}

.partagez-visu {
	position: relative;
}

.partagez-visu::before {
	position: absolute;
	top: -18%;
	right: 18%;
	width: 13%;
	height: 21.85%;
	content: '';
	background: transparent url('../images/picto-auto-2.svg') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.partagez-visu::after {
	position: absolute;
	top: 6%;
	right: -2.5%;
	width: 13%;
	height: 20%;
	content: '';
	-webkit-transform: rotate(-25deg);
	   -moz-transform: rotate(-25deg);
	    -ms-transform: rotate(-25deg);
	     -o-transform: rotate(-25deg);
	        transform: rotate(-25deg);
	background: transparent url('../images/picto-auto-3.svg') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.partagez-visu .wrapper {
	max-width: 570px;
}

.partagez-visu .wrapper::before {
	position: absolute;
	top: 33%;
	left: -3%;
	width: 12%;
	height: 20%;
	content: '';
	background: transparent url('../images/picto-auto-1.svg') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.partagez-visu img {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: auto;
}

.partagez-visu ul li:first-of-type {
	position: absolute;
	top: -12%;
	left: 2%;
	width: 21%;
	max-width: 120px;
}

.partagez-visu ul li:last-of-type {
	position: absolute;
	right: 15%;
	bottom: -24%;
	width: 37.54%;
	max-width: 214px;
}

.partagez-content {
	padding-left: 50px;
}

.partagez-content h2 span {
	display: inline-block;
}

.partagez-content h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin: 1em 0;
	color: #c40051;
}

.partagez-content p + ul {
	margin-top: .5em;
}

.partagez-content li {
	font-size: 1.125em;
	line-height: 1.4;
	position: relative;
	padding-left: 20px;
}

.partagez-content li::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 15px;
	content: '';
	-webkit-transform: translateY(30%);
	   -moz-transform: translateY(30%);
	    -ms-transform: translateY(30%);
	     -o-transform: translateY(30%);
	        transform: translateY(30%);
	background: transparent url('../images/bullet-check.svg') left top no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.partagez-content .wrapper {
	margin-top: 30px;
}

.fonctionnement {
	padding: 50px 0;
}

.fonctionnement .container {
	position: relative;
}

.fonctionnement .col-2:last-of-type {
	position: absolute;
	left: 50%;
	float: none;
	height: 100%;
}

.fonctionnement-visu {
	position: relative;
	top: 128px;
}

.fonctionnement-visu .wrapper {
	position: relative;
}

.fonctionnement-visu .wrapper::before {
	position: absolute;
	top: 16%;
	left: 9%;
	width: 32%;
	height: 25.5%;
	content: '';
	background: transparent url('../images/iphone-picto-1.png') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.fonctionnement-visu .wrapper::after {
	position: absolute;
	top: 29%;
	right: 18.5%;
	width: 18%;
	height: 17%;
	content: '';
	background: transparent url('../images/iphone-picto-2.png') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.fonctionnement-visu img {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	max-width: 570px;
	height: auto;
}

.fonctionnement-visu li:first-of-type {
	position: absolute;
	bottom: 30%;
	left: 8%;
	width: 25%;
}

.fonctionnement-visu li:first-of-type img {
	display: block;
	width: 100%;
	max-width: 516px;
	height: auto;
}

.fonctionnement-visu li:last-of-type {
	position: absolute;
	z-index: 10;
	right: 10%;
	bottom: 22%;
	width: 24%;
	-webkit-transform: rotate(-20deg);
	   -moz-transform: rotate(-20deg);
	    -ms-transform: rotate(-20deg);
	     -o-transform: rotate(-20deg);
	        transform: rotate(-20deg);
}

.fonctionnement-visu li:last-of-type img {
	display: block;
	width: 100%;
	max-width: 465px;
	height: auto;
}

.fonctionnement-content {
	padding-left: 30px;
}

.fonctionnement-content h2 {
	max-width: 10em;
}

.fonctionnement-content p + ul {
	margin-top: .5em;
}

.fonctionnement-content li {
	font-size: 1.125em;
	line-height: 1.4;
	position: relative;
	padding-left: 20px;
}

.fonctionnement-content li::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 15px;
	content: '';
	-webkit-transform: translateY(30%);
	   -moz-transform: translateY(30%);
	    -ms-transform: translateY(30%);
	     -o-transform: translateY(30%);
	        transform: translateY(30%);
	background: transparent url('../images/bullet-check.svg') left top no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.fonctionnement-content .store-badges {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.fonctionnement-content .store-badges a {
	display: inline-block;
}

.fonctionnement-content .store-badges a img {
	display: block;
	width: auto;
	height: 32px;
	vertical-align: top;
}

.fonctionnement-content .store-badges a + a {
	margin-left: 6px;
}

.fonctionnement-content .wrapper {
	margin-top: 30px;
}

.fonctionnement-content .bt {
	float: left;
}

.fonctionnement-content .bt + .bt {
	margin-left: 15px;
}

.decidez {
	padding: 50px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c40050+38,a11d3a+100 */
	background: #c40050;
    /* Old browsers */
	background: -moz-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c40050), to(#a11d3a));
	background: linear-gradient(to bottom, #c40050 38%, #a11d3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40050', endColorstr='#a11d3a',GradientType=0 );
    /* IE6-9 */
}

.decidez > .container {
	position: relative;
}

.decidez .col-2:first-of-type {
	float: right;
}

.decidez h2 {
	max-width: 7.5em;
	color: white;
}

.decidez h2.de {
	font-size: 3.125em;
	max-width: 100%;
}

.decidez h2 span {
	display: inline;
	color: white;
}

.decidez h3 {
	font-size: 2.5em;
	max-width: 12em;
	margin-left: 30px;
	color: white;
}

.decidez h3 span {
	font-weight: 600;
}

.decidez-visu {
	max-width: 415px;
	margin-top: 40px;
	margin-left: 30px;
}

.decidez-visu img {
	display: block;
	width: 100%;
	height: auto;
}

.decidez-content {
	padding-top: 200px;
	padding-left: 50px;
}

.decidez-pictos {
	position: relative;
	left: 50%;
	margin-top: 50px;
	padding: 0 15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-align: center;
}

.decidez-pictos ul {
	display: inline-block;
}

.decidez-pictos li {
	position: relative;
	float: left;
	text-align: center;
}

.decidez-pictos li + li {
	margin-left: 80px;
}

.decidez-pictos li:last-of-type span {
	background-color: #95c11f;
}

.decidez-pictos li:last-of-type span::after {
	display: none;
}

.decidez-pictos li:nth-of-type(3) span img {
	bottom: 2px;
	-webkit-transform: translate(-50%, 0%);
	   -moz-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);
	     -o-transform: translate(-50%, 0%);
	        transform: translate(-50%, 0%);
}

.decidez-pictos li span {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	border: 2px solid white;
	-moz-border-radius: 100%;
	     border-radius: 100%;
}

.decidez-pictos li span::after {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 120px;
	content: '';
	border: 1px solid white;
}

.decidez-pictos li span img {
	position: absolute;
	bottom: 50%;
	left: 50%;
	display: block;
	width: 60%;
	height: auto;
	-webkit-transform: translate(-50%, 50%);
	   -moz-transform: translate(-50%, 50%);
	    -ms-transform: translate(-50%, 50%);
	     -o-transform: translate(-50%, 50%);
	        transform: translate(-50%, 50%);
}

.decidez-pictos li p {
	min-width: 7em;
	max-width: 7em;
	margin-top: 20px;
	text-align: center;
	color: white;
}

.modeles {
	padding: 50px 0 0;
}

.modeles h2 {
	text-align: center;
}

.modeles h2 span {
	display: inline;
}

.modeles-intro {
	padding: 0 15px 30px;
}

.modeles-intro p {
	max-width: 40em;
	margin: 0 auto;
	text-align: center;
}

.modeles-visu-wrapper {
	position: relative;
}

.modeles-visu-wrapper::before {
	position: absolute;
	top: 67%;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background-color: #c40050;
}

.modeles-visu-wrapper > .container {
	position: relative;
	padding: 0 45px;
}

.modeles-visu {
	position: relative;
}

.modeles-visu img {
	display: block;
	width: 100%;
	max-width: 1120px;
	height: auto;
	margin: 0 auto;
}

.modeles-visu li {
	position: absolute;
	top: 0;
}

.modeles-visu li:first-of-type {
	top: 3%;
	left: 12.5%;
	width: 7.143%;
	max-width: 80px;
}

.modeles-visu li:nth-of-type(2) {
	top: 7%;
	left: 53%;
	width: 6.67%;
	max-width: 74px;
}

.modeles-visu li:last-of-type {
	top: 11%;
	right: 9%;
	width: 7.857%;
	max-width: 88px;
}

.modeles-visu li img {
	display: block;
	width: 100%;
	height: auto;
}

.modeles-content {
	padding: 30px 0 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c40050+38,a11d3a+100 */
	background: #c40050;
    /* Old browsers */
	background: -moz-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c40050), to(#a11d3a));
	background: linear-gradient(to bottom, #c40050 38%, #a11d3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40050', endColorstr='#a11d3a',GradientType=0 );
    /* IE6-9 */
}

.modeles-content h3 {
	font-weight: 700;
	margin-bottom: .875em;
	text-align: center;
	letter-spacing: .05em;
	color: white;
}

.modeles-content h3 a {
	position: relative;
	display: inline-block;
	color: white;
}

.modeles-content h3 a span {
	display: inline-block;
	text-decoration: underline;
}

.modeles-content h3 a img {
	position: absolute;
	top: 50%;
	right: -8px;
	display: inline-block;
	width: 100%;
	max-width: 28px;
	margin-left: 2px;
	-webkit-transform: translate(100%, -50%);
	   -moz-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	     -o-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);
}

.modeles-content p {
	text-align: center;
	color: white;
}

.modeles-content p span {
	display: block;
}

.modeles-text {
	max-width: 48em;
	margin: 50px auto 0;
}

.modeles-link {
	margin-top: 45px;
	text-align: center;
}

.modeles-link .bt.bt-green {
	padding: 16px 1.5em;
}

.stations {
	padding-top: 50px;
}

.stations > .container {
	padding: 0 15px;
}

.stations > .container .row:first-of-type h2 {
	text-align: center;
}

.stations > .container .row:first-of-type h2 span {
	display: inline;
}

.stations > .container .row:first-of-type p {
	max-width: 44em;
	margin: 0 auto;
	text-align: center;
}

.stations-map {
	padding-top: 45px;
}

.stations-map iframe {
	display: block;
	width: 100%;
	border: 0 none;
}

.tarifs h2 {
	max-width: 12.5em;
	margin: 0 auto .5em;
}

.tarifs,
.packages {
	padding: 50px 0;
}

.tarifs > .container .row:first-of-type,
.packages > .container .row:first-of-type {
	padding: 0 15px;
}

.tarifs > .container .row:first-of-type h2,
.packages > .container .row:first-of-type h2 {
	text-align: center;
}

.tarifs > .container .row:first-of-type p,
.packages > .container .row:first-of-type p {
	max-width: 40em;
	margin: 0 auto;
	text-align: center;
}

.tarifs > .container .row:first-of-type ul,
.packages > .container .row:first-of-type ul {
	font-size: 1.125em;
	max-width: 40em;
	margin: 1em auto 0;
}

.tarifs > .container .row:first-of-type ul + p,
.packages > .container .row:first-of-type ul + p {
	margin-top: 1em;
}

.tarifs > .container .row:first-of-type li,
.packages > .container .row:first-of-type li {
	line-height: 1.4;
	text-align: center;
}

.tarifs > .container .row:first-of-type li span,
.packages > .container .row:first-of-type li span {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.tarifs > .container .row:first-of-type li span::before,
.packages > .container .row:first-of-type li span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 15px;
	content: '';
	-webkit-transform: translateY(30%);
	   -moz-transform: translateY(30%);
	    -ms-transform: translateY(30%);
	     -o-transform: translateY(30%);
	        transform: translateY(30%);
	background: transparent url('../images/bullet-check.svg') left top no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.tarifs-boxes,
.packages-boxes {
	padding-top: 45px;
}

.tarifs-box,
.packages-box {
	display: block;
	padding: 2.5em 1.25em;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
	text-align: center;
	background-color: #f6f6f6;
}

.tarifs-box header,
.packages-box header {
	min-height: 3.5em;
	margin-bottom: 1.25em;
}

.tarifs-box header p,
.packages-box header p {
	font-size: .75em;
}

.tarifs-box h3,
.packages-box h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2;
	max-width: 8em;
	margin: 0 auto;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	transition: color .3s ease-out;
	text-transform: uppercase;
	color: #dc004e;
}

.tarifs-box p,
.packages-box p {
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	transition: color .3s ease-out;
	color: #473d37;
}

.tarifs-box p + p,
.packages-box p + p {
	margin-top: 1.25em;
}

.tarifs-box p span,
.packages-box p span {
	font-weight: 400;
	display: block;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	transition: color .3s ease-out;
	color: #dc004e;
}

.tarifs-box h3 {
	margin: 0 auto .25em;
}

.tarifs-box p sup {
	top: 0;
}

.tarifs-box-horaire,
.tarifs-box-km {
	margin: 1.5em auto 0;
}

.tarifs-box-horaire p span,
.tarifs-box-km p span {
	font-weight: 400;
	display: inline;
}

.tarifs-box-horaire p + p,
.tarifs-box-km p + p {
	margin-top: 0;
}

.tarifs-legend {
	font-size: 1.125em;
	max-width: 44em;
	margin: 35px auto 0;
}

.tarifs-legend p {
	font-size: .833em;
	text-align: center;
}

.tarifs-box-link {
	display: block;
}

.tarifs-box-link:hover .tarifs-box {
	background-color: #c40051;
}

.tarifs-box-link:hover .tarifs-box h3,
.tarifs-box-link:hover .tarifs-box p,
.tarifs-box-link:hover .tarifs-box p span {
	color: white;
}

.tarifs-box-bt {
	margin-top: 2em;
	text-align: center;
}

.tarifs-box-bt .bt {
	width: 11em;
}

.tarifs-box-bt .bt.bt-green {
	padding: 5px 1.5em;
}

.tarifs-box-bt .bt.bt-green span {
	display: block;
}

.simulateur {
	padding: 50px 0 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c40050+38,a11d3a+100 */
	background: #c40050;
    /* Old browsers */
	background: -moz-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c40050), to(#a11d3a));
	background: linear-gradient(to bottom, #c40050 38%, #a11d3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40050', endColorstr='#a11d3a',GradientType=0 );
    /* IE6-9 */
}

.simulateur > .container {
	padding: 0 15px;
}

.simulateur h2 {
	text-align: center;
	color: white;
}

.simulateur h2 span {
	position: relative;
	display: inline-block;
	color: white;
}

.simulateur h2 span::after {
	position: absolute;
	top: 0;
	left: 105%;
	display: block;
	width: 50px;
	height: 64px;
	content: '';
	-webkit-transform: translateY(0%);
	   -moz-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	     -o-transform: translateY(0%);
	        transform: translateY(0%);
	background: transparent url('../images/picto-calculatrice.svg') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.simulateur p {
	text-align: center;
	color: white;
}

.simulateur p span {
	display: block;
}

.simulateur-form-wrapper {
	padding: 20px 30px;
	background-color: #f6f6f6;
}

.simulateur-form .wrapper {
	float: left;
	width: 30%;
	padding-right: 20px;
}

.simulateur-form .wrapper:last-of-type {
	width: 10%;
	padding-right: 0;
}

.simulateur-form label {
	font-family: 'Roboto', sans-serif;
	font-size: 1.125em;
	font-weight: 300;
	display: block;
	padding-bottom: 10px;
	color: #bbb;
}

.simulateur-form select {
	display: block;
	width: 100%;
	height: 38px;
	border: 1px solid #ccc;
	-moz-border-radius: 0;
	     border-radius: 0;
	background-color: white;
}

.simulateur-form select::after {
	position: absolute;
	top: 55%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border-width: 8px 6.5px 0 6.5px;
	border-top-color: #eee;
}

.simulateur-form select:focus {
	outline: none;
}

.simulateur-form input[type='text'] {
	display: inline-block;
	max-width: 90%;
	padding: 10px 10px;
	text-align: right;
	border: 0 none;
	background-color: #eee;
}

.simulateur-form input[type='text']::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
	color: #dc004e;
}

.simulateur-form input[type='text']:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
	color: #dc004e;
}

.simulateur-form input[type='text']::-moz-placeholder {
    /* Mozilla Firefox 19+ */
	color: #dc004e;
}

.simulateur-form input[type='text']:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
	color: #dc004e;
}

.simulateur-form input[type='text']::-ms-input-placeholder {
    /* Microsoft Edge */
	color: #dc004e;
}

.simulateur-form input[type='text']::-webkit-input-placeholder {
    /* Most modern browsers support this now. */
	color: #dc004e;
}

.simulateur-form input[type='text']:-moz-placeholder {
    /* Most modern browsers support this now. */
	color: #dc004e;
}

.simulateur-form input[type='text']::-moz-placeholder {
    /* Most modern browsers support this now. */
	color: #dc004e;
}

.simulateur-form input[type='text']:-ms-input-placeholder {
    /* Most modern browsers support this now. */
	color: #dc004e;
}

.simulateur-form input[type='text']::placeholder {
    /* Most modern browsers support this now. */
	color: #dc004e;
}

/*
@mixin form-input-select(){
  color: $grey;
  display: block;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  // padding: 11px 15px;
  margin-top: 9px;
  margin-bottom: 15px;
  width: 100%;

  &::before,
  &::after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none; // Arrow clickable in some browsers
    // triangle set up
    border: 1px solid transparent; // reset all borders
    width: 0;
    height: 0;
    right: 10px;
  }
 */
.simulateur-bt {
	margin-top: 45px;
	text-align: center;
}

.simulateur-bt a.bt.bt-green {
	font-size: 1.125em;
	display: inline-block;
	padding: 12px 1.5em;
}

.simulateur-bt a.bt span {
	font-size: 13px;
	display: block;
	margin-top: 6px;
	letter-spacing: .025em;
	text-transform: none;
}

.offres {
	padding: 50px 0;
}

.offres > .container {
	padding: 0 15px;
}

.offres h2 {
	text-align: center;
}

.offres h3 {
	font-size: 3em;
	margin: 1em auto .5em;
	text-align: center;
}

.offres p {
	max-width: 40em;
	margin: 0 auto;
	text-align: center;
}

.offres p + p {
	margin-top: 1em;
}

.offres p span {
	font-weight: 700;
	text-transform: uppercase;
	color: #dc004e;
}

.offres-boxes {
	margin-bottom: 1.5em;
	text-align: center;
}

.offres-box {
	position: relative;
	display: inline-block;
	margin: 0 1em;
	padding: 2.5em 3em;
	background-color: #f6f6f6;
}

.offres-box:first-of-type::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 72px;
	content: '';
	-webkit-transform: translate(-85%, -75%);
	   -moz-transform: translate(-85%, -75%);
	    -ms-transform: translate(-85%, -75%);
	     -o-transform: translate(-85%, -75%);
	        transform: translate(-85%, -75%);
	background: transparent url('../images/picto-moon.svg') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.offres-box:last-of-type::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	content: '';
	-webkit-transform: translate(75%, -75%);
	   -moz-transform: translate(75%, -75%);
	    -ms-transform: translate(75%, -75%);
	     -o-transform: translate(75%, -75%);
	        transform: translate(75%, -75%);
	background: transparent url('../images/picto-time.svg') center center no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.offres-box h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 auto .75em;
	text-transform: uppercase;
	color: #dc004e;
}

.offres-box h3 span {
	opacity: .5;
}

.offres-box p span {
	font-weight: 400;
	display: block;
	color: #dc004e;
}

.offres-link {
	margin-top: 30px;
	text-align: center;
}

.offres-link a.bt.bt-green {
	padding: 16px 1.5em;
}

.packages h2 {
	text-align: center;
}

.packages h2 span {
	display: inline;
}

.packages h2 + p {
	max-width: 40em;
}

.packages p {
	margin: 0 auto;
	text-align: center;
}

.packages-box {
	padding: 2.5em 0 0;
}

.packages-box header {
	padding: 0 1.25em;
}

.packages-box header + p {
	padding: 0 1.25em;
	letter-spacing: -.025em;
}

.packages-box p {
	padding: 0 1.25em;
}

.packages-box p + p {
	min-height: 4.2em;
	margin-top: 0;
}

.packages-box-price {
	margin-top: 1em;
	padding: .5em 1em;
	text-align: center;
	background-color: #95c11f;
}

.packages-box-price p {
	color: white;
}

.packages-box-price p span {
	font-weight: 600;
	display: block;
	color: white;
}

.packages-box-price + .packages-box-price {
	margin-top: 3px;
	background-color: #c40051;
}

.packages-box-price + .packages-box-price p span {
	text-transform: uppercase;
}

.col-4:nth-of-type(2) .packages-box-price + .packages-box-price,
.col-4:nth-of-type(3) .packages-box-price + .packages-box-price {
	background-color: #bbb;
}

.inscription {
	position: relative;
	padding: 50px 0;
}

.inscription::before {
	position: absolute;
	top: 0;
	right: 50.5%;
	bottom: 0;
	left: 0;
	content: '';
	background: transparent url('../images/inscription-visu.jpg') right top no-repeat;
	-moz-background-size: cover;
	     background-size: cover;
}

.inscription .container {
	position: relative;
}

.inscription .col-2 {
	margin-left: 50%;
}

.inscription-content {
	padding-left: 50px;
}

.inscription-content h2 {
	margin-top: 80px;
}

.inscription-content blockquote {
	position: absolute;
	right: 50%;
	bottom: 0;
	max-width: 12em;
	margin: 0;
}

.inscription-content blockquote header {
	font-size: 1.5em;
	font-weight: 500;
	color: #dc004e;
}

.inscription-content blockquote header + p {
	font-size: 1em;
	margin-top: 1em;
}

.inscription-content blockquote header + p img {
	display: inline-block;
	width: 100%;
	max-width: 36px;
	height: auto;
}

.inscription-link {
	margin-top: 30px;
}

.inscription-link .bt.bt-green {
	padding: 16px 1.5em;
}

.questions {
	padding: 50px 0;
	background-color: #e4e2e1;
}

.questions > .container {
	padding: 0 15px;
}

.questions h2 {
	text-align: center;
}

.questions p {
	max-width: 40em;
	margin: 0 auto;
	text-align: center;
}

.questions-link {
	margin-top: 30px;
	text-align: center;
}

.questions-link .bt.bt-green {
	padding: 16px 1.5em;
}

.business {
	padding: 50px 0;
	background-color: white;
}

.business > .container {
	padding: 0 15px;
}

.business h2 {
	text-align: center;
}

.business p {
	max-width: 40em;
	margin: 0 auto;
	text-align: center;
}

.business p + p {
	margin-top: 1em;
}

.business-link {
	margin-top: 30px;
	text-align: center;
}

.business-link .bt.bt-green {
	padding: 16px 1.5em;
}

.fairplay {
	padding: 50px 0;
	background-color: #e4e2e1;
}

.fairplay > .container {
	padding: 0 15px;
}

.fairplay > .container h2 {
	text-align: center;
}

.fairplay > .container p {
	max-width: 40em;
	margin: 0 auto;
	text-align: center;
}

.fairplay > .container ul {
	font-size: 1.125em;
	max-width: 40em;
	margin: 1em auto 0;
}

.fairplay > .container ul + p {
	margin-top: 1em;
}

.fairplay > .container li {
	line-height: 1.4;
	text-align: center;
}

.fairplay > .container li span {
	position: relative;
	display: inline-block;
}

.fairplay > .container li span::before {
	display: inline-block;
	width: 12px;
	height: 15px;
	margin-right: 8px;
	content: '';
	-webkit-transform: translate(0, 15%);
	   -moz-transform: translate(0, 15%);
	    -ms-transform: translate(0, 15%);
	     -o-transform: translate(0, 15%);
	        transform: translate(0, 15%);
	background: transparent url('../images/bullet-check.svg') left top no-repeat;
	-moz-background-size: contain;
	     background-size: contain;
}

.fairplay > .container li + li {
	margin-top: 5px;
}

.fairplay-link {
	margin-top: 30px;
	text-align: center;
}

.fairplay-link .bt.bt-green {
	padding: 16px 1.5em;
}

/** 
 *  FOOTER
 */
.footer {
    /* IE6-9 */
	font-size: 1em;
	padding: 50px 0 20px;
	color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c40050+38,a11d3a+100 */
	background: #c40050;
    /* Old browsers */
	background: -moz-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c40050 38%, #a11d3a 100%);
    /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #c40050), to(#a11d3a));
	background: linear-gradient(to bottom, #c40050 38%, #a11d3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40050', endColorstr='#a11d3a',GradientType=0 );
}

.footer > .container {
	position: relative;
}

.footer h3 {
	font-family: 'Dosis', sans-serif;
	font-size: 1.75em;
	font-weight: 500;
	margin-bottom: .75em;
}

.footer li {
	line-height: 1.4;
}

.footer-logo {
	width: 172px;
}

.footer-logo img {
	display: block;
	width: 100%;
	max-width: 255px;
	height: auto;
}

.footer-contact li {
	padding: 2px 0;
}

.footer-contact a {
	color: white;
}

.footer-contact a:hover {
	color: #473d37;
}

.footer-newsletter {
	margin-top: 50px;
}

.footer-newsletter .wrapper {
	padding-right: 30px;
}

.footer-newsletter form {
	position: relative;
	overflow: hidden;
}

.footer-newsletter input[type='email'] {
	font-size: 1em;
	display: block;
	width: 100%;
	height: 32px;
	padding: 6px 50px 6px 10px;
	vertical-align: middle;
	border: 0 none;
	-moz-border-radius: 0;
	     border-radius: 0;
}

.footer-newsletter input[type='email']:focus {
	outline: none;
}

.footer-newsletter button {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: -webkit-transform .15s ease-out;
	transition: -webkit-transform .15s ease-out;
	-o-transition: -o-transform .15s ease-out;
	-moz-transition: transform .15s ease-out, -moz-transform .15s ease-out;
	transition: transform .15s ease-out;
	transition: transform .15s ease-out, -webkit-transform .15s ease-out, -moz-transform .15s ease-out, -o-transform .15s ease-out;
	-webkit-transform: translateX(100%);
	   -moz-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	     -o-transform: translateX(100%);
	        transform: translateX(100%);
	-moz-border-radius: 0;
	     border-radius: 0;
}

.footer-newsletter button.visible {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
}

.footer-newsletter button.bt.bt-green {
	font-size: 1em;
	line-height: 30px;
	width: 40px;
	height: 32px;
	padding: 0 5px;
	text-align: center;
}

.footer-newsletter-required {
	font-size: .75em;
	margin-top: 6px;
}

.form-optin {
	position: relative;
	margin-top: .75em;
}

.form-optin p {
	font-size: .75em;
	padding-left: 2.375em;
}

.form-optin p a {
	text-decoration: underline;
	color: white;
}

.form-optin p a:hover {
	color: #473d37;
}

.form-optin [type='checkbox']:not(:checked),
.form-optin [type='checkbox']:checked {
	position: absolute;
	top: 4px;
	left: 0;
	width: 1.125em;
	height: 1.125em;
}

.form-optin [type='checkbox']:not(:checked)::before,
.form-optin [type='checkbox']:checked::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.125em;
	height: 1.125em;
	content: '';
	border: 2px solid white;
	background-color: white;
}

.form-optin [type='checkbox']:not(:checked)::after,
.form-optin [type='checkbox']:checked::after {
	font-size: 1.125em;
	position: absolute;
	top: 0;
	left: 2px;
	content: '✔';
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	color: #95c11f;
}

.form-optin [type='checkbox']:not(:checked)::after {
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	opacity: 0;
}

.form-optin [type='checkbox']:checked::after {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}

.footer-menu a {
	font-size: 1em;
	display: inline-block;
	padding: 2px 0;
	color: white;
}

.footer-menu a:hover {
	color: #473d37;
}

.footer-rs {
	display: none;
}

.footer-rs li {
	display: inline-block;
}

.footer-rs li + li {
	margin-left: 10px;
}

.footer-rs a {
	display: block;
	width: 32px;
}

.footer-rs a img {
	display: block;
	width: 100%;
	max-width: 32px;
}

.footer-docs li {
	padding: 2px 0;
}

.footer-docs a {
	font-size: 1em;
	position: relative;
	display: inline-block;
	color: white;
}

.footer-docs a:hover {
	color: #473d37;
}

.info-cookies {
	position: fixed;
	z-index: 10001;
	right: 0;
	bottom: -100%;
	left: 0;
	padding: 1em 0;
	-webkit-transition: .6s all ease-in-out;
	-o-transition: .6s all ease-in-out;
	-moz-transition: .6s all ease-in-out;
	transition: .6s all ease-in-out;
	opacity: 0;
	background-color: #dc004e;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.info-cookies.visible {
	bottom: 0;
	-webkit-transition: .6s all .2s ease-in-out;
	-o-transition: .6s all .2s ease-in-out;
	-moz-transition: .6s all .2s ease-in-out;
	transition: .6s all .2s ease-in-out;
	opacity: 1;
}

.info-cookies > .container {
	padding: 0 1em;
}

.info-cookies p {
	font-size: .875em;
	line-height: 1.4;
	float: left;
	padding: 4px 0;
	color: white;
}

.info-cookies a {
	text-decoration: underline;
	color: white;
}

.info-cookies a:hover {
	color: #473d37;
}

.info-cookies button {
	font-family: 'Roboto', sans-serif;
	float: right;
	margin-top: 8px;
	margin-left: .5em;
	cursor: pointer;
}

.info-cookies button.bt.bt-green {
	font-size: .875em;
}

.noosphere {
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	padding: 15px 15px 0;
	text-align: right;
	color: #fff;
}

.noosphere a {
	color: #fff;
}

.noosphere a img {
	display: inline-block;
	height: 12px;
	margin: 0 2px;
	vertical-align: middle;
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
		opacity: 0;
	}

	65% {
		-webkit-transform: scale(1.15);
		        transform: scale(1.15);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes bounce {
	0% {
		-moz-transform: scale(0);
		     transform: scale(0);
		opacity: 0;
	}

	65% {
		-moz-transform: scale(1.15);
		     transform: scale(1.15);
		opacity: 1;
	}

	100% {
		-moz-transform: scale(1);
		     transform: scale(1);
		opacity: 1;
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
		opacity: 0;
	}

	65% {
		-webkit-transform: scale(1.15);
		   -moz-transform: scale(1.15);
		     -o-transform: scale(1.15);
		        transform: scale(1.15);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes leftToRight {
	0% {
		-webkit-transform: translateX(-25%);
		        transform: translateX(-25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes leftToRight {
	0% {
		-moz-transform: translateX(-25%);
		     transform: translateX(-25%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}

@keyframes leftToRight {
	0% {
		-webkit-transform: translateX(-25%);
		   -moz-transform: translateX(-25%);
		     -o-transform: translateX(-25%);
		        transform: translateX(-25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes leftToRightSmall {
	0% {
		-webkit-transform: translateX(-15%);
		        transform: translateX(-15%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes leftToRightSmall {
	0% {
		-moz-transform: translateX(-15%);
		     transform: translateX(-15%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}

@keyframes leftToRightSmall {
	0% {
		-webkit-transform: translateX(-15%);
		   -moz-transform: translateX(-15%);
		     -o-transform: translateX(-15%);
		        transform: translateX(-15%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@keyframes leftToRightSmall {
	0% {
		-webkit-transform: translateX(-35%);
		   -moz-transform: translateX(-35%);
		     -o-transform: translateX(-35%);
		        transform: translateX(-35%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rightToLeft {
	0% {
		-webkit-transform: translateX(25%);
		        transform: translateX(25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes rightToLeft {
	0% {
		-moz-transform: translateX(25%);
		     transform: translateX(25%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}

@keyframes rightToLeft {
	0% {
		-webkit-transform: translateX(25%);
		   -moz-transform: translateX(25%);
		     -o-transform: translateX(25%);
		        transform: translateX(25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rightToLeftSmall {
	0% {
		-webkit-transform: translateX(15%);
		        transform: translateX(15%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes rightToLeftSmall {
	0% {
		-moz-transform: translateX(15%);
		     transform: translateX(15%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}

@keyframes rightToLeftSmall {
	0% {
		-webkit-transform: translateX(15%);
		   -moz-transform: translateX(15%);
		     -o-transform: translateX(15%);
		        transform: translateX(15%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rightToLeftLong {
	0% {
		-webkit-transform: translateX(35%);
		        transform: translateX(35%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes rightToLeftLong {
	0% {
		-moz-transform: translateX(35%);
		     transform: translateX(35%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}

@keyframes rightToLeftLong {
	0% {
		-webkit-transform: translateX(35%);
		   -moz-transform: translateX(35%);
		     -o-transform: translateX(35%);
		        transform: translateX(35%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes bottomToTop {
	0% {
		-webkit-transform: translateY(25%);
		        transform: translateY(25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes bottomToTop {
	0% {
		-moz-transform: translateY(25%);
		     transform: translateY(25%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
}

@keyframes bottomToTop {
	0% {
		-webkit-transform: translateY(25%);
		   -moz-transform: translateY(25%);
		     -o-transform: translateY(25%);
		        transform: translateY(25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes topToBottom {
	0% {
		-webkit-transform: translateY(-25%);
		        transform: translateY(-25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes topToBottom {
	0% {
		-moz-transform: translateY(-25%);
		     transform: translateY(-25%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
}

@keyframes topToBottom {
	0% {
		-webkit-transform: translateY(-25%);
		   -moz-transform: translateY(-25%);
		     -o-transform: translateY(-25%);
		        transform: translateY(-25%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes decidez-picto-large {
	0% {
		width: 0;
	}

	100% {
		width: 118px;
	}
}

@-moz-keyframes decidez-picto-large {
	0% {
		width: 0;
	}

	100% {
		width: 118px;
	}
}

@keyframes decidez-picto-large {
	0% {
		width: 0;
	}

	100% {
		width: 118px;
	}
}

.cssanimations .partagez-visu {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	opacity: 0;
}

.cssanimations .partagez-visu::before,
.cssanimations .partagez-visu::after {
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	     -o-transform-origin: center center;
	        transform-origin: center center;
	opacity: 0;
}

.cssanimations .partagez-visu .wrapper::before {
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	     -o-transform-origin: center center;
	        transform-origin: center center;
	opacity: 0;
}

.cssanimations .partagez-visu ul li:first-of-type,
.cssanimations .partagez-visu ul li:last-of-type {
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	     -o-transform-origin: center center;
	        transform-origin: center center;
	opacity: 0;
}

.cssanimations .partagez-visu.in-view {
	-webkit-animation: rightToLeftSmall .7s .5s ease-out forwards;
	   -moz-animation: rightToLeftSmall .7s .5s ease-out forwards;
	        animation: rightToLeftSmall .7s .5s ease-out forwards;
}

.cssanimations .partagez-visu.in-view::before {
	-webkit-animation: bounce .3s 1.5s ease-out forwards;
	   -moz-animation: bounce .3s 1.5s ease-out forwards;
	        animation: bounce .3s 1.5s ease-out forwards;
}

.cssanimations .partagez-visu.in-view::after {
	-webkit-animation: bounce .3s 1.3s ease-out forwards;
	   -moz-animation: bounce .3s 1.3s ease-out forwards;
	        animation: bounce .3s 1.3s ease-out forwards;
}

.cssanimations .partagez-visu.in-view .wrapper::before {
	-webkit-animation: bounce .3s 1.15s ease-out forwards;
	   -moz-animation: bounce .3s 1.15s ease-out forwards;
	        animation: bounce .3s 1.15s ease-out forwards;
}

.cssanimations .partagez-visu.in-view ul li:first-of-type {
	-webkit-animation: leftToRight .3s 1.8s ease-out forwards;
	   -moz-animation: leftToRight .3s 1.8s ease-out forwards;
	        animation: leftToRight .3s 1.8s ease-out forwards;
}

.cssanimations .partagez-visu.in-view ul li:last-of-type {
	-webkit-animation: rightToLeft .3s 2.2s ease-out forwards;
	   -moz-animation: rightToLeft .3s 2.2s ease-out forwards;
	        animation: rightToLeft .3s 2.2s ease-out forwards;
}

.cssanimations .fonctionnement-visu .wrapper {
	-webkit-transform: translateY(25%);
	   -moz-transform: translateY(25%);
	    -ms-transform: translateY(25%);
	     -o-transform: translateY(25%);
	        transform: translateY(25%);
	opacity: 0;
}

.cssanimations .fonctionnement-visu .wrapper::before,
.cssanimations .fonctionnement-visu .wrapper::after {
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	     -o-transform-origin: center center;
	        transform-origin: center center;
	opacity: 0;
}

.cssanimations .fonctionnement-visu.in-view .wrapper {
	-webkit-animation: bottomToTop .2s 1.3s ease-out forwards;
	   -moz-animation: bottomToTop .2s 1.3s ease-out forwards;
	        animation: bottomToTop .2s 1.3s ease-out forwards;
}

.cssanimations .fonctionnement-visu.in-view .wrapper::before {
	-webkit-animation: bounce .3s 1.5s ease-out forwards;
	   -moz-animation: bounce .3s 1.5s ease-out forwards;
	        animation: bounce .3s 1.5s ease-out forwards;
}

.cssanimations .fonctionnement-visu.in-view .wrapper::after {
	-webkit-animation: bounce .3s 1.7s ease-out forwards;
	   -moz-animation: bounce .3s 1.7s ease-out forwards;
	        animation: bounce .3s 1.7s ease-out forwards;
}

.cssanimations .decidez .decidez-visu {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	opacity: 0;
}

.cssanimations .decidez .decidez-content {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	opacity: 0;
}

.cssanimations .decidez.in-view .decidez-visu {
	-webkit-animation: leftToRightSmall .3s 1.3s ease-out forwards;
	   -moz-animation: leftToRightSmall .3s 1.3s ease-out forwards;
	        animation: leftToRightSmall .3s 1.3s ease-out forwards;
}

.cssanimations .decidez.in-view .decidez-content {
	-webkit-animation: rightToLeftLong .3s 1.3s ease-out forwards;
	   -moz-animation: rightToLeftLong .3s 1.3s ease-out forwards;
	        animation: rightToLeftLong .3s 1.3s ease-out forwards;
}

@media only screen and (min-width: 1200px) {
	.cssanimations .decidez-pictos li span {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
		-webkit-transform-origin: center center;
		   -moz-transform-origin: center center;
		    -ms-transform-origin: center center;
		     -o-transform-origin: center center;
		        transform-origin: center center;
		opacity: 0;
	}

	.cssanimations .decidez-pictos li span::after {
		width: 0;
	}

	.cssanimations .decidez-pictos li p {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
		-webkit-transform-origin: center center;
		   -moz-transform-origin: center center;
		    -ms-transform-origin: center center;
		     -o-transform-origin: center center;
		        transform-origin: center center;
		opacity: 0;
	}

	.cssanimations .decidez-pictos.in-view li span {
		-webkit-animation: bounce .3s 1.6s ease-out forwards;
		   -moz-animation: bounce .3s 1.6s ease-out forwards;
		        animation: bounce .3s 1.6s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li span::after {
		-webkit-animation: decidez-picto-large .3s 1.9s ease-out forwards;
		   -moz-animation: decidez-picto-large .3s 1.9s ease-out forwards;
		        animation: decidez-picto-large .3s 1.9s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li p {
		-webkit-animation: bounce .3s 1.9s ease-out forwards;
		   -moz-animation: bounce .3s 1.9s ease-out forwards;
		        animation: bounce .3s 1.9s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(2) span {
		-webkit-animation: bounce .3s 2.1s ease-out forwards;
		   -moz-animation: bounce .3s 2.1s ease-out forwards;
		        animation: bounce .3s 2.1s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(2) span::after {
		-webkit-animation: decidez-picto-large .3s 2.4s ease-out forwards;
		   -moz-animation: decidez-picto-large .3s 2.4s ease-out forwards;
		        animation: decidez-picto-large .3s 2.4s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(2) p {
		-webkit-animation: bounce .3s 2.4s ease-out forwards;
		   -moz-animation: bounce .3s 2.4s ease-out forwards;
		        animation: bounce .3s 2.4s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(3) span {
		-webkit-animation: bounce .3s 2.7s ease-out forwards;
		   -moz-animation: bounce .3s 2.7s ease-out forwards;
		        animation: bounce .3s 2.7s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(3) span::after {
		-webkit-animation: decidez-picto-large .3s 3s ease-out forwards;
		   -moz-animation: decidez-picto-large .3s 3s ease-out forwards;
		        animation: decidez-picto-large .3s 3s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(3) p {
		-webkit-animation: bounce .3s 2.7s ease-out forwards;
		   -moz-animation: bounce .3s 2.7s ease-out forwards;
		        animation: bounce .3s 2.7s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(4) span {
		-webkit-animation: bounce .3s 3.3s ease-out forwards;
		   -moz-animation: bounce .3s 3.3s ease-out forwards;
		        animation: bounce .3s 3.3s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(4) span::after {
		-webkit-animation: decidez-picto-large .3s 3.6s ease-out forwards;
		   -moz-animation: decidez-picto-large .3s 3.6s ease-out forwards;
		        animation: decidez-picto-large .3s 3.6s ease-out forwards;
	}

	.cssanimations .decidez-pictos.in-view li:nth-of-type(4) p {
		-webkit-animation: bounce .3s 3.3s ease-out forwards;
		   -moz-animation: bounce .3s 3.3s ease-out forwards;
		        animation: bounce .3s 3.3s ease-out forwards;
	}
}

.produits {
    /*
	.tarifs-box h3 {
		font-family: $typo-base;
		font-size: 1.5em;
		font-weight: 700;
		margin: 0 auto 10px;
		transition: color .3s ease-out;
		text-transform: uppercase;
		color: $pink;
	}

	.tarifs-box p {
		transition: color .3s ease-out;
		color: #473d37;
	}

	.tarifs-box p + p {
		margin-top: 1.25em;
	}

	.tarifs-box p span {
		font-weight: 700;
		display: block;
		transition: color .3s ease-out;
		color: $pink;
	}

	.tarifs-box {
		footer {
			margin-top: 3em;

			h4 {
				margin: 0 auto 1em;
				font-size: 1.125em;
				color: $red;
			}

			li {
				font-size: 1.125em;
				color: $red;

				& + li {
					margin-top: 0.75em;
				}
			}
		}
	}

	.tarifs-box-bt {
		margin-top: 2em;
		text-align: center;
	}

	.tarifs-box-bt {
		a {
			display: inline-block;
		}
	}
	*/
}

.produits a:active,
.produits a:focus,
.produits button:active,
.produits button:focus {
	outline: none;
}

.produits h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	max-width: 11em;
	margin: 0 auto .5em;
	text-align: center;
	color: #473d37;
}

.produits h1 + p {
	text-align: center;
}

.produits h1 span {
	text-transform: uppercase;
	color: #c40051;
}

.produits h2 {
	font-size: 1.5em;
	font-weight: 300;
	margin: 0 auto .5em;
	text-align: center;
}

.produits .bt.bt-red.bt-popup {
	width: 366px;
	padding: 12px 0;
}

.produits .bt.bt-red:hover .bt-popup-content::before {
	color: #c40051;
}

.produits .popup-bt-wrapper {
	margin-top: 1.75em;
}

.produits .bt-popup-content {
	font-weight: 400;
	line-height: 1.4;
	position: relative;
	display: inline-block;
	text-align: left;
	letter-spacing: .05em;
}

.produits .bt-popup-content::before {
	font-family: 'Dosis', sans-serif;
	font-size: 2.875em;
	font-weight: 600;
	position: absolute;
	top: 50%;
	left: 0;
	content: '?';
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	transition: color .3s ease-out;
	-webkit-transform: translate(-200%, -50%);
	   -moz-transform: translate(-200%, -50%);
	    -ms-transform: translate(-200%, -50%);
	     -o-transform: translate(-200%, -50%);
	        transform: translate(-200%, -50%);
	color: #fff;
}

.produits .bt-popup-content span {
	font-weight: 700;
	display: block;
}

.produits .menu-main li.client-bt-wrapper {
	display: none;
}

.produits .main {
	padding: 180px 0 3em;
}

.produits .tarifs > .container:first-of-type,
.produits .product > .container:first-of-type {
	padding: 0 15px;
}

.produits .tarifs > .container:first-of-type p,
.produits .product > .container:first-of-type p {
	font-style: italic;
	max-width: 40em;
	margin: 0 auto;
}

.produits .tarifs-boxes {
	padding-top: 3.5em;
}

.produits .tarifs-box-link {
	display: block;
}

.produits .tarifs-box-link:hover .tarifs-box {
	background-color: #c40051;
}

.produits .tarifs-box-link:hover .tarifs-box h3,
.produits .tarifs-box-link:hover .tarifs-box p,
.produits .tarifs-box-link:hover .tarifs-box p span {
	color: white;
}

.produits .tarifs-box {
	display: block;
	padding: 2.5em 1.25em;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
	text-align: center;
	background-color: #f6f6f6;
}

.produits .tarifs-box header {
	min-height: 3.25em;
	margin-bottom: 1.25em;
}

.produits .tarifs-box header p {
	font-size: .75em;
}

.produits .product-details {
	padding-top: 3.5em;
}

.produits .product-details-desc p {
	text-align: left;
}

.produits .product-details-desc p .asterix {
	font-size: .833em;
	line-height: 1.4;
	display: block;
}

.produits .product-details-desc p + ul {
	margin-top: 1em;
}

.produits .product-details-desc li {
	font-size: 1.125em;
	line-height: 1.4;
}

.produits .product-details-desc li span {
	font-weight: 600;
	color: #dc004e;
}

.produits .product-details-desc h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.125em;
	font-weight: 600;
	margin: 1.5em 0 1em;
	text-align: left;
	color: #dc004e;
}

.produits .product-details-franchise {
	position: relative;
	display: inline-block;
	margin-top: 1.25em;
	padding-bottom: 2em;
}

.produits .product-details-franchise input[type='checkbox'] {
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
	width: 1.5em;
	height: 1.5em;
	opacity: 0;
}

.produits .product-details-franchise input[type='checkbox']:checked + label::before {
	background-image: url('images/checked-red.svg');
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 1.125em auto;
	background-size: 1.125em auto;
}

.produits .product-details-franchise label {
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	transition: color .3s ease-out;
	color: #473d37;
}

.produits .product-details-franchise label::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	content: '';
	cursor: pointer;
	border: 2px solid #c40051;
	background-color: white;
}

.produits .product-details-franchise label span {
	display: block;
}

.produits .product-details-bt {
	margin-top: 30px;
}

.produits .product-details-bt p {
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.produits .product-details-bt a {
	text-align: center;
	vertical-align: top;
}

.produits .product-details-bt a.bt-green {
	font-size: 1.125em;
	line-height: 1;
	display: inline-block;
	padding: 12px 1.375em;
}

.produits .product-details-bt a.bt-green:hover {
	background-color: white;
}

.produits .product-details-bt a span {
	font-size: 13px;
	display: block;
	margin-top: 8px;
	letter-spacing: .025em;
	text-transform: none;
}

.produits .product-details-bt a span + span {
	margin-top: 5px;
}

.produits .product-details-bt a + a {
	margin-left: 20px;
}

.produits .product-details-bt a + a.bt.bt-green {
	border-color: #addd2c;
	background-color: #addd2c;
}

.produits .product-details-bt a + a.bt.bt-green:hover {
	background-color: white;
}

.produits .product-details-bt a + a span {
	min-height: 31px;
}

.produits .product-details-bt a + a.bt.bt-green {
	background-color: #addd2c;
}

.popup-packs {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow-y: auto;
	background-color: rgba(161, 29, 58, .9);
}

.popup-packs .wrapper {
	position: relative;
	height: auto;
	min-height: 100%;
}

.popup-packs .wrapper > .container {
	position: relative;
	padding: 80px 15px 160px;
	text-align: center;
}

.popup-packs .bt-close {
	position: absolute;
	top: 50px;
	right: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0 none;
	background-color: transparent;
	background-image: url('../images/bt-close.svg');
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: contain;
	     background-size: contain;
}

.popup-packs .bt-close span {
	position: absolute;
	top: -9999px;
	left: -9999px;
	text-indent: -9999px;
}

.popup-packs h2 {
	font-size: 3em;
	font-weight: 600;
	max-width: 10.5em;
	margin: 0 auto 2em;
	text-align: center;
	color: white;
}

.popup-packs-wrapper {
	position: relative;
	left: 50%;
	width: 16em;
	-webkit-transform: translateX(-100%);
	   -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	     -o-transform: translateX(-100%);
	        transform: translateX(-100%);
}

.popu-packs-content {
	padding: 2.5em 2em;
	text-align: center;
	background-color: white;
}

.popu-packs-content p {
	font-size: 1.125em;
	font-weight: 700;
	padding: 0 1.5em;
}

.popu-packs-content p span.block {
	display: block;
}

.popu-packs-content p span.red {
	display: inline-block;
	text-transform: uppercase;
	color: #dc004e;
}

.popup-packs-illus {
	display: inline-block;
	margin-top: 32px;
}

.popup-packs-iphone {
	position: absolute;
	top: -50px;
	left: 99%;
}

.popup-packs-infos {
	background-color: rgba(255, 255, 255, .85);
}

.popup-packs-infos > .container {
	padding: 50px 15px;
}

.popup-packs-infos p {
	font-size: 1em;
	max-width: 64em;
	margin: 0 auto;
}

.popup-packs-infos p + p {
	margin-top: 1em;
}

.popup-languages-choice-wrapper {
	position: fixed;
	z-index: 9100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background-color: rgba(0, 0, 0, .6);
}

.popup-languages-choice {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 2em 5.375em 2em;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	text-align: center;
	letter-spacing: .025em;
	color: white;
	background-color: #dc004e;
}

.popup-languages-choice h2 {
	font-size: 3.75em;
	font-weight: 600;
	max-width: 7em;
}

.popup-languages-choice p {
	font-size: 1.5em;
	max-width: 19.5em;
	margin: auto;
}

.popup-languages-choice .wrapper {
	margin: 2em auto;
}

.popup-languages-choice a {
	font-size: 2em;
	margin: 0 1em;
}

.popup-languages-choice a.bt {
	line-height: 1;
}

.popup-languages-choice a.bt.bt-green {
	padding: .75em .5em;
}

.popup-languages-choice .bt-close {
	position: absolute;
	top: 15px;
	right: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0 none;
	background-color: transparent;
	background-image: url('../images/bt-close.svg');
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: contain;
	     background-size: contain;
}

.popup-languages-choice .bt-close span {
	position: absolute;
	top: -9999px;
	left: -9999px;
	text-indent: -9999px;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.produits h1 {
		font-size: 3em;
	}

	.produits .main {
		padding: 142px 0 3em;
	}

	.produits .tarifs-box header {
		min-height: 4.25em;
	}

	.produits .tarifs-box footer h4 {
		font-size: 1em;
		line-height: 1.25;
	}

	.produits .tarifs-box footer li {
		font-size: 1em;
	}

	.produits .product-details-desc h3 {
		font-size: 1em;
	}

	.produits .product-details-desc li {
		font-size: 1em;
	}

	.popup-languages-choice {
		min-width: 576px;
		max-width: 768px;
		padding: 2em 4.5em 2em;
	}

	.popup-languages-choice h2 {
		font-size: 3.25em;
	}

	.popup-languages-choice a {
		font-size: 1.75em;
	}

	.popup-languages-choice p {
		font-size: 1.375em;
	}

	.popup-languages-choice .wrapper {
		margin: 1.75em auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.produits h1 {
		font-size: 3em;
		line-height: 1.1;
	}

	.produits h1 span {
		display: block;
	}

	.produits .main {
		padding: 142px 0 3em;
	}

	.produits .tarifs-box footer h4 {
		font-size: 1em;
		line-height: 1.25;
	}

	.produits .tarifs-box footer li {
		font-size: 1em;
	}

	.produits .product-details-desc h3 {
		font-size: 1em;
	}

	.produits .product-details-desc li {
		font-size: 1em;
	}

	.produits .product-details-bt {
		margin-top: 40px;
	}

	.popup-languages-choice {
		min-width: 512px;
		max-width: 640px;
		padding: 2em 4em 2em;
	}

	.popup-languages-choice h2 {
		font-size: 3em;
	}

	.popup-languages-choice a {
		font-size: 1.5em;
	}

	.popup-languages-choice p {
		font-size: 1.25em;
	}

	.popup-languages-choice .wrapper {
		margin: 1.625em auto;
	}
}

@media only screen and (max-width: 767px) {
	.produits h1 {
		font-size: 2.75em;
		line-height: 1.1;
	}

	.produits h1 span {
		display: block;
	}

	.produits .main {
		padding: 125px 0 3em;
	}

	.produits .tarifs-boxes,
    .produits .product-details {
		padding-top: 2.5em;
	}

	.produits .tarifs-boxes > .col-3,
    .produits .product-details > .col-3 {
		float: none;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	.produits .tarifs-boxes > .col-3 + .col-3,
    .produits .product-details > .col-3 + .col-3 {
		margin-top: 2.5em;
	}

	.produits .tarifs-box header {
		min-height: initial;
		margin-bottom: 1.75em;
	}

	.produits .product-details-desc {
		float: none;
		width: 100%;
		max-width: 40em;
		margin: 2em auto 0;
		text-align: center;
	}

	.produits .product-details-desc p {
		text-align: center;
	}

	.produits .product-details-desc li {
		font-size: 1em;
	}

	.produits .product-details-franchise {
		padding-right: 2em;
		padding-bottom: 0;
	}

	.produits .product-details-franchise input[type='checkbox'] {
		right: 0;
		bottom: initial;
		left: initial;
	}

	.produits .product-details-franchise label::before {
		right: 0;
		bottom: initial;
		left: initial;
	}

	.produits .tarifs-box footer {
		margin-top: 2.25em;
	}

	.produits .tarifs-box footer h4 {
		font-size: 1em;
		line-height: 1.25;
	}

	.produits .tarifs-box footer li {
		font-size: 1em;
	}

	.produits .product-details-desc h3 {
		font-size: 1em;
		text-align: center;
	}

	.produits .product-details-desc li {
		font-size: 1em;
	}

	.produits .product-details-bt {
		margin-top: 40px;
	}

	.popup-packs .wrapper > .container {
		padding: 60px 15px 50px;
	}

	.popup-packs .bt-close {
		position: absolute;
		top: 30px;
		width: 28px;
		height: 28px;
	}

	.popup-packs .bt-close span {
		position: absolute;
		top: -9999px;
		left: -9999px;
		text-indent: -9999px;
	}

	.popup-packs h2 {
		font-size: 2.25em;
		margin: 0 auto 1em;
	}

	.popup-packs-wrapper {
		position: static;
		left: 0;
		width: 100%;
		margin: 0 auto;
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}

	.popu-packs-content {
		width: 16em;
		margin: 0 auto;
		padding: 2.5em 1.5em;
	}

	.popu-packs-content p {
		font-size: 1.125em;
		padding: 0 1.5em;
	}

	.popup-packs-iphone {
		position: static;
		top: 0;
		left: 0;
		max-width: 440px;
		margin: 40px auto 0;
	}

	.popup-packs-iphone img {
		display: block;
		width: 100%;
		height: auto;
	}

	.popup-packs-infos > .container {
		padding: 40px 15px;
	}

	.popup-packs-infos p {
		font-size: .875em;
	}

	.popup-languages-choice {
		min-width: 420px;
		max-width: 480px;
		padding: 2em 3em 2em;
	}

	.popup-languages-choice h2 {
		font-size: 2.5em;
	}

	.popup-languages-choice a {
		font-size: 1.25em;
	}

	.popup-languages-choice p {
		font-size: 1em;
	}

	.popup-languages-choice .wrapper {
		margin: 1.5em auto;
	}

	.popup-languages-choice .bt-close {
		width: 24px;
		height: 24px;
	}
}

@media only screen and (max-width: 480px) {
	.produits h1 {
		font-size: 2.125em;
		margin: 0 auto .625em;
	}

	.produits .col-2of3 {
		padding: 0 10px;
	}

	.produits .bt.bt-red.bt-popup {
		width: 240px;
		padding-left: 30px;
	}

	.produits .bt-popup-content::before {
		-webkit-transform: translate(-180%, -50%);
		   -moz-transform: translate(-180%, -50%);
		    -ms-transform: translate(-180%, -50%);
		     -o-transform: translate(-180%, -50%);
		        transform: translate(-180%, -50%);
	}

	.produits .main {
		padding: 120px 0 2.5em;
	}

	.produits .tarifs-boxes,
    .produits .product-details {
		padding-top: 2.25em;
	}

	.produits .tarifs-box {
		padding: 2em 1.125em;
	}

	.produits .tarifs-box h3 {
		font-size: 1.375em;
	}

	.produits .product-details-bt {
		text-align: center;
	}

	.produits .product-details-bt a.bt-green {
		font-size: 1em;
		display: inline-block;
		width: 45%;
		margin: 0 2%;
		padding: .875em .25em;
	}

	.produits .product-details-bt a + a .bt-green {
		margin-left: 2%;
	}

	.popup-packs .wrapper > .container {
		padding: 60px 15px 15px;
	}

	.popup-packs .bt-close {
		top: 15px;
	}

	.popup-packs h2 {
		font-size: 1.875em;
		max-width: 9em;
	}

	.popu-packs-content {
		width: 14em;
		padding: 2em 0 3em;
	}

	.popu-packs-content p {
		padding: 0 1.875em;
	}

	.popup-packs-illus {
		display: none;
	}

	.popup-packs-iphone {
		position: relative;
		top: -30px;
		width: 100%;
		max-width: 100%;
		margin-top: 0;
	}

	.popup-languages-choice {
		min-width: 320px;
		max-width: 480px;
		padding: 2.5em 1.25em 1.5em;
	}

	.popup-languages-choice h2 {
		font-size: 2.125em;
	}

	.popup-languages-choice a {
		font-size: 1.125em;
	}

	.popup-languages-choice p {
		font-size: .875em;
	}

	.popup-languages-choice .wrapper {
		margin: 1.25em auto;
	}

	.popup-languages-choice .bt-close {
		width: 20px;
		height: 20px;
	}
}

@media only screen and (max-width: 374px) {
	.produits .product-details-bt {
		margin-top: 40px;
	}

	.produits .product-details-bt a.bt-green {
		display: block;
		width: 100%;
		max-width: 240px;
		margin: 0 auto;
	}

	.produits .product-details-bt a + a.bt-green {
		margin: 15px auto 0;
	}
}

/**
 *  FAQ
 */
#faq {
	margin-top: 200px;
}

#faq .title {
	text-align: center;
}

#faq-nav,
#faq-nav-sticky-wrapper {
	float: left;
	width: 350px;
	margin-right: 40px;
}

#faq-nav-sticky-wrapper #faq-nav {
	float: none;
	width: 100%;
	margin-right: 0;
}

#faq-container {
	padding-top: 3rem;
	padding-bottom: 5rem;
}

#faq-container #faq-nav {
	position: relative;
	z-index: 150;
	top: 0;
	padding: 2rem 1rem 2.5rem;
	-webkit-animation: top .5s ease-in-out;
	   -moz-animation: top .5s ease-in-out;
	        animation: top .5s ease-in-out;
	border: 1px solid #fff;
	background: #c40051;
    /*&.main-nav-scrolled {
		  position: fixed;
		  top: 100px;
		  margin-top: 0;
		  animation: top .5s ease-in-out;
	  }*/
}

#faq-container #faq-nav li {
	margin-bottom: 1rem;
}

#faq-container #faq-nav li:last-child {
	margin-bottom: 0;
}

#faq-container #faq-nav li a {
	text-transform: uppercase;
	color: #fff;
}

#faq-container #faq-nav li a:hover,
#faq-container #faq-nav li a:focus {
	color: #000;
}

#faq-container #faq-content {
	margin-left: 390px;
}

#faq-container #faq-content .faq-sub {
	margin-bottom: 4rem;
}

#faq-container #faq-content .faq-sub:last-child {
	margin-bottom: 0;
}

#faq-container #faq-content .faq-sub .title {
	font-size: 1.25rem;
	font-weight: 600;
	padding-bottom: 1rem;
	text-align: left;
	text-transform: uppercase;
	color: #c40051;
	border-bottom: 1px solid #000;
}

.faq-element {
	padding-top: 1.33rem;
	padding-bottom: 1.33rem;
	border-bottom: 1px solid #000;
}

.faq-element.is-open {
	display: block;
	float: none;
	margin-right: 0;
}

.faq-element .faq-question {
	font-weight: 500;
}

.faq-element .accordion-trigger {
	position: relative;
	padding-right: 50px;
	cursor: pointer;
}

.faq-element .accordion-trigger .accordion-trigger-btn {
	position: absolute;
	top: -3px;
	right: 0;
	display: block;
	overflow: hidden;
	width: 31px;
	height: 31px;
	text-indent: -10000px;
	background: url('../images/picto-chevron-down.png') center center no-repeat;
}

.faq-element.is-open .accordion-trigger .accordion-trigger-btn {
	background-image: url('../images/picto-chevron-up.png');
}

.faq-element .faq-answer {
	font-size: 1rem;
	font-weight: 300;
	margin-right: 50px;
	padding-top: .5rem;
}

.faq-element .faq-answer li {
	font-size: 1.125em;
	line-height: 1.4;
	margin: 0;
	list-style: disc inside;
}

@media screen and (max-width: 1199px) {
	#faq {
		margin-top: 150px;
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media screen and (max-width: 1000px) {
	#faq-container #faq-nav-sticky-wrapper {
		width: 275px;
	}

	#faq-container #faq-content {
		margin-left: 310px;
	}
}

@media screen and (max-width: 767px) {
	#faq-nav-sticky-wrapper {
		float: none;
		width: 100% !important;
		height: auto !important;
		margin-right: 0;
	}

	#faq-nav-sticky-wrapper #faq-nav {
		position: relative !important;
		top: auto !important;
		width: 100% !important;
	}

	#faq-container #faq-nav {
		position: relative;
		top: 0;
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}

	#faq-container #faq-nav.main-nav-scrolled {
		position: relative;
		top: 0;
		margin-top: 0;
		-webkit-animation: none;
		   -moz-animation: none;
		        animation: none;
	}

	#faq-container #faq-content {
		margin-left: 0;
	}
}

@media screen and (max-width: 480px) {
	#faq {
		margin-top: 125px;
	}
}

.private-datas .main {
	padding: 180px 0 3em;
}

.private-datas h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	max-width: 11em;
	margin: 0 auto 1em;
	text-align: center;
	color: #473d37;
}

.private-datas h2 {
	font-size: 2em;
	font-weight: 600;
	line-height: 1.1;
}

.private-datas-content {
	max-width: 60em;
	margin: 0 auto;
}

.private-datas-content > .container {
	padding: 0 15px;
}

.private-datas-content article + article {
	margin-top: 3em;
}

.private-datas-content h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.125em;
	font-weight: 700;
	margin-top: 1em;
}

.private-datas-content h3 + p {
	margin-top: 1em;
}

.private-datas-content p + .visu {
	margin-top: .5em;
}

.private-datas-content ol,
.private-datas-content ul {
	margin-top: 1em;
	margin-left: 2.5em;
}

.private-datas-content ol + p,
.private-datas-content ul + p {
	margin-top: 1em;
}

.private-datas-content ol {
	list-style: outside lower-alpha;
}

.private-datas-content ol li > ul {
	margin-top: 0;
}

.private-datas-content ol li > ul li {
	margin-top: 0;
}

.private-datas-content ul {
	list-style: outside disc;
}

.private-datas-content li {
	font-size: 1.125rem;
	line-height: 1.4;
	margin-top: 1em;
}

.private-datas-content li h3 {
	font-weight: 400;
}

.private-datas-content li h3 + p {
	margin-top: 1em;
}

.private-datas-content li p {
	font-size: 1em;
}

.private-datas-content .visu {
	max-width: 768px;
}

.private-datas-content .visu + .visu {
	margin-top: 1em;
}

.private-datas-content .visu img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.private-datas-content .visu + p {
	margin-top: 1em;
}

.newsletter-page .main {
	padding: 180px 0 3em;
	text-align: center;
}

.newsletter-page h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	max-width: 11em;
	margin: 0 auto 1em;
	text-align: center;
	color: #473d37;
}

.newsletter-page h2 {
	font-size: 2em;
	font-weight: 600;
	line-height: 1.1;
}

.newsletter-page .newsletter-back {
	margin-top: 3em;
}

.newsletter-page .newsletter-back a.bt.bt-green {
	padding: 16px 1.5em;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.header-logo {
		width: 120px;
		padding: 0;
	}

	.c-hamburger {
		height: 54px;
	}

	.c-hamburger span {
		top: 26px;
	}

	.c-hamburger span::before {
		top: -10px;
	}

	.c-hamburger span::after {
		bottom: -10px;
	}

	.header-box {
		bottom: -30px;
	}

	.languages-box li a {
		font-size: 1em;
	}

	.business-box h2 {
		font-size: 1.375em;
	}

	.menu-secondary {
		bottom: -32px;
	}

	.header.shrink .menu-secondary,
    .header.shrink .header-box {
		bottom: -23px;
	}

	h2 {
		font-size: 3em;
	}

	h3.etape-title {
		font-size: 2.75em;
	}

	h3.etape-title span {
		font-size: 3rem;
		margin-bottom: 2px;
	}

	p {
		font-size: 1em;
	}

	.bt {
		font-size: 1em;
		padding: 15px 1.5em;
	}

	.bt.bt-small {
		padding: 15px .75em;
	}

	.bt.bt-green {
		padding: 5px 1.5em;
	}

	.container {
		max-width: 960px;
	}

	.slider-wrapper .container {
		padding-left: 80px;
	}

	.slider-wrapper h1 {
		font-size: 3em;
		margin-top: 160px;
	}

	.slider {
		height: 560px;
	}

	.partagez-visu {
		width: 90%;
		margin: 0 auto;
	}

	.partagez-content {
		padding-right: 15px;
		padding-left: 0;
	}

	.partagez-content li {
		font-size: 1em;
	}

	.fonctionnement .col-2:last-of-type {
		padding: 0;
	}

	.fonctionnement-content {
		padding-left: 15px;
	}

	.fonctionnement-content h2 {
		max-width: 100%;
	}

	.fonctionnement-content li {
		font-size: 1em;
	}

	.fonctionnement-visu {
		top: 80px;
	}

	.decidez h3 {
		font-size: 2.125em;
		margin-left: 15px;
	}

	.decidez-content {
		padding-top: 180px;
	}

	.decidez-visu {
		max-width: 370px;
		margin-left: 15px;
	}

	.decidez-pictos {
		margin-top: 40px;
	}

	.decidez-pictos li span::after {
		width: 105px;
	}

	.decidez-pictos li p {
		margin-top: 15px;
	}

	.modeles-visu-wrapper > .container {
		padding: 0 30px;
	}

	.modeles-link {
		margin-top: 40px;
	}

	.modeles-link .bt.bt-green {
		padding: 15px 1.5em;
	}

	.stations-map {
		padding-top: 40px;
	}

	.tarifs > .container .row:first-of-type ul,
    .packages > .container .row:first-of-type ul {
		font-size: 1em;
	}

	.tarifs-boxes,
    .packages-boxes {
		padding-top: 40px;
	}

	.tarifs-boxes header,
    .packages-boxes header {
		min-height: 4em;
		padding: 0 1em;
	}

	.tarifs-boxes h3,
    .packages-boxes h3 {
		font-size: 1.375em;
	}

	.packages-box header + p {
		padding: 0 .5em;
		letter-spacing: -.015em;
	}

	.packages-box p {
		padding: 0 10px;
	}

	.packages-box p + p {
		max-width: 15em;
	}

	.offres h2 {
		font-size: 3em;
	}

	.offres h3 {
		font-size: 2.5em;
	}

	.offres-box h3 {
		font-size: 1.375em;
	}

	.inscription::before {
		right: 50%;
	}

	.inscription-content {
		padding-right: 15px;
	}

	.inscription-content blockquote {
		font-size: .875em;
	}

	.inscription-link .bt.bt-green {
		padding: 15px 1.5em;
	}

	.questions-link .bt.bt-green {
		padding: 15px 1.5em;
	}

	.fairplay > .container ul {
		font-size: 1em;
	}

	.fairplay-link .bt.bt-green {
		padding: 16px 1.5em;
	}

	.footer-logo {
		width: 140px;
	}

	.footer-newsletter .wrapper {
		padding-right: 10px;
	}

	.footer-newsletter input[type='email'] {
		padding-right: 46px;
	}

	.footer-newsletter button.bt.bt-green {
		font-size: .875em;
		width: 36px;
	}

	.footer-rs li + li {
		margin-left: 8px;
	}

	.footer-rs a {
		width: 30px;
	}

	.private-datas .main {
		padding: 142px 0 3em;
	}

	.private-datas h1 {
		font-size: 3em;
	}

	.private-datas h2 {
		font-size: 1.75em;
	}

	.private-datas-content {
		max-width: 48em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-logo {
		width: 120px;
		padding: 0;
	}

	.c-hamburger {
		height: 54px;
	}

	.c-hamburger span {
		top: 26px;
	}

	.c-hamburger span::before {
		top: -10px;
	}

	.c-hamburger span::after {
		bottom: -10px;
	}

	.menu-main ul + a {
		margin-left: 15px;
	}

	.menu-main li + li {
		margin-left: 15px;
	}

	.header-box {
		right: 30px;
		bottom: -30px;
		max-width: 14em;
		padding: 10px 20px;
	}

	.languages-box li a {
		font-size: 1em;
	}

	.header.shrink .menu-secondary,
    .header.shrink .header-box {
		bottom: -23px;
	}

	.container {
		max-width: 768px;
	}

	h2 {
		font-size: 3em;
	}

	h3.etape-title {
		font-size: 2.75em;
	}

	h3.etape-title span {
		font-size: 3rem;
		margin-bottom: 2px;
	}

	p {
		font-size: 1em;
	}

	.bt {
		font-size: 1em;
		padding: 15px 1.25em;
	}

	.slider-wrapper .container {
		padding: 0 30px;
	}

	.slider-wrapper h1 {
		font-size: 3em;
		margin-top: 160px;
	}

	.slider {
		height: 560px;
	}

	.partagez {
		padding: 45px 0;
	}

	.partagez .col-2 {
		float: none;
		width: 100%;
		padding: 0 30px;
	}

	.partagez .col-2:first-of-type {
		float: none;
	}

	.partagez .col-2:last-of-type {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.partagez-content {
		padding-left: 0;
	}

	.partagez-visu {
		width: 520px;
		margin: 0 auto;
	}

	.partagez-visu .wrapper {
		margin: 0 auto;
	}

	.fonctionnement {
		padding: 45px 0 30px;
	}

	.fonctionnement .col-2 {
		float: none;
		width: 100%;
		padding: 0 30px;
	}

	.fonctionnement .col-2:last-of-type {
		position: relative;
		left: 0;
		height: auto;
		padding: 35px 0 0;
	}

	.fonctionnement-content {
		padding-left: 0;
	}

	.fonctionnement-content h2 {
		max-width: 100%;
	}

	.fonctionnement-content li {
		font-size: 1em;
	}

	.fonctionnement-visu {
		position: relative;
		top: 0;
		right: initial;
		bottom: initial;
		width: 100%;
		text-align: center;
	}

	.fonctionnement-visu .wrapper {
		display: inline-block;
		max-width: 520px;
	}

	.decidez {
		padding: 45px 0;
	}

	.decidez h2 {
		max-width: 100%;
	}

	.decidez h3 {
		font-size: 2em;
		max-width: 100%;
		margin-left: 0;
	}

	.decidez .col-2 {
		float: none;
		width: 100%;
		padding: 0 30px;
	}

	.decidez .col-2:first-of-type {
		float: none;
	}

	.decidez-content {
		padding-top: 0;
		padding-left: 0;
	}

	.decidez-visu {
		max-width: 380px;
		margin: 40px auto 0;
	}

	.decidez-pictos {
		margin-top: 30px;
	}

	.decidez-pictos ul {
		width: 100%;
	}

	.decidez-pictos li {
		width: 22%;
	}

	.decidez-pictos li + li {
		margin-left: 4%;
	}

	.decidez-pictos li span {
		width: 80px;
		height: 80px;
	}

	.decidez-pictos li span::after {
		width: 115px;
	}

	.decidez-pictos li p {
		font-size: 1em;
		margin: 20px auto 0;
	}

	.modeles {
		padding-top: 45px;
	}

	.modeles h2 {
		max-width: 768px;
		margin: 0 auto .5em;
		padding: 0 30px;
	}

	.modeles-visu-wrapper > .container {
		max-width: 100%;
		padding: 0 30px;
	}

	.modeles-content {
		padding-top: 25px;
		padding-bottom: 45px;
	}

	.modeles-content > .container {
		max-width: 768px;
	}

	.stations {
		padding-top: 45px;
	}

	.stations-map {
		padding-top: 35px;
	}

	.tarifs,
    .packages {
		padding-top: 45px;
	}

	.tarifs > .container,
    .packages > .container {
		padding: 0 15px;
	}

	.tarifs > .container .row:first-of-type h2,
    .tarifs > .container .row:first-of-type p,
    .packages > .container .row:first-of-type h2,
    .packages > .container .row:first-of-type p {
		max-width: 768px;
		margin: 0 auto .5em;
		padding: 0 30px;
	}

	.tarifs > .container .row:first-of-type ul,
    .packages > .container .row:first-of-type ul {
		font-size: 1em;
	}

	.tarifs-boxes,
    .product-details {
		padding-top: 35px;
	}

	.tarifs-boxes header,
    .packages-boxes header {
		min-height: 4em;
		padding: 0;
	}

	.tarifs-boxes h3,
    .packages-boxes h3 {
		font-size: 1.375em;
	}

	.tarifs .container {
		padding: 0 15px;
	}

	.tarifs h3.etape-title {
		padding-top: 10px;
	}

	.packages-boxes {
		padding-top: 35px;
	}

	.packages-boxes .col-4 {
		width: 50%;
	}

	.packages-boxes .col-4:nth-of-type(3),
    .packages-boxes .col-4:last-of-type {
		margin-top: 35px;
	}

	.packages-boxes header {
		min-height: auto;
	}

	.packages-boxes h3 {
		max-width: 100%;
	}

	.packages-box {
		padding: 2em 0 0;
	}

	.packages-box p {
		padding: 0 .5em;
	}

	.packages-box p + p {
		padding: 0 .75em;
	}

	.simulateur-form .wrapper {
		width: 29%;
		padding-right: 15px;
	}

	.simulateur-form .wrapper:last-of-type {
		width: 13%;
	}

	.offres h2 {
		font-size: 3em;
	}

	.offres h3 {
		font-size: 2.5em;
	}

	.offres-box h3 {
		font-size: 1.375em;
	}

	.inscription {
		padding: 45px 0;
	}

	.inscription::before {
		top: 260px;
		right: 45%;
	}

	.inscription .col-2 {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0 30px;
	}

	.inscription-content {
		padding-left: 0;
	}

	.inscription-content h2 {
		margin-top: 0;
	}

	.inscription-content blockquote {
		position: relative;
		right: initial;
		bottom: initial;
		float: none;
		margin-top: 30px;
		margin-left: 55%;
		padding-right: 0;
	}

	.inscription-content blockquote header {
		font-size: 1.25em;
	}

	.inscription-content blockquote header + p {
		font-size: .875em;
	}

	.questions {
		padding: 45px 0;
	}

	.business {
		padding: 45px 0;
	}

	.fairplay > .container ul {
		font-size: 1em;
	}

	.footer {
		padding-top: 45px;
	}

	.footer > .container {
		padding: 0 15px;
	}

	.footer .col-4 {
		width: 33.33333%;
	}

	.footer .col-4:first-of-type {
		display: none;
	}

	.footer-newsletter .wrapper {
		padding-right: 10px;
	}

	.footer-rs a {
		width: 30px;
	}

	.private-datas .main {
		padding: 142px 0 3em;
	}

	.private-datas h1 {
		font-size: 3em;
		line-height: 1.1;
	}

	.private-datas h2 {
		font-size: 1.75em;
	}

	.private-datas-content {
		max-width: 40em;
	}
}

@media only screen and (max-width: 767px) {
	html.menu-open {
		overflow: hidden;
	}

	.header.shrink .header-logo {
		width: 122px;
		padding: 2px 0;
	}

	.header.shrink .menu-secondary,
    .header.shrink .header-box {
		bottom: 0;
	}

	.header .menu-secondary {
		height: auto;
		min-height: 100%;
	}

	.header .menu-secondary .container {
		position: relative;
		height: auto;
		min-height: 100%;
	}

	.header-top-bar {
		display: none;
	}

	.header-logo {
		width: 122px;
		padding: 2px 0;
	}

	.c-hamburger {
		width: 44px;
		height: 42px;
	}

	.c-hamburger span {
		top: 20px;
		right: 12px;
		left: 12px;
	}

	.c-hamburger span::before {
		top: -10px;
	}

	.c-hamburger span::after {
		bottom: -10px;
	}

	.menu-main ul + a {
		margin-left: 15px;
	}

	.menu-main li {
		display: none;
	}

	.menu-main li.login-bt-wrapper {
		display: block;
	}

	.menu-main li.client-bt-wrapper {
		display: none;
	}

	.menu-main li a.bt {
		font-size: 1em;
	}

	.menu-main li a.bt.bt-red {
		padding: 11px 1.25em;
	}

	.menu-secondary {
		padding: 0;
	}

	.menu-secondary nav {
		padding: 60px 0 80px;
		text-align: center;
	}

	.menu-secondary li a {
		padding: 10px 0;
		text-align: center;
	}

	.menu-secondary li a.active {
		color: #473d37;
		background-color: #f6f6f6;
	}

	.menu-secondary-languages {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 80%;
		max-width: 300px;
		margin: 0 auto;
		padding: 10px 15px 20px;
		text-align: center;
		border-top: 1px solid white;
	}

	.menu-secondary-languages ul {
		display: block;
	}

	.menu-secondary-languages li {
		display: inline-block;
	}

	.menu-secondary-languages li + li {
		margin-left: 15px;
	}

	.menu-secondary-languages li a {
		display: block;
		padding: 10px;
		text-transform: uppercase;
	}

	.bt {
		font-size: .875em;
	}

	.bt.bt-red {
		line-height: 1;
		padding: 15px 1.5em;
	}

	.bt.bt-green {
		line-height: 1.3;
		padding: 4px 1.5em;
	}

	h2 {
		font-size: 2.75em;
	}

	h3.etape-title {
		font-size: 2.375em;
	}

	h3.etape-title span {
		font-size: 2.75rem;
		margin-bottom: 0;
	}

	p {
		font-size: 1em;
	}

	.container {
		max-width: 480px;
	}

	.slider-wrapper .container {
		padding: 0 15px;
	}

	.slider-wrapper h1 {
		font-size: 2.75em;
		margin-top: 160px;
		padding: 20px 25px 25px;
	}

	.slider-wrapper .wrapper-bt {
		position: absolute;
		bottom: 30px;
		left: 0;
	}

	.slider-wrapper .wrapper-bt + .wrapper-bt {
		display: none;
	}

	.slider-wrapper .bt {
		width: auto;
	}

	.slider-wrapper .bt.bt-red {
		padding-right: .625em;
		padding-left: .625em;
	}

	.slider {
		height: 472px;
	}

	.slide.slide-man {
		background-position: 62% top;
	}

	.partagez {
		padding: 45px 0;
	}

	.partagez .col-2 {
		float: none;
		width: 100%;
	}

	.partagez .col-2:first-of-type {
		float: none;
	}

	.partagez .col-2:last-of-type {
		padding: 80px 25px 60px;
	}

	.partagez-content {
		padding-left: 0;
	}

	.partagez-content li {
		font-size: 1em;
	}

	.fonctionnement {
		padding: 45px 0 30px;
	}

	.fonctionnement .col-2 {
		float: none;
		width: 100%;
	}

	.fonctionnement .col-2:last-of-type {
		position: relative;
		left: 0;
		height: auto;
		padding: 35px 0 0;
	}

	.fonctionnement-content {
		padding-left: 0;
	}

	.fonctionnement-content h2 {
		max-width: 100%;
	}

	.fonctionnement-content li {
		font-size: 1em;
	}

	.fonctionnement-visu {
		position: relative;
		top: 0;
		right: initial;
		bottom: initial;
		width: 100%;
	}

	.decidez {
		padding: 45px 0;
	}

	.decidez h2 {
		max-width: 100%;
	}

	.decidez h2.de {
		font-size: 2.75em;
	}

	.decidez h3 {
		font-size: 1.875em;
		max-width: 100%;
		margin-left: 0;
	}

	.decidez .col-2 {
		float: none;
		width: 100%;
	}

	.decidez .col-2:first-of-type {
		float: none;
	}

	.decidez-content {
		padding-top: 0;
		padding-left: 0;
	}

	.decidez-visu {
		max-width: 360px;
		margin: 30px auto 0;
	}

	.decidez-pictos {
		margin-top: 30px;
	}

	.decidez-pictos ul {
		width: 100%;
	}

	.decidez-pictos li {
		width: 22%;
	}

	.decidez-pictos li + li {
		margin-left: 4%;
	}

	.decidez-pictos li span {
		width: 72px;
		height: 72px;
	}

	.decidez-pictos li span::after {
		width: 48px;
	}

	.decidez-pictos li p {
		font-size: .875em;
	}

	.modeles {
		padding-top: 45px;
	}

	.modeles h2 {
		max-width: 480px;
		margin: 0 auto .5em;
		padding: 0 15px;
	}

	.modeles-visu-wrapper > .container {
		max-width: 720px;
		padding: 0 15px;
	}

	.modeles-content {
		padding-top: 20px;
		padding-bottom: 45px;
	}

	.modeles-content > .container {
		max-width: 480px;
	}

	.modeles-content h3 a img {
		position: relative;
		top: initial;
		right: initial;
		display: block;
		margin: 0 auto 8px;
		-webkit-transform: translate(0, 0);
		   -moz-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		     -o-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	.modeles-link {
		margin-top: 30px;
	}

	.modeles-link .bt.bt-green {
		line-height: 1;
		padding: 15px 1.5em;
	}

	.stations {
		padding-top: 45px;
	}

	.stations-map {
		padding-top: 30px;
	}

	.tarifs,
    .packages {
		padding-top: 45px;
	}

	.tarifs > .container .row:first-of-type h2,
    .tarifs > .container .row:first-of-type p,
    .packages > .container .row:first-of-type h2,
    .packages > .container .row:first-of-type p {
		max-width: 480px;
		margin: 0 auto .5em;
		padding: 0 15px;
	}

	.tarifs > .container .row:first-of-type ul,
    .packages > .container .row:first-of-type ul {
		font-size: 1em;
	}

	.tarifs-boxes,
    .product-details {
		padding-top: 30px;
	}

	.tarifs-boxes > .col-3,
    .product-details > .col-3 {
		float: none;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	.tarifs-boxes > .col-3 + .col-3,
    .product-details > .col-3 + .col-3 {
		margin-top: 35px;
	}

	.tarifs-boxes header,
    .packages-boxes header {
		min-height: 3.25em;
		margin-bottom: 1em;
		padding: 0;
	}

	.tarifs-boxes h3,
    .packages-boxes h3 {
		font-size: 1.375em;
	}

	.tarifs-box {
		padding: 2em 1.25em;
	}

	.tarifs-box header {
		min-height: initial;
		margin-bottom: 1.75em;
	}

	.tarifs-box-bt .bt.bt-green {
		line-height: 1.3;
		padding: 4px 1.5em;
	}

	.tarifs > .container .row:first-of-type h2 {
		padding: 0;
	}

	.tarifs h3.etape-title {
		padding: 10px 10px 0;
	}

	.tarifs-legend {
		font-size: 1em;
		margin-top: 30px;
		padding: 0 15px;
	}

	.packages-boxes {
		padding-top: 30px;
	}

	.packages-boxes .col-4 {
		width: 50%;
	}

	.packages-boxes .col-4:nth-of-type(3),
    .packages-boxes .col-4:last-of-type {
		margin-top: 35px;
	}

	.packages-box {
		padding: 30px 0 0;
	}

	.packages-box header + p {
		padding: 0 .5em;
	}

	.packages-box p {
		padding: 0 .5em;
	}

	.packages-box p + p {
		padding: 0 .75em;
	}

	.simulateur {
		padding: 45px 0;
	}

	.simulateur h2 span::after {
		width: 40px;
		height: 52px;
		-webkit-transform: translateY(-5%);
		   -moz-transform: translateY(-5%);
		    -ms-transform: translateY(-5%);
		     -o-transform: translateY(-5%);
		        transform: translateY(-5%);
	}

	.simulateur .wrapper {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.simulateur .wrapper + .wrapper {
		margin-top: 15px;
	}

	.simulateur .wrapper:last-of-type {
		width: 100%;
	}

	.simulateur-form label {
		font-size: 1em;
		padding-bottom: 6px;
	}

	.simulateur-bt a.bt.bt-green {
		font-size: .875em;
		padding: 4px 1.5em;
	}

	.simulateur-bt.de a.bt.bt-green {
		padding: 15px 1.5em;
	}

	.offres h2 {
		font-size: 2.75em;
	}

	.offres h3 {
		font-size: 2.375em;
		margin-bottom: .875em;
	}

	.offres-box:first-of-type::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 50px;
		content: '';
		-webkit-transform: translate(-85%, -75%);
		   -moz-transform: translate(-85%, -75%);
		    -ms-transform: translate(-85%, -75%);
		     -o-transform: translate(-85%, -75%);
		        transform: translate(-85%, -75%);
		background: transparent url('../images/picto-moon.svg') center center no-repeat;
		-moz-background-size: contain;
		     background-size: contain;
	}

	.offres-box:last-of-type {
		margin-top: 35px;
	}

	.offres-box:last-of-type::before {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 48px;
		content: '';
		-webkit-transform: translate(75%, -70%);
		   -moz-transform: translate(75%, -70%);
		    -ms-transform: translate(75%, -70%);
		     -o-transform: translate(75%, -70%);
		        transform: translate(75%, -70%);
		background: transparent url('../images/picto-time.svg') center center no-repeat;
		-moz-background-size: contain;
		     background-size: contain;
	}

	.offres-box h3 {
		font-size: 1.375em;
		margin-top: 0;
	}

	.offres-link a.bt.bt-green {
		padding: 15px 1.5em;
	}

	.inscription {
		padding-bottom: 45px;
	}

	.inscription::before {
		top: 280px;
		right: 45%;
	}

	.inscription .col-2 {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.inscription-content {
		padding-left: 0;
	}

	.inscription-content h2 {
		margin-top: 0;
	}

	.inscription-content blockquote {
		position: relative;
		right: initial;
		bottom: initial;
		float: right;
		margin-top: 30px;
		padding-right: 0;
	}

	.inscription-content blockquote header {
		font-size: 1.25em;
	}

	.inscription-content blockquote header + p {
		font-size: .875em;
	}

	.inscription-link .bt.bt-green {
		line-height: 1;
		padding: 15px 1.5em;
	}

	.questions {
		padding: 45px 0;
	}

	.questions-link .bt.bt-green {
		line-height: 1;
		padding: 15px 1.5em;
	}

	.business {
		padding: 45px 0;
	}

	.business-link .bt.bt-green {
		line-height: 1;
		padding: 15px 1.5em;
	}

	.fairplay {
		padding: 45px 0;
	}

	.fairplay > .container ul {
		font-size: 1em;
	}

	.fairplay-link .bt.bt-green {
		padding: 15px 1.5em;
	}

	.footer {
		padding-top: 45px;
	}

	.footer .col-4 {
		float: none;
		width: 100%;
	}

	.footer-logo {
		display: none;
	}

	.footer-contact li {
		font-size: .875em;
	}

	.footer-newsletter,
    .footer-menu,
    .footer-rs,
    .footer-docs {
		margin-top: 40px;
	}

	.footer-menu li {
		float: left;
		width: 50%;
	}

	.footer-menu a {
		font-size: .875em;
	}

	.footer-docs a {
		font-size: .875em;
	}

	.noosphere {
		padding-top: 45px;
	}

	.info-cookies {
		text-align: center;
	}

	.info-cookies > .container {
		max-width: 100%;
	}

	.info-cookies p {
		float: none;
	}

	.info-cookies button {
		float: none;
		margin: .75em auto 0;
	}

	.private-datas .main {
		padding: 125px 0 3em;
	}

	.private-datas h1 {
		font-size: 2.75em;
		line-height: 1.1;
	}

	.private-datas h2 {
		font-size: 1.5em;
	}

	.private-datas-content {
		max-width: 28em;
	}

	.private-datas-content article + article {
		margin-top: 2.5em;
	}

	.private-datas-content h3 {
		line-height: 1.25;
	}

	.private-datas-content li {
		font-size: 1em;
	}

	.private-datas-content li h3 {
		font-size: 1em;
	}
}

@media only screen and (max-width: 480px) {
	.header > .container {
		padding: 15px 10px;
	}

	.header.shrink .header-logo {
		width: 110px;
		padding: 0;
	}

	.header-logo {
		width: 110px;
		padding: 0;
	}

	.menu-main {
		right: 10px;
	}

	.menu-main ul + a {
		margin-left: 10px;
	}

	.menu-main li + li {
		margin-left: 8px;
	}

	.menu-secondary li a {
		font-size: 1em;
	}

	h2 {
		font-size: 2.125em;
	}

	h3.etape-title {
		font-size: 1.875em;
	}

	h3.etape-title span {
		font-size: 2.125rem;
		margin-bottom: 0;
	}

	.container {
		max-width: 320px;
	}

	.slider-wrapper .container {
		padding: 0 10px;
	}

	.slider-wrapper h1 {
		font-size: 2.25em;
		margin-top: 120px;
		padding: 10px 15px 15px;
	}

	.slider-wrapper .wrapper-bt {
		padding-left: 25px;
	}

	.slider-wrapper .wrapper-bt + .wrapper-bt {
		margin-top: 15px;
		margin-left: 0;
	}

	.slider-wrapper .bt {
		width: 11em;
	}

	.slider {
		height: 425px;
	}

	.partagez {
		padding: 40px 0;
	}

	.partagez .col-2 {
		padding: 0 10px;
	}

	.partagez .col-2:last-of-type {
		padding: 0 10px 45px;
	}

	.partagez-visu {
		margin-top: 70px;
	}

	.fonctionnement {
		padding: 40px 0 30px;
	}

	.fonctionnement .col-2 {
		padding: 0 10px;
	}

	.fonctionnement-content .store-badges {
		display: block;
		margin: 5px 0 0 0;
	}

	.decidez {
		padding: 40px 0;
	}

	.decidez h2.de {
		font-size: 2.125em;
	}

	.decidez h3 {
		font-size: 1.5em;
	}

	.decidez .col-2 {
		padding: 0 10px;
	}

	.decidez-visu {
		max-width: 260px;
	}

	.decidez-pictos {
		margin-top: 25px;
		padding: 0 10px;
	}

	.decidez-pictos li {
		width: 23%;
	}

	.decidez-pictos li + li {
		margin-left: 2.5%;
	}

	.decidez-pictos li span {
		width: 54px;
		height: 54px;
	}

	.decidez-pictos li span::after {
		width: 25px;
	}

	.decidez-pictos li p {
		font-size: .75em;
		min-width: auto;
		margin-top: 10px;
	}

	.modeles {
		padding-top: 40px;
	}

	.modeles h2 {
		max-width: 320px;
		margin: 0 auto .5em;
		padding: 0 10px;
	}

	.modeles-intro {
		max-width: 320px;
		margin: 0 auto;
		padding: 0 10px 20px;
	}

	.modeles-visu-wrapper > .container {
		padding: 0 10px;
	}

	.modeles-visu ul {
		display: none;
	}

	.modeles-content {
		padding-bottom: 40px;
	}

	.modeles-content > .container {
		max-width: 320px;
	}

	.modeles-content .col-3 {
		padding: 0 10px;
	}

	.modeles-content h3 {
		font-size: 1em;
	}

	.modeles-content p {
		font-size: .875em;
	}

	.stations {
		padding-top: 40px;
	}

	.stations-map {
		padding-top: 25px;
	}

	.tarifs,
    .packages {
		padding-top: 40px;
	}

	.tarifs > .container .row:first-of-type,
    .packages > .container .row:first-of-type {
		padding: 0;
	}

	.tarifs > .container .row:first-of-type h2,
    .tarifs > .container .row:first-of-type p,
    .packages > .container .row:first-of-type h2,
    .packages > .container .row:first-of-type p {
		max-width: 100%;
		margin: 0 auto .5em;
		padding: 0 10px;
	}

	.tarifs-boxes,
    .product-details {
		padding-top: 30px;
	}

	.tarifs-boxes .col-3,
    .product-details .col-3 {
		max-width: 100%;
	}

	.tarifs-boxes .col-3 + .col-3,
    .product-details .col-3 + .col-3 {
		margin-top: 30px;
	}

	.tarifs-box {
		padding: 2em 1.125em;
	}

	.tarifs-box h3 {
		font-family: 'Roboto', sans-serif;
		font-size: 1.375em;
	}

	.tarifs-legend {
		margin-top: 25px;
		padding: 0 10px;
	}

	.packages h3.etape-title {
		padding: 0 10px;
	}

	.packages > .container .row:first-of-type p {
		margin-bottom: 0;
	}

	.packages-boxes .col-4 {
		width: 100%;
		margin-top: 30px;
		padding: 0 10px;
	}

	.packages-boxes .col-4:first-of-type {
		margin-top: 0;
	}

	.packages-boxes .col-4:nth-of-type(3),
    .packages-boxes .col-4:last-of-type {
		margin-top: 30px;
	}

	.packages-box header {
		min-height: auto;
	}

	.packages-box p + p {
		min-height: auto;
	}

	.packages-box-price {
		margin-top: 1.5em;
	}

	.simulateur {
		padding: 40px 0;
	}

	.simulateur h2 span::after {
		display: none;
	}

	.offres h2 {
		font-size: 2.125em;
	}

	.offres h3 {
		font-size: 1.75em;
		margin: 1.5em auto .875em;
	}

	.offres-box {
		padding: 2em 1.125em;
	}

	.offres-box:first-of-type::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 38px;
		height: 40px;
		content: '';
		-webkit-transform: translate(-85%, -75%);
		   -moz-transform: translate(-85%, -75%);
		    -ms-transform: translate(-85%, -75%);
		     -o-transform: translate(-85%, -75%);
		        transform: translate(-85%, -75%);
		background: transparent url('../images/picto-moon.svg') center center no-repeat;
		-moz-background-size: contain;
		     background-size: contain;
	}

	.offres-box:last-of-type {
		margin-top: 30px;
	}

	.offres-box:last-of-type::before {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 39px;
		content: '';
		-webkit-transform: translate(75%, -70%);
		   -moz-transform: translate(75%, -70%);
		    -ms-transform: translate(75%, -70%);
		     -o-transform: translate(75%, -70%);
		        transform: translate(75%, -70%);
		background: transparent url('../images/picto-time.svg') center center no-repeat;
		-moz-background-size: contain;
		     background-size: contain;
	}

	.offres-box h3 {
		font-size: 1.375em;
		margin-top: 0;
	}

	.inscription {
		padding-bottom: 40px;
	}

	.inscription::before {
		top: initial;
		right: 0;
		bottom: 0;
		height: 200px;
	}

	.inscription .col-2 {
		padding: 0 10px;
	}

	.inscription-content h2 {
		margin-top: 0;
	}

	.inscription-content blockquote {
		float: none;
		max-width: 100%;
		margin-top: 35px;
		padding-bottom: 150px;
		padding-left: 0;
	}

	.questions {
		padding: 40px 0;
	}

	.questions > .container {
		padding: 0 10px;
	}

	.business {
		padding: 40px 0;
	}

	.business > .container {
		padding: 0 10px;
	}

	.fairplay {
		padding: 40px 0;
	}

	.fairplay > .container {
		padding: 0 10px;
	}

	.footer {
		padding-top: 40px;
		text-align: center;
	}

	.footer .col-4 {
		padding: 0 10px;
	}

	.footer-menu li {
		float: none;
		width: 100%;
	}

	.footer-newsletter .wrapper {
		padding: 0 10px;
	}

	.footer-newsletter-required {
		text-align: left;
	}

	.form-optin p {
		text-align: left;
	}

	.private-datas .main {
		padding: 120px 0 2.5em;
	}

	.private-datas h1 {
		font-size: 2.125em;
	}

	.private-datas h2 {
		font-size: 1.375em;
	}

	.private-datas-content article + article {
		margin-top: 2.25em;
	}
}

@media only screen and (max-width: 340px) {
	.slider-wrapper h1 {
		font-size: 2.125em;
	}
}

@media only screen and (max-height: 440px) and (max-width: 767px) {
	.menu-secondary nav {
		padding: 60px 0 0;
	}

	.menu-secondary li a {
		font-size: 1em;
	}

	.menu-secondary .menu-secondary-languages {
		position: relative;
		right: initial;
		left: initial;
		margin-top: 20px;
	}
}