@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.container, .HeadBanner__wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .HeadBanner__wrapper:before, .container:after, .HeadBanner__wrapper:after {
    content: " ";
    display: table; }
  .container:after, .HeadBanner__wrapper:after {
    clear: both; }
  @media (min-width: 768px) {
    .container, .HeadBanner__wrapper {
      width: 750px; } }
  @media (min-width: 992px) {
    .container, .HeadBanner__wrapper {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container, .HeadBanner__wrapper {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

h1, h2, .RouteurFirstSlide__title, .RouteurInfos__title, .RouteurOptions__title, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small, .RouteurFirstSlide__title small, .RouteurInfos__title small, .RouteurOptions__title small,
  h2 .small, .RouteurFirstSlide__title .small, .RouteurInfos__title .small, .RouteurOptions__title .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2,
.RouteurFirstSlide__title,
.RouteurInfos__title,
.RouteurOptions__title, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small, .RouteurFirstSlide__title small, .RouteurInfos__title small, .RouteurOptions__title small,
  h2 .small, .RouteurFirstSlide__title .small, .RouteurInfos__title .small, .RouteurOptions__title .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .RouteurFirstSlide__title, .RouteurInfos__title, .RouteurOptions__title, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014   \A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\A0   \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

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

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

@-webkit-keyframes wubble {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px); }
  100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); } }

@keyframes wubble {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px); }
  100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); } }

@-webkit-keyframes wubbleReversed {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); } }

@keyframes wubbleReversed {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); } }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes pulseMirror {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1);
            transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@keyframes pulseMirror {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1);
            transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@-webkit-keyframes pulseIntense {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulseIntense {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes pulseMirrorIntense {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3);
            transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@keyframes pulseMirrorIntense {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3);
            transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@-webkit-keyframes wheelSpin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes wheelSpin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fakeList:before {
  content: '';
  width: 18px;
  height: 18px;
  background: url(../img/ic_check.png) no-repeat left 0px;
  background-size: 16px 16px;
  padding: 0 0 0 26px; }

.noCheck li {
  background: none !important;
  padding-left: 0 !important; }

@-webkit-keyframes splash {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
            transform: translate(-50%, -50%) scale(1.3); } }

@keyframes splash {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
            transform: translate(-50%, -50%) scale(1.3); } }

@-webkit-keyframes splashY {
  0% {
    -webkit-transform: translate(-50%, -50%) scaleY(1) scaleX(1);
            transform: translate(-50%, -50%) scaleY(1) scaleX(1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scaleY(1.3) scaleX(1.1);
            transform: translate(-50%, -50%) scaleY(1.3) scaleX(1.1); } }

@keyframes splashY {
  0% {
    -webkit-transform: translate(-50%, -50%) scaleY(1) scaleX(1);
            transform: translate(-50%, -50%) scaleY(1) scaleX(1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scaleY(1.3) scaleX(1.1);
            transform: translate(-50%, -50%) scaleY(1.3) scaleX(1.1); } }

@font-face {
  font-family: 'BrandonGrotesque';
  src: url(../fonts/brandongrotesque-light-webfont.woff2) format("woff2"), url(../fonts/brandongrotesque-light-webfont.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'BrandonGrotesque';
  src: url(../fonts/brandongrotesque-thin-webfont.woff2) format("woff2"), url(../fonts/brandongrotesque-thin-webfont.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'BrandonGrotesque';
  src: url(../fonts/brandongrotesque-regular-webfont.woff2) format("woff2"), url(../fonts/brandongrotesque-regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'BrandonGrotesque';
  src: url(../fonts/brandongrotesque-medium-webfont.woff2) format("woff2"), url(../fonts/brandongrotesque-medium-webfont.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'BrandonGrotesque';
  src: url(../fonts/brandongrotesque-bold-webfont.woff2) format("woff2"), url(../fonts/brandongrotesque-bold-webfont.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'BrandonGrotesque';
  src: url(../fonts/brandongrotesque-black-webfont.woff2) format("woff2"), url(../fonts/brandongrotesque-black-webfont.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* gloria-hallelujah-regular - latin */
@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/gloria-hallelujah-v8-latin-regular.eot);
  /* IE9 Compat Modes */
  src: local("Gloria Hallelujah"), local("GloriaHallelujah"), url(../fonts/gloria-hallelujah-v8-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/gloria-hallelujah-v8-latin-regular.woff2) format("woff2"), url(../fonts/gloria-hallelujah-v8-latin-regular.woff) format("woff"), url(../fonts/gloria-hallelujah-v8-latin-regular.ttf) format("truetype");
  /* Legacy iOS */ }

* {
  font-family: "BrandonGrotesque", sans-serif; }

h1, h2, .RouteurFirstSlide__title, .RouteurInfos__title, .RouteurOptions__title, h3, h4, h5, h6, p, blockquote, article, address {
  margin: 0;
  padding: 0; }

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

a:hover, a:active, a:focus {
  color: currentColor;
  text-decoration: none; }

h1 {
  font: 800 50px/55px "BrandonGrotesque", sans-serif;
  text-transform: uppercase; }

h2, .RouteurFirstSlide__title, .RouteurInfos__title, .RouteurOptions__title {
  font: 800 45px/50px "BrandonGrotesque", sans-serif;
  text-transform: uppercase; }

h3 {
  font: 700 35px/40px "BrandonGrotesque", sans-serif; }

h4 {
  font: 700 25px/30px "BrandonGrotesque", sans-serif; }

h5,
.style-h5 {
  font: 700 20px/24px "BrandonGrotesque", sans-serif; }

h6 {
  font: 400 18px/20px "BrandonGrotesque", sans-serif; }

p {
  font: 16px/22px "BrandonGrotesque", sans-serif; }
  p a {
    color: #BE2323;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }

a.common-link {
  color: currentColor;
  text-decoration: underline;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear; }
  a.common-link:hover {
    color: #BE2323; }

.bold, strong, .italic, .quote, em {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit; }

.bold, strong {
  font-weight: 700; }

.italic, .quote, em {
  font-style: italic; }

.page-title {
  font: 400 60px/65px "BrandonGrotesque", sans-serif; }

.quote {
  font: 400 30px/35px "BrandonGrotesque", sans-serif; }

ul {
  margin: 0 0 0 20px; }

li {
  font: 16px "BrandonGrotesque", sans-serif; }

ol {
  margin: 0 0 0 15px; }
  ol li {
    list-style-type: decimal;
    margin: 0 0 20px 0;
    line-height: 22px; }
    ol li a {
      color: #BE2323; }
      ol li a:hover {
        color: #343434; }

.small.small.small.small {
  font: 400 12px/16px "BrandonGrotesque", sans-serif; }

@media (max-width: 1024px) {
  h1, .page-title {
    font: 400 60px/62px "BrandonGrotesque", sans-serif; }
  h1 {
    font: 800 35px/38px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
  h2, .RouteurFirstSlide__title, .RouteurInfos__title, .RouteurOptions__title {
    font: 800 26px/32px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
  h3 {
    font: 700 26px/32px "BrandonGrotesque", sans-serif; }
  h4 {
    font: 700 22px/26px "BrandonGrotesque", sans-serif; } }

@media (max-width: 660px) {
  .page-title {
    font: 400 45px/48px "BrandonGrotesque", sans-serif; } }

@media (max-width: 420px) {
  .page-title {
    font: 500 36px/40px "BrandonGrotesque", sans-serif; }
  h1 {
    font: 800 24px/28px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
  h2, .RouteurFirstSlide__title, .RouteurInfos__title, .RouteurOptions__title {
    font: 800 22px/24px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
  h3 {
    font: 700 24px/26px "BrandonGrotesque", sans-serif; }
  h4 {
    font: 700 22px/26px "BrandonGrotesque", sans-serif; } }

@media (max-width: 400px) {
  .page-title {
    font: 500 30px/32px "BrandonGrotesque", sans-serif; } }

.uppercased {
  text-transform: uppercase; }

#__bs_notify__ {
  top: auto !important;
  right: auto !important;
  bottom: 0;
  left: 0; }

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #FFF; }

body.page-template-page-faq,
body.page-template-page-soutien {
  background: #FFF; }

@-moz-document url-prefix() {
  body {
    font-weight: 400 !important; } }

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400; }

.border-right {
  border-right: 1px solid #979797; }
  @media (max-width: 767px) {
    .border-right {
      border-right: 0; } }

.zeropaddingtop {
  padding-top: 0 !important; }

.zeropaddingbottom {
  padding-bottom: 0 !important; }

.zeromarginbottom {
  margin-bottom: 0 !important; }

.single-telephonies .paddingtop100 {
  padding-top: 100px !important; }
  @media (max-width: 991px) {
    .single-telephonies .paddingtop100 {
      padding-top: 70px !important; } }
  @media (max-width: 767px) {
    .single-telephonies .paddingtop100 {
      padding-top: 40px !important; } }

.light-grey {
  color: #C7C7C7; }

iframe {
  border: 0; }

.numtel {
  color: #BE2323;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .numtel:hover {
    color: #343434; }

.tablepress {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #343434 !important;
  border-spacing: 0 !important;
  font-family: "BrandonGrotesque", sans-serif !important;
  font-size: 19px !important;
  overflow: scroll !important; }
  @media (max-width: 767px) {
    .tablepress {
      font-size: 15px !important; } }
  .tablepress td {
    padding: 15px 10px !important; }
    .tablepress td a {
      color: #8f8f8f !important; }
      .tablepress td a:hover {
        color: #3d3d3d !important; }
  .tablepress .odd td {
    background: #f5f5f5 !important; }

body .tablepress th {
  border: none !important;
  background: #343434 !important;
  color: #fff !important;
  padding: 12px 10px !important; }

select, button, textarea, input, a, [tabindex] {
  outline: none; }

.ulTwoColumns {
  -webkit-columns: 2;
          columns: 2; }
  @media (max-width: 767px) {
    .ulTwoColumns {
      -webkit-columns: 1;
              columns: 1; } }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 991px) {
    .flex {
      display: block; } }

.col-50 {
  width: 50%; }
  .col-50--left {
    right: 50%; }
  .col-50--right {
    left: 50%; }
  .col-50--absolute {
    position: absolute;
    top: 0; }

@media (max-width: 991px) {
  .col-50 {
    position: relative;
    left: 0;
    width: 100% !important; } }

.ToolTip {
  position: relative;
  vertical-align: super; }
  .ToolTip__icon-container {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer; }
  .ToolTip__icon {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    fill: #BE2323; }

/** GENERAL **/
.Wysiwyg ul {
  margin: 20px 0 20px; }
  .Wysiwyg ul li {
    font: 16px/22px "BrandonGrotesque", sans-serif;
    list-style: none;
    background: url(../img/ic_check.png) no-repeat left 2px;
    background-size: 16px 16px;
    margin: 0 0 10px 0;
    padding: 0 0 0 26px;
    width: 100%; }
    .Wysiwyg ul li:last-of-type {
      margin: 0; }
    .Wysiwyg ul li.disabled {
      background: url(../img/svg/ic_not-valid-red.svg) left top no-repeat;
      background-size: 16px 16px; }
      .Wysiwyg ul li.disabled a {
        color: #c7c7c7;
        cursor: text; }
        .Wysiwyg ul li.disabled a:hover {
          cursor: text;
          color: #c7c7c7; }
  .Wysiwyg ul.pointer li {
    background: url(../img/svg/ic_pin-grey.svg) left top no-repeat;
    background-size: 22px 22px; }

.Wysiwyg h5.description {
  margin-top: 60px; }

.Wysiwyg img {
  max-width: 100%;
  height: auto; }

.Wysiwyg a {
  text-decoration: underline; }

.single-post .Wysiwyg p a:hover {
  text-decoration: underline; }

.single-post .Wysiwyg .container-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .single-post .Wysiwyg .container-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.footerCity {
  margin: 0; }
  .footerCity li {
    display: inline; }
    .footerCity li:after {
      content: "|";
      display: inline-block;
      margin: 0 10px; }
    .footerCity li:last-child:after {
      display: none; }

.nocheck li {
  background: none !important;
  padding-left: 0 !important;
  border-bottom: 1px solid #CCC !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important; }
  .nocheck li img {
    display: block !important;
    margin-bottom: 20px !important; }

.order {
  position: relative;
  display: block;
  width: 100%; }
  .order--has-tabs {
    padding-top: 72px; }
    @media (max-width: 768px) {
      .order--has-tabs {
        padding-top: 66px; } }
    @media (max-width: 600px) {
      .order--has-tabs {
        padding-top: 52px; } }
    @media (max-width: 450px) {
      .order--has-tabs {
        padding-top: 44px; } }
  .order__main-title {
    margin-bottom: 60px; }
  .order__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .order__channels {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .order__tabs {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 600px) {
      .order__tabs {
        left: 15px;
        -webkit-transform: none;
                transform: none; } }
  .order__summary {
    position: relative; }
  .order__content {
    padding: 100px 160px 145px; }
    @media (max-width: 1700px) {
      .order__content {
        padding: 100px 60px 145px; } }
    @media (max-width: 1440px) {
      .order__content {
        padding: 60px 60px 145px; } }
    @media (max-width: 1200px) {
      .order__content {
        padding: 74px 30px 145px; } }
    @media (max-width: 1024px) {
      .order__content {
        padding: 74px 30px 115px; } }
    @media (max-width: 600px) {
      .order__content {
        padding: 70px 15px 70px; } }

.order-tabs {
  display: table;
  margin: 0 auto;
  font-size: 0; }
  .order-tabs__tab-detail {
    display: block;
    font: 400 12px/14px "BrandonGrotesque", sans-serif; }
  .order-tabs__tab {
    display: inline-block;
    cursor: pointer;
    margin-right: 15px;
    padding: 15px 30px;
    border-radius: 6px 6px 0 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background: #595959;
    color: #FFF;
    vertical-align: bottom;
    font: 700 20px/24px "BrandonGrotesque", sans-serif; }
    .order-tabs__tab:last-child {
      margin-right: 0; }
    .order-tabs__tab--left {
      text-align: left; }
    .order-tabs__tab--active {
      padding: 24px 56px;
      background-image: url(../img/ebox-texture-background--black.jpg); }
    .order-tabs__tab--red {
      background-color: #BE2323; }
    @media (max-width: 768px) {
      .order-tabs__tab {
        padding: 15px 20px; }
        .order-tabs__tab--active {
          padding: 21px 34px; } }
    @media (max-width: 600px) {
      .order-tabs__tab {
        padding: 10px 12px; }
        .order-tabs__tab--active {
          padding: 14px 20px; } }
    @media (max-width: 450px) {
      .order-tabs__tab {
        padding: 7px 10px;
        font-size: 14px !important;
        margin-right: 5px; }
        .order-tabs__tab--active {
          padding: 10px 15px; } }
  .order-tabs__footer {
    display: none; }
    @media (max-width: 1024px) {
      .order-tabs__footer {
        display: block;
        padding: 70px 0 0; } }
  .order-tabs__navbutton {
    display: inline-block; }

.order-tab-container {
  min-height: 100vh; }
  .order-tab-container__content--hidden {
    display: none; }

.TextIconBtn {
  display: inline-block;
  color: #BE2323;
  cursor: pointer;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear; }
  .TextIconBtn__icon, .TextIconBtn__text {
    display: inline-block;
    vertical-align: middle; }
  .TextIconBtn__icon {
    width: 16px;
    height: 16px;
    fill: currentColor; }
  .TextIconBtn__text {
    font: 700 16px/22px "BrandonGrotesque", sans-serif;
    color: currentColor; }
  .TextIconBtn:hover {
    color: #1F1F1F; }

body.page-template-page-forfaits .order__tabs {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none; }

body.page-template-page-forfaits .order-tabs__tab {
  padding: 15px 25px;
  text-transform: uppercase;
  font-weight: 900;
  width: 180px; }
  body.page-template-page-forfaits .order-tabs__tab--active {
    padding: 20px;
    background-image: url(../img/ebox-texture-background--red.jpg); }
  body.page-template-page-forfaits .order-tabs__tab-detail {
    text-transform: none;
    font-weight: 400; }
  @media (max-width: 991px) {
    body.page-template-page-forfaits .order-tabs__tab {
      font: 900 14px/18px "BrandonGrotesque", sans-serif;
      width: 100px;
      padding: 10px 20px !important; }
      body.page-template-page-forfaits .order-tabs__tab--active {
        padding: 15px !important; }
      body.page-template-page-forfaits .order-tabs__tab-detail {
        display: none; } }
  @media (max-width: 740px) {
    body.page-template-page-forfaits .order-tabs__tab {
      padding: 25px 15px; } }

body.page-template-page-forfaits .ListingForfaits__listing-container {
  padding: 60px;
  border: 1px solid #C7C7C7;
  border-radius: 8px; }
  @media (max-width: 991px) {
    body.page-template-page-forfaits .ListingForfaits__listing-container {
      padding: 30px; } }
  @media (max-width: 740px) {
    body.page-template-page-forfaits .ListingForfaits__listing-container {
      padding: 25px 15px; } }
  @media (max-width: 400px) {
    body.page-template-page-forfaits .ListingForfaits__listing-container {
      padding: 15px 10px; } }
  body.page-template-page-forfaits .ListingForfaits__listing-container--red {
    border-color: #BE2323; }

body.page-template-page-forfaits .PostCardItem {
  margin-right: 3%;
  width: 31.3334%; }
  body.page-template-page-forfaits .PostCardItem__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 1px !important; }
  body.page-template-page-forfaits .PostCardItem:nth-child(3n+3) {
    margin-right: 0; }
  body.page-template-page-forfaits .PostCardItem .TextIconBtn {
    margin-top: auto;
    margin-bottom: 40px; }
  @media (max-width: 991px) {
    body.page-template-page-forfaits .PostCardItem .Bubble {
      max-height: 100vh;
      overflow: auto; } }
  @media (min-width: 1025px) {
    body.page-template-page-forfaits .PostCardItem .Bubble--step-up {
      margin-bottom: 80px; } }
  @media (max-width: 1024px) {
    body.page-template-page-forfaits .PostCardItem .Bubble--step-up {
      margin-bottom: 0; } }
  @media (max-width: 1199px) {
    body.page-template-page-forfaits .PostCardItem.PostCardItem.PostCardItem.PostCardItem {
      margin: 0 2% 50px 0;
      width: 49%; }
      body.page-template-page-forfaits .PostCardItem.PostCardItem.PostCardItem.PostCardItem:nth-child(3n+3) {
        margin-right: 2%; }
      body.page-template-page-forfaits .PostCardItem.PostCardItem.PostCardItem.PostCardItem:nth-child(2n+2) {
        margin-right: 0; } }
  @media (max-width: 685px) {
    body.page-template-page-forfaits .PostCardItem.PostCardItem.PostCardItem.PostCardItem {
      margin: 0 0 50px;
      width: 100%; }
      body.page-template-page-forfaits .PostCardItem.PostCardItem.PostCardItem.PostCardItem:nth-child(3n+3) {
        margin-right: 0; }
      body.page-template-page-forfaits .PostCardItem.PostCardItem.PostCardItem.PostCardItem:nth-child(2n+2) {
        margin-right: 0; } }

/** COMMON **/
.Button, .BandeFormulaire input[type="submit"],
#gform_wrapper_18 input[type="submit"],
#gform_wrapper_17 input[type="submit"],
#gform_wrapper_19 input[type="submit"],
#gform_wrapper_20 input[type="submit"],
#gform_wrapper_21 input[type="submit"],
#gform_wrapper_22 input[type="submit"] {
  background: #BE2323;
  color: #FFF;
  display: inline-block;
  border-radius: 6px;
  font: 700 16px/60px "BrandonGrotesque", sans-serif;
  text-transform: uppercase;
  padding: 0 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .Button:hover, .BandeFormulaire input[type="submit"]:hover,
  #gform_wrapper_18 input[type="submit"]:hover,
  #gform_wrapper_17 input[type="submit"]:hover,
  #gform_wrapper_19 input[type="submit"]:hover,
  #gform_wrapper_20 input[type="submit"]:hover,
  #gform_wrapper_21 input[type="submit"]:hover,
  #gform_wrapper_22 input[type="submit"]:hover {
    text-decoration: none;
    background: #595959;
    color: #FFF;
    -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
            box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
  .Button:focus, .BandeFormulaire input[type="submit"]:focus,
  #gform_wrapper_18 input[type="submit"]:focus,
  #gform_wrapper_17 input[type="submit"]:focus,
  #gform_wrapper_19 input[type="submit"]:focus,
  #gform_wrapper_20 input[type="submit"]:focus,
  #gform_wrapper_21 input[type="submit"]:focus,
  #gform_wrapper_22 input[type="submit"]:focus {
    background: #595959;
    color: #FFF;
    outline: 2px solid blue; }
  @media (max-width: 1024px) {
    .Button, .BandeFormulaire input[type="submit"],
    #gform_wrapper_18 input[type="submit"],
    #gform_wrapper_17 input[type="submit"],
    #gform_wrapper_19 input[type="submit"],
    #gform_wrapper_20 input[type="submit"],
    #gform_wrapper_21 input[type="submit"],
    #gform_wrapper_22 input[type="submit"] {
      font: 700 12px/40px "BrandonGrotesque", sans-serif;
      padding: 0 20px; } }
  .Button--round {
    border-radius: 40px; }
  .Button--small {
    line-height: 48px;
    padding: 0 24px; }
  .Button--long {
    min-width: 200px;
    text-align: center; }
  .Button--slideOne, .Button--has-mouse {
    margin-left: 7%;
    position: relative; }
    .Button--slideOne:after, .Button--has-mouse:after {
      background: url(../img/svg/ic_computer-mouse-red.svg) center center no-repeat;
      background-size: 100%;
      width: 59px;
      height: 59px;
      position: absolute;
      right: -52px;
      bottom: -51px;
      content: ""; }
      @media (max-width: 991px) {
        .Button--slideOne:after, .Button--has-mouse:after {
          width: 32px;
          height: 32px;
          right: -28px;
          bottom: -28px; } }
      @media (max-width: 835px) {
        .Button--slideOne:after, .Button--has-mouse:after {
          width: 40px;
          height: 40px;
          right: -35px;
          bottom: -35px; } }
    .Button--slideOne.Button--has-mouse-white:after, .Button--has-mouse.Button--has-mouse-white:after {
      background-image: url(../img/svg/ic_computer-mouse.svg); }
  .Button--callto:hover {
    background: #FFF;
    color: #BE2323; }
  .Button--transparent {
    background: none;
    border: 3px solid #FFF; }
  .Button--qualification {
    background: none;
    font: 700 10px/30px "BrandonGrotesque", sans-serif;
    border: 2px solid #FFF;
    padding: 0 20px; }
    .Button--qualification:hover {
      border: 2px solid #595959; }
  .Button--mention {
    background: none;
    font: 700 12px/40px "BrandonGrotesque", sans-serif;
    border: 2px solid #FFF;
    padding: 0 20px;
    margin-right: 15px; }
    .Button--mention:hover {
      border: 1px solid #595959; }
    @media (max-width: 991px) {
      .Button--mention {
        margin-right: 0; } }
  .Button--listing {
    font: 700 12px/40px "BrandonGrotesque", sans-serif; }
  .Button--wysiwygGeneral {
    margin: 40px 0 0 0; }
  .Button--affaires {
    margin: 40px 0 0 0; }
    .Button--affaires:focus {
      color: #FFF; }
  .Button--white {
    background: #FFF;
    color: #BE2323; }

.ButtonEffect, .HeadBanner__button {
  border-radius: 6px;
  border: 0;
  height: 60px;
  min-width: 200px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-weight: 700;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 16px !important;
  font-family: 'BrandonGrotesque', sans-serif;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1), min-width 0s linear;
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1), min-width 0s linear;
  will-change: transform;
  position: relative;
  overflow: hidden;
  z-index: 2; }
  @media (max-width: 991px) {
    .ButtonEffect, .HeadBanner__button {
      height: 40px;
      font-size: 12px !important;
      min-width: 120px; } }
  @media (max-width: 767px) {
    .ButtonEffect, .HeadBanner__button {
      padding: 0 20px;
      line-height: 18px; } }
  .ButtonEffect:before, .HeadBanner__button:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    display: block;
    z-index: -1;
    left: 0;
    top: 0;
    background: #BE2323;
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonEffect:after, .HeadBanner__button:after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background: #343434;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonEffect:hover, .HeadBanner__button:hover, .ButtonEffect:focus, .HeadBanner__button:focus {
    background: #343434;
    color: #FFF;
    -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
            box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
    .ButtonEffect:hover:after, .HeadBanner__button:hover:after, .ButtonEffect:focus:after, .HeadBanner__button:focus:after {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .ButtonEffect:focus, .HeadBanner__button:focus {
    outline: 2px solid blue; }
  .ButtonEffect--mediumgrey:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    background: #BE2323;
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonEffect--mediumgrey:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background: #595959;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonEffect--mediumgrey:hover, .ButtonEffect--mediumgrey:focus {
    background: #595959 !important;
    color: #FFF;
    -webkit-box-shadow: 5px 5px 5px rgba(89, 89, 89, 0.5);
            box-shadow: 5px 5px 5px rgba(89, 89, 89, 0.5); }
    .ButtonEffect--mediumgrey:hover:after, .ButtonEffect--mediumgrey:focus:after {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .ButtonEffect--mediumgrey:hover:before, .ButtonEffect--mediumgrey:focus:before {
      opacity: 0; }
  .ButtonEffect--transparent, .HeadBanner__button, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button {
    background: none;
    color: #FFF;
    border: 3px solid #FFF; }
    .ButtonEffect--transparent:before, .HeadBanner__button:before, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:before, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:before {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      background: none;
      opacity: 1;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .ButtonEffect--transparent:after, .HeadBanner__button:after, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:after, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:after {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      background: #FFF;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .ButtonEffect--transparent:hover, .HeadBanner__button:hover, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:hover, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:hover, .ButtonEffect--transparent:focus, .HeadBanner__button:focus, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:focus, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:focus {
      color: #BE2323;
      background: #FFF; }
      .ButtonEffect--transparent:hover:after, .HeadBanner__button:hover:after, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:hover:after, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:hover:after, .ButtonEffect--transparent:focus:after, .HeadBanner__button:focus:after, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:focus:after, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:focus:after {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .ButtonEffect--transparent:hover:before, .HeadBanner__button:hover:before, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:hover:before, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:hover:before, .ButtonEffect--transparent:focus:before, .HeadBanner__button:focus:before, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .ButtonEffect:focus:before, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .HeadBanner__button:focus:before {
        opacity: 0; }
  .ButtonEffect--white {
    background: #FFF;
    color: #BE2323;
    border: 0px solid rgba(255, 255, 255, 0);
    margin: 40px 0 0 0; }
    @media (max-width: 991px) {
      .ButtonEffect--white {
        height: 40px;
        font-size: 12px !important;
        min-width: 120px; } }
    .ButtonEffect--white:before {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      background: #FFF;
      opacity: 1;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .ButtonEffect--white:after {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      background: #343434;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .ButtonEffect--white:hover {
      color: #FFF;
      background: #343434;
      border-color: #343434; }
      .ButtonEffect--white:hover:after {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .ButtonEffect--white:hover:before {
        opacity: 0; }
  .ButtonEffect--listing {
    font: 700 12px/40px "BrandonGrotesque", sans-serif !important;
    min-width: initial;
    height: initial;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .ButtonEffect--mention {
    font: 700 12px/40px "BrandonGrotesque", sans-serif !important;
    border: 2px solid #FFF;
    padding: 0 20px;
    margin-right: 15px;
    min-width: initial;
    height: initial; }
    @media (max-width: 991px) {
      .ButtonEffect--mention {
        margin-right: 0; } }
  .ButtonEffect--qualification, .HeadBanner__button {
    font: 700 10px/1.4 "BrandonGrotesque", sans-serif !important;
    border: 2px solid #FFF;
    padding: 8px 20px;
    min-width: initial;
    height: initial;
    text-align: center; }
    @media (max-width: 400px) {
      .ButtonEffect--qualification, .HeadBanner__button {
        padding: 8px 10px; } }
  .ButtonEffect--card {
    font: 700 12px/40px "BrandonGrotesque", sans-serif !important;
    min-width: 176px;
    height: 40px;
    bottom: -32px;
    z-index: 1; }
    @media (max-width: 767px) {
      .ButtonEffect--card {
        font-size: 8px !important;
        line-height: 22px !important;
        min-width: 120px;
        height: 27px;
        bottom: -8px; } }
  .ButtonEffect--calltos {
    font: 700 12px/40px "BrandonGrotesque", sans-serif !important;
    min-width: 146px;
    height: 40px;
    margin: 30px 0 0 0; }
  .ButtonEffect--border {
    background: none;
    border: 3px solid #BE2323;
    color: #BE2323; }
    .ButtonEffect--border:before {
      background: none; }
    .ButtonEffect--border:hover, .ButtonEffect--border:focus {
      border-color: #343434; }
  .ButtonEffect--routeurs {
    margin: 40px 0 0 0; }

.ButtonModems {
  color: #BE2323;
  display: inline-block;
  font: 700 16px/22px "BrandonGrotesque", sans-serif;
  padding: 5px 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  float: left;
  margin: 0 60px 0 0; }
  .ButtonModems svg {
    float: left;
    margin: -20px 15px 0 0;
    fill: #BE2323;
    width: 45px;
    height: 45px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonModems:hover svg {
    fill: #343434; }

.Wysiwyg .ButtonEffect:focus, .Wysiwyg .HeadBanner__button:focus {
  outline: 2px solid #BE2323; }

.ButtonRouteurs {
  color: #BE2323;
  display: inline-block;
  font: 700 16px/22px "BrandonGrotesque", sans-serif;
  padding: 5px 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonRouteurs svg {
    float: left;
    margin: -17px 15px 0 0;
    fill: #BE2323;
    width: 45px;
    height: 45px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .ButtonRouteurs:hover svg {
    fill: #343434; }

.TransparentButton {
  border: 2px #FFF solid;
  padding: 9px 10px 8px;
  border-radius: 7px;
  float: right;
  width: 100%;
  font: 700 12px/22px "BrandonGrotesque", sans-serif;
  color: #FFF;
  text-decoration: none;
  max-width: 170px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .TransparentButton--small {
    border: 2px #FFF solid;
    border-radius: 5px;
    color: #FFF;
    font: 700 11px/20px "BrandonGrotesque", sans-serif;
    text-decoration: none;
    padding: 3px 12px;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    margin-left: 20px; }
  .TransparentButton--red {
    color: #BE2323;
    border-color: #BE2323;
    float: none;
    margin-left: 0; }
    .TransparentButton--red:hover {
      background: #BE2323 !important;
      color: #FFF !important; }
  .TransparentButton:hover {
    background: #FFF;
    color: #303030; }
  .TransparentButton--grey-hover:hover {
    color: #FFF;
    background: #626262;
    border-color: #626262; }
  .TransparentButton:focus {
    color: #FFF; }
    .TransparentButton:focus:hover {
      color: #303030; }

.HeaderTop {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 20; }
  .HeaderTop__top {
    position: relative;
    background: #1F1F1F;
    padding: 0;
    color: #FFF;
    z-index: 2; }
  .HeaderTop__bottom {
    position: relative;
    z-index: 1;
    margin-top: -2px;
    background: #FFF;
    min-height: 60px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
    .HeaderTop__bottom svg {
      fill: #FFF;
      height: 36px;
      width: 132px; }
    @media (max-width: 1200px) {
      .HeaderTop__bottom .container, .HeaderTop__bottom .HeadBanner__wrapper {
        width: 100%; } }
    @media (max-width: 1200px) {
      .HeaderTop__bottom .container .NavPrinc__container, .HeaderTop__bottom .HeadBanner__wrapper .NavPrinc__container {
        padding-left: 0;
        position: relative;
        right: 15px;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    @media (max-width: 1200px) {
      .HeaderTop__bottom .container .NavPrinc__container .NavPrinc, .HeaderTop__bottom .HeadBanner__wrapper .NavPrinc__container .NavPrinc {
        display: none; } }
    .HeaderTop__bottom .container .Footer__menu-nav__link, .HeaderTop__bottom .HeadBanner__wrapper .Footer__menu-nav__link {
      white-space: nowrap;
      color: #000;
      margin-left: 20px;
      font-weight: bold;
      padding: 4px; }
      @media (max-width: 580px) {
        .HeaderTop__bottom .container .Footer__menu-nav__link, .HeaderTop__bottom .HeadBanner__wrapper .Footer__menu-nav__link {
          display: none; } }

.TopType {
  margin: 0;
  padding: 0; }
  .TopType__item {
    display: inline-block;
    padding: 8px 20px;
    position: relative;
    z-index: 3; }
    @media (max-width: 767px) {
      .TopType__item {
        padding: 8px; } }
    .TopType__item:after {
      width: 100%;
      height: 200px;
      left: 0;
      -webkit-transform: translateY(-120%);
              transform: translateY(-120%);
      top: -164px;
      content: "";
      background: url(../img/svg/back-type.svg) center bottom no-repeat;
      position: absolute;
      z-index: 0;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .TopType__item:hover:after {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .TopType__item--active:after {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .TopType__link {
    color: #FFF;
    position: absolute;
    text-decoration: none;
    z-index: 3;
    position: relative;
    height: 100%;
    display: inline-block;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    font-size: 12px; }

.TopContact {
  margin: 0;
  padding: 5px 0; }
  .TopContact li {
    display: inline; }
  .TopContact--link {
    font: 700 12px/16px "BrandonGrotesque", sans-serif;
    color: #FFF; }
    .TopContact--link:after {
      content: "|";
      margin: 0 2px; }
    .TopContact--link:first-of-type {
      margin-right: 20px; }
      .TopContact--link:first-of-type:after {
        display: none; }
  .TopContact--link-a {
    font: 700 12px/16px "BrandonGrotesque", sans-serif;
    color: #FFF;
    padding: 4px; }
  .TopContact__item {
    display: inline-block;
    padding: 8px 0;
    position: relative;
    z-index: 3; }
    .TopContact__item--last {
      padding-right: 0; }
    .TopContact__item svg {
      width: 16px;
      height: 16px; }
  .TopContact__link {
    font: 700 12px/16px "BrandonGrotesque", sans-serif;
    color: #FFF;
    display: inline-block;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    padding: 4px; }
    .TopContact__link svg {
      width: 16px;
      height: 16px;
      fill: #FFF;
      vertical-align: sub;
      fill: #C7C7C7;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      display: none; }
    .TopContact__link:hover, .TopContact__link:focus {
      text-decoration: underline !important;
      color: #FFF; }
      .TopContact__link:hover svg, .TopContact__link:focus svg {
        fill: #FFF; }
      .TopContact__link:hover:after, .TopContact__link:focus:after {
        width: 97px; }
    .TopContact__link:after {
      /*content: "";
            background: url('../img/hover.svg') center left no-repeat;
            background-size: 60px 13px;
            width: 60px;
            height: 13px;
            position: absolute;
            display: block;
            left: 0;
            top: 3px;
            width: 0;
            transition: width .2s ease*/ }
    .TopContact__link--footer svg {
      fill: #595959; }

@media (max-width: 1200px) {
  .TypeContainer {
    width: 100% !important; } }

@media (max-width: 767px) {
  .TypeContainer {
    padding: 0 !important; } }

.Basket {
  position: relative; }
  .Basket svg {
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .Basket__num {
    width: 15px;
    height: 15px;
    background: #BE2323;
    position: absolute;
    right: -5px;
    top: 0;
    z-index: 2;
    border-radius: 15px;
    color: #FFF;
    font: 700 10px/15px "BrandonGrotesque", sans-serif;
    text-align: center; }
  .Basket:hover svg {
    fill: #595959; }

.creerForfaitBtn .ButtonEffect--qualification, .creerForfaitBtn .HeadBanner__button {
  padding: 8px 14px;
  min-width: 100%;
  border-radius: 6px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px; }
  .creerForfaitBtn .ButtonEffect--qualification--hide {
    display: none; }
  @media (min-width: 1024px) {
    .creerForfaitBtn .ButtonEffect--qualification, .creerForfaitBtn .HeadBanner__button {
      font-size: 10px !important; } }
  .creerForfaitBtn .ButtonEffect--qualification:hover, .creerForfaitBtn .HeadBanner__button:hover {
    color: #FFF;
    border: 2px solid #BE2323;
    background: #BE2323; }
  .creerForfaitBtn .ButtonEffect--qualification:focus, .creerForfaitBtn .HeadBanner__button:focus {
    background-color: #BE2323;
    color: #FFF; }

.SubMenu__pourquoiebox {
  position: absolute;
  left: 40px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 28px;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  visibility: hidden; }
  .SubMenu__pourquoiebox ul {
    margin: 0;
    padding: 0;
    width: 300px;
    background: #1F1F1F; }
    .SubMenu__pourquoiebox ul li {
      width: 100%;
      display: block;
      text-align: left; }
      .SubMenu__pourquoiebox ul li a {
        width: 100%;
        padding: 10px 20px;
        color: #FFF;
        display: inline-block;
        line-height: 35px;
        font: 700 16px/35px "BrandonGrotesque", sans-serif;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .SubMenu__pourquoiebox ul li a:hover {
          background: #595959; }
  @media (max-width: 450px) {
    .SubMenu__pourquoiebox {
      left: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.arrow-up {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #1F1F1F transparent;
  margin: 0 auto; }

.WhyEboxMenu--opened .SubMenu__pourquoiebox {
  opacity: 1;
  visibility: visible; }

.skipToMainContent {
  top: -100px;
  position: absolute;
  padding: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #BE2323;
  color: #FFF !important;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 150;
  border: 2px solid #FFF;
  font: 700 12px/1.4 "BrandonGrotesque", sans-serif !important;
  text-transform: uppercase;
  border-radius: 4px; }
  .skipToMainContent:focus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0; }

.NavPrinc {
  margin: 0;
  padding: 0;
  font: 16px/22px "BrandonGrotesque", sans-serif; }
  .NavPrinc__item {
    display: inline-block;
    margin-right: 10px;
    position: relative; }
    .NavPrinc__item:last-child {
      margin-right: 0; }
  .NavPrinc__link {
    color: #1F1F1F;
    min-width: 85px;
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 4px;
    /*&:after {
            content: "";
            background: url('../img/hover.svg') center left no-repeat;
            background-size: 97px 13px;
            width: 97px;
            height: 13px;
            position: absolute;
            display: block;
            left: 10px;
            top: 50%;
            margin-top: -5px;
            width: 0;

            transition: width .2s ease
        }*/ }
    .NavPrinc__link:hover {
      color: #1F1F1F;
      text-decoration: underline; }
      .NavPrinc__link:hover:after {
        width: 97px; }
    .NavPrinc__link img {
      width: 32px;
      height: 32px;
      margin: 0 auto; }
    .NavPrinc__link:active, .NavPrinc__link:focus {
      color: #1F1F1F;
      text-decoration: underline; }
  .NavPrinc__submenu-list {
    white-space: nowrap; }
  .NavPrinc__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    position: inherit;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .NavPrinc__container .ButtonEffect--qualification, .NavPrinc__container .HeadBanner__button {
      border: 2px solid #BE2323;
      color: #BE2323; }
      .NavPrinc__container .ButtonEffect--qualification:after, .NavPrinc__container .HeadBanner__button:after {
        background: #BE2323; }
      .NavPrinc__container .ButtonEffect--qualification:hover, .NavPrinc__container .HeadBanner__button:hover {
        color: #FFF; }
  .NavPrinc__sub-menu {
    position: absolute;
    background: #1F1F1F;
    left: 0;
    top: 0;
    width: 100%; }
  .NavPrinc__submenu {
    position: absolute;
    left: 50%;
    top: 60px;
    background: #1F1F1F;
    padding: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .NavPrinc__submenu .arrow-up {
      top: -5px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      position: absolute; }
    .NavPrinc__submenu--opened {
      padding: 0;
      opacity: 1;
      overflow: visible; }
    .NavPrinc__submenu .NavPrinc__item {
      position: relative;
      display: block;
      margin-right: 0; }
    .NavPrinc__submenu .NavPrinc__link {
      color: #FFF;
      text-align: left;
      width: 100%;
      padding: 10px 20px;
      font: 700 16px / 35px "BrandonGrotesque", sans-serif; }
      .NavPrinc__submenu .NavPrinc__link:hover {
        background: #595959;
        text-decoration: none; }
    .NavPrinc__submenu-list {
      margin-left: 0; }

.Logo__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px; }
  .Logo__container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.NavPrinc__submenu .NavPrinc__link:after {
  background: none; }

.Basket__container {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 60px; }
  .Basket__container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .Basket__container a svg {
      width: 30px;
      height: 30px; }
  @media (max-width: 1200px) {
    .Basket__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      right: 10px;
      top: 0; } }

.NavPrinc__item--subopen .NavPrinc__link:after {
  width: 97px; }

.NavPrinc__item--subopen .NavPrinc__submenu {
  opacity: 1; }

.NavPrinc ul li ul li .NavPrinc__submenu {
  display: none; }
  @media (max-width: 1200px) {
    .NavPrinc ul li ul li .NavPrinc__submenu {
      display: inline-block; } }

.Burger {
  background: 0;
  border: 0;
  display: none;
  margin-right: -10px; }
  .Burger svg {
    fill: #1F1F1F;
    width: 36px;
    height: 36px;
    vertical-align: middle; }
  .Burger:focus, .Burger:active {
    outline: 2px solid blue;
    outline-offset: -2px; }
  .Burger:hover svg {
    fill: #BE2323; }
  @media (max-width: 1200px) {
    .Burger {
      display: inline-block;
      margin-right: 0; } }

.Menu {
  width: 100vw;
  height: 100vh;
  background: #595959;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  position: fixed;
  z-index: 100;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  visibility: hidden; }
  @media (max-width: 767px) {
    .Menu {
      height: 100%;
      overflow: hidden; } }
  .Menu__wrapper {
    height: 100%;
    overflow: scroll;
    padding-bottom: 100px;
    visibility: hidden; }
  .Menu__header {
    position: relative;
    height: 60px;
    background: #1F1F1F;
    width: 100%; }
    .Menu__header-logo svg {
      margin-left: 20px;
      margin-top: 12px;
      fill: #FFF;
      width: 132px;
      height: 36px; }
    .Menu__header button {
      background: none;
      border: 0;
      margin-left: 10px; }
    .Menu__header-tools {
      position: absolute;
      right: 5px;
      top: 15px; }
      .Menu__header-tools svg {
        width: 30px;
        height: 30px;
        fill: #FFF; }
  .Menu__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    font: 16px/22px "BrandonGrotesque", sans-serif; }
    .Menu__bottom svg {
      width: 20px;
      height: 20px;
      fill: #C7C7C7;
      vertical-align: sub;
      margin-right: 5px; }
    .Menu__bottom-contact {
      text-align: center;
      width: 50%;
      height: 50px;
      background: #343434;
      line-height: 50px;
      color: #C7C7C7;
      float: left; }
      .Menu__bottom-contact:hover {
        color: #FFF; }
    .Menu__bottom-soutien {
      text-align: center;
      width: 50%;
      height: 50px;
      background: #1F1F1F;
      line-height: 50px;
      color: #C7C7C7;
      float: left; }
      .Menu__bottom-soutien:hover {
        color: #FFF; }
    @media (max-width: 767px) {
      .Menu__bottom {
        position: fixed; } }

.MobileNavPrinc {
  width: 100%;
  background: #1F1F1F;
  margin: 0; }
  .MobileNavPrinc__item {
    border-top: 1px solid #595959;
    font: 400 20px/22px "BrandonGrotesque", sans-serif;
    padding: 18px 15px; }
    .MobileNavPrinc__item--parent {
      background: url(../img/svg/ic_arrow-right.svg) right 15px center no-repeat;
      background-size: 20px 20px;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      .MobileNavPrinc__item--parent:hover {
        background-position: right 20px center; }
    .MobileNavPrinc__item--internet:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_laptop-white.svg) center center/100% 100% no-repeat; }
    .MobileNavPrinc__item--menu-btn-transparent > a {
      display: inline-block;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      text-transform: uppercase;
      text-align: center;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear;
      border: 1px #FFF solid;
      border-radius: 5px;
      color: #FFF;
      font: 700 10px/20px "BrandonGrotesque", sans-serif;
      text-decoration: none;
      padding: 3px 12px;
      text-transform: uppercase;
      width: auto; }
      .MobileNavPrinc__item--menu-btn-transparent > a:hover {
        background: #FFF;
        color: #303030; }
    .MobileNavPrinc__item--television:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_television-white.svg) center center/100% 100% no-repeat; }
    .MobileNavPrinc__item--telephonie:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_phone-white.svg) center center/100% 100% no-repeat; }
    .MobileNavPrinc__item--forfaits:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_package-white.svg) center center/100% 100% no-repeat; }
    .MobileNavPrinc__item--hebergement:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_hosting-white.svg) center center/100% 100% no-repeat; }
    .MobileNavPrinc__item--fibe:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_fibe-white.svg) center center/100% 100% no-repeat; }
    .MobileNavPrinc__item--network:before {
      content: "";
      width: 32px;
      height: 32px;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background: url(../img/svg/ic_network-white.svg) center center/100% 100% no-repeat; }
  .MobileNavPrinc__link {
    color: #FFF;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    width: 100%;
    height: 100%;
    display: inline-block; }
    .MobileNavPrinc__link:hover {
      color: #C7C7C7; }
  .MobileNavPrinc__sub-menu {
    background: #595959;
    width: 100vw;
    height: 100vh;
    position: fixed;
    padding-top: 0px;
    z-index: 1;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .MobileNavPrinc__sub-menu__item {
      padding: 13px 15px;
      font: 400 20px/22px "BrandonGrotesque", sans-serif;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .MobileNavPrinc__sub-menu__link {
      color: #FFF;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
      .MobileNavPrinc__sub-menu__link:hover {
        color: #C7C7C7; }

.MobileNavSec {
  padding-top: 30px;
  width: 100%;
  margin-left: 0; }
  .MobileNavSec__item {
    font: 400 16px/22px "BrandonGrotesque", sans-serif;
    padding: 10px 15px; }
  .MobileNavSec__link {
    color: #FFF;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .MobileNavSec__link:hover {
      color: #C7C7C7; }

body.menu-opened {
  overflow: hidden;
  position: fixed; }
  body.menu-opened .Menu {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    visibility: visible; }
    body.menu-opened .Menu__wrapper {
      visibility: visible; }

li.sub-opened > ul[class*="__sub-menu "] {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.back-link {
  height: 60px;
  background: #1F1F1F;
  position: relative;
  margin-bottom: 20px; }
  .back-link svg {
    width: 20px;
    height: 20px;
    fill: #FFF;
    margin-top: 18px;
    margin-left: 15px;
    position: absolute;
    left: 0px;
    top: 2px; }
  .back-link a {
    font: 400 20px "BrandonGrotesque", sans-serif;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    color: #FFF;
    position: relative;
    line-height: 60px; }

.basket-mobile {
  display: none; }

.BasicPage {
  padding: 100px 0; }
  @media (max-width: 991px) {
    .BasicPage {
      padding: 70px 0; } }
  .BasicPage h1,
  .BasicPage h2,
  .BasicPage .RouteurFirstSlide__title,
  .BasicPage .RouteurInfos__title,
  .BasicPage .RouteurOptions__title,
  .BasicPage h3 {
    margin: 0 0 30px; }
  .BasicPage p {
    margin: 0 0 30px; }
  .BasicPage .offpeak-left {
    padding-left: 0; }
  .BasicPage .offpeak-right {
    padding-right: 0; }

.Localisation {
  position: relative; }

.ChangeLocalisation {
  background: url(../img/ebox-texture-background--red.jpg) left top repeat;
  position: absolute;
  min-width: 210px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 14px rgba(31, 31, 31, 0.5);
          box-shadow: 0 2px 14px rgba(31, 31, 31, 0.5);
  top: -400px;
  right: -140px;
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 10;
  visibility: hidden; }
  @media (max-width: 1460px) {
    .ChangeLocalisation {
      right: 0; } }
  .ChangeLocalisation--opened {
    opacity: 1;
    top: 50px; }
  .ChangeLocalisation--footer {
    top: auto;
    bottom: -230px;
    right: 30px;
    position: fixed; }
  .ChangeLocalisation__title {
    background: #343434;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; }
    .ChangeLocalisation__title p {
      font: 700 16px/45px "BrandonGrotesque", sans-serif !important;
      color: #FFF !important; }
    .ChangeLocalisation__title h2, .ChangeLocalisation__title .RouteurFirstSlide__title, .ChangeLocalisation__title .RouteurInfos__title, .ChangeLocalisation__title .RouteurOptions__title {
      font: 700 16px/45px "BrandonGrotesque", sans-serif !important;
      text-transform: none !important; }
    .ChangeLocalisation__title button {
      border: 0;
      background: 0;
      position: absolute;
      right: 10px;
      top: 10px; }
      .ChangeLocalisation__title button svg {
        width: 20px !important;
        height: 20px !important;
        fill: #FFF !important; }
      .ChangeLocalisation__title button:focus {
        outline: 0; }
  .ChangeLocalisation__content {
    padding: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #1F1F1F; }
    .ChangeLocalisation__content form {
      text-align: center; }
      .ChangeLocalisation__content form select {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: url(../img/svg/ic_dropdown.svg) right 7px no-repeat;
        background-size: 16px 16px;
        border-bottom: 1px solid #FFF;
        color: #FFF;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        font: 700 16px/22px "BrandonGrotesque", sans-serif; }
        .ChangeLocalisation__content form select.last {
          margin-top: 20px; }
        .ChangeLocalisation__content form select:focus {
          outline: auto !important;
          padding: 5px; }
        .ChangeLocalisation__content form select option {
          color: #000; }

.Circle {
  background: url(../img/svg/circle.svg) center center no-repeat;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 23px;
      flex-basis: 23px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .Circle:after {
    content: '';
    width: 1px;
    height: 30px;
    background: #FFF;
    position: absolute;
    left: 11px;
    top: 23px; }
  .Circle svg {
    height: 14px;
    width: 14px;
    fill: #BE2323; }
    .Circle svg.language {
      width: 12px;
      height: 12px; }
  .Circle--second {
    margin-top: 20px; }
    .Circle--second:after {
      display: none; }

.btn-change {
  background: #FFF;
  border-radius: 6px;
  text-transform: uppercase;
  font: 700 14px/30px "BrandonGrotesque", sans-serif;
  color: #BE2323;
  padding: 0 30px 0 20px;
  margin: 20px auto 0;
  border: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .btn-change svg {
    fill: #BE2323;
    vertical-align: sub;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    width: 16px;
    height: 16px; }
  .btn-change:hover {
    background: #343434;
    color: #FFF; }
    .btn-change:hover svg {
      fill: #FFF; }
  .btn-change:active, .btn-change:focus {
    outline: auto; }

.SelectRegion,
.SelectLangue {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .SelectRegion select,
  .SelectLangue select {
    width: 100%; }

.ChangeLocalisation--opened {
  right: -140px;
  visibility: visible; }
  @media (max-width: 1460px) {
    .ChangeLocalisation--opened {
      right: 0; } }
  .ChangeLocalisation--opened.ChangeLocalisation--footer {
    bottom: 30px; }

footer .TopContact__link svg {
  fill: #595959; }

.FermerLocaliste:focus {
  outline: auto !important;
  height: 22px; }

.Qualification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/ebox-texture-background--red.jpg) center center repeat;
  width: 100%;
  padding: 15px 0;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }
  .Qualification__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .Qualification__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #FFF;
    font: 700 16px/30px "BrandonGrotesque", sans-serif;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    white-space: nowrap;
    padding-right: 10px; }
    @media (max-width: 500px) {
      .Qualification__address {
        max-width: 300px; } }
    .Qualification__address .icon {
      width: 32px;
      height: 32px;
      fill: #FFF;
      vertical-align: bottom;
      margin-right: 5px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    @media (max-width: 767px) {
      .Qualification__address {
        font: 700 10px/16px "BrandonGrotesque", sans-serif; }
        .Qualification__address .icon {
          width: 22px;
          height: 22px; } }
  .Qualification__status {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .Qualification--closed {
    height: 0;
    padding: 0; }
  .Qualification__button .icon {
    height: 25px;
    width: 25px;
    fill: white; }
    @media (max-width: 767px) {
      .Qualification__button .icon {
        height: 18px !important; } }
  .Qualification__button-icon {
    display: none;
    width: 20px;
    height: 20px;
    fill: #FFF; }
  @media (max-width: 767px) {
    .Qualification {
      padding: 9px 0; }
      .Qualification .container, .Qualification .HeadBanner__wrapper {
        width: 100%; }
      .Qualification__button {
        border: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: none; }
        .Qualification__button:hover, .Qualification__button:focus {
          background: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          outline: none; }
        .Qualification__button:before, .Qualification__button:after {
          content: none; }
        .Qualification__button-title {
          display: none; }
        .Qualification__button-icon {
          display: inline-block; } }

.VirageNum__packages-wrapper .Qualification,
.VirageNum__forfait-telephonie .Qualification {
  margin-bottom: 60px;
  border-radius: 8px;
  background: #BE2323;
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 60px;
  padding: 4px 0; }
  .VirageNum__packages-wrapper .Qualification .container, .VirageNum__packages-wrapper .Qualification .HeadBanner__wrapper,
  .VirageNum__forfait-telephonie .Qualification .container,
  .VirageNum__forfait-telephonie .Qualification .HeadBanner__wrapper {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .VirageNum__packages-wrapper .Qualification__address,
  .VirageNum__forfait-telephonie .Qualification__address {
    font: 12px/20px "BrandonGrotesque", sans-serif; }
    .VirageNum__packages-wrapper .Qualification__address strong,
    .VirageNum__forfait-telephonie .Qualification__address strong {
      font-weight: 400; }
    .VirageNum__packages-wrapper .Qualification__address .icon,
    .VirageNum__forfait-telephonie .Qualification__address .icon {
      width: 24px;
      height: 24px; }
  .VirageNum__packages-wrapper .Qualification .Qualification__button,
  .VirageNum__forfait-telephonie .Qualification .Qualification__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px; }
  .VirageNum__packages-wrapper .Qualification .Qualification__button-icon,
  .VirageNum__forfait-telephonie .Qualification .Qualification__button-icon {
    display: inline-block; }
  .VirageNum__packages-wrapper .Qualification .icon-ic-edit-info2022,
  .VirageNum__forfait-telephonie .Qualification .icon-ic-edit-info2022 {
    fill: #FFF;
    width: 18px;
    height: 18px; }

.VirageNum__forfait-telephonie .Qualification {
  margin: 30px auto -20px; }

.titleSearchForm {
  text-align: center;
  max-width: 670px;
  font: 900 35px/40px "BrandonGrotesque", sans-serif;
  color: #FFF;
  margin: 0 auto 44px; }

.voirToute {
  font: 900 22px/26px "BrandonGrotesque", sans-serif;
  padding: 10px;
  color: #FFF;
  margin: 36px auto 0;
  text-align: center;
  text-decoration: underline;
  display: inline-block;
  border: 3px solid #BE2323;
  border-radius: 10px; }
  .voirToute:focus {
    outline: 2px solid blue;
    outline-offset: 2px;
    border-radius: 10px;
    border: 3px solid #FFF;
    color: #FFF; }
  .voirToute:hover {
    text-decoration: underline;
    color: #FFFFFF;
    border-radius: 10px;
    border: 3px solid #FFF; }

.besoinAide {
  font: 900 35px/40px "BrandonGrotesque", sans-serif;
  color: #1F1F1F;
  margin: 0 0 26px 0;
  text-align: center;
  text-transform: uppercase; }

.besoinAideText {
  font: 700 16px/22px "BrandonGrotesque", sans-serif;
  color: #1F1F1F;
  max-width: 424px;
  text-align: center;
  margin: 0 auto 90px; }
  .besoinAideText a {
    text-decoration: underline; }

.HeaderTop .Qualification {
  display: none !important; }

.Footer {
  position: relative;
  overflow-y: hidden;
  padding: 30px 0;
  background: #000;
  z-index: 10; }
  .Footer:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-size: 1084px 213px;
    opacity: 0.03; }
  .Footer__fournisseur {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 2px solid #343434; }
    .Footer__fournisseur p {
      margin: 0;
      font: 400 16px/22px "BrandonGrotesque", sans-serif;
      color: #FFF; }
    @media (max-width: 767px) {
      .Footer__fournisseur {
        text-align: center; } }
  .Footer__menu {
    padding: 15px 0;
    border-bottom: 2px solid #343434; }
    .Footer__menu-nav {
      margin: 0;
      padding: 0; }
      .Footer__menu-nav__item {
        display: inline-block;
        color: #FFF;
        font: 400 16px/32px "BrandonGrotesque", sans-serif;
        padding-right: 40px; }
        .Footer__menu-nav__item:last-of-type {
          padding-right: 0; }
      .Footer__menu-nav__link {
        color: #FFF;
        font: 400 16px "BrandonGrotesque", sans-serif;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .Footer__menu-nav__link:hover, .Footer__menu-nav__link:focus {
          color: #FFF;
          text-decoration: underline; }
      @media (max-width: 767px) {
        .Footer__menu-nav {
          text-align: center; } }
    @media (max-width: 345px) {
      .Footer__menu .col-xs-7,
      .Footer__menu .col-xs-5 {
        width: 100%;
        text-align: center; } }
  .Footer__menu-left {
    width: 70%; }
    @media (max-width: 767px) {
      .Footer__menu-left {
        width: 100%; } }
    @media (max-width: 500px) {
      .Footer__menu-left {
        width: 100%;
        text-align: center; } }
  .Footer__menu-right {
    width: 30%; }
    @media (max-width: 767px) {
      .Footer__menu-right {
        width: 50%; } }
    @media (max-width: 500px) {
      .Footer__menu-right {
        width: 100%;
        text-align: center; } }
  .Footer__menu-social {
    margin: 0;
    padding: 0;
    height: 32px; }
    .Footer__menu-social svg {
      width: 32px;
      height: 32px;
      fill: #FFF;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .Footer__menu-social__item {
      line-height: 1;
      display: inline-block; }
    .Footer__menu-social__link {
      margin: 0;
      padding: 0;
      height: 100%;
      display: inline-block; }
      .Footer__menu-social__link:hover svg {
        fill: #595959; }
  .Footer__copyright {
    padding-top: 15px; }
    .Footer__copyright span {
      padding: 0 12px; }
    .Footer__copyright p {
      font: 400 12px/16px "BrandonGrotesque", sans-serif;
      color: #FFF; }
    .Footer__copyright a {
      color: #FFF; }
      .Footer__copyright a:hover {
        text-decoration: underline; }
      .Footer__copyright a:focus {
        color: #FFF;
        text-decoration: underline; }
    @media (max-width: 767px) {
      .Footer__copyright {
        text-align: center; } }
  .Footer__hard-link, .Footer__hard-link-sep {
    display: inline-block; }
  .Footer__hard-link-sep {
    color: #595959; }
  .Footer__hard-link.Footer__hard-link.Footer__hard-link {
    font-size: 12px; }
    .Footer__hard-link.Footer__hard-link.Footer__hard-link:hover {
      color: #C7C7C7;
      text-decoration: underline;
      -webkit-transition: color 0.1s linear;
      transition: color 0.1s linear; }
    .Footer__hard-link.Footer__hard-link.Footer__hard-link--active {
      color: #FFF; }
      .Footer__hard-link.Footer__hard-link.Footer__hard-link--active:hover {
        color: #FFF; }
  .Footer__sticky-tab.StickyTab {
    position: absolute;
    right: 85px;
    z-index: 10; }

/**
 * HubSpot Form Legacy Styles
 * Styles personnalisés pour les formulaires HubSpot Legacy
 * Compatible avec les classes et structures HubSpot standard
 */
/* ==========================================================================
   RESET ET BASE
   ========================================================================== */
/* Reset pour les formulaires HubSpot */
.hs-form {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  background: white !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

/* ==========================================================================
   LABELS
   ========================================================================== */
.hs-form-field label {
  color: #2c2c2c !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  margin-bottom: 16px !important;
  display: block !important;
  line-height: 1.2 !important; }

/* ==========================================================================
   CHAMPS DE SAISIE
   ========================================================================== */
/* Styles de base pour tous les inputs */
.hs-input,
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form input[type="url"],
.hs-form input[type="number"],
.hs-form textarea,
.hs-form select {
  border: 1px solid #ABB0B2 !important;
  border-radius: 3px !important;
  padding: 16px !important;
  font-size: 16px !important;
  background: white !important;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease !important;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 100% !important;
  font-family: inherit !important;
  width: 100% !important;
  height: 40px !important; }

/* États focus pour les inputs */
.hs-input:focus,
.hs-form input[type="text"]:focus,
.hs-form input[type="email"]:focus,
.hs-form input[type="tel"]:focus,
.hs-form input[type="url"]:focus,
.hs-form input[type="number"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {
  border-color: #9ca3af !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.1) !important;
          box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.1) !important; }

/* Textarea spécifique */
.hs-form textarea {
  min-height: 120px !important;
  resize: vertical !important; }

/* Select spécifique */
.hs-form select {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important;
  padding-right: 40px !important; }

/* ==========================================================================
   DISPOSITION DES CHAMPS
   ========================================================================== */
/* Container des champs */
.hs-form-field {
  margin-bottom: 24px !important; }

.hs-form-field:last-child {
  margin-bottom: 0 !important; }

/* Disposition en ligne pour email + bouton (si applicable) */
.hs-form-field.hs-form-field-inline {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  gap: 16px !important; }

.hs-form-field.hs-form-field-inline .hs-input {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  margin-bottom: 0 !important; }

.hs-form-field.hs-form-field-inline .hs-button {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  margin-top: 0 !important; }

/* ==========================================================================
   BOUTONS
   ========================================================================== */
/* Bouton principal */
.hs-button,
.hs-form input[type="submit"],
.hs-form button {
  background: #BE2323 !important;
  width: 100% !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.1s ease !important;
  transition: background-color 0.2s ease, -webkit-transform 0.1s ease !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
  transition: background-color 0.2s ease, transform 0.1s ease, -webkit-transform 0.1s ease !important;
  font-family: inherit !important;
  display: inline-block !important;
  text-decoration: none !important;
  margin-bottom: 10px;
  height: 40px;
  max-width: 118px; }

/* État hover du bouton */
.hs-button:hover,
.hs-form input[type="submit"]:hover,
.hs-form button:hover {
  background: #b91c1c !important;
  -webkit-transform: translateY(-1px) !important;
          transform: translateY(-1px) !important; }

/* État actif du bouton */
.hs-button:active,
.hs-form input[type="submit"]:active,
.hs-form button:active {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important; }

/* ==========================================================================
   MESSAGES D'ERREUR
   ========================================================================== */
.hs-error-msgs,
.hs-form .hs-error-msg {
  color: #dc2626 !important;
  font-size: 14px !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
  margin-left: 0 !important; }

.hs-error-msgs ul,
.hs-form .hs-error-msg ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important; }

.hs-error-msgs li,
.hs-form .hs-error-msg li {
  margin-bottom: 4px !important; }

/* Champs en erreur */
.hs-form .error input,
.hs-form .hs-input.error {
  border-color: #dc2626 !important;
  -webkit-box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
          box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important; }

/* ==========================================================================
   MESSAGES DE SUCCÈS
   ========================================================================== */
.hs-form .submitted-message {
  background: #d1fae5 !important;
  color: #065f46 !important;
  padding: 16px !important;
  border-radius: 8px !important;
  border: 1px solid #a7f3d0 !important;
  margin-top: 16px !important;
  margin-top: 8px !important; }

.submitted-message p span {
  display: block;
  font-family: "BrandonGrotesque", sans-serif !important; }

.submitted-message p {
  display: block;
  margin-bottom: 8px !important;
  font-family: "BrandonGrotesque", sans-serif !important; }

.submitted-message > p:nth-of-type(2) span {
  margin-bottom: 20px !important;
  font-size: 16px !important;
  font-weight: 700 !important; }

.submitted-message > p:nth-of-type(2) {
  margin-bottom: 20px !important;
  font-size: 16px !important;
  font-weight: 700 !important; }

/* ==========================================================================
   TEXTE LÉGAL ET RICHTEXT
   ========================================================================== */
.hs-richtext,
.hs-form .hs-richtext {
  font-size: 16px !important;
  color: #374151 !important;
  line-height: 1.6 !important;
  margin-top: 24px !important; }

.hs-richtext a,
.hs-form .hs-richtext a {
  color: #374151 !important;
  text-decoration: underline !important; }

.hs-richtext a:hover,
.hs-form .hs-richtext a:hover {
  color: #1f2937 !important; }

/* ==========================================================================
   CHECKBOXES ET RADIOS
   ========================================================================== */
.hs-form input[type="checkbox"],
.hs-form input[type="radio"] {
  width: auto !important;
  margin-right: 8px !important;
  -webkit-transform: scale(1.2) !important;
          transform: scale(1.2) !important; }

.hs-form .hs-form-booleancheckbox label,
.hs-form .hs-form-radio label {
  font-size: 16px !important;
  font-weight: 400 !important;
  display: inline !important;
  margin-left: 8px !important; }

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */
@media (max-width: 640px) {
  /* Labels plus petits sur mobile */
  .hs-form-field label {
    font-size: 20px !important; }
  /* Disposition verticale pour les champs en ligne */
  .hs-form-field.hs-form-field-inline {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    gap: 12px !important; }
  /* Bouton pleine largeur sur mobile */
  .hs-form-field.hs-form-field-inline .hs-button {
    width: 100% !important; }
  /* Inputs plus compacts sur mobile */
  .hs-input,
  .hs-form input,
  .hs-form textarea,
  .hs-form select {
    padding: 12px !important;
    font-size: 16px !important;
    /* Évite le zoom sur iOS */ }
  /* Boutons plus compacts sur mobile */
  .hs-button,
  .hs-form input[type="submit"],
  .hs-form button {
    padding: 14px 24px !important;
    font-size: 14px !important; } }

/* ==========================================================================
   CONTENEUR PRINCIPAL
   ========================================================================== */
.hubspot-form-container {
  background: white;
  padding: 40px;
  max-width: 700px;
  margin: 40px auto;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

@media (max-width: 768px) {
  .hubspot-form-container {
    padding: 20px;
    margin: 20px auto; } }

/* ==========================================================================
   UTILITAIRES
   ========================================================================== */
/* Classe pour forcer la disposition en ligne */
.hs-form .inline-layout .hs-form-field {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  gap: 16px !important; }

.hs-form .inline-layout .hs-input {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  margin-bottom: 0 !important; }

.hs-form .inline-layout .hs-button {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }

/* Classe pour cacher les labels */
.hs-form .hide-labels label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.actions {
  position: relative; }

.actions:after {
  position: absolute;
  background: url("https://www.ebox.ca/wp-content/themes/ebox2018/assets/img/svg/arrow-black-register.svg") center center no-repeat;
  content: '';
  width: 64px;
  height: 38px;
  background-size: 100%;
  left: 117px;
  top: -20px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg); }
  @media (max-width: 1168px) {
    .actions:after {
      display: none; } }

@media (max-width: 767px) {
  .wrapperInfolettre__right {
    margin-top: 25px; }
  .hs-button, .hs-form input[type="submit"], .hs-form button {
    max-width: 100%; } }

.page-template-listing-internet #genesys-mxg-frame,
.page-template-ebox-tv-landing #genesys-mxg-frame,
.page-template-premium-landing-chaines #genesys-mxg-frame,
.page-template-commande-info-personnelle #genesys-mxg-frame {
  right: 8px !important;
  bottom: 100px !important; }
  @media (max-width: 1387px) {
    .page-template-listing-internet #genesys-mxg-frame,
    .page-template-ebox-tv-landing #genesys-mxg-frame,
    .page-template-premium-landing-chaines #genesys-mxg-frame,
    .page-template-commande-info-personnelle #genesys-mxg-frame {
      right: 8px !important;
      bottom: 142px !important; } }

.Mention {
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .Mention {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .Mention__content {
    background: #BE2325;
    width: 100%;
    border-radius: 12px;
    display: inline-block;
    padding: 20px 15px 20px 105px; }
    @media (max-width: 991px) {
      .Mention__content {
        padding: 20px 15px 20px 80px; } }
    @media (max-width: 767px) {
      .Mention__content {
        padding: 10px 40px 10px 50px; }
        .Mention__content:after {
          content: "";
          position: absolute;
          right: 20px;
          top: 45%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: url(../img/svg/ic_arrow-right-white.svg) center center no-repeat;
          background-size: 50%;
          display: inline-block;
          width: 25px;
          height: 25px; } }
  .Mention__content-text {
    padding: 0 25px; }
    @media (max-width: 991px) {
      .Mention__content-text {
        margin-top: 4px;
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .Mention__content-text {
        margin-top: 0;
        padding: 0 15px; } }
  .Mention__text-norm {
    color: #FFF;
    font: 400 16px/23px "BrandonGrotesque", sans-serif;
    margin: 0; }
    @media (max-width: 991px) {
      .Mention__text-norm {
        font: 400 12px/16px "BrandonGrotesque", sans-serif; } }
  .Mention__text-gras {
    color: #FFF;
    font: 700 20px/24px "BrandonGrotesque", sans-serif;
    margin: 0; }
    @media (max-width: 991px) {
      .Mention__text-gras {
        font: 700 16px/22px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .Mention__text-gras {
        font: 700 12px/16px "BrandonGrotesque", sans-serif; } }
  .Mention__ribbon {
    position: absolute;
    background: url(../img/svg/mention-ribbon.svg) left top no-repeat;
    background-size: 100%;
    top: -5px;
    left: 48px;
    width: 50px;
    height: 71px; }
    .Mention__ribbon svg {
      fill: #FFF;
      width: 20px;
      height: 23px;
      margin-left: 12px;
      margin-top: 14px; }
      @media (max-width: 767px) {
        .Mention__ribbon svg {
          width: 10px;
          height: 13px;
          margin-left: 8px;
          margin-top: 9px; } }
    @media (max-width: 991px) {
      .Mention__ribbon {
        left: 37px; } }
    @media (max-width: 767px) {
      .Mention__ribbon {
        width: 28px;
        height: 41px;
        top: -3px; } }
  .Mention__link-mobile {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
    @media (max-width: 767px) {
      .Mention__link-mobile {
        display: inline-block; } }
  .Mention--flexible {
    margin-top: 100px; }
    @media (max-width: 991px) {
      .Mention--flexible {
        margin-top: 70px; }
        .Mention--flexible .col-md-12 {
          padding: 0 22px; } }
    @media (max-width: 767px) {
      .Mention--flexible .col-md-12 {
        padding: 0 15px; } }

.page-template-listing-internet .Mention--flexible {
  margin-top: inherit; }

@media (max-width: 1024px) {
  .page-template-listing-internet .VirageNum__intro-right img {
    display: none; } }

@media (max-width: 1024px) {
  .page-template-listing-internet .VirageNum__intro-left {
    padding-bottom: 0; } }

@media (max-width: 1024px) {
  .page-template-listing-internet .VirageNum__intro-icons {
    margin-bottom: 0; } }

.PageTitle {
  width: 100%;
  background: #1F1F1F;
  min-height: 280px;
  background-size: 1920px 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .PageTitle--top-padded {
    padding-top: 79px; }
  @media (max-width: 767px) {
    .PageTitle__container {
      width: 100%;
      margin-top: 0; } }
  .PageTitle__title {
    color: #FFF;
    font: 900 50px/55px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
    @media (max-width: 1024px) {
      .PageTitle__title {
        font: 900 40px/45px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .PageTitle__title {
        font: 900 22px/25px "BrandonGrotesque", sans-serif; } }
  @media (min-width: 1200px) {
    .PageTitle {
      background-size: 100% 280px; } }
  @media (max-width: 1024px) {
    .PageTitle {
      min-height: 210px;
      background-size: cover; } }
  @media (max-width: 767px) {
    .PageTitle {
      min-height: 90px;
      background-size: 800px 80px;
      background-size: auto;
      padding-top: 30px;
      padding-bottom: 30px; } }
  .PageTitle__subtitle {
    color: #FFF;
    margin-top: 10px;
    font: 400 16px/22px "BrandonGrotesque", sans-serif; }
    .PageTitle__subtitle a {
      text-decoration: underline; }
  .PageTitle--inverted {
    background: none; }
    .PageTitle--inverted .PageTitle__title {
      color: #1F1F1F; }
    .PageTitle--inverted .PageTitle__subtitle {
      color: #1F1F1F; }
  .PageTitle--aide {
    min-height: 425px; }
    @media (max-width: 767px) {
      .PageTitle--aide {
        min-height: 325px; } }
    .PageTitle--aide .PageTitle__subtitle {
      max-width: 455px; }
      @media (max-width: 767px) {
        .PageTitle--aide .PageTitle__subtitle {
          margin-bottom: 40px; } }
      @media (max-width: 599px) {
        .PageTitle--aide .PageTitle__subtitle {
          max-width: 380px; } }
      @media (max-width: 399px) {
        .PageTitle--aide .PageTitle__subtitle {
          margin-bottom: 60px; } }
    .PageTitle--aide .PageTitle__img {
      position: absolute;
      bottom: -128px;
      right: -85px; }
      @media (max-width: 1300px) {
        .PageTitle--aide .PageTitle__img img {
          height: 300px; } }
      @media (max-width: 991px) {
        .PageTitle--aide .PageTitle__img {
          right: -60px;
          bottom: -133px; }
          .PageTitle--aide .PageTitle__img img {
            height: 200px; } }
      @media (max-width: 767px) {
        .PageTitle--aide .PageTitle__img {
          right: 15px;
          bottom: -112px; }
          .PageTitle--aide .PageTitle__img img {
            height: 140px; } }
      @media (max-width: 599px) {
        .PageTitle--aide .PageTitle__img {
          bottom: -100px; }
          .PageTitle--aide .PageTitle__img img {
            height: 110px; } }
      @media (max-width: 399px) {
        .PageTitle--aide .PageTitle__img {
          bottom: -112px; } }
    .PageTitle--aide .PageTitle__img--en {
      bottom: -143px !important; }
      @media (max-width: 767px) {
        .PageTitle--aide .PageTitle__img--en {
          bottom: -122px !important; } }
      @media (max-width: 599px) {
        .PageTitle--aide .PageTitle__img--en {
          bottom: -112px !important; } }
      @media (max-width: 399px) {
        .PageTitle--aide .PageTitle__img--en {
          bottom: -122px !important; } }

@media (max-width: 767px) {
  .single-internet .PageTitle__subtitle {
    display: none; } }

.page-id-51 .PageTitle,
.page-id-7257 .PageTitle,
.page-id-114096 .PageTitle,
.page-id-114099 .PageTitle,
.page-id-118682 .PageTitle,
.page-id-118863 .PageTitle {
  display: none; }

.Retour, .RetourListing {
  margin-bottom: 60px; }
  .Retour__link, .RetourListing__link {
    color: #BE2323;
    font: 700 16px/22px "BrandonGrotesque", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    text-decoration: underline; }
    .Retour__link svg, .RetourListing__link svg {
      margin-right: 5px;
      fill: #BE2323;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .Retour__link:hover, .RetourListing__link:hover {
      text-decoration: underline; }
      .Retour__link:hover svg, .RetourListing__link:hover svg {
        fill: #343434; }
    .Retour__link:focus, .RetourListing__link:focus {
      text-decoration: underline; }
  .Retour--no-margin {
    margin: 0 !important; }
  .Retour--no-padding {
    padding: 0 !important; }
  .Retour--single, .RetourListing--single {
    padding: 48px 0 0 0;
    margin-bottom: 20px; }
    .Retour--single a, .RetourListing--single a {
      color: #1F1F1F; }
      .Retour--single a:hover, .RetourListing--single a:hover {
        color: #BE2323; }
    @media (max-width: 991px) {
      .Retour--single, .RetourListing--single {
        padding: 70px 0 0 0; } }
    .Retour--single + *, .RetourListing--single + * {
      padding-top: 48px !important; }
  @media (max-width: 767px) {
    .Retour, .RetourListing {
      margin-bottom: 20px; } }

.RetourListing__link {
  text-decoration: underline; }
  .RetourListing__link:hover, .RetourListing__link:focus {
    text-decoration: underline; }

.RetourListing--single:hover, .RetourListing--single:focus {
  text-decoration: underline; }

.SinglePrice {
  width: 100%;
  height: 325px;
  background: url(../img/red-pattern.png) left top repeat;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media (max-width: 1199px) {
    .SinglePrice {
      margin-top: 30px; } }
  .SinglePrice--haspromo .Listing__promo {
    opacity: 1; }
  .SinglePrice--haspromo .Listing__prix--promo {
    display: inline-block !important; }
  .SinglePrice .Listing__promo {
    right: auto;
    left: -4px;
    -webkit-transform: rotate(-82deg);
            transform: rotate(-82deg); }
    @media (max-width: 1199px) {
      .SinglePrice .Listing__promo {
        background: url(../img/svg/promo-fr.svg); } }
  .SinglePrice .Listing__recap {
    border-top: 0;
    padding-top: 0; }
    .SinglePrice .Listing__recap-wrapper {
      text-align: center; }
  .SinglePrice .Listing__fournisseur {
    left: auto;
    right: 25px; }
  .SinglePrice .Listing__apartir {
    font: 400 16px/22px "BrandonGrotesque", sans-serif;
    color: #FFF;
    margin-left: 6px;
    margin-bottom: 0;
    text-align: left; }
  .SinglePrice .Listing__prix {
    font: 900 100px/100px "BrandonGrotesque", sans-serif;
    color: #FFF;
    position: relative;
    margin-left: 0; }
    .SinglePrice .Listing__prix sup {
      font-size: 35px;
      vertical-align: super;
      top: 3px; }
    .SinglePrice .Listing__prix span {
      position: absolute;
      right: 3px;
      top: 50px;
      font: 400 12px "Gloria Hallelujah"; }
    .SinglePrice .Listing__prix--promo {
      font: 900 22px "BrandonGrotesque", sans-serif;
      margin-right: 10px;
      color: #FFF;
      position: relative;
      display: none; }
      .SinglePrice .Listing__prix--promo sup {
        font-size: 12px; }
      .SinglePrice .Listing__prix--promo:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #C7C7C7;
        opacity: 0.7;
        position: absolute;
        left: 0;
        top: 14px;
        -webkit-transform: rotate(-25deg);
                transform: rotate(-25deg); }
  .SinglePrice .Listing__forfait-title {
    font: 700 25px/30px "BrandonGrotesque", sans-serif;
    color: #FFF;
    margin-bottom: 20px; }

.single-internet .SinglePrice {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .single-internet .SinglePrice .Listing__recap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .single-internet .SinglePrice .ButtonEffect, .single-internet .SinglePrice .HeadBanner__button {
    margin-top: 12px; }
    @media (max-width: 991px) {
      .single-internet .SinglePrice .ButtonEffect, .single-internet .SinglePrice .HeadBanner__button {
        margin-top: 10px; } }

.single-internet .display-price {
  font: 900 100px/100px "BrandonGrotesque", sans-serif !important;
  color: #FFF !important;
  position: relative !important;
  margin-left: 0 !important;
  top: auto !important;
  right: auto !important; }

.single-internet sup {
  top: 62px !important; }

.single-internet .SinglePrice .Listing__prix span {
  right: -55px;
  top: inherit; }

.single-internet:lang(en) .SinglePrice .Listing__prix span {
  right: -42px;
  top: inherit; }

.single-telephonies .SinglePrice,
.single-internet .SinglePrice {
  min-height: 325px;
  height: auto; }

.single-internet .SinglePrice {
  padding: 20px; }

.ForfaitCapacity {
  width: 100%;
  background: #FFF;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  padding: 50px 40px 40px; }
  .ForfaitCapacity .col-md-4 svg {
    max-width: 100%; }
  @media (max-width: 991px) {
    .ForfaitCapacity .CapacityItem {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-right: 0; }
      .ForfaitCapacity .CapacityItem:nth-child(1) {
        min-height: 60px;
        background: none;
        color: #FFF; }
      .ForfaitCapacity .CapacityItem:nth-child(2) {
        min-height: 60px;
        background: none;
        border-right: 0px !important;
        color: #FFF; } }
  @media (max-width: 991px) {
    .ForfaitCapacity {
      height: auto;
      padding: 30px 15px; } }

.WrapperCapacity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 30px; }
  @media (max-width: 991px) {
    .WrapperCapacity {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .WrapperCapacity .CapacityItem {
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 auto !important;
                flex: 0 0 auto !important; }
        .WrapperCapacity .CapacityItem__wrapper {
          width: 140px; } }
      @media (max-width: 991px) and (max-width: 499px) {
        .WrapperCapacity .CapacityItem__wrapper {
          width: 85px; } }

.SuperOff {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .SuperOff--disabled {
    opacity: 0.3; }
    .SuperOff--disabled input[type=checkbox] {
      pointer-events: none; }
  .SuperOff__checkbox {
    margin-right: 10px; }
    .SuperOff__checkbox input[type=checkbox] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      cursor: pointer;
      width: 30px;
      height: 30px;
      border-radius: 6px;
      border: 1px solid #979797;
      position: relative;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      .SuperOff__checkbox input[type=checkbox]:after {
        opacity: 0;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      .SuperOff__checkbox input[type=checkbox]:checked {
        border: 1px solid #BE2323; }
        .SuperOff__checkbox input[type=checkbox]:checked:after {
          content: '';
          width: 20px;
          height: 20px;
          position: absolute;
          border-radius: 10px;
          background: url(../img/svg/ic_check_list.svg) center center no-repeat;
          left: 50%;
          opacity: 1;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
  .SuperOff__explication-title {
    font: 700 20px/24px "BrandonGrotesque", sans-serif;
    margin: 0; }
  .SuperOff__explication-subtitle {
    font: 400 16px/22px "BrandonGrotesque", sans-serif;
    color: #595959;
    margin: 0; }

.NouvellesItem {
  background: #FFF;
  margin: 0 20px 60px;
  width: 345px;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  float: left; }
  @media (max-width: 1200px) {
    .NouvellesItem {
      width: 293px;
      margin: 0 15px 60px; } }
  @media (max-width: 991px) {
    .NouvellesItem {
      width: 47%;
      margin: 0 3% 60px; } }
  @media (max-width: 767px) {
    .NouvellesItem {
      width: 100%;
      margin: 0 0 60px; } }
  .NouvellesItem:first-of-type {
    margin-left: 0; }
  .NouvellesItem:nth-child(3n) {
    margin-right: 0; }
    @media (max-width: 991px) {
      .NouvellesItem:nth-child(3n) {
        margin-right: 15px; } }
  .NouvellesItem:nth-child(3n+1) {
    margin-left: 0; }
    @media (max-width: 991px) {
      .NouvellesItem:nth-child(3n+1) {
        margin-left: 15px; } }
  @media (max-width: 991px) {
    .NouvellesItem:nth-child(odd) {
      margin-left: 0; }
    .NouvellesItem:nth-child(even) {
      margin-right: 0;
      float: right; } }
  .NouvellesItem__top {
    height: 180px;
    overflow: hidden;
    position: relative; }
    .NouvellesItem__top img {
      width: 122%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .NouvellesItem__top ul {
      position: absolute;
      bottom: 10px; }
      .NouvellesItem__top ul li {
        background: #343434;
        padding: 5px;
        float: left;
        margin: 0 10px 0 0;
        color: #FFF;
        font-size: 12px;
        line-height: 16px; }
  .NouvellesItem__btm {
    min-height: 300px;
    padding: 20px; }
    @media (max-width: 991px) {
      .NouvellesItem__btm {
        height: 275px; } }
    @media (max-width: 767px) {
      .NouvellesItem__btm {
        height: auto; } }
    .NouvellesItem__btm h2, .NouvellesItem__btm .RouteurFirstSlide__title, .NouvellesItem__btm .RouteurInfos__title, .NouvellesItem__btm .RouteurOptions__title {
      font: 700 22px/26px "BrandonGrotesque", sans-serif;
      margin: 0 0 22px;
      text-transform: none; }
      .NouvellesItem__btm h2 a, .NouvellesItem__btm .RouteurFirstSlide__title a, .NouvellesItem__btm .RouteurInfos__title a, .NouvellesItem__btm .RouteurOptions__title a {
        color: #BE2323;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        text-decoration: underline; }
        .NouvellesItem__btm h2 a:hover, .NouvellesItem__btm .RouteurFirstSlide__title a:hover, .NouvellesItem__btm .RouteurInfos__title a:hover, .NouvellesItem__btm .RouteurOptions__title a:hover {
          text-decoration: underline;
          color: #1F1F1F; }
    .NouvellesItem__btm p {
      color: #595959;
      margin: 0 0 22px; }
      .NouvellesItem__btm p.suite .separateur {
        margin: 0 5px;
        font-size: 20px; }
      .NouvellesItem__btm p.suite a {
        color: #BE2323;
        font-weight: 700;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .NouvellesItem__btm p.suite a:hover {
          color: #343434;
          text-decoration: underline; }
          .NouvellesItem__btm p.suite a:hover svg {
            fill: #343434; }
      .NouvellesItem__btm p.suite svg {
        width: 16px;
        height: 16px;
        fill: #BE2323;
        display: inline-block;
        position: relative;
        margin: 0 0 0 5px;
        top: 3px;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }

.pagination {
  width: 100%;
  text-align: center;
  margin: 45px 0 0;
  clear: both;
  display: inline-block; }
  @media (max-width: 991px) {
    .pagination {
      margin: 15px 0 0; } }
  .pagination span, .pagination a {
    border-radius: 0;
    float: none; }
  .pagination li {
    font-family: "BrandonGrotesque", sans-serif;
    margin: 0 5px;
    display: inline-block;
    list-style-type: none;
    width: 29px; }
  .pagination .pages {
    display: none; }
  .pagination .current {
    background-color: #BE2323;
    color: #FFF;
    padding: 7px 10px;
    border-radius: 6px;
    font-weight: 700;
    width: 29px;
    height: 29px;
    display: inline-block; }
  .pagination a, .pagination a:focus {
    background-color: #595959;
    color: #FFF;
    padding: 7px 10px;
    border-radius: 6px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    display: inline-block;
    width: 100%;
    height: 29px; }
    .pagination a:hover, .pagination a:focus, .pagination a:focus:hover, .pagination a:focus:focus {
      background-color: #BE2323;
      color: #FFF !important;
      text-decoration: none; }
    .pagination a svg, .pagination a:focus svg {
      width: 15px;
      height: 15px; }
  .pagination .next {
    padding: 5px 10px 9px;
    width: 29px;
    height: 29px;
    display: inline-block;
    position: relative;
    top: -2px; }

.WYSIWYGGeneral {
  padding: 100px 0; }
  @media (max-width: 991px) {
    .WYSIWYGGeneral {
      padding: 70px 0; } }
  .WYSIWYGGeneral li a {
    color: #BE2323; }
    .WYSIWYGGeneral li a:hover {
      color: #1F1F1F; }
  .WYSIWYGGeneral h1,
  .WYSIWYGGeneral h2,
  .WYSIWYGGeneral .RouteurFirstSlide__title,
  .WYSIWYGGeneral .RouteurInfos__title,
  .WYSIWYGGeneral .RouteurOptions__title,
  .WYSIWYGGeneral h3 {
    margin: 0 0 30px; }
  .WYSIWYGGeneral h4, .WYSIWYGGeneral h5, .WYSIWYGGeneral h6 {
    margin: 0 0 10px; }
  .WYSIWYGGeneral p {
    margin: 0 0 30px; }
    .WYSIWYGGeneral p:last-of-type {
      margin: 0; }
  .WYSIWYGGeneral h2 + p, .WYSIWYGGeneral .RouteurFirstSlide__title + p, .WYSIWYGGeneral .RouteurInfos__title + p, .WYSIWYGGeneral .RouteurOptions__title + p, .WYSIWYGGeneral h3 + p, .WYSIWYGGeneral h4 + p, .WYSIWYGGeneral h5 + p, .WYSIWYGGeneral h6 + p, .WYSIWYGGeneral ul + p {
    margin: 0 0 30px !important; }
  .WYSIWYGGeneral .offpeak-left {
    padding-left: 0; }
  .WYSIWYGGeneral .offpeak-right {
    padding-right: 0; }
  .WYSIWYGGeneral__custom {
    text-align: center; }
  .WYSIWYGGeneral__customTitle {
    text-transform: uppercase;
    color: #343434;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    text-align: center;
    margin: 0; }
    @media (max-width: 991px) {
      .WYSIWYGGeneral__customTitle {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .WYSIWYGGeneral__customTitle {
        font: 900 22px/24px "BrandonGrotesque", sans-serif; } }

body.page-id-5923 .WYSIWYGGeneral h2, body.page-id-5923 .WYSIWYGGeneral .RouteurFirstSlide__title, body.page-id-5923 .WYSIWYGGeneral .RouteurInfos__title, body.page-id-5923 .WYSIWYGGeneral .RouteurOptions__title {
  margin: 0 !important; }

body.postid-7737 .Wysiwyg p.p1 {
  margin: 0 0 30px; }

.tg {
  margin-bottom: 30px; }

.nopaddingbottom {
  padding-bottom: 0 !important; }

#superzones {
  width: 923px;
  max-width: 100%;
  height: 497px;
  margin: 0;
  padding: 0;
  background: url(../img/superzones-map.png) right top no-repeat;
  position: relative; }

#superzones img {
  display: none; }

.popup-superzone p {
  font: 18px/25px "BrandonGrotesque", sans-serif;
  color: #FFF; }
  @media (max-width: 767px) {
    .popup-superzone p {
      padding: 0 10px;
      font: 16px/22px "BrandonGrotesque", sans-serif; } }

/* QUEBEC */
p.t-quebec {
  position: absolute;
  top: 78px;
  left: 608px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-quebec {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 667px;
  top: 80px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-quebec:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-quebec a {
  display: block;
  width: 100%;
  height: 100%; }

/* MONTREAL */
p.t-montreal {
  position: absolute;
  top: 159px;
  left: 668px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-montreal {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 638px;
  top: 145px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-montreal:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-montreal a {
  display: block;
  width: 100%;
  height: 100%; }

/* SHERBROOKE */
p.t-sherbrooke {
  position: absolute;
  top: 136px;
  left: 715px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-sherbrooke {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 683px;
  top: 132px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-sherbrooke:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-sherbrooke a {
  display: block;
  width: 100%;
  height: 100%; }

/* TROIS-RIVIÈRES */
p.t-troisrivieres {
  position: absolute;
  top: 100px;
  left: 532px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-troisrivieres {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 632px;
  top: 98px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-troisrivieres:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-troisrivieres a {
  display: block;
  width: 100%;
  height: 100%; }

/* ST-JÉROME */
p.t-stjerome {
  position: absolute;
  top: 137px;
  left: 520px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-stjerome {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 618px;
  top: 135px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-stjerome:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-stjerome a {
  display: block;
  width: 100%;
  height: 100%; }

/* OTTAWA */
p.t-ottawa {
  position: absolute;
  top: 193px;
  left: 503px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-ottawa {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 557px;
  top: 190px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-ottawa:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-ottawa a {
  display: block;
  width: 100%;
  height: 100%; }

/* BURLINGTON */
p.t-burlington {
  position: absolute;
  top: 368px;
  left: 356px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-burlington {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 433px;
  top: 365px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-burlington:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-burlington a {
  display: block;
  width: 100%;
  height: 100%; }

/* BARRIE */
p.t-barrie {
  position: absolute;
  top: 318px;
  left: 378px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-barrie {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 422px;
  top: 315px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-barrie:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-barrie a {
  display: block;
  width: 100%;
  height: 100%; }

/* TORONTO */
p.t-toronto {
  position: absolute;
  top: 343px;
  left: 476px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-toronto {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 445px;
  top: 340px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-toronto:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-toronto a {
  display: block;
  width: 100%;
  height: 100%; }

/* HAMILTON */
p.t-hamilton {
  position: absolute;
  top: 376px;
  left: 468px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-hamilton {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 440px;
  top: 369px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-hamilton:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-hamilton a {
  display: block;
  width: 100%;
  height: 100%; }

/* LONDON */
p.t-london {
  position: absolute;
  top: 401px;
  left: 417px;
  z-index: 3;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  color: #000; }

.r-london {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 385px;
  top: 397px;
  background: url(../img/svg/ic_pin-ebox-white.svg) left top no-repeat;
  background-size: 30px;
  z-index: 3;
  cursor: pointer; }

.r-london:hover {
  background: url(../img/svg/ic_pin-ebox-white.svg) left bottom no-repeat;
  background-size: 30px; }

.r-london a {
  display: block;
  width: 100%;
  height: 100%; }

@media (max-width: 991px) {
  /* QUEBEC */
  p.t-quebec {
    left: 405px; }
  .r-quebec {
    left: 463px; }
  /* MONTREAL */
  p.t-montreal {
    left: 453px; }
  .r-montreal {
    left: 423px; }
  /* SHERBROOKE */
  p.t-sherbrooke {
    left: 503px; }
  .r-sherbrooke {
    left: 468px; }
  /* TROIS-RIVIÈRES */
  p.t-troisrivieres {
    left: 335px; }
  .r-troisrivieres {
    left: 432px; }
  /* ST-JÉROME */
  p.t-stjerome {
    left: 305px; }
  .r-stjerome {
    left: 403px; }
  /* OTTAWA */
  p.t-ottawa {
    top: 185px;
    left: 308px; }
  .r-ottawa {
    top: 183px;
    left: 365px; }
  /* BURLINGTON */
  p.t-burlington {
    left: 152px; }
  .r-burlington {
    left: 230px; }
  /* BARRIE */
  p.t-barrie {
    left: 173px; }
  .r-barrie {
    left: 215px; }
  /* TORONTO */
  p.t-toronto {
    top: 346px;
    left: 272px; }
  .r-toronto {
    top: 342px;
    left: 241px; }
  /* HAMILTON */
  p.t-hamilton {
    top: 370px;
    left: 268px; }
  .r-hamilton {
    top: 368px;
    left: 238px; }
  /* LONDON */
  p.t-london {
    left: 210px; }
  .r-london {
    left: 180px; } }

@media (max-width: 767px) {
  #superzones {
    width: 300px;
    height: auto;
    overflow: hidden;
    background: none;
    margin: 0 auto; }
  #superzones img {
    display: block;
    width: 330px !important;
    max-width: none !important;
    left: -20px;
    position: relative;
    margin: 0 auto;
    display: block; }
  /* QUEBEC */
  p.t-quebec {
    top: 16px;
    left: 185px;
    font-size: 10px; }
  .r-quebec {
    width: 15px;
    height: 15px;
    left: 217px;
    top: 22px;
    background-size: 15px; }
  .r-quebec:hover {
    background-size: 15px; }
  /* MONTREAL */
  p.t-montreal {
    top: 50px;
    left: 221px;
    font-size: 10px; }
  .r-montreal {
    width: 15px;
    height: 15px;
    left: 207px;
    top: 47px;
    background-size: 15px; }
  .r-montreal:hover {
    background-size: 15px; }
  /* SHERBROOKE */
  p.t-sherbrooke {
    top: 40px;
    left: 243px;
    font-size: 10px; }
  .r-sherbrooke {
    width: 15px;
    height: 15px;
    left: 224px;
    top: 42px;
    background-size: 15px; }
  .r-sherbrooke:hover {
    background-size: 15px; }
  /* TROIS-RIVIÈRES */
  p.t-troisrivieres {
    top: 27px;
    left: 151px;
    font-size: 10px; }
  .r-troisrivieres {
    width: 15px;
    height: 15px;
    left: 205px;
    top: 32px;
    background-size: 15px; }
  .r-troisrivieres:hover {
    background-size: 15px; }
  /* ST-JÉROME */
  p.t-stjerome {
    top: 40px;
    left: 146px;
    font-size: 10px; }
  .r-stjerome {
    width: 15px;
    height: 15px;
    left: 201px;
    top: 45px;
    background-size: 15px; }
  .r-stjerome:hover {
    background-size: 15px; }
  /* OTTAWA */
  p.t-ottawa {
    top: 57px;
    left: 152px;
    font-size: 10px; }
  .r-ottawa {
    width: 15px;
    height: 15px;
    left: 183px;
    top: 62px;
    background-size: 15px; }
  .r-ottawa:hover {
    background-size: 15px; }
  /* BURLINGTON */
  p.t-burlington {
    top: 120px;
    left: 89px;
    font-size: 10px; }
  .r-burlington {
    width: 15px;
    height: 15px;
    left: 132px;
    top: 127px;
    background-size: 15px; }
  .r-burlington:hover {
    background-size: 15px; }
  /* BARRIE */
  p.t-barrie {
    top: 105px;
    left: 104px;
    font-size: 10px; }
  .r-barrie {
    width: 15px;
    height: 15px;
    left: 130px;
    top: 110px;
    background-size: 15px; }
  .r-barrie:hover {
    background-size: 15px; }
  /* TORONTO */
  p.t-toronto {
    top: 112px;
    left: 157px;
    font-size: 10px; }
  .r-toronto {
    width: 15px;
    height: 15px;
    left: 140px;
    top: 116px;
    background-size: 15px; }
  .r-toronto:hover {
    background-size: 15px; }
  /* HAMILTON */
  p.t-hamilton {
    top: 125px;
    left: 153px;
    font-size: 10px; }
  .r-hamilton {
    width: 15px;
    height: 15px;
    left: 137px;
    top: 128px;
    background-size: 15px; }
  .r-hamilton:hover {
    background-size: 15px; }
  /* LONDON */
  p.t-london {
    top: 135px;
    left: 82px;
    font-size: 10px; }
  .r-london {
    width: 15px;
    height: 15px;
    left: 115px;
    top: 138px;
    background-size: 15px; }
  .r-london:hover {
    background-size: 15px; } }

.InternetAccessory {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #595959;
  text-align: left; }
  .InternetAccessory__pricing-list, .InternetAccessory__icon {
    display: inline-block; }
  .InternetAccessory__icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    fill: currentColor;
    margin-right: 15px; }
    @media (max-width: 380px) {
      .InternetAccessory__icon {
        width: 30px;
        min-width: 30px;
        height: 30px; } }
  .InternetAccessory__pricing-list {
    list-style: none;
    padding: 0;
    margin: 0; }
  .InternetAccessory__pricing-item {
    font: 400 14px/20px "BrandonGrotesque", sans-serif; }
    @media (max-width: 380px) {
      .InternetAccessory__pricing-item {
        font: 400 12px/16px "BrandonGrotesque", sans-serif; } }
  .InternetAccessory__pricing-title {
    font-weight: 700; }

.LiteHeader {
  position: relative;
  width: 100%;
  padding: 25px;
  text-align: center;
  font-size: 0;
  background-image: url(../img/back-nav-princ-mobile.jpg); }
  .LiteHeader__logo-container {
    display: inline-block; }
  .LiteHeader__logo {
    width: 146px;
    height: 40px;
    fill: #FFF; }
  .LiteHeader__lang-swith-container {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .LiteHeader__lang-swith-container a {
      font-size: 16px;
      text-transform: uppercase;
      color: #FFF; }
    @media (max-width: 767px) {
      .LiteHeader__lang-swith-container {
        right: 15px; } }

.StickyTab {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  background: url(../img/red-pattern.png);
  color: #FFF;
  border-radius: 16px 16px 0 0;
  padding: 10px 16px 18px;
  cursor: pointer;
  -webkit-transform: translateY(11px);
          transform: translateY(11px);
  -webkit-transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1); }
  .StickyTab--hidden {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39);
    transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39); }
  .StickyTab--hidden-force {
    opacity: 0 !important;
    position: fixed !important;
    pointer-events: none !important;
    -webkit-transform: translateY(100%) !important;
            transform: translateY(100%) !important;
    -webkit-transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39) !important;
    transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39) !important; }
  .StickyTab__icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    fill: currentColor;
    margin-right: 10px;
    -webkit-transform-origin: center;
            transform-origin: center; }
  .StickyTab__title {
    font: 700 16px/22px "BrandonGrotesque", sans-serif; }
  .StickyTab:hover {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .StickyTab:hover .StickyTab__icon {
      -webkit-animation: swing 0.75s cubic-bezier(0.55, 0, 0.1, 1);
              animation: swing 0.75s cubic-bezier(0.55, 0, 0.1, 1); }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

.ItemRecap--has-special-promo-image .ItemRecap__from {
  margin-bottom: 8px; }

.ItemRecap--has-special-promo-image .ItemRecap__price-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px; }

.ItemRecap--has-special-promo-image .ItemRecap__price {
  font: 900 37px/1 "BrandonGrotesque", sans-serif; }
  .ItemRecap--has-special-promo-image .ItemRecap__price span {
    top: 21px;
    right: -3px;
    font: 400 7px/1 "Gloria Hallelujah"; }
    html:lang(en-CA) .ItemRecap--has-special-promo-image .ItemRecap__price span {
      right: -5px; }
    .ItemRecap--has-special-promo-image .ItemRecap__price span sup {
      font: 400 4px/1 "Gloria Hallelujah";
      top: 0px; }
  .ItemRecap--has-special-promo-image .ItemRecap__price:after {
    content: '';
    position: absolute;
    display: inline-block;
    border-radius: 0.5px;
    width: 1px;
    height: 46px;
    background: #979797;
    top: 50%;
    left: 90%;
    margin-left: 25px;
    -webkit-transform: translateY(-50%) rotate(17deg);
            transform: translateY(-50%) rotate(17deg); }

.ItemRecap--has-special-promo-image .ItemRecap__special-promo-image {
  width: 49px;
  height: auto; }

.Ribbon {
  position: absolute;
  display: block;
  font-size: 0; }
  .Ribbon__title {
    color: #FFF; }
  .Ribbon--corner {
    top: 16px;
    right: -26px;
    height: 25px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .Ribbon--corner .Ribbon__svg {
      width: 110px;
      height: 25px; }
    .Ribbon--corner .Ribbon__title {
      margin-top: -2px;
      font: 600 12px/16px "BrandonGrotesque", sans-serif; }
  .Ribbon--left, .Ribbon--right {
    top: 24px; }
    .Ribbon--left .Ribbon__svg, .Ribbon--right .Ribbon__svg {
      width: 114px;
      height: 37px; }
    .Ribbon--left .Ribbon__title-wrapper, .Ribbon--right .Ribbon__title-wrapper {
      margin-top: 1px; }
  .Ribbon--left {
    left: -5px; }
    .Ribbon--left .Ribbon__title-wrapper {
      padding: 0 16px 0 8px; }
  .Ribbon--right {
    right: -5px; }
    .Ribbon--right .Ribbon__title-wrapper {
      padding: 0 8px 0 16px; }
  .Ribbon--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%; }
    .Ribbon--center .Ribbon__title-wrapper {
      padding: 0 8px 0 16px; }
    .Ribbon--center .Ribbon__svg {
      display: none; }
    .Ribbon--center .Ribbon__fake-svg {
      position: relative;
      width: 100%;
      height: 32px;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      padding: 0 5px;
      left: -5px;
      background: #BE2323; }
      .Ribbon--center .Ribbon__fake-svg:before, .Ribbon--center .Ribbon__fake-svg:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        bottom: 100%;
        border-style: solid;
        -webkit-filter: url(#darkenFilter);
                filter: url(#darkenFilter); }
      .Ribbon--center .Ribbon__fake-svg:before {
        left: 0;
        border-width: 0 0 5px 5px;
        border-color: transparent transparent #BE2323 transparent; }
      .Ribbon--center .Ribbon__fake-svg:after {
        right: 0;
        border-width: 5px 0 0 5px;
        border-color: transparent transparent transparent #BE2323; }
  .Ribbon__wrapper {
    position: relative; }
  .Ribbon__title-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 100%; }
  .Ribbon__title {
    display: block;
    font: 100 12px/16px "BrandonGrotesque", sans-serif;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden; }
  .Ribbon__svg {
    display: inline-block;
    fill: #BE2323; }

.CarouselControls {
  position: relative; }
  .CarouselControls--full-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .CarouselControls__control {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    padding: 0;
    border: none;
    margin-right: 24px;
    outline: none;
    pointer-events: all; }
    .CarouselControls__control.disabled {
      opacity: 0.3; }
    .CarouselControls__control:last-child {
      margin-right: 0; }
    .CarouselControls__control--prev {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    .CarouselControls__control--next {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .CarouselControls__control-icon {
      display: inline-block;
      width: 32px;
      height: 32px;
      fill: #C7C7C7; }

.ModernGallery {
  width: 100%;
  max-width: 600px;
  padding-bottom: 24px; }
  .ModernGallery .owl-carousel {
    display: block; }
  .ModernGallery .owl-stage-outer {
    width: 100%; }
    .ModernGallery .owl-stage-outer img {
      width: 100%;
      max-width: 100%; }
  .ModernGallery__wrapper {
    position: relative; }
  .ModernGallery__carousel-wrapper {
    min-height: 350px;
    border: 1px solid #D8D8D8; }
    @media (max-width: 767px) {
      .ModernGallery__carousel-wrapper {
        min-height: 0; } }
  .ModernGallery__controls {
    position: absolute;
    width: auto;
    top: 102%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 0;
    z-index: 1; }
    .ModernGallery__controls .CarouselControls__control-icon {
      fill: #C7C7C7;
      width: 32px;
      height: 32px; }
  .ModernGallery__control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 48px;
    height: 48px;
    font-size: 0;
    margin: 0;
    background: #343434;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear; }
    .ModernGallery__control:hover {
      background-color: #BE2323; }
  .ModernGallery__ribbon {
    z-index: 1; }

.HeadBanner {
  position: relative;
  background-color: #BE2323;
  color: #FFF;
  width: 100%;
  font: 400 16px/24px "BrandonGrotesque", sans-serif;
  z-index: 100; }
  .HeadBanner--has-close-btn {
    display: none; }
  .HeadBanner--fixed {
    position: fixed;
    top: 0; }
  .HeadBanner__wrapper, .HeadBanner__text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .HeadBanner__wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px; }
    .HeadBanner__wrapper:before, .HeadBanner__wrapper:after {
      content: none; }
  .HeadBanner__title strong {
    font-size: 18px; }
  .HeadBanner__title a {
    color: #FFF !important; }
  @media (max-width: 658px) {
    .HeadBanner__title span {
      display: block; } }
  .HeadBanner__text-wrapper {
    padding-right: 32px; }
  .HeadBanner__icon {
    width: 32px;
    height: 32px;
    fill: currentColor;
    margin-right: 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .HeadBanner__button {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .HeadBanner__close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none; }
    .HeadBanner__close-button-icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      fill: currentColor; }
  @media (max-width: 799px) {
    .HeadBanner__wrapper {
      padding-right: 64px; } }
  @media (max-width: 599px) {
    .HeadBanner__wrapper {
      padding-right: 16px; }
    .HeadBanner__title strong {
      font: 700 14px/18px "BrandonGrotesque", sans-serif; }
    .HeadBanner__icon {
      margin-right: 8px; }
    .HeadBanner__text-wrapper {
      padding-right: 16px; }
    .HeadBanner__button {
      margin-left: auto; } }

.TitleIconBlock {
  display: inline-block;
  text-align: center; }
  .TitleIconBlock__icon {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    fill: currentColor; }
  .TitleIconBlock__title {
    color: currentColor; }
  .TitleIconBlock__title-part {
    display: block; }
    .TitleIconBlock__title-part--top {
      font: 400 20px/24px "Gloria Hallelujah";
      margin-bottom: 0.25em; }
    .TitleIconBlock__title-part--bottom {
      font: 700 25px/30px "BrandonGrotesque", sans-serif;
      text-transform: uppercase; }
  @media (max-width: 1024px) {
    .TitleIconBlock__icon {
      width: 48px;
      height: 48px;
      margin-bottom: 8px; }
    .TitleIconBlock__title-part--top {
      font: 400 14px/22px "Gloria Hallelujah"; }
    .TitleIconBlock__title-part--bottom {
      font: 700 18px/24px "BrandonGrotesque", sans-serif;
      text-transform: uppercase; } }

.FAQCard {
  position: relative;
  display: block;
  padding-bottom: 20px; }
  .FAQCard--opened .FAQCard__body {
    height: auto;
    overflow: visible; }
    .FAQCard--opened .FAQCard__body:after {
      content: none; }
  .FAQCard--opened .FAQCard__button-title--opened {
    display: inline-block; }
  .FAQCard--opened .FAQCard__button-title--closed {
    display: none; }
  .FAQCard__wrapper {
    padding: 16px 16px 44px;
    background-color: #FFF;
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
  .FAQCard__head {
    text-align: center;
    padding: 0 8px 8px;
    border-bottom: 1px solid #C7C7C7; }
    .FAQCard__head-title {
      font: 700 35px/40px "BrandonGrotesque", sans-serif;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .FAQCard__head-title {
          font: 700 24px/26px "BrandonGrotesque", sans-serif; } }
  .FAQCard__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0 0;
    height: 133px;
    overflow: hidden;
    /*&:after {
			content: '';
			position: absolute;
			display: block;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 31px;
			background-image: linear-gradient(180deg, rgba(#FFF, 0), rgba(#FFF, 0.62) 50%, #FFF 100%);
		}*/ }
  .FAQCard__question-list-container:not(:last-child) {
    margin-bottom: 64px; }
  .FAQCard__question-list-title {
    font: 400 20px/30px "Gloria Hallelujah";
    color: #BE2323;
    margin-bottom: 8px; }
  .FAQCard__question-list {
    margin: 0; }
  .FAQCard__question-item:not(:last-child) {
    margin-bottom: 8px; }
  .FAQCard__question-link {
    color: #1F1F1F;
    font: 700 16px/22px "BrandonGrotesque", sans-serif;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear; }
    .FAQCard__question-link:hover {
      color: #661618;
      text-decoration: underline; }
  .FAQCard__button {
    position: absolute;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    height: 40px;
    font: 700 12px/42px "BrandonGrotesque", sans-serif;
    padding: 0 20px; }
    .FAQCard__button-title--opened {
      display: none; }
    .FAQCard__button:focus {
      outline: 2px solid blue;
      outline-offset: 2px; }

.ButtonList {
  padding: 80px 0;
  border-top: 1px solid #C7C7C7; }
  .ButtonList__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -8px; }
  .ButtonList__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
    .ButtonList__item .Button, .ButtonList__item .BandeFormulaire input[type="submit"], .BandeFormulaire .ButtonList__item input[type="submit"], .ButtonList__item
    #gform_wrapper_18 input[type="submit"],
    #gform_wrapper_18 .ButtonList__item input[type="submit"], .ButtonList__item
    #gform_wrapper_17 input[type="submit"],
    #gform_wrapper_17 .ButtonList__item input[type="submit"], .ButtonList__item
    #gform_wrapper_19 input[type="submit"],
    #gform_wrapper_19 .ButtonList__item input[type="submit"], .ButtonList__item
    #gform_wrapper_20 input[type="submit"],
    #gform_wrapper_20 .ButtonList__item input[type="submit"], .ButtonList__item
    #gform_wrapper_21 input[type="submit"],
    #gform_wrapper_21 .ButtonList__item input[type="submit"], .ButtonList__item
    #gform_wrapper_22 input[type="submit"],
    #gform_wrapper_22 .ButtonList__item input[type="submit"] {
      width: 100%;
      text-align: center; }
      .ButtonList__item .Button:focus, .ButtonList__item .BandeFormulaire input[type="submit"]:focus, .BandeFormulaire .ButtonList__item input[type="submit"]:focus, .ButtonList__item
      #gform_wrapper_18 input[type="submit"]:focus,
      #gform_wrapper_18 .ButtonList__item input[type="submit"]:focus, .ButtonList__item
      #gform_wrapper_17 input[type="submit"]:focus,
      #gform_wrapper_17 .ButtonList__item input[type="submit"]:focus, .ButtonList__item
      #gform_wrapper_19 input[type="submit"]:focus,
      #gform_wrapper_19 .ButtonList__item input[type="submit"]:focus, .ButtonList__item
      #gform_wrapper_20 input[type="submit"]:focus,
      #gform_wrapper_20 .ButtonList__item input[type="submit"]:focus, .ButtonList__item
      #gform_wrapper_21 input[type="submit"]:focus,
      #gform_wrapper_21 .ButtonList__item input[type="submit"]:focus, .ButtonList__item
      #gform_wrapper_22 input[type="submit"]:focus,
      #gform_wrapper_22 .ButtonList__item input[type="submit"]:focus {
        color: #FFF; }
    @media (max-width: 399px) {
      .ButtonList__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  .ButtonList__title {
    margin-bottom: 24px; }
  .ButtonList__item {
    padding: 8px; }

.InternetItem--has-promo-banner.InternetItem {
  height: auto;
  min-height: 172px; }

.InternetItem--has-promo-banner .Listing__name {
  border-bottom-left-radius: 0; }

.InternetItem--is-recommended {
  position: relative !important; }
  .InternetItem--is-recommended:not(:first-child) {
    margin-top: 90px !important; }

.InternetItem__recommended-star {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 8px !important; }

.InternetItem__promo-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  width: 100%;
  height: var(--promoBannerHeight);
  background-color: #BE2323;
  color: #FFF;
  font: 700 16px/24px "BrandonGrotesque", sans-serif;
  border-radius: 0 0 12px 12px; }

@media (min-width: 768px) and (max-width: 991px) {
  .InternetItem--is-recommended {
    margin-top: 14px !important; }
  .InternetItem__recommended-star {
    margin-bottom: 4px !important; } }

.Listing__name h3 {
  font: 700 18px/25px "BrandonGrotesque", sans-serif !important;
  color: #FFF !important;
  text-align: center !important; }

/** HOME **/
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0; } }

.HomeSlider {
  position: relative;
  width: 100%;
  height: 709px;
  overflow: hidden;
  /*&:after {
        content: '';
        position: absolute;
        display: block;
        width: 20vw;
        height: 20vw;
        min-width: 160px;
        min-height: 160px;
        max-width: 340px;
        max-height: 340px;
        top: -10px;
        left: -10px;
        background: {
            image: url('../img/christmas-ribbon.svg');
            size: contain;
            position: center;
            repeat: no-repeat;
        };
    }*/ }
  @media (max-width: 1500px) {
    .HomeSlider {
      height: 609px; } }
  @media (max-width: 1199px) {
    .HomeSlider {
      height: 355px; } }
  @media (max-width: 767px) {
    .HomeSlider {
      text-align: center;
      height: 400px; } }
  @media (max-width: 767px) {
    .HomeSlider {
      height: 350px; } }
  .HomeSlider__title {
    text-transform: uppercase;
    text-align: right;
    font: 900 80px/114px "BrandonGrotesque", sans-serif;
    color: #595959;
    display: inline-block;
    padding-top: 110px;
    padding-left: 6vw; }
    .HomeSlider__title .is-doodled--splashed-revolution:before {
      top: 50%; }
    .HomeSlider__title .block {
      display: block; }
      @media (max-width: 767px) {
        .HomeSlider__title .block {
          display: inline; } }
    .HomeSlider__title .blackout {
      color: #343434; }
      @media (max-width: 767px) {
        .HomeSlider__title .blackout {
          color: #FFF; } }
    @media (max-width: 1750px) {
      .HomeSlider__title {
        font: 900 70px/104px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 1500px) {
      .HomeSlider__title {
        font: 900 50px/74px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 1350px) {
      .HomeSlider__title {
        font: 900 45px/60px "BrandonGrotesque", sans-serif;
        padding-top: 120px; } }
    @media (max-width: 1199px) {
      .HomeSlider__title {
        font: 900 35px/50px "BrandonGrotesque", sans-serif;
        padding-top: 47px; } }
    @media (max-width: 1024px) {
      .HomeSlider__title {
        text-align: right; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .HomeSlider__title {
        padding-left: 15%; } }
    @media (max-width: 767px) {
      .HomeSlider__title {
        font: 900 20px/28px "BrandonGrotesque", sans-serif;
        color: #FFF;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        max-width: 330px; }
        .HomeSlider__title span {
          color: #FFF; }
          .HomeSlider__title span.is-doodled--underlined:after {
            background-image: url(../img/svg/line.svg) !important; } }
    @media (max-width: 767px) {
      .HomeSlider__title {
        padding-top: 28px; } }
    .HomeSlider__title:lang(en) {
      font: 900 90px/104px "BrandonGrotesque", sans-serif; }
      @media (max-width: 1560px) {
        .HomeSlider__title:lang(en) {
          font: 900 50px/74px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 1199px) {
        .HomeSlider__title:lang(en) {
          font: 900 35px/50px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .HomeSlider__title:lang(en) {
          font: 900 20px/28px "BrandonGrotesque", sans-serif; } }
  .HomeSlider__slide-btn--mobile {
    display: none !important; }
  @media (max-width: 767px) {
    .HomeSlider__slide-btn {
      display: none !important; }
      .HomeSlider__slide-btn--mobile {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0 auto;
        display: block !important; } }
  .HomeSlider__slide {
    width: 100%;
    height: 709px; }
    @media (max-width: 1500px) {
      .HomeSlider__slide {
        height: 609px; } }
    @media (max-width: 1199px) {
      .HomeSlider__slide {
        height: 355px; } }
    .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv {
      padding: 0;
      background: #595959; }
      @media (min-width: 1351px) {
        .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      @media (max-width: 767px) {
        .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv {
          padding-bottom: 40px; } }
      .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv .HomeSlider__title.HomeSlider__title.HomeSlider__title {
        line-height: 1.2;
        width: 45%; }
        .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv .HomeSlider__title.HomeSlider__title.HomeSlider__title span.grey {
          color: #C7C7C7; }
        @media (max-width: 600px) {
          .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv .HomeSlider__title.HomeSlider__title.HomeSlider__title {
            font: 900 32px/38px "BrandonGrotesque", sans-serif, sans-serif; } }
        @media (max-width: 499px) {
          .HomeSlider__slide--business-tv.HomeSlider__slide--business-tv.HomeSlider__slide--business-tv .HomeSlider__title.HomeSlider__title.HomeSlider__title {
            font: 900 20px/28px "BrandonGrotesque", sans-serif, sans-serif; } }
    .HomeSlider__slide--slideOne {
      overflow: hidden;
      background: url(../img/bg-slideshow@2x.png) right top -15px no-repeat;
      background-size: 1194px 528px; }
      .HomeSlider__slide--slideOne .HomeSlider__title {
        -webkit-transform: translateY(-120%);
                transform: translateY(-120%);
        -webkit-transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
      .HomeSlider__slide--slideOne .mobile-device {
        width: 468px;
        height: 306px;
        background: url(../img/slide-1-moblie-layout.png) center center no-repeat;
        background-size: 100%;
        display: none !important;
        max-width: 100%;
        margin: 30px auto; }
        .HomeSlider__slide--slideOne .mobile-device.device-en {
          background: url(../img/slide-1-moblie-layout-en.png) center center no-repeat;
          background-size: 100%; }
          @media (max-width: 767px) {
            .HomeSlider__slide--slideOne .mobile-device.device-en {
              width: 209px;
              height: 136px;
              display: block !important; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .mobile-device {
            width: 209px;
            height: 136px;
            display: block !important; } }
      .HomeSlider__slide--slideOne .television {
        background: url(../img/slide-1-television.png) center center no-repeat;
        background-size: 100%;
        width: 687px;
        height: 424px;
        position: absolute;
        right: 155px;
        top: 104px;
        z-index: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
        -webkit-transform: scale(2);
                transform: scale(2);
        -webkit-transform-origin: center;
                transform-origin: center; }
        .HomeSlider__slide--slideOne .television:lang(en) {
          background: url(../img/slide-1-television-en.png) center center no-repeat;
          background-size: 100%; }
        @media (max-width: 1750px) {
          .HomeSlider__slide--slideOne .television {
            width: 587px;
            height: 362px; } }
        @media (min-width: 1200px) and (max-width: 1500px) {
          .HomeSlider__slide--slideOne .television {
            width: 450px;
            height: 278px;
            right: 220px;
            top: 130px; } }
        @media (max-width: 1199px) {
          .HomeSlider__slide--slideOne .television {
            width: 300px;
            height: 185px;
            top: 47px; } }
        @media (max-width: 835px) {
          .HomeSlider__slide--slideOne .television {
            right: 75px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .television {
            display: none; } }
      .HomeSlider__slide--slideOne .ontariopromo {
        background: url(../img/svg/ontario-promo.svg) center center no-repeat;
        width: 532px;
        height: 464px;
        position: absolute;
        right: 295px;
        top: 104px;
        z-index: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
        -webkit-transform: scale(2);
                transform: scale(2);
        -webkit-transform-origin: center;
                transform-origin: center; }
        @media (max-width: 1660px) {
          .HomeSlider__slide--slideOne .ontariopromo {
            right: 145px; } }
        @media (max-width: 1500px) {
          .HomeSlider__slide--slideOne .ontariopromo {
            background-size: 90%;
            width: 380px;
            height: 331px;
            right: 265px; } }
        @media (max-width: 1199px) {
          .HomeSlider__slide--slideOne .ontariopromo {
            width: 250px;
            height: 218px;
            right: 215px;
            top: 54px; } }
        @media (max-width: 991px) {
          .HomeSlider__slide--slideOne .ontariopromo {
            width: 250px;
            height: 218px;
            right: 95px;
            top: 54px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .ontariopromo {
            position: relative;
            right: auto;
            left: 50%;
            top: auto;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 150px;
            height: 131px;
            -webkit-transform: translateX(-50%) !important;
                    transform: translateX(-50%) !important; } }
      .HomeSlider__slide--slideOne .laptop {
        background: url(../img/slide-1-laptop.png) center center no-repeat;
        width: 363px;
        height: 220px;
        position: absolute;
        background-size: 100%;
        top: 331px;
        right: 48px;
        z-index: 2;
        -webkit-transform: translateX(120%);
                transform: translateX(120%);
        -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
        @media (max-width: 1750px) {
          .HomeSlider__slide--slideOne .laptop {
            width: 313px;
            height: 190px; } }
        @media (min-width: 1200px) and (max-width: 1500px) {
          .HomeSlider__slide--slideOne .laptop {
            width: 275px;
            height: 167px;
            right: 75px;
            top: 280px; } }
        @media (max-width: 1199px) {
          .HomeSlider__slide--slideOne .laptop {
            width: 160px;
            height: 97px;
            top: 146px;
            right: 100px; } }
        @media (max-width: 835px) {
          .HomeSlider__slide--slideOne .laptop {
            right: 10px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .laptop {
            display: none; } }
      .HomeSlider__slide--slideOne .mobile {
        background: url(../img/slide-1-mobile.png) center center no-repeat;
        background-size: 100%;
        width: 203px;
        height: 249px;
        position: absolute;
        -webkit-transform: translateX(-120px);
                transform: translateX(-120px);
        top: 331px;
        right: 698px;
        opacity: 0;
        z-index: 2;
        -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }
        .HomeSlider__slide--slideOne .mobile.mobile-en {
          background: url(../img/slide1-ipad-iphone2x.png) center center no-repeat;
          background-size: 100%; }
          @media (max-width: 1750px) {
            .HomeSlider__slide--slideOne .mobile.mobile-en {
              width: 163px;
              height: 200px;
              right: 648px; } }
          @media (min-width: 1200px) and (max-width: 1500px) {
            .HomeSlider__slide--slideOne .mobile.mobile-en {
              width: 157px;
              height: 193px;
              right: 575px;
              top: 280px; } }
          @media (max-width: 1199px) {
            .HomeSlider__slide--slideOne .mobile.mobile-en {
              width: 86px;
              height: 106px;
              top: 146px;
              right: 390px; } }
          @media (max-width: 835px) {
            .HomeSlider__slide--slideOne .mobile.mobile-en {
              right: 310px; } }
          @media (max-width: 767px) {
            .HomeSlider__slide--slideOne .mobile.mobile-en {
              display: none; } }
        @media (max-width: 1750px) {
          .HomeSlider__slide--slideOne .mobile {
            width: 163px;
            height: 200px;
            right: 648px; } }
        @media (min-width: 1200px) and (max-width: 1500px) {
          .HomeSlider__slide--slideOne .mobile {
            width: 157px;
            height: 193px;
            right: 575px;
            top: 280px; } }
        @media (max-width: 1199px) {
          .HomeSlider__slide--slideOne .mobile {
            width: 86px;
            height: 106px;
            top: 146px;
            right: 390px; } }
        @media (max-width: 835px) {
          .HomeSlider__slide--slideOne .mobile {
            right: 310px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .mobile {
            display: none; } }
      .HomeSlider__slide--slideOne .decodeur {
        background: url(../img/slide-1-decodeur.webp) center center no-repeat;
        background-size: 100%;
        width: 133px;
        height: 52px;
        position: absolute;
        -webkit-transform: translateY(300%);
                transform: translateY(300%);
        opacity: 0;
        top: 540px;
        right: 430px;
        z-index: 2;
        -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
        transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1); }
        @media (max-width: 1750px) {
          .HomeSlider__slide--slideOne .decodeur {
            top: 480px;
            right: 382px; } }
        @media (min-width: 1200px) and (max-width: 1500px) {
          .HomeSlider__slide--slideOne .decodeur {
            width: 100px;
            height: 37px;
            right: 396px;
            top: 430px; } }
        @media (max-width: 1199px) {
          .HomeSlider__slide--slideOne .decodeur {
            width: 59px;
            height: 22px;
            top: 240px;
            right: 276px; } }
        @media (max-width: 835px) {
          .HomeSlider__slide--slideOne .decodeur {
            right: 196px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .decodeur {
            display: none; } }
      .HomeSlider__slide--slideOne .btn-container {
        position: relative;
        display: block;
        opacity: 0;
        -webkit-transition-delay: 1s;
                transition-delay: 1s; }
        @media (max-width: 1500px) {
          .HomeSlider__slide--slideOne .btn-container {
            margin-top: 35px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--slideOne .btn-container {
            margin: 0 auto; } }
      @media (max-width: 1750px) {
        .HomeSlider__slide--slideOne {
          background-position: top -120px right -100px; } }
      @media (max-width: 1199px) {
        .HomeSlider__slide--slideOne {
          background-position: top -330px right -230px; } }
      @media (max-width: 991px) {
        .HomeSlider__slide--slideOne {
          background-position: top -310px right -230px; } }
      @media (max-width: 835px) {
        .HomeSlider__slide--slideOne {
          background-position: top -310px right -330px; } }
      @media (max-width: 767px) {
        .HomeSlider__slide--slideOne {
          background: url(../img/bg_slideshow-mobile@2x.png) center top -190px no-repeat; } }
      .HomeSlider__slide--slideOne--ontario .doodled-arrow:after {
        right: -60px; }
        @media (max-width: 1199px) {
          .HomeSlider__slide--slideOne--ontario .doodled-arrow:after {
            left: auto;
            right: -32px; } }
    .HomeSlider__slide--ami {
      background: url(../img/amis-group.png) left bottom no-repeat;
      background-color: #BE2323;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45);
              box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45); }
      .HomeSlider__slide--ami .HomeSlider__content-center {
        margin-left: 40%; }
        @media (max-width: 1500px) {
          .HomeSlider__slide--ami .HomeSlider__content-center {
            margin-left: 30%; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--ami .HomeSlider__content-center {
            margin-left: 0;
            width: 100%; } }
      @media (max-width: 1500px) {
        .HomeSlider__slide--ami {
          background: url(../img/amis-group.png) 70% left bottom no-repeat;
          background-size: 60%, auto;
          background-color: #BE2323; } }
      .HomeSlider__slide--ami .HomeSlider__slide-text-ami {
        font: 900 100px/100px "BrandonGrotesque", sans-serif;
        color: #FFF;
        text-transform: uppercase;
        margin-bottom: 78px;
        position: relative; }
        .HomeSlider__slide--ami .HomeSlider__slide-text-ami .is-ami {
          position: relative; }
          .HomeSlider__slide--ami .HomeSlider__slide-text-ami .is-ami:after {
            content: "";
            width: 139px;
            height: 193px;
            background: url(../img/svg/arrow-ami.svg) left top no-repeat;
            background-size: 100%;
            position: absolute;
            right: -80px;
            top: -11px; }
            @media (max-width: 1199px) {
              .HomeSlider__slide--ami .HomeSlider__slide-text-ami .is-ami:after {
                width: 71%;
                height: 120%;
                right: -50px;
                top: -6px; } }
        @media (max-width: 1199px) {
          .HomeSlider__slide--ami .HomeSlider__slide-text-ami {
            font: 900 60px/60px "BrandonGrotesque", sans-serif;
            margin-bottom: 28px; } }
      .HomeSlider__slide--ami .HomeSlider__slide-text-ami-rounded {
        color: #661618;
        position: relative; }
        .HomeSlider__slide--ami .HomeSlider__slide-text-ami-rounded:after {
          width: 183px;
          height: 175px;
          content: "";
          background: url(../img/svg/splash-1.svg) left top no-repeat;
          background-size: 100%;
          position: absolute;
          left: -40px;
          top: -15px;
          -webkit-animation: spin 5s infinite linear;
                  animation: spin 5s infinite linear; }
          @media (max-width: 1199px) {
            .HomeSlider__slide--ami .HomeSlider__slide-text-ami-rounded:after {
              left: -20px;
              top: 0px;
              width: 190%;
              height: 110%; } }
      .HomeSlider__slide--ami .is-left-doodled {
        position: relative; }
        .HomeSlider__slide--ami .is-left-doodled:before {
          content: "";
          width: 72px;
          height: 155px;
          background: url(../img/svg/left-doodled.svg) left top no-repeat;
          background-size: 100%;
          position: absolute;
          right: -30px;
          top: 76px;
          -webkit-animation: splash 0.8s infinite steps(3);
                  animation: splash 0.8s infinite steps(3); }
          @media (max-width: 1199px) {
            .HomeSlider__slide--ami .is-left-doodled:before {
              width: 180%;
              height: 100%;
              right: -16px;
              top: 46px; } }
      @media (max-width: 767px) {
        .HomeSlider__slide--ami .HomeSlider__slide-btn {
          display: inline-block !important; } }
    .HomeSlider__slide--superzone {
      background: url(../img/super-zone-maps.png) left top no-repeat, url(../img/grey-pattern.png) left top repeat;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45);
              box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45); }
      @media (max-width: 767px) {
        .HomeSlider__slide--superzone {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          background-size: 100%, auto; } }
      .HomeSlider__slide--superzone .HomeSlider__slide-icon-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .HomeSlider__slide--superzone .HomeSlider__slide-icon-container {
        padding-right: 80px; }
        .HomeSlider__slide--superzone .HomeSlider__slide-icon-container img {
          width: auto !important;
          height: 470px;
          -webkit-transform: scale(0);
                  transform: scale(0);
          -webkit-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
          transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1); }
          @media (max-width: 1199px) {
            .HomeSlider__slide--superzone .HomeSlider__slide-icon-container img {
              height: 240px; } }
          @media (max-width: 767px) {
            .HomeSlider__slide--superzone .HomeSlider__slide-icon-container img {
              height: 70px;
              margin-bottom: 15px; } }
        @media (max-width: 767px) {
          .HomeSlider__slide--superzone .HomeSlider__slide-icon-container {
            padding-right: 0; } }
      .HomeSlider__slide--superzone .HomeSlider__slide-btn {
        -webkit-transform: translateY(400px);
                transform: translateY(400px);
        -webkit-transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1); }
        @media (max-width: 767px) {
          .HomeSlider__slide--superzone .HomeSlider__slide-btn {
            display: inline-block !important; } }
    .HomeSlider__slide-text-std {
      font: 900 45px/50px "BrandonGrotesque", sans-serif;
      color: #FFF;
      text-transform: uppercase;
      -webkit-transform: translateX(150%);
              transform: translateX(150%);
      -webkit-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1); }
      @media (max-width: 1199px) {
        .HomeSlider__slide-text-std {
          font: 900 35px/40px "BrandonGrotesque", sans-serif; } }
    .HomeSlider__slide-text-std-grey {
      font: 900 70px/80px "BrandonGrotesque", sans-serif;
      color: #C7C7C7;
      text-transform: uppercase;
      max-width: 680px; }
      @media (max-width: 1199px) {
        .HomeSlider__slide-text-std-grey {
          font: 900 50px/60px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .HomeSlider__slide-text-std-grey {
          font: 900 30px/40px "BrandonGrotesque", sans-serif;
          max-width: 100%; } }
    .HomeSlider__slide-text-std-white {
      font: 900 70px/80px "BrandonGrotesque", sans-serif;
      color: #FFF;
      text-transform: uppercase;
      max-width: 680px;
      margin-bottom: 30px; }
      @media (max-width: 1199px) {
        .HomeSlider__slide-text-std-white {
          font: 900 50px/60px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .HomeSlider__slide-text-std-white {
          font: 900 30px/40px "BrandonGrotesque", sans-serif;
          max-width: 100%; } }
    .HomeSlider__slide-text-curl {
      font: 400 45px/50px "Gloria Hallelujah";
      color: #FFF;
      margin-bottom: 30px;
      -webkit-transform: translateX(150%);
              transform: translateX(150%);
      -webkit-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
      opacity: 0; }
      @media (max-width: 1199px) {
        .HomeSlider__slide-text-curl {
          font: 900 25px/35px "BrandonGrotesque", sans-serif; } }
    .HomeSlider__slide-text-disclaimer {
      font: 400 12px/16px "BrandonGrotesque", sans-serif;
      color: #FFF;
      margin-top: 15px;
      color: #FFF; }
  .HomeSlider .owl-item {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .HomeSlider .owl-dots {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (max-width: 835px) {
      .HomeSlider .owl-dots {
        right: 15px;
        top: 93px;
        -webkit-transform: translateY(0);
                transform: translateY(0); } }
  .HomeSlider .owl-dot {
    display: block;
    margin-bottom: 8px;
    background: none;
    border: none; }
    .HomeSlider .owl-dot span {
      width: 15px;
      height: 15px;
      background: #C7C7C7;
      display: inline-block; }
      @media (max-width: 835px) {
        .HomeSlider .owl-dot span {
          width: 10px;
          height: 10px; } }
    .HomeSlider .owl-dot.active span {
      background: #FFF; }
    @media (max-width: 835px) {
      .HomeSlider .owl-dot {
        margin-bottom: 2px; } }
  .HomeSlider__content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

@media (min-width: 768px) {
  .HomeSlider--affaires {
    margin-bottom: 10px; } }

.HomeSlider--affaires .HomeSlider__slide--slideOne {
  padding: 150px 0;
  background: url(../img/affaire-bg-slider.jpg) right top -2px no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .HomeSlider--affaires .HomeSlider__slide--slideOne {
      padding-bottom: 40px; } }

.HomeSlider--affaires .HomeSlider__title {
  color: #FFF;
  font: 900 80px/79px "BrandonGrotesque", sans-serif;
  padding-top: 0; }
  @media (max-width: 1750px) {
    .HomeSlider--affaires .HomeSlider__title {
      font: 900 70px/104px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 1500px) {
    .HomeSlider--affaires .HomeSlider__title {
      font: 900 50px/74px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 1350px) {
    .HomeSlider--affaires .HomeSlider__title {
      font: 900 45px/60px "BrandonGrotesque", sans-serif;
      padding-top: 120px; } }
  @media (max-width: 1199px) {
    .HomeSlider--affaires .HomeSlider__title {
      font: 900 35px/50px "BrandonGrotesque", sans-serif;
      padding-top: 47px; } }
  @media (max-width: 1024px) {
    .HomeSlider--affaires .HomeSlider__title {
      text-align: right; } }
  @media (max-width: 767px) {
    .HomeSlider--affaires .HomeSlider__title {
      text-align: center;
      max-width: 100%; } }

.HomeSlider--affaires .HomeSlider__title-exp {
  font: 400 30px/30px "BrandonGrotesque", sans-serif;
  color: #FFF;
  text-transform: none;
  margin-top: 30px;
  display: block; }

.HomeSlider--affaires .Button--slideOne:after {
  display: none; }

@media (max-width: 767px) {
  .HomeSlider--affaires .Button--slideOne {
    margin-top: 20px; } }

.HomeSlider--affaires .is-doodled--underlined:after {
  top: 100%; }

.color-gray {
  color: #C7C7C7; }

.owl-item.active > .HomeSlider__slide--slideOne .HomeSlider__title {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.owl-item.active > .HomeSlider__slide--slideOne .television {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important; }

.owl-item.active > .HomeSlider__slide--slideOne .gamepad {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.owl-item.active > .HomeSlider__slide--slideOne .ontariopromo {
  -webkit-transform: scale(1);
          transform: scale(1); }

.owl-item.active > .HomeSlider__slide--slideOne .laptop {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.owl-item.active > .HomeSlider__slide--slideOne .mobile {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.owl-item.active > .HomeSlider__slide--slideOne .decodeur {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.owl-item.active > .HomeSlider__slide--slideOne .btn-container {
  opacity: 1; }

@media (max-width: 767px) {
  .owl-item.active > .HomeSlider__slide--ami {
    height: 350px; } }

.owl-item.active > .HomeSlider__slide--ami .HomeSlider__slide--pad {
  padding: 100px 30px; }

.owl-item.active > .HomeSlider__slide--ami .HomeSlider__slide-text-std {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.owl-item.active > .HomeSlider__slide--ami .HomeSlider__slide-text-curl {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

.owl-item.active > .HomeSlider__slide--superzone .HomeSlider__slide-btn {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.owl-item.active > .HomeSlider__slide--superzone .HomeSlider__slide-icon-container img {
  -webkit-transform: scale(1);
          transform: scale(1); }

@media (max-width: 991px) {
  .owl-item.active .HomeSlider__slide--slideOne--ontario {
    background-position: top -310px right -330px; } }

@media (max-width: 767px) {
  .owl-item.active .HomeSlider__slide--slideOne--ontario {
    background-position: center top -190px; } }

.owl-item.active .HomeSlider__slide--slideOne--ontario .HomeSlider__title {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.owl-item.active .HomeSlider__slide--slideOne--ontario .ontariopromo {
  -webkit-transform: scale(1);
          transform: scale(1); }

.owl-item.active .HomeSlider__slide--slideOne--ontario .btn-container {
  opacity: 1; }

.doodled-arrow {
  position: relative; }
  .doodled-arrow:before {
    content: "";
    position: absolute;
    width: 59px;
    height: 59px;
    background: url(../img/svg/drawing-arrow05.svg) center center no-repeat;
    background-size: 100%;
    left: -65px;
    top: 90px; }
    @media (max-width: 1500px) {
      .doodled-arrow:before {
        top: 52px; } }
    @media (max-width: 1199px) {
      .doodled-arrow:before {
        width: 30px;
        height: 30px;
        left: -30px;
        top: 40px; } }
    @media (max-width: 767px) {
      .doodled-arrow:before {
        top: 20px;
        background-image: url(../img/svg/drawing-arrow05-white.svg);
        display: none; } }
  .doodled-arrow:after {
    position: absolute;
    width: 59px;
    height: 59px;
    background: url(../img/svg/drawing-arrow05.svg) center center no-repeat;
    -webkit-transform: scale(1, -1) rotate(-160deg);
            transform: scale(1, -1) rotate(-160deg);
    background-size: 100%;
    left: auto;
    top: 40px;
    content: ""; }
    @media (max-width: 1500px) {
      .doodled-arrow:after {
        left: auto;
        top: 17px; } }
    @media (max-width: 1199px) {
      .doodled-arrow:after {
        width: 30px;
        height: 30px; } }
    @media (max-width: 767px) {
      .doodled-arrow:after {
        background-image: url(../img/svg/drawing-arrow05-white.svg);
        top: 6px;
        display: none; } }

@media (max-width: 767px) {
  .is-ami--en:after {
    width: 36% !important; } }

.icon-support {
  position: relative; }
  .icon-support:after {
    content: "";
    width: 80px;
    height: 80px;
    background: url(../img/svg/ic_support-grey.svg) left top no-repeat;
    background-size: 100%;
    position: absolute;
    right: -100px;
    top: 10px;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
    -webkit-animation: fadeIn 1s infinite alternate;
            animation: fadeIn 1s infinite alternate; }
    @media (max-width: 399px) {
      .icon-support:after {
        display: none; } }

.HomeSlider__slide--slideOne--ontario .HomeSlider__title:lang(en) {
  margin-top: 50px;
  font: 900 60px/80px "BrandonGrotesque", sans-serif; }
  @media (max-width: 1484px) {
    .HomeSlider__slide--slideOne--ontario .HomeSlider__title:lang(en) {
      margin-top: 20px;
      font: 900 40px/60px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 1199px) {
    .HomeSlider__slide--slideOne--ontario .HomeSlider__title:lang(en) {
      margin-top: 0px;
      font: 900 30px/50px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 767px) {
    .HomeSlider__slide--slideOne--ontario .HomeSlider__title:lang(en) {
      font: 900 20px/40px "BrandonGrotesque", sans-serif; } }

@media (max-width: 1199px) {
  .HomeSlider__slide--slideOne--ontario .HomeSlider__title .btn-container:lang(en) {
    margin-top: 20px; } }

@media (max-width: 767px) {
  .HomeSlider__slide--slideOne--ontario .HomeSlider__title .btn-container:lang(en) {
    margin-top: 10px; } }

.HomeSlider__playPause {
  max-width: 1170px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  bottom: 62px;
  margin-left: 88px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%; }
  @media (max-width: 1300px) {
    .HomeSlider__playPause {
      bottom: 36px;
      margin-left: 184px; } }
  @media (max-width: 991px) {
    .HomeSlider__playPause {
      bottom: 36px;
      margin-left: 132px; } }

.page-template-page-accueil-affaires .HomeSlider__playPause {
  text-align: center;
  margin-left: 0; }
  @media (max-width: 1300px) {
    .page-template-page-accueil-affaires .HomeSlider__playPause {
      bottom: 56px;
      margin-left: 0; } }
  @media (max-width: 991px) {
    .page-template-page-accueil-affaires .HomeSlider__playPause {
      bottom: 56px;
      margin-left: 0; } }

.CallTo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0; }
  .CallTo__plus {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #BE2323;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none; }
    .CallTo__plus svg {
      width: 15px !important;
      height: 15px !important;
      display: inline-block;
      fill: #FFF !important; }
    @media (max-width: 767px) {
      .CallTo__plus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .CallTo__linkmobile {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: none; }
    @media (max-width: 767px) {
      .CallTo__linkmobile {
        display: inline-block; } }
  .CallTo__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #FFF;
    overflow: hidden;
    height: 492px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .CallTo__item svg {
      width: 80px;
      height: 80px;
      fill: #1F1F1F;
      margin-bottom: 20px;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      @media (max-width: 1024px) {
        .CallTo__item svg {
          margin-bottom: 0;
          width: 60px;
          height: 60px; } }
      @media (max-width: 767px) {
        .CallTo__item svg {
          margin-bottom: 0;
          width: 40px;
          height: 40px; } }
    @media (max-width: 1024px) {
      .CallTo__item {
        padding: 15px 24px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 32%;
                flex: 0 0 32%;
        height: 300px; } }
    @media (max-width: 767px) {
      .CallTo__item {
        padding: 0px 0px 50px;
        min-height: 174px; } }
    @media (max-width: 767px) {
      .CallTo__item:first-of-type {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-bottom: 10px;
        padding-bottom: 0;
        height: 174px; }
        .CallTo__item:first-of-type .ItemContainer__left svg {
          margin-top: 4px;
          height: 60px !important;
          width: 60px !important; }
        .CallTo__item:first-of-type .CallTo__title {
          margin-top: -25px; }
        .CallTo__item:first-of-type .ItemContainer__right {
          margin-top: -18px; } }
    @media (max-width: 767px) {
      .CallTo__item:last-of-type, .CallTo__item:nth-of-type(2) {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        height: 174px; } }
  .CallTo__back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
    .CallTo__back--internet {
      /*@media (max-width: 767px) {
                background: $c-grey;
            }*/ }
    .CallTo__back--television {
      /*@media (max-width: 767px) {
                background: $c-black;
            }*/ }
    .CallTo__back--telephonie {
      /*@media (max-width: 767px) {
                background: $c-grey;
            }*/ }
  .CallTo__title {
    margin: 0;
    font: 900 60px/64px "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    color: #1F1F1F;
    position: relative;
    pointer-events: none;
    display: inline-block;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .CallTo__title:after {
      background: url(../img/svg/line-black.svg) center center no-repeat;
      content: "";
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      position: absolute;
      bottom: -9px;
      width: 100%;
      background-size: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 10px;
      display: block; }
    .CallTo__title span {
      font: 300 20px/30px "Gloria Hallelujah";
      position: absolute;
      right: 0;
      bottom: -50px;
      text-transform: none;
      white-space: nowrap; }
      .CallTo__title span:before {
        width: 32px;
        height: 32px;
        content: "";
        background: url(../img/svg/drawing-arrow04-black.svg) left top no-repeat;
        position: absolute;
        -webkit-transform: rotate(-26deg);
                transform: rotate(-26deg);
        left: -38px;
        top: -5px; }
        @media (max-width: 1199px) {
          .CallTo__title span:before {
            top: -10px; } }
        @media (max-width: 767px) {
          .CallTo__title span:before {
            width: 12px;
            height: 12px;
            background-size: 100%;
            left: -18px;
            top: -2px; } }
      @media (max-width: 1199px) {
        .CallTo__title span {
          font: 300 12px/22px "Gloria Hallelujah";
          bottom: -40px; } }
      @media (max-width: 767px) {
        .CallTo__title span {
          font: 300 10px/12px "Gloria Hallelujah";
          bottom: -25px; } }
    @media (max-width: 1330px) {
      .CallTo__title {
        font: 900 55px/64px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 1199px) {
      .CallTo__title {
        font: 900 35px/40px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .CallTo__title {
        margin-top: 10px;
        font: 900 24px/24px "BrandonGrotesque", sans-serif; } }
  .CallTo .ButtonEffect, .CallTo .HeadBanner__button {
    margin-top: 120px; }
    @media (max-width: 1024px) {
      .CallTo .ButtonEffect, .CallTo .HeadBanner__button {
        width: 100%;
        margin-top: 75px; } }
  @media (max-width: 767px) {
    .CallTo {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.ItemContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 991px) {
    .ItemContainer {
      width: 100%; } }
  @media (max-width: 767px) {
    .ItemContainer {
      width: auto; } }
  @media (max-width: 767px) {
    .ItemContainer--internet {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .ItemContainer--internet .CallTo__title {
        width: 132px; } }

.CallTo__item:hover {
  background: #BE2323; }
  .CallTo__item:hover .CallTo__back {
    -webkit-transform: scale(1.1, 1.1) rotate(-1deg);
            transform: scale(1.1, 1.1) rotate(-1deg); }
    @media (max-width: 991px) {
      .CallTo__item:hover .CallTo__back {
        -webkit-transform: scale(1) rotate(0deg);
                transform: scale(1) rotate(0deg); } }
  .CallTo__item:hover svg {
    fill: #FFF; }
  .CallTo__item:hover .CallTo__title {
    color: #FFF; }
    .CallTo__item:hover .CallTo__title span:before {
      background: url(../img/svg/drawing-arrow04-white.svg) left top no-repeat; }
    .CallTo__item:hover .CallTo__title:after {
      background: url(../img/svg/line-white.svg) center center no-repeat;
      background-size: 100%; }
  .CallTo__item:hover .ButtonEffect, .CallTo__item:hover .HeadBanner__button {
    color: #BE2323; }
    .CallTo__item:hover .ButtonEffect:before, .CallTo__item:hover .HeadBanner__button:before {
      background: #FFF; }
    .CallTo__item:hover .ButtonEffect:hover, .CallTo__item:hover .HeadBanner__button:hover {
      color: #FFF; }
  .CallTo__item:hover .Callto__plus {
    background: #FFF; }
    .CallTo__item:hover .Callto__plus svg {
      fill: #BE2323 !important; }

.duet-date__cell {
  min-width: auto; }

.duet-date__dialog {
  z-index: 9999; }

.page-id-7551 .ButtonEffect:focus, .page-id-7551 .HeadBanner__button:focus {
  outline: 2px solid #BE2323 !important; }

.page-template-page-accueil-affaires .CallTo__title {
  font: 900 35px/40px "BrandonGrotesque", sans-serif; }

.page-template-page-accueil-affaires-php .CallTo {
  padding-bottom: 40px; }

.HomeForfaits {
  background: url(../img/bg_packages@2x.png) left -80px bottom no-repeat;
  background-size: 1048px 277px;
  height: 515px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  @media (max-width: 1199px) {
    .HomeForfaits {
      background-position: left -190px bottom -100px; } }
  @media (max-width: 1100px) {
    .HomeForfaits {
      height: auto;
      padding: 50px 0;
      background-position: left -330px bottom -130px; } }
  @media (max-width: 767px) {
    .HomeForfaits {
      height: auto;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      background-position: left -370px bottom -180px; } }
  .HomeForfaits__slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0; }
    @media (max-width: 767px) {
      .HomeForfaits__slider-item {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .HomeForfaits__devices {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
    .HomeForfaits__devices-image {
      position: absolute;
      left: 240px;
      bottom: 60px;
      -webkit-transform: translateX(-200%);
              transform: translateX(-200%);
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      @media (max-width: 1612px) {
        .HomeForfaits__devices-image {
          left: 140px; } }
      @media (max-width: 1300px) {
        .HomeForfaits__devices-image {
          left: 70px; } }
      @media (max-width: 1199px) {
        .HomeForfaits__devices-image {
          max-width: 439px !important;
          height: auto !important; } }
      @media (max-width: 1100px) {
        .HomeForfaits__devices-image {
          max-width: 239px !important;
          height: auto !important; } }
      @media (max-width: 767px) {
        .HomeForfaits__devices-image {
          max-width: 206px !important;
          height: auto !important;
          left: 12px;
          bottom: 160px; } }
    @media (max-width: 1749px) {
      .HomeForfaits__devices {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 54%;
                flex: 0 0 54%; } }
    @media (max-width: 1199px) {
      .HomeForfaits__devices {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%; } }
    @media (max-width: 767px) {
      .HomeForfaits__devices {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 55%;
                flex: 0 0 55%; } }
  .HomeForfaits__forfait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative; }
    .HomeForfaits__forfait:before {
      content: "";
      -webkit-transform: scaleX(-1) rotate(-180deg);
              transform: scaleX(-1) rotate(-180deg);
      -webkit-transform-origin: center;
              transform-origin: center;
      width: 160px;
      height: 160px;
      position: absolute;
      left: -160px;
      top: 130px;
      background-size: 100%;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s;
      opacity: 0; }
      @media (max-width: 1448px) {
        .HomeForfaits__forfait:before {
          width: 80px;
          height: 80px;
          left: -80px; } }
      @media (max-width: 1100px) {
        .HomeForfaits__forfait:before {
          width: 40px;
          height: 40px;
          left: -50px; } }
      @media (max-width: 767px) {
        .HomeForfaits__forfait:before {
          display: none; } }
    .HomeForfaits__forfait-title {
      font: 900 50px "BrandonGrotesque", sans-serif;
      text-transform: uppercase;
      margin-bottom: 20px;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1.5);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1.5);
      -webkit-transform: translateY(-250%);
              transform: translateY(-250%); }
      @media (max-width: 1100px) {
        .HomeForfaits__forfait-title {
          font-size: 30px;
          margin-bottom: 2px; } }
      @media (max-width: 767px) {
        .HomeForfaits__forfait-title {
          margin: 0 auto 18px; } }
    .HomeForfaits__forfait-exp {
      max-width: 700px; }
    .HomeForfaits__forfait-cheap {
      position: absolute;
      right: -217px;
      top: 150px;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      .HomeForfaits__forfait-cheap span {
        font: 300 16px/20px "Gloria Hallelujah";
        color: #661618;
        text-align: center; }
        @media (max-width: 1100px) {
          .HomeForfaits__forfait-cheap span {
            font-size: 12px; } }
      .HomeForfaits__forfait-cheap p {
        position: relative;
        opacity: 0;
        -webkit-transform: translateX(200%);
                transform: translateX(200%);
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        -webkit-transition-delay: 1s;
                transition-delay: 1s; }
        .HomeForfaits__forfait-cheap p:before {
          width: 78px;
          height: 78px;
          content: "";
          position: absolute;
          left: -62px;
          top: 12px;
          background: url(../img/svg/drawing-arrow03-bourgogne.svg) center center no-repeat;
          background-size: 100%;
          -webkit-transform: rotate(130deg);
                  transform: rotate(130deg); }
          @media (max-width: 1699px) {
            .HomeForfaits__forfait-cheap p:before {
              -webkit-transform: rotate(-170deg);
                      transform: rotate(-170deg);
              top: -84px;
              left: -34px; } }
          @media (max-width: 1379px) {
            .HomeForfaits__forfait-cheap p:before {
              -webkit-transform: scaleX(-1) rotate(-140deg);
                      transform: scaleX(-1) rotate(-140deg);
              left: 54px; } }
          @media (max-width: 1100px) {
            .HomeForfaits__forfait-cheap p:before {
              width: 30px;
              height: 30px;
              -webkit-transform: scaleX(-1) rotate(270deg);
                      transform: scaleX(-1) rotate(270deg);
              top: -40px;
              left: 40px; } }
          @media (max-width: 767px) {
            .HomeForfaits__forfait-cheap p:before {
              -webkit-transform: scaleX(1) rotate(140deg);
                      transform: scaleX(1) rotate(140deg);
              top: 20px;
              left: -24px; } }
      @media (max-width: 1699px) {
        .HomeForfaits__forfait-cheap {
          right: -45px;
          top: 360px; } }
      @media (max-width: 1379px) {
        .HomeForfaits__forfait-cheap {
          right: 75px; } }
      @media (max-width: 1100px) {
        .HomeForfaits__forfait-cheap {
          top: 195px;
          right: -60px; } }
      @media (max-width: 767px) {
        .HomeForfaits__forfait-cheap {
          top: 365px;
          left: 240px;
          display: none; } }
    .HomeForfaits__forfait .ButtonEffect, .HomeForfaits__forfait .HeadBanner__button {
      margin-top: 40px;
      border: 2px solid #1F1F1F; }
      @media (max-width: 1100px) {
        .HomeForfaits__forfait .ButtonEffect, .HomeForfaits__forfait .HeadBanner__button {
          margin-top: 25px; } }
      .HomeForfaits__forfait .ButtonEffect:hover, .HomeForfaits__forfait .HeadBanner__button:hover {
        border-color: #343434; }
    @media (max-width: 767px) {
      .HomeForfaits__forfait {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 90px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 95%;
                flex: 0 0 95%;
        width: 100%; } }
  .HomeForfaits__pictos {
    margin: 0;
    padding: 0; }
    .HomeForfaits__pictos-item {
      display: inline-block;
      position: relative;
      padding-right: 30px;
      opacity: 0;
      text-align: center; }
      .HomeForfaits__pictos-item .icon {
        width: 100px;
        height: 100px;
        fill: #343434; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item .icon {
            width: 60px;
            height: 60px; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item .icon {
            width: 50px;
            height: 50px; } }
      .HomeForfaits__pictos-item p {
        width: 100%;
        text-align: center;
        font: 700 16px/22px "BrandonGrotesque", sans-serif;
        color: #595959; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item p {
            line-height: 16px; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item p {
            font: 700 14px/16px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .HomeForfaits__pictos-item--price {
          padding-left: 10px; } }
      .HomeForfaits__pictos-item--price p {
        font: 900 100px/100px "BrandonGrotesque", sans-serif;
        position: relative;
        color: #343434; }
        .HomeForfaits__pictos-item--price p sup {
          font: 900 35px/50px "BrandonGrotesque", sans-serif;
          position: absolute;
          left: 110px;
          top: 10px; }
          @media (max-width: 1100px) {
            .HomeForfaits__pictos-item--price p sup {
              font-size: 18px;
              left: 70px;
              top: 0px; } }
          @media (max-width: 767px) {
            .HomeForfaits__pictos-item--price p sup {
              font-size: 14px;
              left: 53px;
              top: 0px; } }
          .HomeForfaits__pictos-item--price p sup.usd-sign {
            left: -10px;
            font: 900 20px/50px "BrandonGrotesque", sans-serif; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item--price p {
            font-size: 60px;
            line-height: 60px;
            padding-top: 0px; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item--price p {
            font-size: 45px;
            line-height: 45px;
            padding-top: 7px; } }
        @media (max-width: 480px) {
          .HomeForfaits__pictos-item--price p {
            padding-top: 0; } }
      .HomeForfaits__pictos-item--price--small p {
        font: 900 70px/100px "BrandonGrotesque", sans-serif; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item--price--small p {
            font: 900 46px/70px "BrandonGrotesque", sans-serif; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item--price--small p {
            font: 900 34px/50px "BrandonGrotesque", sans-serif; } }
      html:lang(en) .HomeForfaits__pictos-item--price {
        padding-left: 15px; }
      .HomeForfaits__pictos-item:first-of-type:after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../img/svg/ic_add-grey-medium.svg) center center no-repeat;
        background-size: 100%;
        position: absolute;
        right: 8px;
        top: 38px; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item:first-of-type:after {
            width: 15px;
            height: 15px;
            top: 22px; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item:first-of-type:after {
            right: 0; } }
      @media (max-width: 767px) {
        .HomeForfaits__pictos-item:nth-of-type(2) {
          padding-right: 15px; } }
      .HomeForfaits__pictos-item:nth-of-type(2):after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../img/svg/ic_add-grey-medium.svg) center center no-repeat;
        background-size: 100%;
        position: absolute;
        right: -8px;
        top: 38px; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item:nth-of-type(2):after {
            width: 15px;
            height: 15px;
            top: 22px; } }
      .HomeForfaits__pictos-item:nth-last-child(2):after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../img/svg/ic_equal-grey-medium.svg) center center no-repeat;
        background-size: 100%;
        position: absolute;
        right: 7px;
        top: 38px; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item:nth-last-child(2):after {
            width: 15px;
            height: 15px;
            top: 22px; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item:nth-last-child(2):after {
            right: 6px; } }
      .HomeForfaits__pictos-item:nth-last-child(2):nth-of-type(2):after {
        right: 4px; }
      .HomeForfaits__pictos-item:last-of-type {
        vertical-align: top; }
      .HomeForfaits__pictos-item-mois {
        font: 300 14px "Gloria Hallelujah" !important;
        position: absolute !important;
        right: -74px;
        top: 48px;
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
        -webkit-transform-origin: center;
                transform-origin: center; }
        @media (max-width: 1100px) {
          .HomeForfaits__pictos-item-mois {
            font-size: 10px !important;
            top: 30px;
            right: -45px; } }
        @media (max-width: 767px) {
          .HomeForfaits__pictos-item-mois {
            font-size: 10px !important;
            left: 42px;
            top: 20px; } }
        @media (max-width: 480px) {
          .HomeForfaits__pictos-item-mois {
            font-size: 10px !important;
            left: -10px;
            top: 35px; } }
      @media (max-width: 1100px) {
        .HomeForfaits__pictos-item {
          padding-right: 25px; } }
      @media (max-width: 767px) {
        .HomeForfaits__pictos-item {
          text-align: center;
          padding-right: 15px; } }

.HomeForfaits--shown .HomeForfaits__devices-image {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  max-width: 548px;
  height: 366px; }

@media (max-width: 767px) {
  .HomeForfaits--shown .HomeForfaits__devices {
    display: none; } }

.HomeForfaits--shown li:nth-of-type(1) {
  -webkit-transition: 0.5s linear 0.5s;
  transition: 0.5s linear 0.5s;
  opacity: 1; }

.HomeForfaits--shown li:nth-of-type(2) {
  -webkit-transition: 0.5s linear 0.7s;
  transition: 0.5s linear 0.7s;
  opacity: 1; }

.HomeForfaits--shown li:nth-of-type(3) {
  -webkit-transition: 0.5s linear 0.9s;
  transition: 0.5s linear 0.9s;
  opacity: 1; }

.HomeForfaits--shown li:nth-of-type(4) {
  -webkit-transition: 0.5s linear 1.1s;
  transition: 0.5s linear 1.1s;
  opacity: 1; }

.HomeForfaits--shown .HomeForfaits__forfait-title {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.HomeForfaits--shown .HomeForfaits__forfait:before {
  opacity: 1; }

.HomeForfaits--shown .HomeForfaits__forfait .Button, .HomeForfaits--shown .HomeForfaits__forfait .BandeFormulaire input[type="submit"], .BandeFormulaire .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"], .HomeForfaits--shown .HomeForfaits__forfait
#gform_wrapper_18 input[type="submit"],
#gform_wrapper_18 .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"], .HomeForfaits--shown .HomeForfaits__forfait
#gform_wrapper_17 input[type="submit"],
#gform_wrapper_17 .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"], .HomeForfaits--shown .HomeForfaits__forfait
#gform_wrapper_19 input[type="submit"],
#gform_wrapper_19 .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"], .HomeForfaits--shown .HomeForfaits__forfait
#gform_wrapper_20 input[type="submit"],
#gform_wrapper_20 .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"], .HomeForfaits--shown .HomeForfaits__forfait
#gform_wrapper_21 input[type="submit"],
#gform_wrapper_21 .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"], .HomeForfaits--shown .HomeForfaits__forfait
#gform_wrapper_22 input[type="submit"],
#gform_wrapper_22 .HomeForfaits--shown .HomeForfaits__forfait input[type="submit"] {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.HomeForfaits--shown .HomeForfaits__forfait-cheap p {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.HomeForfaits__slider {
  height: 100%;
  margin-left: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; }
  .HomeForfaits__slider .owl-height {
    height: 100% !important; }
  .HomeForfaits__slider .owl-stage {
    height: 100% !important; }
  .HomeForfaits__slider .owl-item {
    height: 100% !important; }
  @media (max-width: 1749px) {
    .HomeForfaits__slider {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 46%;
              flex: 0 0 46%; } }
  @media (max-width: 1199px) {
    .HomeForfaits__slider {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 52%;
              flex: 0 0 52%; } }

.HomeForfait__slider-item--ontario .HomeForfaits__pictos-item:first-of-type:after {
  right: -5px !important; }

.HomeForfait__slider-item--ontario .HomeForfaits__pictos-item:last-of-type:after {
  right: auto;
  left: -38px; }

.owl-dot:focus {
  outline: 2px solid blue !important; }

body.page-template-ebox-tv-landing-php, body.page-template-ebox-tv-landing-copy-php {
  /*background: {
		image: url('../img/Body.jpg');
	};*/
  position: relative;
  background: white !important; }

.FixedContent {
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 0 8px rgba(31, 31, 31, 0);
          box-shadow: 0 0 8px rgba(31, 31, 31, 0);
  background-image: url(../img/ebox-texture-background--black.jpg);
  -webkit-transition: none;
  transition: none;
  z-index: 10; }
  .FixedContent--sticky {
    background-image: url(../img/ebox-texture-background--black.jpg);
    -webkit-box-shadow: 0 4px 8px rgba(31, 31, 31, 0.4);
            box-shadow: 0 4px 8px rgba(31, 31, 31, 0.4);
    -webkit-transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1); }
    .FixedContent--sticky .FixedContent__btmborder {
      border-color: transparent; }
    .FixedContent--sticky .FixedContent__menu {
      padding: 15px 0; }
    .FixedContent--sticky .FixedContent__button {
      margin-left: 10px; }
  @media (max-width: 767px) {
    .FixedContent {
      display: none; } }
  .FixedContent__title {
    font-size: 25px;
    font-weight: 700;
    color: #C7C7C7; }
  .FixedContent__menu {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 0;
    -webkit-transition: padding 0.25s cubic-bezier(0.55, 0, 0.1, 1);
    transition: padding 0.25s cubic-bezier(0.55, 0, 0.1, 1); }
  .FixedContent__link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin: 0 20px;
    line-height: 16px;
    vertical-align: sub;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .FixedContent__link--white {
      color: #c7c7c7; }
    .FixedContent__link:after {
      content: '';
      position: absolute;
      display: block;
      background-image: url(../img/svg/hover.svg);
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 100% 15px;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
    .FixedContent__link:hover {
      color: #FFF; }
      .FixedContent__link:hover:after {
        width: 100%; }
    .FixedContent__link:hover, .FixedContent__link:focus, .FixedContent__link:active {
      text-decoration: none; }
  .FixedContent__btmborder {
    border-bottom: 1px #fff solid;
    -webkit-transition: border 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    transition: border 0.1s cubic-bezier(0.55, 0, 0.1, 1); }
    .FixedContent__btmborder > .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .FixedContent__nobtmborder {
    -webkit-transition: border 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    transition: border 0.1s cubic-bezier(0.55, 0, 0.1, 1); }
    .FixedContent__nobtmborder > .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.HomeMain {
  width: 100%;
  overflow: hidden;
  background: url(../img/slidebg.png) center top 0px no-repeat;
  background-size: 100% 280px;
  padding-bottom: 120px; }
  .HomeMain__noBackground {
    background: none; }
  @media (min-width: 1500px) {
    .HomeMain {
      background-size: 100% 270px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .HomeMain {
      background-size: 100% 220px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .HomeMain {
      background-size: 100% 110px; } }
  @media (max-width: 767px) {
    .HomeMain {
      padding-bottom: 50px; } }
  .HomeMain__ThreeCallTos.HomeMain__ThreeCallTos {
    padding: 70px 0; }
  .HomeMain__content {
    position: relative;
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39);
    transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39); }
    @media (max-width: 767px) {
      .HomeMain__content {
        float: left;
        width: 100%;
        padding: 0 15px; } }
  .HomeMain__content-arrow {
    display: inline-block;
    position: absolute;
    width: 87px;
    height: 201px;
    bottom: calc(100% - 50px);
    right: 7%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out; }
    @media (max-width: 1199px) {
      .HomeMain__content-arrow {
        width: 60px;
        height: 138.62069px;
        bottom: calc(100% - 35px);
        right: 7%; } }
    @media (max-width: 991px) {
      .HomeMain__content-arrow {
        display: none; } }
  .HomeMain__subtitle {
    color: white;
    text-align: center;
    font: 24px "Gloria Hallelujah"; }
  .HomeMain__nopb {
    padding-bottom: 0 !important; }
  .HomeMain__desc {
    font: 400 16px/22px;
    text-align: center;
    color: #595959;
    color: #FFF; }
  @media (max-width: 767px) {
    .HomeMain__svg--white::after {
      width: 60px;
      height: 60px;
      right: -54px;
      bottom: -52px; } }
  .HomeMain__title {
    text-transform: uppercase;
    text-align: center;
    font: 900 45px/50px "BrandonGrotesque", sans-serif !important;
    color: #595959;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF; }
    @media (max-width: 1199px) {
      .HomeMain__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif !important; } }
    @media (max-width: 767px) {
      .HomeMain__title {
        font: 900 24px/24px "BrandonGrotesque", sans-serif !important; } }
  .HomeMain__main-btn {
    margin-top: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    text-align: center; }
  .HomeMain__spacer {
    margin-top: 115px; }
    @media screen and (max-width: 430px) {
      .HomeMain__spacer {
        margin-top: 0; } }
  .HomeMain__exclamation_icon {
    height: 60px;
    width: 60px; }
    @media screen and (max-width: 500px) {
      .HomeMain__exclamation_icon {
        display: none; } }
  .HomeMain__smile_icon {
    fill: white;
    height: 40px;
    width: 60px;
    bottom: 11%;
    left: 31%; }
    @media screen and (max-width: 780px) {
      .HomeMain__smile_icon {
        left: 22%; } }
    @media screen and (max-width: 530px) {
      .HomeMain__smile_icon {
        left: 10%; } }
    @media screen and (max-width: 430px) {
      .HomeMain__smile_icon {
        display: none; } }
  .HomeMain__peace_icon {
    fill: white;
    height: 60px;
    width: 60px;
    margin-top: 20px; }
    @media screen and (max-width: 500px) {
      .HomeMain__peace_icon {
        display: none; } }
  .HomeMain__subtitle_abitibi {
    margin-top: 20px; }
  .HomeMain .ebox {
    float: none;
    width: 858px;
    height: 353px;
    margin: 100px auto 0;
    background-image: url(../img/ebox-tv-decodeur.webp);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center; }
    .HomeMain .ebox--loaded + .HomeMain__content {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
      .HomeMain .ebox--loaded + .HomeMain__content .HomeMain__content-arrow {
        opacity: 1;
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
      .HomeMain .ebox {
        background-image: url(../img/ebox-tv-decodeur.webp); } }
  @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px), (min--moz-device-pixel-ratio: 2) and (max-width: 1200px), (-moz-min-device-pixel-ratio: 2) and (max-width: 1200px), (-o-min-device-pixel-ratio: 2) and (max-width: 1200px), (min-device-pixel-ratio: 2) and (max-width: 1200px) {
    .HomeMain .ebox {
      background-image: url(../img/ebox-tv-decodeur.webp); } }
    @media (max-width: 1199px) {
      .HomeMain .ebox {
        max-width: 684px;
        margin: 120px auto 0;
        height: 290px; } }
    @media (max-width: 767px) {
      .HomeMain .ebox {
        max-width: 300px;
        background-image: url(../img/ebox-tv-decodeur.webp);
        margin: 40px auto 0;
        height: 150px; } }
    @media (max-width: 767px) {
      .HomeMain .ebox {
        max-width: 300px;
        background-image: url(../img/ebox-tv-decodeur.webp);
        margin: 40px auto 0;
        height: 150px; } }
  .HomeMain .ebox--fullService {
    float: none;
    width: 858px;
    height: 520px;
    margin: 100px auto 45px;
    background-image: url(../img/home-forfait-device2x.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center; }
    .HomeMain .ebox--fullService--loaded + .HomeMain__content {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
    @media screen and (max-width: 768px) {
      .HomeMain .ebox--fullService {
        width: 700px; } }
    @media screen and (max-width: 450px) {
      .HomeMain .ebox--fullService {
        width: 440px;
        height: 290px;
        margin: 45px auto; } }
    @media screen and (max-width: 375px) {
      .HomeMain .ebox--fullService {
        width: 330px;
        height: 225px;
        margin: 45px auto; } }

@media (min-width: 768px) {
  body.page-template-ebox-tv-landing-php .container, body.page-template-ebox-tv-landing-php .HeadBanner__wrapper, body.page-template-ebox-tv-landing-copy-php .container, body.page-template-ebox-tv-landing-copy-php .HeadBanner__wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important; } }

body.page-template-ebox-tv-landing-php .HomeForfaits, body.page-template-ebox-tv-landing-copy-php .HomeForfaits {
  background: #343434;
  height: auto;
  width: 100%;
  padding: 120px 0;
  display: block; }
  @media (max-width: 1199px) {
    body.page-template-ebox-tv-landing-php .HomeForfaits, body.page-template-ebox-tv-landing-copy-php .HomeForfaits {
      padding: 60px 0; } }
  @media (max-width: 767px) {
    body.page-template-ebox-tv-landing-php .HomeForfaits, body.page-template-ebox-tv-landing-copy-php .HomeForfaits {
      padding: 60px 0 60px;
      margin: 40px 0 0 0; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__container, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__container, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__container {
        width: 100%;
        padding: 0 !important; } }
  @media (min-width: 1200px) {
    body.page-template-ebox-tv-landing-php .HomeForfaits__tv, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__tv {
      position: absolute;
      width: calc(100% - 60px);
      height: 100%;
      z-index: 1;
      pointer-events: none; }
      body.page-template-ebox-tv-landing-php .HomeForfaits__tv .HomeForfaits__devices-image, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__tv .HomeForfaits__devices-image {
        width: 100%;
        max-width: 100%;
        -webkit-transition: none;
        transition: none;
        max-height: 100%;
        display: block;
        margin: 0 auto; } }
  @media (max-width: 1199px) {
    body.page-template-ebox-tv-landing-php .HomeForfaits__tv, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__tv {
      margin-left: -25%;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; }
      body.page-template-ebox-tv-landing-php .HomeForfaits__tv .HomeForfaits__devices-image, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__tv .HomeForfaits__devices-image {
        width: 100%;
        max-width: 100% !important; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider {
    margin: 0 0 0 10px; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider {
        margin-top: 30px !important; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider li, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider li {
    text-align: center; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider img, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider img {
    width: auto !important;
    margin: 0px auto !important; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider p, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider p {
    color: #ffffff;
    font: 400 16px/16px Gloria Hallelujah !important;
    float: left;
    width: 100%;
    text-align: center; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider span {
    color: #ffffff;
    font: 700 16px/16px "BrandonGrotesque", sans-serif !important;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 10px; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__devices, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__devices-image, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices-image {
      position: relative;
      left: auto !important;
      bottom: auto !important;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      @media (max-width: 1199px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__devices-image, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices-image {
          max-width: 439px !important;
          height: auto !important; } }
      @media (max-width: 1100px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__devices-image, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices-image {
          max-width: 239px !important;
          height: auto !important; } }
      @media (max-width: 767px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__devices-image, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices-image {
          max-width: 206px !important;
          height: auto !important; } }
  @media (min-width: 767px) and (max-width: 1199px) {
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-prev, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-prev {
      float: left;
      position: absolute;
      top: 30%;
      background: transparent;
      border: none; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-prev span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-prev span {
      font-size: 60px !important;
      font-weight: normal !important; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-next, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-next {
      float: right;
      position: absolute;
      top: 30%;
      right: 45px;
      background: transparent;
      border: none; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-next span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-next span {
      font-size: 60px !important;
      font-weight: normal !important; } }
  @media (max-width: 767px) {
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-prev, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-prev {
      float: left;
      position: absolute;
      top: 30%;
      left: 15px;
      background: transparent;
      border: none; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-prev span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-prev span {
      font-size: 60px !important;
      font-weight: normal !important; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-next, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-next {
      float: right;
      position: absolute;
      top: 30%;
      right: 45px;
      background: transparent;
      border: none; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider button.owl-next span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider button.owl-next span {
      font-size: 60px !important;
      font-weight: normal !important; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__devices, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices {
    float: left;
    margin: 0 60px 0 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
    @media (max-width: 1100px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__devices, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices {
        margin: 0;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        min-width: 175px; } }
    @media (max-width: 660px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__devices, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices {
        min-width: 1px; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__devices > img, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices > img {
    width: 100%; }
    @media (max-width: 660px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__devices > img, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__devices > img {
        width: 150%;
        -webkit-transform: translate(-30%);
                transform: translate(-30%); } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__slider, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider {
    float: left; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__slider--main, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider--main {
      padding: 30px; }
      @media (min-width: 1200px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__slider--main, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider--main {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%;
          padding: 30px 0 150px 22%; } }
      @media (max-width: 1199px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__slider--main, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider--main {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 75%;
                  flex: 1 1 75%; } }
      @media (max-width: 1100px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__slider--main, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider--main {
          padding: 0 30px; } }
      @media (max-width: 600px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__slider--main, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider--main {
          padding: 0 15px; } }
      @media (max-width: 400px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__slider--main, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider--main {
          padding: 0 0px; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider {
    display: none;
    overflow: hidden; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider {
        position: relative;
        display: block;
        margin: 0 auto; } }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider .HomeForfaits__pictos--item img, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider .HomeForfaits__pictos--item img {
      width: 35px;
      height: 35px;
      margin-bottom: 20px !important; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider .HomeForfaits__pictos--item > p, body.page-template-ebox-tv-landing-php .HomeForfaits__deviceslider .HomeForfaits__pictos--item > span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider .HomeForfaits__pictos--item > p, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__deviceslider .HomeForfaits__pictos--item > span {
      font-size: 16px !important;
      line-height: 1.4 !important; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__slider-nav, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__slider-nav {
    width: 32px;
    height: 32px;
    fill: #C7C7C7; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__forfait, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait {
    width: 100%; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title {
      font: 900 50px/70px "BrandonGrotesque", sans-serif !important;
      color: #ffffff;
      text-transform: uppercase; }
      @media (min-width: 1770px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title {
          font: 900 75px/90px "BrandonGrotesque", sans-serif !important;
          color: #ffffff;
          text-transform: uppercase; } }
      @media (max-width: 1769px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title {
          font: 900 4vw/1.4 "BrandonGrotesque", sans-serif !important;
          color: #ffffff;
          text-transform: uppercase; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title {
          font: 900 44px/60px "BrandonGrotesque", sans-serif !important; } }
      @media (max-width: 767px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title {
          font: 900 32px/1.4 "BrandonGrotesque", sans-serif !important; } }
      @media (max-width: 550px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title {
          font: 900 24px/40px "BrandonGrotesque", sans-serif !important; } }
    body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title-abitibi, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title-abitibi {
      font: 900 50px/70px "BrandonGrotesque", sans-serif !important;
      color: #ffffff;
      text-transform: uppercase; }
      @media (min-width: 1770px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title-abitibi, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title-abitibi {
          font: 900 68px/90px "BrandonGrotesque", sans-serif !important;
          color: #ffffff;
          text-transform: uppercase; } }
      @media (max-width: 1769px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title-abitibi, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title-abitibi {
          font: 900 4vw/1.4 "BrandonGrotesque", sans-serif !important;
          color: #ffffff;
          text-transform: uppercase; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title-abitibi, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title-abitibi {
          font: 900 44px/60px "BrandonGrotesque", sans-serif !important; } }
      @media (max-width: 767px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title-abitibi, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title-abitibi {
          font: 900 32px/1.4 "BrandonGrotesque", sans-serif !important; } }
      @media (max-width: 550px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title-abitibi, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title-abitibi {
          font: 900 24px/40px "BrandonGrotesque", sans-serif !important; } }
    body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title > .is-doodled--splashed-revolution:before, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title > .is-doodled--splashed-revolution:before {
      width: 110%;
      height: 110%;
      top: 52%; }
      @media (max-width: 767px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__forfait--title > .is-doodled--splashed-revolution:before, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait--title > .is-doodled--splashed-revolution:before {
          top: 50%;
          width: 100%;
          height: 100%; } }
    @media (max-width: 767px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__forfait, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 0 0 0 30px; } }
    @media (max-width: 660px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__forfait, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait {
        padding: 0 0 0 10px; } }
    @media (max-width: 449px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__forfait, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait {
        padding: 0 0 0 20px; } }
    @media (max-width: 369px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__forfait, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__forfait {
        padding: 10px 0 0 20px; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__pictos, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 50px -15px 0;
    padding: 0; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__pictos, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos {
        display: none; } }
    body.page-template-ebox-tv-landing-php .HomeForfaits__pictos--item, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos--item {
      display: inline-block;
      text-align: center;
      width: 23%; }
      @media (max-width: 1750px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__pictos--item, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos--item {
          width: 24%; } }
      @media (max-width: 1199px) {
        body.page-template-ebox-tv-landing-php .HomeForfaits__pictos--item, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos--item {
          width: auto; } }
    body.page-template-ebox-tv-landing-php .HomeForfaits__pictos--item p, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos--item p {
      font: 400 20px/38px Gloria Hallelujah !important;
      color: #ffffff; }
    body.page-template-ebox-tv-landing-php .HomeForfaits__pictos--item span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos--item span {
      font: 700 25px/30px "BrandonGrotesque", sans-serif !important;
      color: #ffffff;
      text-transform: uppercase; }
  body.page-template-ebox-tv-landing-php .HomeForfaits__picto-link, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__picto-link {
    display: block;
    padding: 15px 0 20px;
    border-radius: 12px;
    background: #343434;
    -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent;
    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-box-shadow 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: box-shadow 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: box-shadow 0.2s cubic-bezier(0.55, 0, 0.1, 1), -webkit-box-shadow 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    body.page-template-ebox-tv-landing-php .HomeForfaits__picto-link:hover, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__picto-link:hover {
      -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5); }
    @media (max-width: 1600px) {
      body.page-template-ebox-tv-landing-php .HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link p, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link p {
        font: 400 15px/25px Gloria Hallelujah !important; }
      body.page-template-ebox-tv-landing-php .HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link span, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link.HomeForfaits__picto-link span {
        font: 700 16px/20px "BrandonGrotesque", sans-serif !important; } }
  body.page-template-ebox-tv-landing-php .HomeForfaits__pictos-icon, body.page-template-ebox-tv-landing-copy-php .HomeForfaits__pictos-icon {
    display: inline-block;
    margin: 0px auto 20px;
    width: 60px;
    height: 60px;
    fill: #FFF; }

body.page-template-ebox-tv-landing-php .HomeControl, body.page-template-ebox-tv-landing-copy-php .HomeControl {
  background: #343434;
  height: auto;
  width: 100%;
  display: block; }
  body.page-template-ebox-tv-landing-php .HomeControl__consec, body.page-template-ebox-tv-landing-copy-php .HomeControl__consec {
    border-top: 2px solid #D8D8D8;
    padding: 120px 0;
    float: left;
    width: 100%; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeControl__consec, body.page-template-ebox-tv-landing-copy-php .HomeControl__consec {
        padding: 60px 0; } }
  body.page-template-ebox-tv-landing-php .HomeControl__consectitle, body.page-template-ebox-tv-landing-copy-php .HomeControl__consectitle {
    font: 900 45px/50px "BrandonGrotesque", sans-serif !important;
    padding: 80px 40px 0 0;
    color: #ffffff; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeControl__consectitle, body.page-template-ebox-tv-landing-copy-php .HomeControl__consectitle {
        font: 900 26px/32px "BrandonGrotesque", sans-serif !important;
        padding: 80px 40px 10px 0; } }
    @media (max-width: 767px) {
      body.page-template-ebox-tv-landing-php .HomeControl__consectitle, body.page-template-ebox-tv-landing-copy-php .HomeControl__consectitle {
        font: 900 22px/24px "BrandonGrotesque", sans-serif !important;
        padding: 0px 40px 10px 0; } }
  body.page-template-ebox-tv-landing-php .HomeControl__consecdesc, body.page-template-ebox-tv-landing-copy-php .HomeControl__consecdesc {
    font: 400 16px/22px "BrandonGrotesque", sans-serif !important;
    color: #ffffff; }
  @media (max-width: 1199px) {
    body.page-template-ebox-tv-landing-php .HomeControl__consec .text-right > img, body.page-template-ebox-tv-landing-copy-php .HomeControl__consec .text-right > img {
      width: auto;
      max-width: 100%; } }
  @media (max-width: 767px) {
    body.page-template-ebox-tv-landing-php .HomeControl__consec .text-right > img, body.page-template-ebox-tv-landing-copy-php .HomeControl__consec .text-right > img {
      max-width: 90%; } }
  body.page-template-ebox-tv-landing-php .HomeControl__pictos, body.page-template-ebox-tv-landing-copy-php .HomeControl__pictos {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0; }
    @media (max-width: 1199px) {
      body.page-template-ebox-tv-landing-php .HomeControl__pictos, body.page-template-ebox-tv-landing-copy-php .HomeControl__pictos {
        display: none; } }
    body.page-template-ebox-tv-landing-php .HomeControl__pictos--item, body.page-template-ebox-tv-landing-copy-php .HomeControl__pictos--item {
      float: left;
      text-align: center;
      width: auto;
      margin-right: 60px; }
    body.page-template-ebox-tv-landing-php .HomeControl__pictos--item > img, body.page-template-ebox-tv-landing-copy-php .HomeControl__pictos--item > img {
      margin: 0px auto 20px;
      min-height: 59px; }
    body.page-template-ebox-tv-landing-php .HomeControl__pictos--item > p, body.page-template-ebox-tv-landing-copy-php .HomeControl__pictos--item > p {
      font: 400 20px/38px Gloria Hallelujah !important;
      color: #ffffff; }
    body.page-template-ebox-tv-landing-php .HomeControl__pictos--item > span, body.page-template-ebox-tv-landing-copy-php .HomeControl__pictos--item > span {
      font: 700 25px/30px "BrandonGrotesque", sans-serif !important;
      color: #ffffff;
      text-transform: uppercase; }
  body.page-template-ebox-tv-landing-php .HomeControl__remote-img, body.page-template-ebox-tv-landing-copy-php .HomeControl__remote-img {
    max-width: 433px;
    display: inline-block; }
    @media (max-width: 767px) {
      body.page-template-ebox-tv-landing-php .HomeControl__remote-img, body.page-template-ebox-tv-landing-copy-php .HomeControl__remote-img {
        display: block;
        max-height: 320px;
        margin: 30px auto 0; } }

body.page-template-ebox-tv-landing-php .owl-carousel, body.page-template-ebox-tv-landing-copy-php .owl-carousel {
  margin: 0 !important;
  padding: 0 30px;
  opacity: 1; }
  body.page-template-ebox-tv-landing-php .owl-carousel .owlslider, body.page-template-ebox-tv-landing-copy-php .owl-carousel .owlslider {
    display: inline-block;
    margin-top: 30px; }
  body.page-template-ebox-tv-landing-php .owl-carousel .owl-item, body.page-template-ebox-tv-landing-copy-php .owl-carousel .owl-item {
    text-align: center; }
  body.page-template-ebox-tv-landing-php .owl-carousel .owl-prev, body.page-template-ebox-tv-landing-php .owl-carousel .owl-next, body.page-template-ebox-tv-landing-copy-php .owl-carousel .owl-prev, body.page-template-ebox-tv-landing-copy-php .owl-carousel .owl-next {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 1; }
  body.page-template-ebox-tv-landing-php .owl-carousel .owl-prev, body.page-template-ebox-tv-landing-copy-php .owl-carousel .owl-prev {
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  body.page-template-ebox-tv-landing-php .owl-carousel .owl-next, body.page-template-ebox-tv-landing-copy-php .owl-carousel .owl-next {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg); }

.HomeCaracteristics {
  height: auto;
  width: 100%;
  display: block;
  padding: 80px 0 0; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .HomeCaracteristics {
      padding: 60px 0 0; } }
  .HomeCaracteristics__section {
    padding: 0 15px; }
  .HomeCaracteristics__title {
    font: 900 45px/50px "BrandonGrotesque", sans-serif !important;
    text-align: center;
    color: #ffffff;
    float: left;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .HomeCaracteristics__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif !important; } }
    @media (max-width: 767px) {
      .HomeCaracteristics__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif !important;
        text-align: left; } }
  .HomeCaracteristics__desc, .HomeCaracteristics__desc-title {
    font: 400 16px/22px "BrandonGrotesque", sans-serif !important;
    color: #C7C7C7;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 20px; }
    @media (max-width: 767px) {
      .HomeCaracteristics__desc, .HomeCaracteristics__desc-title {
        text-align: left; } }
  .HomeCaracteristics__desc a {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear; }
    .HomeCaracteristics__desc a:hover {
      color: #FFF;
      text-decoration: underline; }
  .HomeCaracteristics__col-title {
    margin-bottom: 40px; }
    .HomeCaracteristics__col-title .title {
      font: 700 20px/24px "BrandonGrotesque", sans-serif !important;
      color: #C7C7C7;
      text-transform: uppercase; }
    .HomeCaracteristics__col-title-link {
      display: inline-block;
      margin-top: 8px;
      color: #C7C7C7;
      text-decoration: underline;
      -webkit-transition: color 0.1s linear;
      transition: color 0.1s linear; }
      .HomeCaracteristics__col-title-link:hover, .HomeCaracteristics__col-title-link:focus {
        color: #FFF;
        text-decoration: underline; }
  .HomeCaracteristics__desc-title {
    margin-top: -25px; }
    @media (max-width: 767px) {
      .HomeCaracteristics__desc-title {
        margin-bottom: 15px; } }
  .HomeCaracteristics__imgsection {
    text-align: center;
    color: #C7C7C7;
    padding: 80px 0;
    float: left;
    width: 100%; }
    @media (max-width: 1199px) {
      .HomeCaracteristics__imgsection {
        padding: 60px 0;
        border-bottom: 1px #979797 solid; } }
    @media (max-width: 767px) {
      .HomeCaracteristics__imgsection {
        padding: 60px 0 0;
        border-bottom: none; } }
  .HomeCaracteristics__imgsection > .border {
    border-right: 1px solid #979797; }
    @media (max-width: 767px) {
      .HomeCaracteristics__imgsection > .border {
        border-right: none;
        border-bottom: 1px solid #979797;
        padding: 0 0 60px 0;
        margin-bottom: 60px; } }
  .HomeCaracteristics__left {
    max-width: 500px;
    margin: 0 auto; }
  .HomeCaracteristics__block-title .Circle {
    width: 130px;
    height: 130px;
    background-size: 130px 130px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .HomeCaracteristics__block-title .Circle--red {
      background: url(../img/back-red.png) center center no-repeat; }
    .HomeCaracteristics__block-title .Circle--grey {
      background: url(../img/back-grey.png) center center no-repeat; }
    .HomeCaracteristics__block-title .Circle__price {
      position: relative;
      color: #FFF;
      margin-top: 5px;
      padding-top: 5px;
      border: none !important;
      font: 900 45px/36px "BrandonGrotesque", sans-serif !important;
      width: 62px;
      margin: 0 !important; }
      .HomeCaracteristics__block-title .Circle__price sup {
        position: relative;
        top: -13px;
        font: 900 17px "BrandonGrotesque", sans-serif !important; }
    .HomeCaracteristics__block-title .Circle__mois {
      position: absolute;
      font: 400 8px/12px "Gloria Hallelujah";
      left: 2px;
      bottom: -8px;
      width: 40px; }
  .HomeCaracteristics__devices-image {
    max-width: 100%; }
    @media (max-width: 1199px) {
      .HomeCaracteristics__devices-image {
        width: 100%; } }
    .HomeCaracteristics__devices-image.logos-appareils {
      margin: 50px 0 80px; }
      @media (max-width: 991px) {
        .HomeCaracteristics__devices-image.logos-appareils {
          margin: 40px 0 60px; } }
  .HomeCaracteristics .more-devices {
    position: relative;
    display: none; }
    .HomeCaracteristics .more-devices a {
      color: #C7C7C7; }
      .HomeCaracteristics .more-devices a:hover svg {
        fill: #BE2323; }
      .HomeCaracteristics .more-devices a:hover p {
        color: #BE2323; }
    .HomeCaracteristics .more-devices svg {
      width: 16px;
      height: 16px;
      fill: #C7C7C7;
      display: inline;
      margin: 0 5px 0 0;
      vertical-align: middle;
      -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
    .HomeCaracteristics .more-devices p {
      font: 700 16px/16px "BrandonGrotesque", sans-serif;
      display: inline;
      vertical-align: middle;
      color: #C7C7C7;
      -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  .HomeCaracteristics__right {
    max-width: 370px;
    margin: 0 auto; }
  @media (max-width: 767px) {
    .HomeCaracteristics__right, .HomeCaracteristics__left {
      width: 100%;
      float: none;
      text-align: center;
      max-width: none; }
      .HomeCaracteristics__right img, .HomeCaracteristics__left img {
        width: 370px;
        max-width: 100%; }
    .HomeCaracteristics__devices-image.logos-appareils {
      margin: 10px 0 40px; } }

.HomeEnregistreur {
  float: left;
  width: 100%; }
  .HomeEnregistreur__border {
    border-top: 2px solid #D8D8D8;
    padding: 120px 0; }
    @media (max-width: 1199px) {
      .HomeEnregistreur__border {
        padding: 90px 0 60px; } }
  .HomeEnregistreur__section {
    padding: 0 15px; }
  .HomeEnregistreur__title {
    font: 900 45px/50px "BrandonGrotesque", sans-serif !important;
    text-align: center;
    color: #ffffff;
    float: left;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .HomeEnregistreur__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif !important; } }
    @media (max-width: 767px) {
      .HomeEnregistreur__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif !important;
        text-align: left; } }
  .HomeEnregistreur__desc {
    font: 400 16px/22px "BrandonGrotesque", sans-serif !important;
    color: #C7C7C7;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 20px; }
    @media (max-width: 767px) {
      .HomeEnregistreur__desc {
        text-align: left; } }
  .HomeEnregistreur__imgsection {
    text-align: center;
    color: #C7C7C7;
    padding: 80px 0;
    float: left;
    width: 100%; }
    @media (max-width: 1199px) {
      .HomeEnregistreur__imgsection {
        padding: 60px 0 0 0; } }
    @media (max-width: 767px) {
      .HomeEnregistreur__imgsection {
        padding: 40px 0 0 0; } }
  .HomeEnregistreur__imgsection .title {
    font: 700 20px/24px "BrandonGrotesque", sans-serif !important;
    color: #C7C7C7;
    padding-bottom: 40px; }
  .HomeEnregistreur__imgsection > .border {
    border-right: 1px solid #979797; }
    @media (max-width: 767px) {
      .HomeEnregistreur__imgsection > .border {
        border-right: none;
        border-bottom: 1px solid #979797;
        padding: 0 0 60px 0;
        margin-bottom: 60px; } }
  .HomeEnregistreur__left {
    max-width: 445px; }
    .HomeEnregistreur__left ul {
      margin: 40px 0 48px 18px; }
      .HomeEnregistreur__left ul li {
        list-style-type: disc;
        text-align: left;
        line-height: 21px;
        margin: 0 0 5px 0; }
  .HomeEnregistreur__block-title {
    width: 100%;
    display: inline-block;
    position: relative; }
    .HomeEnregistreur__block-title .BackCircle {
      width: 81px;
      height: 81px;
      background-size: 81px 81px;
      float: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .HomeEnregistreur__block-title .BackCircle--red {
        background: url(../img/back-red.png) center center no-repeat; }
      .HomeEnregistreur__block-title .BackCircle--grey {
        background: url(../img/back-grey.png) center center no-repeat; }
      .HomeEnregistreur__block-title .BackCircle__price {
        position: relative;
        color: #FFF;
        margin-top: 5px;
        padding-top: 5px;
        border: none !important;
        font: 900 32px/36px "BrandonGrotesque", sans-serif !important;
        width: 62px;
        margin: 0 !important; }
        .HomeEnregistreur__block-title .BackCircle__price sup {
          position: relative;
          top: -13px;
          left: 3px;
          font: 900 17px "BrandonGrotesque", sans-serif !important; }
        .HomeEnregistreur__block-title .BackCircle__price .dollar {
          font: 900 32px/25px "BrandonGrotesque", sans-serif !important; }
      .HomeEnregistreur__block-title .BackCircle__mois {
        position: absolute;
        font: 400 8px/12px "Gloria Hallelujah";
        left: 26px;
        bottom: 6px;
        width: 40px; }
        .HomeEnregistreur__block-title .BackCircle__mois:lang(en) {
          left: 35px; }
    .HomeEnregistreur__block-title h3 {
      width: calc(100% - 81px);
      top: 50%;
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 100px; }
      .HomeEnregistreur__block-title h3 span {
        font-family: "Gloria Hallelujah";
        font-size: 25px;
        line-height: 30px;
        color: #FFF;
        display: block;
        text-align: left; }
        .HomeEnregistreur__block-title h3 span.gloria {
          font-weight: 400; }
        .HomeEnregistreur__block-title h3 span.classic {
          font-family: "BrandonGrotesque", sans-serif;
          font-size: 25px;
          line-height: 30px;
          color: #FFF;
          text-transform: uppercase; }
          @media (max-width: 767px) {
            .HomeEnregistreur__block-title h3 span.classic {
              font-size: 18px;
              line-height: 25px; } }
  .HomeEnregistreur__devices-image {
    max-width: 445px; }
    @media (max-width: 1199px) {
      .HomeEnregistreur__devices-image {
        width: auto; } }
    @media (max-width: 991px) {
      .HomeEnregistreur__devices-image {
        max-width: 295px; } }
    @media (max-width: 767px) {
      .HomeEnregistreur__devices-image {
        max-width: 445px; } }
  .HomeEnregistreur__right {
    max-width: 445px;
    padding: 0 0 0 80px; }
    .HomeEnregistreur__right ul {
      margin: 40px 0 125px 18px; }
      .HomeEnregistreur__right ul li {
        list-style-type: disc;
        text-align: left;
        line-height: 21px;
        margin: 0 0 5px 0; }
      @media (max-width: 991px) {
        .HomeEnregistreur__right ul {
          margin: 40px 0 167px 18px; } }
      @media (max-width: 767px) {
        .HomeEnregistreur__right ul {
          margin: 40px 0 60px 18px; } }
    @media (max-width: 991px) {
      .HomeEnregistreur__right {
        padding: 0;
        float: right; } }
  @media (max-width: 767px) {
    .HomeEnregistreur__right, .HomeEnregistreur__left {
      width: 100%;
      float: none;
      text-align: center;
      max-width: none; }
      .HomeEnregistreur__right img, .HomeEnregistreur__left img {
        width: 370px;
        max-width: 100%; }
    .HomeEnregistreur__right img {
      width: auto; } }

.HomeDescription {
  width: 100%;
  padding: 70px 0;
  background-image: url(../img/background_middle.png) !important;
  background-repeat: no-repeat;
  background-position: 0 30%;
  background-size: contain; }
  @media (max-width: 767px) {
    .HomeDescription {
      background-size: cover;
      background-position: center;
      padding: 40px 0 0;
      background-image: none !important; } }
  .HomeDescription__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 767px) {
      .HomeDescription__row {
        position: relative;
        margin: 0px;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        padding: 70px 15px !important; }
        .HomeDescription__row:before {
          content: '';
          display: block;
          position: absolute;
          background: #C7C7C7;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: calc(100% - 30px);
          height: 1px; } }
    .HomeDescription__row .HomeDescription__imagecontent {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .HomeDescription__row .HomeDescription__textcontent {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .HomeDescription__row:nth-child(odd) {
      padding: 0 8.5vw;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .HomeDescription__row:nth-child(odd) .HomeDescription__devices-image {
        margin-right: 7.5vw;
        width: 529px;
        height: auto;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
        @media (min-width: 2160px) {
          .HomeDescription__row:nth-child(odd) .HomeDescription__devices-image {
            margin-right: 6vw; } }
        @media (max-width: 1399px) {
          .HomeDescription__row:nth-child(odd) .HomeDescription__devices-image {
            width: 400px;
            margin-right: 44px; } }
        @media (max-width: 1024px) {
          .HomeDescription__row:nth-child(odd) .HomeDescription__devices-image {
            width: 240px; } }
        @media (max-width: 767px) {
          .HomeDescription__row:nth-child(odd) .HomeDescription__devices-image {
            margin: 0; } }
    .HomeDescription__row:nth-child(even) {
      padding: 0 8.5vw;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      .HomeDescription__row:nth-child(even) .HomeDescription__devices-image {
        margin-left: 7.5vw;
        width: 269px;
        height: auto; }
        @media (min-width: 2160px) {
          .HomeDescription__row:nth-child(even) .HomeDescription__devices-image {
            margin-left: 6vw; } }
        @media (max-width: 1399px) {
          .HomeDescription__row:nth-child(even) .HomeDescription__devices-image {
            width: 200px;
            margin-left: 44px; } }
        @media (max-width: 1024px) {
          .HomeDescription__row:nth-child(even) .HomeDescription__devices-image {
            width: 137px; } }
        @media (max-width: 767px) {
          .HomeDescription__row:nth-child(even) .HomeDescription__devices-image {
            margin: 0; } }
        @media (max-width: 600px) {
          .HomeDescription__row:nth-child(even) .HomeDescription__devices-image {
            width: auto; } }
    .HomeDescription__row:last-child {
      padding-right: 5vw; }
    .HomeDescription__row--space-ends.HomeDescription__row--space-ends {
      padding: 20px 8.5vw 70px; }
      @media (min-width: 1921px) {
        .HomeDescription__row--space-ends.HomeDescription__row--space-ends {
          padding: 4vw 8.5vw 3vw; } }
  @media (min-width: 768px) and (max-width: 767px) {
    .HomeDescription .container, .HomeDescription .HeadBanner__wrapper {
      max-width: 361px; } }
  .HomeDescription__device-arrow {
    display: inline-block;
    position: absolute !important;
    width: 75px;
    height: 75px;
    margin-top: -37px;
    -webkit-animation: splash 0.8s infinite steps(3);
            animation: splash 0.8s infinite steps(3); }
    @media (max-width: 1550px) {
      .HomeDescription__device-arrow {
        width: 60px;
        height: 60px;
        margin-top: -30px; } }
    @media (max-width: 1399px) {
      .HomeDescription__device-arrow {
        display: none; } }
  .HomeDescription__imagecontent {
    position: relative; }
    @media (max-width: 767px) {
      .HomeDescription__imagecontent {
        text-align: center;
        margin-bottom: 30px; } }
  .HomeDescription__row:nth-child(1) .HomeDescription__device-arrow {
    top: 35%;
    right: 35px;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-animation: splashRotatedX 0.8s infinite steps(3);
            animation: splashRotatedX 0.8s infinite steps(3);
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .HomeDescription__row:nth-child(2) .HomeDescription__device-arrow {
    top: 30%;
    left: 35px;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    -webkit-animation: splashRotatedY 0.8s infinite steps(3);
            animation: splashRotatedY 0.8s infinite steps(3);
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .HomeDescription__row:nth-child(3) .HomeDescription__device-arrow {
    top: 10%;
    right: 35px;
    -webkit-animation: splashNormal 0.8s infinite steps(3);
            animation: splashNormal 0.8s infinite steps(3);
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .HomeDescription__devices-image {
    width: auto;
    max-width: 100%; }
    .HomeDescription__devices-image--mobile {
      display: none; }
    @media (max-width: 767px) {
      .HomeDescription__devices-image {
        max-width: 440px;
        margin: 0px auto;
        max-width: 270px; } }
    @media (max-width: 600px) {
      .HomeDescription__devices-image--mobile {
        display: block; }
      .HomeDescription__devices-image--no-mobile {
        display: none; } }
  .HomeDescription__lastimg > img {
    position: relative;
    width: auto;
    max-width: 100%;
    top: -100px; }
    @media (max-width: 767px) {
      .HomeDescription__lastimg > img {
        top: auto; } }
  .HomeDescription__textcontent {
    max-width: 960px; }
    @media (max-width: 767px) {
      .HomeDescription__textcontent {
        padding: 0 !important; } }
  @media (max-width: 767px) {
    .HomeDescription__textcontent.text-right {
      text-align: center; } }
  .HomeDescription__textcontent.topsection {
    padding: 0 0 40px; }
    @media (max-width: 900px) {
      .HomeDescription__textcontent.topsection {
        padding: 0; } }
  .HomeDescription__textcontent > h4 {
    font: 700 35px/40px "BrandonGrotesque", sans-serif !important;
    color: #FFFFFF;
    float: left;
    width: 100%; }
    @media (max-width: 1024px) {
      .HomeDescription__textcontent > h4 {
        font: 700 26px/32px "BrandonGrotesque", sans-serif !important;
        margin-bottom: 0; } }
    @media (max-width: 767px) {
      .HomeDescription__textcontent > h4 {
        font: 700 24px/26px "BrandonGrotesque", sans-serif !important;
        text-align: center; } }
  .HomeDescription__textcontent > span {
    font: 400 20px/30px Gloria Hallelujah !important;
    color: #C7C7C7;
    float: left;
    width: 100%;
    margin-top: 20px; }
    @media (max-width: 1024px) {
      .HomeDescription__textcontent > span {
        font: 400 16px/20px Gloria Hallelujah !important;
        margin-bottom: 0; } }
    @media (max-width: 767px) {
      .HomeDescription__textcontent > span {
        font: 400 14px/20px Gloria Hallelujah !important;
        text-align: center;
        margin-bottom: 40px;
        padding: 0 !important; } }
  .HomeDescription__button {
    margin: 20px 0 0 0; }
    @media (max-width: 767px) {
      .HomeDescription__button {
        float: none; } }
  .HomeDescription__button.text-left {
    float: left; }
    @media (max-width: 767px) {
      .HomeDescription__button.text-left {
        float: none; } }
  @media (max-width: 767px) {
    .HomeDescription__textcontent.lastcontent {
      text-align: center; } }
  .HomeDescription__content-middle .HomeDescription__imagecontent {
    float: right; }
    @media (max-width: 767px) {
      .HomeDescription__content-middle .HomeDescription__imagecontent {
        float: left !important; } }

@-webkit-keyframes splashRotatedX {
  0% {
    -webkit-transform: rotateX(180deg) scale(1);
            transform: rotateX(180deg) scale(1); }
  100% {
    -webkit-transform: rotateX(180deg) scale(1.1);
            transform: rotateX(180deg) scale(1.1); } }

@keyframes splashRotatedX {
  0% {
    -webkit-transform: rotateX(180deg) scale(1);
            transform: rotateX(180deg) scale(1); }
  100% {
    -webkit-transform: rotateX(180deg) scale(1.1);
            transform: rotateX(180deg) scale(1.1); } }

@-webkit-keyframes splashRotatedY {
  0% {
    -webkit-transform: rotateY(180deg) scale(1);
            transform: rotateY(180deg) scale(1); }
  100% {
    -webkit-transform: rotateY(180deg) scale(1.1);
            transform: rotateY(180deg) scale(1.1); } }

@keyframes splashRotatedY {
  0% {
    -webkit-transform: rotateY(180deg) scale(1);
            transform: rotateY(180deg) scale(1); }
  100% {
    -webkit-transform: rotateY(180deg) scale(1.1);
            transform: rotateY(180deg) scale(1.1); } }

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

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

.HomeDivertissement {
  background-image: url(../img/videobg.png);
  width: 100%;
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: 100% 730px; }
  @media (max-width: 991px) {
    .HomeDivertissement {
      background-size: 100% 300px; } }
  @media (max-width: 767px) {
    .HomeDivertissement {
      padding: 60px 15px 0; } }
  .HomeDivertissement__slider {
    margin: 0 0 0 10px; }
  .HomeDivertissement__slider li {
    text-align: center; }
  .HomeDivertissement__slider img {
    width: auto !important;
    margin: 0px auto !important; }
  .HomeDivertissement__slider p {
    color: #ffffff;
    font: 400 16px/16px Gloria Hallelujah !important;
    text-align: center; }
  .HomeDivertissement__slider span {
    color: #ffffff;
    font: 700 16px/16px "BrandonGrotesque", sans-serif !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px; }
  @media (max-width: 767px) {
    .HomeDivertissement__slider-item .socialheight {
      min-height: 85px; } }
  .HomeDivertissement__devices-image {
    max-width: 100%; }
    .HomeDivertissement__devices-image--games {
      max-width: 488px; }
      @media (max-width: 991px) {
        .HomeDivertissement__devices-image--games {
          max-width: 100%; } }
    .HomeDivertissement__devices-image--mobile {
      display: none; }
    @media (max-width: 991px) {
      .HomeDivertissement__devices-image {
        width: 440px;
        margin-bottom: 0 !important; }
        .HomeDivertissement__devices-image--mobile {
          display: block; }
        .HomeDivertissement__devices-image--no-mobile {
          display: none; } }
  .HomeDivertissement__content {
    margin-bottom: 40px; }
  .HomeDivertissement__carousel {
    padding: 0 !important; }
  @media (min-width: 767px) and (max-width: 767px) {
    .HomeDivertissement__slider button.owl-prev {
      float: left;
      position: absolute;
      top: 30%;
      left: -25%;
      background: transparent;
      border: none; }
    .HomeDivertissement__slider button.owl-prev span {
      font-size: 60px !important;
      font-weight: normal !important; }
    .HomeDivertissement__slider button.owl-next {
      float: right;
      position: absolute;
      top: 30%;
      right: -25%;
      background: transparent;
      border: none; }
    .HomeDivertissement__slider button.owl-next span {
      font-size: 60px !important;
      font-weight: normal !important; } }
  @media (max-width: 767px) {
    .HomeDivertissement__slider button.owl-prev {
      float: left;
      position: absolute;
      top: 30%;
      left: 15px;
      background: transparent;
      border: none; }
    .HomeDivertissement__slider button.owl-prev span {
      font-size: 60px !important;
      font-weight: normal !important; }
    .HomeDivertissement__slider button.owl-next {
      float: right;
      position: absolute;
      top: 30%;
      right: 45px;
      background: transparent;
      border: none; }
    .HomeDivertissement__slider button.owl-next span {
      font-size: 60px !important;
      font-weight: normal !important; } }
  .HomeDivertissement__item5050 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 540px;
    padding: 0 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .HomeDivertissement__item5050 p, .HomeDivertissement__item5050 h2, .HomeDivertissement__item5050 .RouteurFirstSlide__title, .HomeDivertissement__item5050 .RouteurInfos__title, .HomeDivertissement__item5050 .RouteurOptions__title {
      padding: 0 20px;
      text-align: center; }
    @media screen and (max-width: 1199px) {
      .HomeDivertissement__item5050:first-child {
        margin-bottom: 40px; } }
  .HomeDivertissement__block5050 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    color: white;
    width: 100%; }
  .HomeDivertissement__spliter {
    height: 100px;
    width: 1px;
    background-color: #979797; }
    @media screen and (max-width: 1199px) {
      .HomeDivertissement__spliter {
        display: none; } }
  .HomeDivertissement__telephone {
    padding: 0 !important; }
  .HomeDivertissement__telephone__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    color: white;
    margin-bottom: 60px; }
    .HomeDivertissement__telephone__title p {
      font: 24px "Gloria Hallelujah"; }
  @media (max-width: 991px) {
    .HomeDivertissement .container, .HomeDivertissement .HeadBanner__wrapper {
      text-align: center; } }
  @media (max-width: 767px) {
    .HomeDivertissement .container, .HomeDivertissement .HeadBanner__wrapper {
      padding-right: 0 !important;
      padding-left: 0 !important; } }
  .HomeDivertissement__purdivertissement {
    width: 100%;
    text-align: center; }
  .HomeDivertissement__purdivertissement > h2, .HomeDivertissement__purdivertissement > .RouteurFirstSlide__title, .HomeDivertissement__purdivertissement > .RouteurInfos__title, .HomeDivertissement__purdivertissement > .RouteurOptions__title {
    text-align: center;
    color: #ffffff;
    font: 900 45px/50px "BrandonGrotesque", sans-serif; }
    @media (max-width: 767px) {
      .HomeDivertissement__purdivertissement > h2, .HomeDivertissement__purdivertissement > .RouteurFirstSlide__title, .HomeDivertissement__purdivertissement > .RouteurInfos__title, .HomeDivertissement__purdivertissement > .RouteurOptions__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif !important; } }
  .HomeDivertissement__purdivertissement > img {
    margin: 50px auto; }
  .HomeDivertissement__section {
    padding: 70px 0;
    border-bottom: 1px solid #C7C7C7;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .HomeDivertissement__section {
        width: 100%; } }
    .HomeDivertissement__section--installeapps {
      padding: 40px 0 80px; }
      @media (max-width: 767px) {
        .HomeDivertissement__section--installeapps {
          padding: 40px 0; } }
      .HomeDivertissement__section--installeapps h4 {
        font: 700 45px/50px "BrandonGrotesque", sans-serif;
        color: #ffffff;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          .HomeDivertissement__section--installeapps h4 {
            font: 700 26px/32px "BrandonGrotesque", sans-serif; } }
      .HomeDivertissement__section--installeapps span {
        display: block;
        font: 400 16px/22px "BrandonGrotesque", sans-serif;
        color: #ffffff; }
    .HomeDivertissement__section--jeux .text-right {
      float: right; }
      @media (max-width: 767px) {
        .HomeDivertissement__section--jeux .text-right {
          text-align: center;
          float: left;
          width: 100%;
          margin: 0px auto; } }
    @media (max-width: 767px) {
      .HomeDivertissement__section--jeux .text-right img {
        margin: 0 auto; } }
    .HomeDivertissement__section--jeux h4 {
      float: left;
      width: 100%;
      font: 700 45px/50px "BrandonGrotesque", sans-serif;
      color: #ffffff;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        .HomeDivertissement__section--jeux h4 {
          font: 700 45px/50px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 768px) {
        .HomeDivertissement__section--jeux h4 {
          font: 700 24px/26px "BrandonGrotesque", sans-serif; } }
    .HomeDivertissement__section--jeux span {
      float: left;
      width: 100%;
      font: 400 16px/22px "BrandonGrotesque", sans-serif;
      color: #ffffff; }
    @media (max-width: 767px) {
      .HomeDivertissement__section--bluetooth .text-left {
        text-align: center;
        float: left;
        width: 100%;
        margin: 0px auto; } }
    .HomeDivertissement__section--bluetooth h4 {
      float: left;
      width: 100%;
      font: 700 45px/50px "BrandonGrotesque", sans-serif;
      color: #ffffff;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        .HomeDivertissement__section--bluetooth h4 {
          font: 700 40px/46px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 768px) {
        .HomeDivertissement__section--bluetooth h4 {
          font: 700 24px/26px "BrandonGrotesque", sans-serif; } }
    .HomeDivertissement__section--bluetooth span {
      float: left;
      width: 100%;
      font: 400 16px/22px "BrandonGrotesque", sans-serif;
      color: #ffffff; }
  .HomeDivertissement__section:last-child {
    border: none; }
    @media (min-width: 768px) {
      .HomeDivertissement__section:last-child {
        padding-bottom: 0; } }
  .HomeDivertissement__socialmedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    text-align: center; }
    @media (min-width: 1025px) {
      .HomeDivertissement__socialmedia {
        padding: 0 !important; }
        .HomeDivertissement__socialmedia .owl-stage {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: auto !important; }
          .HomeDivertissement__socialmedia .owl-stage:after {
            content: none !important; } }
    @media (max-width: 767px) {
      .HomeDivertissement__socialmedia {
        margin: 0 !important; } }
  .HomeDivertissement__socialmedia .col-lg-3 {
    text-align: center;
    float: left; }
  .HomeDivertissement__socialmedia img {
    margin: 0 auto 40px;
    height: 50px;
    width: auto !important; }
    @media (max-width: 1024px) {
      .HomeDivertissement__socialmedia img {
        margin-bottom: 20px;
        height: 35px; } }
  .HomeDivertissement__socialmedia p {
    font: 400 20px/24px Gloria Hallelujah;
    color: #ffffff;
    margin-bottom: 0px; }
    @media (max-width: 1024px) {
      .HomeDivertissement__socialmedia p {
        font: 400 16px/22px Gloria Hallelujah; } }
  .HomeDivertissement__socialmedia span {
    font: 700 25px/30px "BrandonGrotesque", sans-serif;
    color: #ffffff;
    text-transform: uppercase; }
    @media (max-width: 1024px) {
      .HomeDivertissement__socialmedia span {
        font: 700 16px/22px "BrandonGrotesque", sans-serif; } }
  .HomeDivertissement__text--middle {
    padding: 80px 0; }
    @media (max-width: 991px) {
      .HomeDivertissement__text--middle {
        float: left;
        width: 100%;
        padding: 30px 0; } }
    @media (max-width: 767px) {
      .HomeDivertissement__text--middle {
        float: left;
        width: 100%;
        padding: 30px 0 0; } }
  .HomeDivertissement__align-items-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .HomeDivertissement__align-items-center > * {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    @media (max-width: 991px) {
      .HomeDivertissement__align-items-center--no-mobile {
        display: block; }
        .HomeDivertissement__align-items-center--no-mobile > * {
          display: block; } }

/** INTERNET **/
.InternetHeader {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 280px;
  background: #1F1F1F;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 100px; }
  .InternetHeader__title {
    padding: 8px 0 0 20px;
    font: 900 50px/55px "BrandonGrotesque", sans-serif;
    color: #FFF;
    text-transform: uppercase;
    position: relative; }
    .InternetHeader__title::before {
      display: none; }
    @media (max-width: 1024px) {
      .InternetHeader__title {
        font: 900 40px/45px "BrandonGrotesque", sans-serif;
        margin-bottom: 40px; } }
    @media (max-width: 767px) {
      .InternetHeader__title {
        margin-bottom: 40px;
        font: 900 22px/25px "BrandonGrotesque", sans-serif; } }
  .InternetHeader__explications {
    margin-top: 10px;
    padding-left: 20px;
    color: #FFF;
    font: 400 12px/16px "BrandonGrotesque", sans-serif;
    max-width: 50%; }
    @media (max-width: 1024px) {
      .InternetHeader__explications {
        max-width: 60%;
        margin-top: 0; } }
  .InternetHeader__laptop {
    display: none;
    width: 507px;
    height: 291px;
    position: absolute;
    background: url(../img/header-internet-laptop.png) center center no-repeat;
    background-size: 96%;
    position: absolute;
    right: 0;
    top: 0; }
    .InternetHeader__laptop--telephonie {
      width: 181px;
      height: 278px;
      position: absolute;
      top: 70px;
      right: -40px;
      background: url(../img/header-internet-telephonie.png) center center no-repeat; }
      .InternetHeader__laptop--telephonie p {
        width: 130px;
        right: -77px !important; }
      @media (max-width: 1999px) {
        .InternetHeader__laptop--telephonie {
          top: -20px;
          right: 80px; } }
      @media (max-width: 1199px) {
        .InternetHeader__laptop--telephonie {
          top: 0;
          right: 100px; } }
      @media (max-width: 1024px) {
        .InternetHeader__laptop--telephonie {
          display: none !important; } }
    .InternetHeader__laptop--promotions {
      width: 439px;
      height: 293px;
      position: absolute;
      right: -40px;
      top: 20px;
      background: url(../img/home-forfait-device2x.png) center center no-repeat;
      background-size: 100%; }
      .InternetHeader__laptop--promotions p:before {
        display: none !important; }
      @media (max-width: 1024px) {
        .InternetHeader__laptop--promotions {
          width: 200px !important;
          height: 133px !important;
          top: 90px !important;
          right: -80px !important; } }
    @media (max-width: 1024px) {
      .InternetHeader__laptop {
        width: 350px;
        height: 196px;
        top: 0px; } }
    @media (max-width: 767px) {
      .InternetHeader__laptop {
        display: none; } }
    .InternetHeader__laptop--forfaits {
      width: 439px;
      height: 293px;
      position: absolute;
      right: -40px;
      top: 20px;
      background: url(../img/home-forfait-device.webp) center center no-repeat;
      background-size: 100%; }
      .InternetHeader__laptop--forfaits.forfaits-en {
        background: url(../img/home-forfait-device.webp) center center no-repeat;
        background-size: 100%; }
        @media (max-width: 1024px) {
          .InternetHeader__laptop--forfaits.forfaits-en {
            width: 350px;
            height: 196px;
            top: 0px; } }
        @media (max-width: 767px) {
          .InternetHeader__laptop--forfaits.forfaits-en {
            display: none; } }
      .InternetHeader__laptop--forfaits p:before {
        display: none !important; }
      @media (max-width: 1024px) {
        .InternetHeader__laptop--forfaits {
          width: 200px !important;
          height: 133px !important;
          top: 90px !important;
          right: -80px !important; } }
    @media (max-width: 1024px) {
      .InternetHeader__laptop {
        width: 350px;
        height: 196px;
        top: 0px; } }
    @media (max-width: 767px) {
      .InternetHeader__laptop {
        display: none; } }
    .InternetHeader__laptop p {
      font: 300 16px/20px "Gloria Hallelujah";
      color: #595959;
      max-width: 205px;
      text-align: center;
      position: absolute;
      bottom: -50px;
      right: 80px; }
      @media (max-width: 991px) {
        .InternetHeader__laptop p {
          font: 300 12px/20px "Gloria Hallelujah";
          right: 10px; } }
      .InternetHeader__laptop p:before {
        width: 40px;
        height: 40px;
        background: url(../img/svg/drawing-arrow02.svg) center center no-repeat;
        background-size: 70%;
        content: "";
        position: absolute;
        display: inline-block;
        left: -40px;
        top: -20px; }
        @media (max-width: 991px) {
          .InternetHeader__laptop p:before {
            width: 30px;
            height: 30px;
            left: -22px;
            top: -14px; } }
  .InternetHeader--packages {
    background-position: center bottom; }
    @media (max-width: 1024px) {
      .InternetHeader--packages .InternetHeader__laptop--forfaits {
        width: 200px !important;
        top: 70px !important;
        right: 50px !important; } }
    @media (max-width: 1024px) {
      .InternetHeader--packages {
        min-height: 196px;
        background-position: -745px 100%; } }
    @media (max-width: 767px) {
      .InternetHeader--packages {
        background-position: center top; } }
  @media (max-width: 1919px) {
    .InternetHeader {
      background-size: 1920px 280px; } }
  @media (max-width: 1024px) {
    .InternetHeader {
      min-height: 296px;
      padding-top: 30px;
      background-size: 1920px 280px;
      background-position: center top -60px; } }
  @media (max-width: 767px) {
    .InternetHeader {
      min-height: 90px;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 30px; } }

.wrap-doodle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .wrap-doodle svg {
    display: none;
    fill: #FFF;
    width: 100px;
    height: 100px; }
    @media (max-width: 991px) {
      .wrap-doodle svg {
        width: 80px;
        height: 80px; } }
    @media (max-width: 767px) {
      .wrap-doodle svg {
        width: 50px;
        height: 50px; } }

.accountRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media (max-width: 1200px) {
    .accountRight {
      margin-right: 48px; } }
  @media (max-width: 360px) {
    .accountRight {
      margin-right: 32px; } }

.accountCircle {
  margin-left: 10px;
  height: 24px; }
  @media (max-width: 1200px) {
    .accountCircle {
      display: none; } }
  .accountCircle svg {
    width: 24px;
    height: 24px;
    fill: #BE2323;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .accountCircle:hover svg {
    fill: #343434; }

.Promos {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .Promos__section-wraper {
      border-bottom: 1px solid #979797;
      margin-bottom: 20px; } }
  .Promos__section-title {
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-block; }
    @media (max-width: 991px) {
      .Promos__section-title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
  .Promos__infos {
    position: absolute;
    left: 156px;
    top: 0px;
    cursor: pointer; }
    .Promos__infos svg {
      width: 16px;
      height: 16px;
      fill: #BE2323; }
      @media (max-width: 767px) {
        .Promos__infos svg {
          left: 100px;
          position: relative; } }
    @media (max-width: 991px) {
      .Promos__infos {
        left: 96px; } }
    @media (max-width: 767px) {
      .Promos__infos {
        left: 0px;
        width: 100%; } }
  .Promos__section-exp {
    font: 400 12px/16px "BrandonGrotesque", sans-serif;
    color: #595959;
    margin: 0; }
    @media (max-width: 991px) {
      .Promos__section-exp {
        display: none; } }
  .Promos__slider-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 991px) {
      .Promos__slider-wrapper {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    @media (max-width: 680px) {
      .Promos__slider-wrapper {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse; } }
  .Promos__slider {
    margin-left: 0;
    font-size: 0; }
    .Promos__slider--adsl {
      display: inline-block !important;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%;
      overflow: hidden;
      padding: 0 15px 0 0; }
      @media (max-width: 991px) {
        .Promos__slider--adsl {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; } }
      @media (max-width: 680px) {
        .Promos__slider--adsl {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          margin-top: 20px; } }
    .Promos__slider .owl-item.center {
      text-align: center; }
  .Promos__slider-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 8px; }
    @media (max-width: 991px) {
      .Promos__slider-item {
        padding-top: 0; } }
    @media (max-width: 767px) {
      .Promos__slider-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .Promos__slider-icon svg {
    width: 50px;
    height: 50px;
    fill: #BE2323; }
    @media (max-width: 991px) {
      .Promos__slider-icon svg {
        width: 35px;
        height: 35px; } }
  .Promos__slider-text {
    padding-left: 5px; }
    @media (max-width: 767px) {
      .Promos__slider-text {
        text-align: center; } }
  .Promos__slider-title {
    font: 300 16px/16px "Gloria Hallelujah";
    color: #BE2323; }
    .Promos__slider-title--sub {
      font: 700 16px/30px "BrandonGrotesque", sans-serif;
      text-transform: uppercase;
      color: #343434; }
      @media (max-width: 991px) {
        .Promos__slider-title--sub {
          font: 700 11px/12px "BrandonGrotesque", sans-serif;
          margin-top: 5px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .Promos__slider-title--sub {
          font: 700 13px/20px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 1199px) {
      .Promos__slider-title {
        font: 300 14px/16px "Gloria Hallelujah"; } }
    @media (max-width: 991px) {
      .Promos__slider-title {
        font: 300 12px/12px "Gloria Hallelujah"; } }
  .Promos__close {
    opacity: 0;
    display: none; }
  @media (max-width: 767px) {
    .Promos__close {
      opacity: 1;
      display: inline-block;
      position: absolute;
      right: 15px;
      top: 10px;
      width: 30px;
      height: 30px;
      border: 0px;
      background: none; }
      .Promos__close svg {
        left: 0;
        width: 25px;
        height: 25px; } }
  @media (min-width: 681px) {
    .Promos__qualified-speeds {
      margin-left: auto; } }

.Promos__infos [role="tooltip"],
.Promos__infos .hidetooltip.hidetooltip.hidetooltip + [role="tooltip"] {
  visibility: hidden;
  position: absolute;
  top: 2rem;
  left: 2rem;
  background: white;
  color: black; }

.Promos__infos [aria-describedby]:hover,
.Promos__infos [aria-describedby]:focus {
  position: relative; }

.Promos__infos [aria-describedby]:hover + [role="tooltip"],
.Promos__infos [aria-describedby]:focus + [role="tooltip"] {
  visibility: visible; }

.Promos__tooltip {
  width: 300px;
  min-height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  color: #343434;
  padding: 15px;
  background: white;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 9;
  left: 50%; }
  .Promos__tooltip strong {
    font-weight: 700; }
  .Promos__tooltip-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    overflow: hidden; }
    @media (max-width: 767px) {
      .Promos__tooltip-arrow {
        display: none; } }

.ListingPromo {
  margin-bottom: 100px; }
  @media (max-width: 1199px) {
    .ListingPromo {
      margin-bottom: 70px; } }
  @media (max-width: 991px) {
    .ListingPromo {
      margin-bottom: 40px; } }
  .ListingPromo__image {
    height: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../img/red-pattern.png) left top repeat;
    padding: 15px; }
    .ListingPromo__image svg,
    .ListingPromo__image img {
      max-width: 100%;
      height: auto; }
    .ListingPromo__image .Listing__fournisseur {
      left: 45px; }
    @media (max-width: 767px) {
      .ListingPromo__image {
        padding: 25px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 40px; } }
    .ListingPromo__image--grey {
      background: url(../img/grey-pattern.png) left top repeat; }
  .ListingPromo__content {
    min-height: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .ListingPromo__content em {
      font: 400 12px/16px "BrandonGrotesque", sans-serif;
      margin-top: 15px;
      color: #595959;
      display: inline-block; }
    .ListingPromo__content .ButtonEffect, .ListingPromo__content .HeadBanner__button {
      margin-top: 40px; }
    @media (max-width: 767px) {
      .ListingPromo__content {
        height: auto;
        min-height: 1px; } }
  .ListingPromo__title {
    font: 900 35px/40px "BrandonGrotesque", sans-serif;
    margin-bottom: 15px;
    width: 100%; }
    @media (max-width: 991px) {
      .ListingPromo__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .ListingPromo__title {
        font: 900 24px/26px "BrandonGrotesque", sans-serif; } }
  .ListingPromo__description {
    width: 100%; }
  .ListingPromo__divider {
    border-bottom: 1px solid #C7C7C7;
    margin-top: 100px;
    margin-bottom: 100px; }
    @media (max-width: 991px) {
      .ListingPromo__divider {
        margin-top: 70px;
        margin-bottom: 70px; } }
    @media (max-width: 767px) {
      .ListingPromo__divider {
        margin-top: 40px;
        margin-bottom: 40px; } }
  .ListingPromo__wrapper-title__title {
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin-bottom: 70px;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .ListingPromo__wrapper-title__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .ListingPromo__wrapper-title__title {
        font: 900 24px/26px "BrandonGrotesque", sans-serif;
        margin-bottom: 40px; } }
  @media (max-width: 991px) {
    .ListingPromo__wrapper-title {
      margin-top: 70px; } }
  @media (max-width: 767px) {
    .ListingPromo__wrapper-title {
      margin-top: 40px; } }
  .ListingPromo__item--last {
    display: none; }

@media (max-width: 767px) {
  .page-template-listing-promotion .PageTitle__subtitle {
    display: none; } }

.tooltip-link-sr {
  border: 0;
  background: 0;
  padding: 0; }

.Listing__item {
  min-height: 172px;
  background: #FFF;
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
  width: 100%;
  position: relative;
  margin: 15px 0 60px; }
  .Listing__item--haspromo .Listing__promo {
    opacity: 1; }
  .Listing__item--haspromo .Listing__apartir {
    margin-left: 0; }
  .Listing__item--haspromo .Listing__prix {
    color: #BE2323;
    margin-left: 0; }
    .Listing__item--haspromo .Listing__prix span {
      right: -18px; }
      html:lang(en-CA) .Listing__item--haspromo .Listing__prix span {
        right: -14px;
        top: 31px; }
  .Listing__item--haspromo .Listing__prix--promo {
    display: block; }
  @media (max-width: 1199px) {
    .Listing__item {
      height: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .Listing__item {
      min-height: 288px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 48%;
              flex: 0 0 48%;
      width: 48%; } }
  @media (max-width: 767px) {
    .Listing__item {
      min-height: 288px; } }
  .Listing__item.has-tvduo {
    position: relative; }
    .Listing__item.has-tvduo:after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 82px;
      height: 72px;
      margin: 1px -9px 0 0;
      background-image: url(../img/svg/promoduo-banner.svg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: left top;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      html:lang(en) .Listing__item.has-tvduo:after {
        background-image: url(../img/svg/promoduo-banner-en.svg); }
    .Listing__item.has-tvduo .Listing__promo {
      display: none; }

.Listing__fournisseur {
  width: 40px;
  height: 40px;
  background: url(../img/svg/round-fournisseur.svg) center center no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 20px;
  top: -20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: 900;
  font-size: 16px; }

.Listing__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 172px; }
  @media (max-width: 1199px) {
    .Listing__item-content {
      min-height: 240px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 1199px) {
    .Listing__item-content {
      height: auto;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.Listing__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #595959;
  width: 184px; }
  .Listing__name p {
    margin: 0;
    font: 700 18px/25px "BrandonGrotesque", sans-serif;
    color: #FFF;
    text-align: center; }
    .Listing__name p span {
      text-transform: uppercase;
      display: block; }
      @media (max-width: 1199px) {
        .Listing__name p span {
          display: inline-block; } }
  @media (max-width: 1199px) {
    .Listing__name {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      border-bottom-left-radius: 0;
      border-top-right-radius: 12px;
      padding-top: 10px;
      padding-bottom: 10px; } }
  @media (max-width: 991px) {
    .Listing__name {
      padding-top: 10px;
      padding-bottom: 10px; } }

.Listing__wrapper-content {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: calc(100% - 184px); }
  @media (max-width: 1199px) {
    .Listing__wrapper-content {
      width: 100%; } }
  @media (max-width: 991px) {
    .Listing__wrapper-content {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-top: 0; } }

.Listing__prix-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.Listing__apartir {
  font: 400 12px/16px "BrandonGrotesque", sans-serif;
  color: #595959;
  margin-left: 20px; }
  @media (max-width: 991px) {
    .Listing__apartir {
      margin-left: 0; } }

.Listing__redprice:after {
  content: "*";
  font-size: 16px;
  color: #BE2323;
  position: absolute;
  right: -8px;
  top: 16px;
  display: inline-block; }

.Listing__prix {
  font: 900 46px "BrandonGrotesque", sans-serif;
  color: #343434;
  position: relative;
  margin-left: 20px; }
  @media (max-width: 991px) {
    .Listing__prix {
      margin-left: 0; } }
  .Listing__prix sup {
    font-size: 16px;
    vertical-align: super;
    top: 3px; }
  .Listing__prix span {
    position: absolute;
    right: -17px;
    top: 30px;
    font: 300 10px "Gloria Hallelujah"; }
    .Listing__prix span sup {
      font-size: 6px;
      position: absolute;
      top: 7px;
      font-family: inherit;
      margin-left: 2px; }
  .Listing__prix--promo {
    font: 900 22px "BrandonGrotesque", sans-serif;
    margin-right: 10px;
    position: relative;
    display: none; }
    .Listing__prix--promo sup {
      font-size: 12px; }
    .Listing__prix--promo:after {
      content: "";
      width: 100%;
      height: 2px;
      background: #BE2323;
      opacity: 0.7;
      position: absolute;
      left: 0;
      top: 14px;
      -webkit-transform: rotate(-25deg);
              transform: rotate(-25deg); }

.Listing__recap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 210px;
          flex: 0 0 210px;
  padding: 0 30px; }
  .Listing__recap .CapacityItem__title-exp {
    text-align: center; }
  @media (max-width: 991px) {
    .Listing__recap {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 20px;
      border-top: 1px solid #C7C7C7; } }

.Listing__promo {
  width: 82px;
  height: 72px;
  background: url(../img/svg/promo-fr.svg) center center no-repeat;
  background-size: 100%;
  position: absolute;
  right: -4px;
  top: -4px;
  display: inline-block;
  opacity: 0;
  z-index: 3; }
  @media (max-width: 1199px) {
    .Listing__promo {
      background: url(../img/svg/promo-fr-red.svg) center center no-repeat; } }

.wrapper__listing {
  border-bottom: 1px solid #979797;
  padding-bottom: 45px;
  margin-bottom: 0px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .wrapper__listing {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media (max-width: 767px) {
    .wrapper__listing {
      padding-bottom: 40px;
      margin-bottom: 20px;
      border: 0; } }
  .wrapper__listing--last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
    .wrapper__listing--last .Listing__item:last-of-type {
      margin-bottom: 0 !important; }

.recap__promo .Listing__prix {
  font: 900 37px "BrandonGrotesque", sans-serif; }

.recap__promo .Listing__prix--promo {
  font: 900 18px "BrandonGrotesque", sans-serif; }

.icon-promo-tag {
  max-width: 170px;
  max-height: 80px;
  margin-top: 35px;
  width: 100%;
  height: auto; }

.SingleListingPromos {
  padding: 30px 0 0; }
  .SingleListingPromos li {
    font: 700 16px "BrandonGrotesque", sans-serif;
    padding: 4px 0 0 20px;
    color: #343434;
    position: relative; }
    .SingleListingPromos li:before {
      content: "";
      background: url(../img/svg/ic_check-red.svg) center center repeat;
      width: 16px;
      height: 16px;
      left: -8px;
      background-size: 100%;
      display: inline-block;
      position: absolute; }

@media (min-width: 768px) and (max-width: 991px) {
  body:not(.single-internet) .Listing__recap .CapacityItem__title-exp {
    display: inline-block; } }

@media (max-width: 500px) {
  body:not(.single-internet) .Listing__recap .CapacityItem__title-exp {
    display: inline-block; } }

.PromosNotifications {
  padding-top: 60px;
  padding-bottom: 80px; }
  .PromosNotifications p {
    font: 400px 12px/16px "BrandonGrotesque", sans-serif;
    color: #595959; }

.CapacityItem__wrapper {
  width: 140px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 991px) {
    .CapacityItem__wrapper {
      width: 100%; } }

.CapacityItem svg.icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  fill: #595959; }
  @media (max-width: 500px) {
    .CapacityItem svg.icon {
      margin-bottom: 5px; } }

.CapacityItem--bordered {
  border-right: 1px solid #595959; }

@media (hover: hover) {
  .CapacityItem--has-hover:hover .CapacityItem__border {
    stroke-dashoffset: 0;
    visibility: visible;
    -webkit-transition: all 0.5s ease-out, visibility 0s;
    transition: all 0.5s ease-out, visibility 0s;
    opacity: 1;
    overflow: visible; }
  .CapacityItem--has-hover:hover .CapacityItem__content-status {
    opacity: 1;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.CapacityItem--unique {
  width: 340px; }
  @media (max-width: 991px) {
    .CapacityItem--unique .CapacityItem__wrapper {
      width: 100%; } }

.CapacityItem--twochild {
  width: 220px; }

@media (max-width: 991px) {
  .CapacityItem:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    min-height: 60px;
    background: url(../img/black-pattern.png) center center repeat;
    color: #FFF; }
  .CapacityItem:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    min-height: 60px;
    background: url(../img/black-pattern.png) center center repeat;
    border-right: 0px !important;
    color: #FFF; } }

.CapacityItem__status {
  position: absolute;
  width: 140px;
  height: 132px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (max-width: 500px) {
    .CapacityItem__status {
      width: 88px;
      height: 80px; } }

.CapacityItem__content-status {
  width: 30px;
  height: 30px;
  background: #C7C7C7;
  position: absolute;
  right: 6px;
  top: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 12px;
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }
  .CapacityItem__content-status svg {
    width: 20px !important;
    margin-bottom: 0 !important;
    height: 20px !important;
    fill: #FFF !important; }
  .CapacityItem__content-status .icon-ic_check {
    visibility: hidden;
    opacity: 0;
    display: none; }
  @media (max-width: 500px) {
    .CapacityItem__content-status {
      width: 17px;
      height: 17px;
      border-bottom-left-radius: 6px;
      border-top-right-radius: 6px; }
      .CapacityItem__content-status svg {
        width: 10px !important;
        height: 10px !important; } }

.CapacityItem__title {
  font: 400 14px/20px "BrandonGrotesque", sans-serif;
  color: #343434;
  margin-bottom: 5px; }
  .CapacityItem__title span {
    font: 700 20px/20px "BrandonGrotesque", sans-serif;
    color: #343434; }
    .CapacityItem__title span:lang(en) {
      font: 700 17px/20px "BrandonGrotesque", sans-serif; }

.CapacityItem__title-exp {
  font: 400 12px/16px "BrandonGrotesque", sans-serif;
  color: #595959;
  text-align: center; }

.CapacityItem__border {
  stroke: #C7C7C7;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  stroke-dasharray: 512.9;
  stroke-dashoffset: 512.9;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.3s ease-out, opacity 0.5s ease-out, visibility 0s linear 0.3s;
  transition: stroke-dashoffset 0.3s ease-out, opacity 0.5s ease-out, visibility 0s linear 0.3s;
  visibility: hidden;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0; }

.CapacityItem__content-svg {
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }

.CapacityItem__radio {
  position: fixed;
  width: 1px;
  height: 1px;
  visibility: hidden; }
  .CapacityItem__radio:checked + .CapacityItem__wrapper .CapacityItem__content-status {
    background: #BE2323;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important; }
    .CapacityItem__radio:checked + .CapacityItem__wrapper .CapacityItem__content-status .icon-ic_check {
      visibility: visible;
      opacity: 1;
      display: block; }
    .CapacityItem__radio:checked + .CapacityItem__wrapper .CapacityItem__content-status .icon-ic_add {
      visibility: hidden;
      opacity: 0;
      display: none; }
  .CapacityItem__radio:checked + .CapacityItem__wrapper .CapacityItem__content-svg {
    fill: #BE2323 !important; }
  .CapacityItem__radio:checked + .CapacityItem__wrapper .CapacityItem__border {
    opacity: 1;
    stroke: #BE2323;
    stroke-dashoffset: 0;
    visibility: visible;
    overflow: visible; }
    @media (max-width: 500px) {
      .CapacityItem__radio:checked + .CapacityItem__wrapper .CapacityItem__border {
        display: none; } }

@media (max-width: 991px) {
  .CapacityItem__content-download .CapacityItem__wrapper, .CapacityItem__content-upload .CapacityItem__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
    .CapacityItem__content-download .CapacityItem__wrapper svg, .CapacityItem__content-upload .CapacityItem__wrapper svg {
      width: 40px !important;
      height: 40px !important;
      margin-bottom: 0 !important;
      margin-right: 10px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .CapacityItem__content-download .CapacityItem__wrapper p, .CapacityItem__content-upload .CapacityItem__wrapper p {
      color: #FFF;
      margin-bottom: 0; }
      .CapacityItem__content-download .CapacityItem__wrapper p span, .CapacityItem__content-upload .CapacityItem__wrapper p span {
        color: #FFF; } }

@media (max-width: 991px) {
  .CapacityItem__content-small, .CapacityItem__content-medium, .CapacityItem__content-illimite {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    height: 120px;
    margin-top: 15px;
    margin-bottom: 15px; } }

@media (max-width: 991px) {
  .CapacityItem__content-illimite {
    border-right: 0px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  body:not(.single-internet) .CapacityItem__content-status {
    width: 20px;
    height: 20px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    right: 6px;
    top: 0; }
    body:not(.single-internet) .CapacityItem__content-status svg {
      width: 12px !important;
      height: 12px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  body:not(.single-internet) .CapacityItem__status {
    width: 110px;
    height: 102px; } }

@media (max-width: 991px) {
  .single-internet .CapacityItem__wrapper {
    height: auto; }
  .single-internet .WrapperCapacity {
    height: 170px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

@media (max-width: 500px) {
  .single-internet .WrapperCapacity {
    height: auto; } }

.WrapperCapacity .CardItem {
  width: 140px;
  height: auto;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0; }
  .WrapperCapacity .CardItem:last-of-type {
    border-right: 1px solid #C7C7C7; }
  .WrapperCapacity .CardItem p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .WrapperCapacity .CardItem__title {
    font: 400 12px/16px "BrandonGrotesque", sans-serif;
    color: #626262;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .WrapperCapacity .CardItem__subTitle {
    font: 700 20px/20px "BrandonGrotesque", sans-serif;
    color: #343434;
    margin-bottom: 5px;
    text-transform: none; }
  .WrapperCapacity .CardItem__icon {
    width: 50px;
    height: 50px; }
  .WrapperCapacity .CardItem svg {
    fill: #C7C7C7; }

.CapacityItem__content-illimite .CapacityItem__wrapper {
  padding: 3px 14px; }

.TonForfait {
  padding-top: 0 !important;
  /*@media (max-width:991px)  {
        ul  {
            li {
                &:last-child {
                    display: none;
                }
            }
        }
    }*/ }
  .TonForfait .CardListing__title {
    text-transform: uppercase;
    font: 900 45px/50px "BrandonGrotesque", sans-serif; }
    @media (max-width: 991px) {
      .TonForfait .CardListing__title {
        margin: 0 0 60px 5px;
        font: 700 35px/40px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .TonForfait .CardListing__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
  .TonForfait--telephonie .CardListing__title {
    text-transform: none;
    font: 700 35px/40px "BrandonGrotesque", sans-serif; }
  .TonForfait--gris {
    background: url(../img/grey-pattern.png) left top repeat; }
    .TonForfait--gris .CardListing__title {
      color: #FFF; }

.ForfaitContent {
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    .ForfaitContent {
      padding-bottom: 70px; } }
  @media (max-width: 767px) {
    .ForfaitContent {
      padding-bottom: 40px; } }
  .ForfaitContent__title {
    font: 700 35px/40px "BrandonGrotesque", sans-serif;
    margin-bottom: 80px; }
    @media (max-width: 767px) {
      .ForfaitContent__title {
        margin-bottom: 20px;
        font: 700 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 450px) {
      .ForfaitContent__title {
        margin-bottom: 20px;
        font: 700 24px/32px "BrandonGrotesque", sans-serif; } }
  .ForfaitContent ul li a {
    color: #BE2323;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    text-decoration: underline; }
    .ForfaitContent ul li a:hover {
      color: #343434; }
  .ForfaitContent__legal {
    margin-top: 20px; }
    .ForfaitContent__legal p {
      line-height: 25px;
      color: #595959; }
  .ForfaitContent__forfaitTitle {
    text-transform: uppercase;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin-bottom: 10px; }
  .ForfaitContent--telephonie .ForfaitContent__title {
    margin-bottom: 40px; }
  .ForfaitContent .Wysiwyg p {
    margin-bottom: 27px; }
  @media (max-width: 991px) {
    .ForfaitContent .TwoCol__left {
      padding-bottom: 10px !important; } }
  .ForfaitContent__internet-accessory-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 20px 6% 20px 0;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1199px) {
      .ForfaitContent__internet-accessory-list {
        padding-right: 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .ForfaitContent__internet-accessory-list {
        display: block; } }
    @media (max-width: 670px) {
      .ForfaitContent__internet-accessory-list {
        display: block; } }
  .ForfaitContent__internet-accessory-item {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    text-align: right;
    padding: 0; }
    @media (max-width: 750px) {
      .ForfaitContent__internet-accessory-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; } }
    .ForfaitContent__internet-accessory-item:first-child {
      text-align: left; }
    .ForfaitContent__internet-accessory-item:after {
      content: '';
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 44px;
      background: currentColor;
      margin-right: 7%; }
    .ForfaitContent__internet-accessory-item:last-child:after {
      content: none; }
    @media (max-width: 1199px) {
      .ForfaitContent__internet-accessory-item {
        display: block;
        text-align: left;
        margin-bottom: 10px; }
        .ForfaitContent__internet-accessory-item:last-child {
          margin-bottom: 0; }
        .ForfaitContent__internet-accessory-item:after {
          content: none; } }
  .ForfaitContent--gris {
    color: #FFF;
    background: url(../img/grey-pattern.png) left top repeat; }
    .ForfaitContent--gris .ForfaitContent__title {
      color: #FFF; }
    .ForfaitContent--gris a {
      color: #FFF; }
    .ForfaitContent--gris .Wysiwyg ul li {
      background: url(../img/svg/ic_check-white.svg) left 2px no-repeat;
      background-size: 14px; }
      .ForfaitContent--gris .Wysiwyg ul li a {
        color: #FFF;
        text-decoration: underline; }
  .ForfaitContent .Listing__recap--duo-promo {
    display: none !important; }
  .ForfaitContent .SinglePrice {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .ForfaitContent.has-tvduo .SinglePrice {
    position: relative;
    background-image: url(../img/pattern02.png); }
    .ForfaitContent.has-tvduo .SinglePrice:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 82px;
      height: 72px;
      margin: -4px 0 0 -4px;
      background-image: url(../img/svg/promoduo-banner.svg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: left top; }
      html:lang(en) .ForfaitContent.has-tvduo .SinglePrice:before {
        background-image: url(../img/svg/promoduo-banner-en.svg); }
    @media (max-width: 499px) {
      .ForfaitContent.has-tvduo .SinglePrice {
        height: auto;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse; } }
    .ForfaitContent.has-tvduo .SinglePrice .Listing__recap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      padding: 0; }
      .ForfaitContent.has-tvduo .SinglePrice .Listing__recap--duo-promo {
        border-radius: 12px 0 0 12px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 57%;
                flex: 0 0 57%;
        background-image: url(../img/half_box.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; }
        @media (max-width: 499px) {
          .ForfaitContent.has-tvduo .SinglePrice .Listing__recap--duo-promo {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            background-image: url(../img/half_box--vertical.png);
            padding: 30px 15px 40px;
            border-radius: 12px 12px 0 0; } }
      .ForfaitContent.has-tvduo .SinglePrice .Listing__recap .ButtonEffect, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap .HeadBanner__button {
        min-width: 168px;
        border-width: 2px !important; }
        @media (max-width: 499px) {
          .ForfaitContent.has-tvduo .SinglePrice .Listing__recap .ButtonEffect, .ForfaitContent.has-tvduo .SinglePrice .Listing__recap .HeadBanner__button {
            min-width: 121px; } }
      .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) .Listing__forfait-title {
        margin-bottom: 30px; }
      @media (max-width: 499px) {
        .ForfaitContent.has-tvduo .SinglePrice .Listing__recap:not(.Listing__recap--duo-promo) {
          padding: 11px 15px 30px; } }
      @media (max-width: 499px) {
        .ForfaitContent.has-tvduo .SinglePrice .Listing__recap {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
          .ForfaitContent.has-tvduo .SinglePrice .Listing__recap .Listing__recap-wrapper {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto; }
          .ForfaitContent.has-tvduo .SinglePrice .Listing__recap .Listing__forfait-title.Listing__forfait-title.Listing__forfait-title {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 105px;
                    flex: 0 0 105px;
            line-height: 0.8;
            margin-bottom: 0; } }
    .ForfaitContent.has-tvduo .SinglePrice .Listing__prix:not(.Listing__prix--promoduo) {
      margin-top: -10px;
      font-size: 80px; }
      .ForfaitContent.has-tvduo .SinglePrice .Listing__prix:not(.Listing__prix--promoduo) sup {
        font-size: 24px;
        top: 0; }
        .ForfaitContent.has-tvduo .SinglePrice .Listing__prix:not(.Listing__prix--promoduo) sup + span {
          right: -3px; }
      @media (max-width: 499px) {
        .ForfaitContent.has-tvduo .SinglePrice .Listing__prix:not(.Listing__prix--promoduo) {
          margin-top: 0;
          font-size: 50px;
          line-height: 60px; }
          .ForfaitContent.has-tvduo .SinglePrice .Listing__prix:not(.Listing__prix--promoduo) sup + span {
            top: 25px; } }
    .ForfaitContent.has-tvduo .SinglePrice .Listing__prix sup {
      top: 0; }
      .ForfaitContent.has-tvduo .SinglePrice .Listing__prix sup + span {
        font-size: 11px;
        right: 7px;
        top: 45px; }
    @media (max-width: 499px) {
      .ForfaitContent.has-tvduo .SinglePrice .Listing__prix {
        font-size: 70px;
        line-height: 80px; }
        .ForfaitContent.has-tvduo .SinglePrice .Listing__prix sup + span {
          top: 35px; } }
    .ForfaitContent.has-tvduo .SinglePrice .Listing__recap-wrapper {
      text-align: left; }
    @media (max-width: 499px) {
      .ForfaitContent.has-tvduo .SinglePrice .Listing__apartir {
        font: 400 12px/16px "BrandonGrotesque", sans-serif; } }

.ListingModems {
  padding-top: 40px;
  padding-bottom: 0;
  margin-bottom: 40px; }
  .ListingModems__item {
    display: inline-block; }
    .ListingModems__item:not(:last-child) {
      margin-right: 60px; }

.PromoSeparator {
  width: 100%;
  height: 1px;
  background: #979797;
  display: inline-block;
  margin-top: 40px; }

/** TELEPHONIES **/
.ListingTelephonies__title {
  text-transform: uppercase;
  font: 900 45px/50px "BrandonGrotesque", sans-serif;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    .ListingTelephonies__title {
      font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 767px) {
    .ListingTelephonies__title {
      font: 900 22px/24px "BrandonGrotesque", sans-serif;
      margin-bottom: 40px; } }

.ListingTelephonies__notice {
  font: 400 12px/16px "BrandonGrotesque", sans-serif;
  margin-bottom: 100px; }
  @media (max-width: 991px) {
    .ListingTelephonies__notice {
      margin-bottom: 70px; } }
  @media (max-width: 767px) {
    .ListingTelephonies__notice {
      margin-bottom: 40px; } }

.ListingTelephonies__listing {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    .ListingTelephonies__listing {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media (max-width: 767px) {
    .ListingTelephonies__listing {
      padding-top: 40px;
      padding-bottom: 40px; } }

.ListingTelephonies__red-link {
  color: #BE2323; }

.ListingTelephonies__forfaitwrapper, .PostCardItem__forfaitwrapper {
  min-height: 548px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  width: 100%;
  border-radius: 5px;
  background: #FFF; }
  .ListingTelephonies__forfaitwrapper .ButtonEffect, .ListingTelephonies__forfaitwrapper .HeadBanner__button, .PostCardItem__forfaitwrapper .ButtonEffect, .PostCardItem__forfaitwrapper .HeadBanner__button {
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 991px) {
      .ListingTelephonies__forfaitwrapper .ButtonEffect, .ListingTelephonies__forfaitwrapper .HeadBanner__button, .PostCardItem__forfaitwrapper .ButtonEffect, .PostCardItem__forfaitwrapper .HeadBanner__button {
        bottom: -20px; } }
  @media (max-width: 767px) {
    .ListingTelephonies__forfaitwrapper, .PostCardItem__forfaitwrapper {
      margin-bottom: 140px; }
      .ListingTelephonies__forfaitwrapper--last, .PostCardItem__forfaitwrapper--last {
        margin-bottom: 30px; } }

.ListingTelephonies__top, .PostCardItem__top {
  min-height: 203px;
  padding: 40px;
  background: #343434;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ListingTelephonies__top p, .PostCardItem__top p {
    color: #FFF;
    text-transform: uppercase;
    margin-top: 20px;
    font: 900 45px/40px "BrandonGrotesque", sans-serif;
    position: relative;
    margin: 0;
    text-align: center;
    max-width: 380px; }
    @media (max-width: 991px) {
      .ListingTelephonies__top p, .PostCardItem__top p {
        font: 900 35px/30px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .ListingTelephonies__top p, .PostCardItem__top p {
        font: 900 30px/35px "BrandonGrotesque", sans-serif;
        padding: 0 15px; } }
    .ListingTelephonies__top p .is-doodled, .PostCardItem__top p .is-doodled {
      display: inline-block; }
    .ListingTelephonies__top p .is-doodled--underlined:after, .PostCardItem__top p .is-doodled--underlined:after {
      top: auto;
      bottom: -12px;
      height: 9px;
      margin-top: -10px; }
    .ListingTelephonies__top p .arrowed, .PostCardItem__top p .arrowed {
      position: absolute;
      right: 0;
      bottom: -36px;
      text-transform: none;
      font: 400 12px/16px "Gloria Hallelujah"; }
      .ListingTelephonies__top p .arrowed:before, .PostCardItem__top p .arrowed:before {
        width: 20px;
        height: 20px;
        background: url(../img/svg/drawing-arrow04-white.svg) center center no-repeat;
        background-size: 100%;
        content: "";
        position: absolute;
        display: inline-block;
        left: -24px;
        top: -6px;
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg); }
      @media (max-width: 400px) {
        .ListingTelephonies__top p .arrowed, .PostCardItem__top p .arrowed {
          right: 15px; } }

.ListingTelephonies__bottom, .PostCardItem__bottom {
  padding: 30px; }
  .ListingTelephonies__bottom ul li a, .PostCardItem__bottom ul li a {
    color: #BE2323;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    text-decoration: underline; }
    .ListingTelephonies__bottom ul li a:hover, .PostCardItem__bottom ul li a:hover {
      color: #343434; }

.PostCardItem {
  position: relative;
  display: inline-block;
  padding: 58px 0 30px; }
  .PostCardItem__forfaitwrapper {
    position: relative; }
  .PostCardItem__top {
    padding: 0 30px; }
    @media (max-width: 600px) {
      .PostCardItem__top {
        height: 150px; } }
    @media (max-width: 400px) {
      .PostCardItem__top {
        padding: 0; } }
    .PostCardItem__top p {
      max-width: none; }
    .PostCardItem__top .arrowed.arrowed {
      left: 50%;
      bottom: -30px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      white-space: nowrap; }
      .PostCardItem__top .arrowed.arrowed sup {
        top: 0em;
        font-size: 16px; }
  .PostCardItem__bottom {
    text-align: left;
    padding-bottom: 40px; }
    @media (max-width: 1024px) {
      .PostCardItem__bottom {
        padding: 15px;
        padding-bottom: 30px; } }
    @media (max-width: 400px) {
      .PostCardItem__bottom {
        padding: 20px 15px 30px; } }
  .PostCardItem__title--long {
    font-size: 22px;
    line-height: 1.2;
    display: inline-block !important; }
  .PostCardItem__title--extra-long {
    font-size: 19px;
    line-height: 1.2;
    display: inline-block !important; }
  .PostCardItem__btn {
    width: 50%; }
    .PostCardItem__btn:after {
      background-color: #595959; }
    .PostCardItem__btn--disabled {
      pointer-events: none; }
  .PostCardItem .RedCircle {
    width: 116px;
    height: 116px;
    top: -58px; }
    .PostCardItem .RedCircle__type {
      font-size: 12px; }
    .PostCardItem .RedCircle__price {
      font: 900 32px/1 "BrandonGrotesque", sans-serif; }

.RedCircle {
  width: 130px;
  height: 130px;
  background: url(../img/back-red-circle.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .RedCircle__price {
    position: relative;
    border-top: 1px solid #FFF;
    color: #FFF;
    margin-top: 5px;
    padding-top: 5px;
    font: 900 36px/36px "BrandonGrotesque", sans-serif;
    width: 80px; }
    .RedCircle__price sup {
      position: relative;
      top: -13px;
      font: 900 12px "BrandonGrotesque", sans-serif; }
  .RedCircle__mois {
    position: absolute;
    font: 400 8px/12px "Gloria Hallelujah";
    left: 2px;
    bottom: -8px;
    width: 40px; }
  .RedCircle__type {
    color: #FFF;
    font: 600 15px "BrandonGrotesque", sans-serif; }

.single-telephonies .SinglePrice {
  min-height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 55px;
  padding-bottom: 55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .single-telephonies .SinglePrice .Listing__recap {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }
  @media (max-width: 991px) {
    .single-telephonies .SinglePrice {
      min-height: auto;
      padding: 20px 0;
      margin-top: 40px; } }
  @media (max-width: 991px) {
    .single-telephonies .SinglePrice .ButtonEffect, .single-telephonies .SinglePrice .HeadBanner__button {
      margin-top: 10px; } }
  .single-telephonies .SinglePrice .Listing__prix span {
    top: inherit;
    bottom: 25px; }

.ListingTelephoniees__wrapper-even {
  padding-right: 35px;
  margin-top: 150px; }
  @media (max-width: 767px) {
    .ListingTelephoniees__wrapper-even {
      padding-right: 15px; } }

.ListingTelephoniees__wrapper-odd {
  padding-left: 35px;
  margin-top: 150px; }
  @media (max-width: 767px) {
    .ListingTelephoniees__wrapper-odd {
      padding-left: 15px; } }

.ListingTelephoniees__wrapper-first-row {
  margin-top: 0px; }

/** FORFAITS **/
.ListingForfaits__listing {
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    .ListingForfaits__listing {
      padding-bottom: 70px; } }
  @media (max-width: 767px) {
    .ListingForfaits__listing {
      padding-bottom: 40px; } }

.ListingForfaits h1 {
  margin: 0 0 60px; }
  @media (max-width: 991px) {
    .ListingForfaits h1 {
      margin: 0 0 40px; } }
  @media (max-width: 767px) {
    .ListingForfaits h1 {
      margin: 0 0 30px; } }

.ListingForfaits__listing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.ListingForfaits__PostCardItem {
  width: 31.33%;
  margin: 0 3% 100px 0;
  float: left; }
  .ListingForfaits__PostCardItem span.block {
    display: block; }
  .ListingForfaits__PostCardItem ul.listing li {
    margin: 0 0 20px;
    padding: 0;
    background: none; }
  @media (max-width: 991px) {
    .ListingForfaits__PostCardItem {
      width: 47%;
      margin: 0 1.5% 50px; }
      .ListingForfaits__PostCardItem:nth-child(odd) {
        margin-right: 0; }
      .ListingForfaits__PostCardItem:nth-child(even) {
        margin-left: 0; } }
  @media (max-width: 767px) {
    .ListingForfaits__PostCardItem {
      margin: 0 1.5% 30px; } }
  @media (max-width: 600px) {
    .ListingForfaits__PostCardItem {
      width: 100%;
      margin: 0 0 30px; } }

@media (max-width: 767px) {
  .ListingForfaits .PostCardItem__forfaitwrapper {
    margin-bottom: 0; } }

@media (max-width: 600px) {
  .ListingForfaits .PostCardItem__forfaitwrapper {
    margin-bottom: 0;
    min-height: 0; } }

.ListingForfaits .PostCardItem__top p {
  margin: 40px 0 0 0;
  font-size: 35px;
  line-height: 40px; }
  .ListingForfaits .PostCardItem__top p .is-doodled--underlined:after {
    margin-top: -2px; }
  @media (max-width: 767px) {
    .ListingForfaits .PostCardItem__top p {
      font-size: 30px;
      line-height: 35px; } }

@media (max-width: 600px) {
  .ListingForfaits .PostCardItem__top {
    height: 180px; } }

.ListingForfaits .PostCardItem__bottom {
  min-height: 443px;
  padding: 23px; }
  .ListingForfaits .PostCardItem__bottom img {
    max-width: 100%; }
    @media (max-width: 600px) {
      .ListingForfaits .PostCardItem__bottom img {
        margin: 0 auto;
        display: block; } }
  @media (max-width: 991px) {
    .ListingForfaits .PostCardItem__bottom {
      min-height: 420px;
      padding: 18px; } }
  @media (max-width: 600px) {
    .ListingForfaits .PostCardItem__bottom {
      min-height: 0; } }

.ListingForfaits .RedCircle__price {
  border-top: none;
  border-bottom: 1px solid #FFF;
  margin: 0 0 5px;
  padding: 0 0 5px;
  white-space: nowrap; }

.ListingForfaits .RedCircle__taxo {
  font: 12px/18px "BrandonGrotesque", sans-serif;
  color: #FFF; }

.ListingForfaits .Divider {
  display: inline-block; }

.ListingForfaits .ThreeCalltos {
  background: none; }

.PostCardItem__nomarginright {
  margin: 0 0 100px; }
  @media (max-width: 991px) {
    .PostCardItem__nomarginright {
      margin: 0 1% 50px; } }

#choice_6_34_0,
#choice_6_33_0 {
  margin-top: 0 !important; }

.popup-listingforfaits .modal-content .modal-body {
  text-align: center; }

.popup-listingforfaits .modal-content .modal-header .close {
  right: 5px !important;
  top: 30px !important; }
  @media (max-width: 767px) {
    .popup-listingforfaits .modal-content .modal-header .close {
      right: -4px !important;
      top: 18px !important; } }
  @media (max-width: 767px) {
    .popup-listingforfaits .modal-content .modal-header .close svg {
      width: 24px !important;
      height: 22px !important; } }

.popup-listingforfaits h2, .popup-listingforfaits .RouteurFirstSlide__title, .popup-listingforfaits .RouteurInfos__title, .popup-listingforfaits .RouteurOptions__title {
  color: #FFF;
  font-size: 38px; }
  .popup-listingforfaits h2.banner-scnd-title, .popup-listingforfaits .banner-scnd-title.RouteurFirstSlide__title, .popup-listingforfaits .banner-scnd-title.RouteurInfos__title, .popup-listingforfaits .banner-scnd-title.RouteurOptions__title {
    font-size: 34px;
    font-weight: 600;
    margin: 0 0 34px; }
    @media (max-width: 767px) {
      .popup-listingforfaits h2.banner-scnd-title, .popup-listingforfaits .banner-scnd-title.RouteurFirstSlide__title, .popup-listingforfaits .banner-scnd-title.RouteurInfos__title, .popup-listingforfaits .banner-scnd-title.RouteurOptions__title {
        font-size: 21px;
        line-height: 26px; } }
  @media (max-width: 767px) {
    .popup-listingforfaits h2, .popup-listingforfaits .RouteurFirstSlide__title, .popup-listingforfaits .RouteurInfos__title, .popup-listingforfaits .RouteurOptions__title {
      font-size: 20px;
      line-height: 26px; } }

.popup-listingforfaits p {
  font: 18px/25px "BrandonGrotesque", sans-serif;
  color: #FFF; }
  @media (max-width: 767px) {
    .popup-listingforfaits p {
      padding: 0 10px;
      font: 16px/22px "BrandonGrotesque", sans-serif; } }
  .popup-listingforfaits p.banner-hook {
    font-weight: 700; }
  .popup-listingforfaits p.banner-conditions {
    margin: 0 0 32px; }

/** SUPER OFF-PEAK **/
.OffPeak {
  padding: 100px 0;
  position: relative;
  display: inline-block;
  width: 100%; }
  @media (max-width: 991px) {
    .OffPeak {
      padding: 140px 0 70px; } }
  .OffPeak ul {
    margin: 0; }
    @media (max-width: 767px) {
      .OffPeak ul li:first-of-type .OffPeak__forfaitwrapper {
        margin-bottom: 140px; } }
  .OffPeak__title {
    text-transform: uppercase;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .OffPeak__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .OffPeak__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif;
        margin-bottom: 40px; } }
  .OffPeak__notice {
    font: 400 12px/16px "BrandonGrotesque", sans-serif;
    margin-bottom: 100px; }
    @media (max-width: 991px) {
      .OffPeak__notice {
        margin-bottom: 70px; } }
    @media (max-width: 767px) {
      .OffPeak__notice {
        margin-bottom: 40px; } }
  .OffPeak__listing {
    padding-top: 100px;
    padding-bottom: 100px; }
    @media (max-width: 991px) {
      .OffPeak__listing {
        padding-top: 70px;
        padding-bottom: 70px; } }
    @media (max-width: 767px) {
      .OffPeak__listing {
        padding-top: 40px;
        padding-bottom: 40px; } }
  .OffPeak__forfaitwrapper {
    min-height: 548px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    width: 100%;
    border-radius: 5px;
    background: #FFF; }
    .OffPeak__forfaitwrapper .ButtonEffect, .OffPeak__forfaitwrapper .HeadBanner__button {
      position: absolute;
      left: 50%;
      bottom: -30px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 991px) {
        .OffPeak__forfaitwrapper .ButtonEffect, .OffPeak__forfaitwrapper .HeadBanner__button {
          bottom: -20px; } }
    @media (max-width: 767px) {
      .OffPeak__forfaitwrapper {
        min-height: 408px; } }
  .OffPeak__top {
    height: 203px;
    background: url(../img/grey-pattern.png) left top repeat;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .OffPeak__top p {
      color: #FFF;
      text-transform: uppercase;
      margin-top: 30px;
      margin-bottom: 0;
      font: 900 45px/40px "BrandonGrotesque", sans-serif;
      position: relative; }
      @media (max-width: 1199px) {
        .OffPeak__top p {
          font: 900 40px/40px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 991px) {
        .OffPeak__top p {
          font: 900 33px/30px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .OffPeak__top p {
          font: 900 30px/35px "BrandonGrotesque", sans-serif;
          padding: 0 15px; } }
      .OffPeak__top p .is-doodled--underlined:after {
        top: 100%;
        height: 12%;
        margin-top: 6px; }
      .OffPeak__top p .arrowed {
        position: absolute;
        right: 0;
        bottom: -36px;
        text-transform: none;
        font: 400 12px/16px "Gloria Hallelujah"; }
        .OffPeak__top p .arrowed:before {
          width: 20px;
          height: 20px;
          background: url(../img/svg/drawing-arrow04-white.svg) center center no-repeat;
          background-size: 100%;
          content: "";
          position: absolute;
          display: inline-block;
          left: -24px;
          top: -6px;
          -webkit-transform: rotate(-15deg);
                  transform: rotate(-15deg); }
  .OffPeak__bottom {
    padding: 30px; }
  .OffPeak .RedCircle {
    width: 130px;
    height: 130px;
    background: url(../img/back-red-circle.png) center center no-repeat;
    background-size: 130px 130px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .OffPeak .RedCircle__price {
      position: relative;
      color: #FFF;
      margin-top: 5px;
      padding-top: 5px;
      border: none !important;
      font: 900 45px/36px "BrandonGrotesque", sans-serif !important;
      width: 62px;
      margin: 0 !important; }
      .OffPeak .RedCircle__price sup {
        position: relative;
        top: -13px;
        font: 900 17px "BrandonGrotesque", sans-serif !important; }
    .OffPeak .RedCircle__mois {
      position: absolute;
      font: 400 8px/12px "Gloria Hallelujah";
      left: 2px;
      bottom: -8px;
      width: 40px; }
    .OffPeak .RedCircle__type {
      color: #FFF;
      font: 700 28px "BrandonGrotesque", sans-serif !important;
      margin: 0 !important; }

.Button__offpeak {
  margin: 40px 15px 100px; }
  @media (max-width: 991px) {
    .Button__offpeak {
      margin: 40px 15px 100px; } }
  @media (max-width: 767px) {
    .Button__offpeak {
      margin: 20px 15px 70px; } }

/** CONTENU FLEXIBLE **/
.TwoCol-LeftTextRightImg {
  padding: 100px 0;
  width: 100%;
  display: inline-block;
  position: relative; }
  .TwoCol-LeftTextRightImg__title {
    margin: 0 0 80px; }
  .TwoCol-LeftTextRightImg__leftTxt {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 45px 0 15px; }
    .TwoCol-LeftTextRightImg__leftTxt h2, .TwoCol-LeftTextRightImg__leftTxt .RouteurFirstSlide__title, .TwoCol-LeftTextRightImg__leftTxt .RouteurInfos__title, .TwoCol-LeftTextRightImg__leftTxt .RouteurOptions__title, .TwoCol-LeftTextRightImg__leftTxt h3, .TwoCol-LeftTextRightImg__leftTxt h4, .TwoCol-LeftTextRightImg__leftTxt h5, .TwoCol-LeftTextRightImg__leftTxt h6 {
      margin: 0 0 10px; }
    .TwoCol-LeftTextRightImg__leftTxt p {
      margin: 0 0 30px; }
      .TwoCol-LeftTextRightImg__leftTxt p:last-of-type {
        margin: 0; }
    .TwoCol-LeftTextRightImg__leftTxt p + ul {
      margin: 0 0 30px; }
    .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect, .TwoCol-LeftTextRightImg__leftTxt .HeadBanner__button {
      margin: 40px 40px 0 0;
      float: left; }
      .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect--border {
        height: 60px;
        margin: 40px 0 0 !important;
        float: left;
        line-height: 58px; }
        .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect--border:hover {
          border-color: #343434; }
        @media (max-width: 1199px) {
          .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect--border {
            margin: 15px 0 0 0 !important; } }
        @media (max-width: 1024px) {
          .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect--border {
            border-width: 2px;
            height: 40px;
            line-height: 38px;
            margin: 40px 0 0 0 !important;
            padding: 0 13px; } }
        @media (max-width: 356px) {
          .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect--border {
            margin: 10px 0 0 0 !important; } }
      @media (max-width: 767px) {
        .TwoCol-LeftTextRightImg__leftTxt .ButtonEffect, .TwoCol-LeftTextRightImg__leftTxt .HeadBanner__button {
          margin: 40px 10px 0 0;
          padding: 0 13px; } }
    @media (max-width: 991px) {
      .TwoCol-LeftTextRightImg__leftTxt {
        width: 100%;
        padding: 0 19px; } }
    @media (max-width: 767px) {
      .TwoCol-LeftTextRightImg__leftTxt {
        padding: 0 15px; } }
  .TwoCol-LeftTextRightImg__rightImg {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 15px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
    will-change: opacity, transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .TwoCol-LeftTextRightImg__rightImg--shown {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .TwoCol-LeftTextRightImg__rightImg img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 991px) {
        .TwoCol-LeftTextRightImg__rightImg img {
          height: auto;
          max-height: 100%;
          width: auto;
          max-width: 100%; } }
    @media (max-width: 991px) {
      .TwoCol-LeftTextRightImg__rightImg {
        width: 100%;
        padding: 0 22px;
        margin: 0 0 30px; } }
    @media (max-width: 767px) {
      .TwoCol-LeftTextRightImg__rightImg {
        padding: 0 15px; } }
  @media (max-width: 991px) {
    .TwoCol-LeftTextRightImg {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .TwoCol-LeftTextRightImg {
      padding: 40px 0; } }

body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h2, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .RouteurFirstSlide__title, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .RouteurInfos__title, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .RouteurOptions__title, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h3, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h4, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h2, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .RouteurFirstSlide__title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .RouteurInfos__title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .RouteurOptions__title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h3, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h4 {
  margin: 0 0 60px; }
  @media (max-width: 1024px) {
    body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h2, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .RouteurFirstSlide__title, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .RouteurInfos__title, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .RouteurOptions__title, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h3, body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h4, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h2, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .RouteurFirstSlide__title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .RouteurInfos__title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .RouteurOptions__title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h3, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h4 {
      margin: 0 0 10px; } }

body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h3.short-title, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h3.short-title {
  max-width: 485px; }

@media (max-width: 420px) {
  body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h3, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h3 {
    line-height: 30px; } }

body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h5 + ul, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h5 + ul {
  margin: 0 0 40px; }
  @media (max-width: 1024px) {
    body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt h5 + ul, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt h5 + ul {
      margin: 0 0 30px; } }

body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .col2, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .col2 {
  float: left;
  margin: 0 55px 0 0; }
  @media (max-width: 767px) {
    body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .col2, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .col2 {
      float: none;
      margin: 0; } }
  body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .col2:last-child, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .col2:last-child {
    margin: 0; }

body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .Wysiwyg, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .Wysiwyg {
  display: inline-block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  position: relative; }
  @media (max-width: 991px) {
    body.page-id-8265 .TwoCol-LeftTextRightImg__leftTxt .Wysiwyg, body.page-id-10827 .TwoCol-LeftTextRightImg__leftTxt .Wysiwyg {
      -webkit-transform: none;
              transform: none;
      top: auto; } }

.TwoCol-LeftImgRightText {
  padding: 100px 0 100px;
  width: 100%;
  display: inline-block;
  position: relative; }
  .TwoCol-LeftImgRightText__title {
    margin: 0 0 80px; }
  .TwoCol-LeftImgRightText__leftImg {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 15px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
    will-change: opacity, transform; }
    .TwoCol-LeftImgRightText__leftImg--shown {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .TwoCol-LeftImgRightText__leftImg img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 991px) {
        .TwoCol-LeftImgRightText__leftImg img {
          height: auto;
          max-height: 100%;
          width: auto;
          max-width: 100%;
          top: auto !important;
          left: 50%; } }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightText__leftImg {
        width: 100%;
        padding: 0 22px;
        margin: 0 0 30px; } }
    @media (max-width: 767px) {
      .TwoCol-LeftImgRightText__leftImg {
        padding: 0 15px; } }
  .TwoCol-LeftImgRightText__rightTxt {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 15px 0 45px; }
    .TwoCol-LeftImgRightText__rightTxt h2, .TwoCol-LeftImgRightText__rightTxt .RouteurFirstSlide__title, .TwoCol-LeftImgRightText__rightTxt .RouteurInfos__title, .TwoCol-LeftImgRightText__rightTxt .RouteurOptions__title, .TwoCol-LeftImgRightText__rightTxt h3, .TwoCol-LeftImgRightText__rightTxt h4, .TwoCol-LeftImgRightText__rightTxt h5, .TwoCol-LeftImgRightText__rightTxt h6 {
      margin: 0 0 10px; }
    .TwoCol-LeftImgRightText__rightTxt h5 {
      margin: 30px 0 10px; }
    .TwoCol-LeftImgRightText__rightTxt p {
      margin: 0 0 30px; }
      .TwoCol-LeftImgRightText__rightTxt p:last-of-type {
        margin: 0; }
      .TwoCol-LeftImgRightText__rightTxt p img {
        margin: 0 5px 0 0;
        float: left; }
      .TwoCol-LeftImgRightText__rightTxt p a[href^=tel] {
        color: #343434; }
      .TwoCol-LeftImgRightText__rightTxt p.small-height {
        line-height: 14px; }
        .TwoCol-LeftImgRightText__rightTxt p.small-height span.small {
          margin: 0 0 10px 0;
          display: block; }
    .TwoCol-LeftImgRightText__rightTxt .Button, .TwoCol-LeftImgRightText__rightTxt .BandeFormulaire input[type="submit"], .BandeFormulaire .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
    #gform_wrapper_18 input[type="submit"],
    #gform_wrapper_18 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
    #gform_wrapper_17 input[type="submit"],
    #gform_wrapper_17 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
    #gform_wrapper_19 input[type="submit"],
    #gform_wrapper_19 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
    #gform_wrapper_20 input[type="submit"],
    #gform_wrapper_20 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
    #gform_wrapper_21 input[type="submit"],
    #gform_wrapper_21 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
    #gform_wrapper_22 input[type="submit"],
    #gform_wrapper_22 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt .ButtonEffect, .TwoCol-LeftImgRightText__rightTxt .HeadBanner__button {
      margin: 40px 40px 0 0;
      float: left; }
      .TwoCol-LeftImgRightText__rightTxt .Button--border, .TwoCol-LeftImgRightText__rightTxt .ButtonEffect--border {
        height: 60px;
        margin: 40px 0 0 !important;
        float: left;
        line-height: 58px; }
        .TwoCol-LeftImgRightText__rightTxt .Button--border:hover, .TwoCol-LeftImgRightText__rightTxt .ButtonEffect--border:hover {
          border-color: #595959; }
        @media (max-width: 1199px) {
          .TwoCol-LeftImgRightText__rightTxt .Button--border, .TwoCol-LeftImgRightText__rightTxt .ButtonEffect--border {
            margin: 15px 0 0 0 !important; } }
        @media (max-width: 991px) {
          .TwoCol-LeftImgRightText__rightTxt .Button--border, .TwoCol-LeftImgRightText__rightTxt .ButtonEffect--border {
            border-width: 2px;
            height: 40px;
            line-height: 38px;
            margin: 40px 0 0 0 !important;
            padding: 0 13px; } }
        @media (max-width: 356px) {
          .TwoCol-LeftImgRightText__rightTxt .Button--border, .TwoCol-LeftImgRightText__rightTxt .ButtonEffect--border {
            margin: 10px 0 0 0 !important; } }
      @media (max-width: 767px) {
        .TwoCol-LeftImgRightText__rightTxt .Button, .TwoCol-LeftImgRightText__rightTxt .BandeFormulaire input[type="submit"], .BandeFormulaire .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
        #gform_wrapper_18 input[type="submit"],
        #gform_wrapper_18 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
        #gform_wrapper_17 input[type="submit"],
        #gform_wrapper_17 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
        #gform_wrapper_19 input[type="submit"],
        #gform_wrapper_19 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
        #gform_wrapper_20 input[type="submit"],
        #gform_wrapper_20 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
        #gform_wrapper_21 input[type="submit"],
        #gform_wrapper_21 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt
        #gform_wrapper_22 input[type="submit"],
        #gform_wrapper_22 .TwoCol-LeftImgRightText__rightTxt input[type="submit"], .TwoCol-LeftImgRightText__rightTxt .ButtonEffect, .TwoCol-LeftImgRightText__rightTxt .HeadBanner__button {
          margin: 40px 10px 0 0;
          padding: 0 13px; } }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightText__rightTxt {
        width: 100%;
        padding: 0 19px; } }
    @media (max-width: 767px) {
      .TwoCol-LeftImgRightText__rightTxt {
        padding: 0 15px; } }
  @media (max-width: 991px) {
    .TwoCol-LeftImgRightText {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .TwoCol-LeftImgRightText {
      padding: 40px 0; } }

body.page-id-5923 .TwoCol-LeftImgRightText p {
  line-height: 26px;
  margin: 0 0 5px; }
  body.page-id-5923 .TwoCol-LeftImgRightText p a {
    color: #343434; }
    body.page-id-5923 .TwoCol-LeftImgRightText p a:hover {
      color: #BE2323; }
  body.page-id-5923 .TwoCol-LeftImgRightText p img {
    margin: 0 5px 5px 0; }

body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus {
  position: absolute;
  right: -17px;
  top: 85px;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus span {
    font: 300 16px/20px "Gloria Hallelujah";
    color: #595959;
    text-align: center; }
    @media (max-width: 1100px) {
      body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus span {
        font-size: 12px; } }
  body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus p {
    position: relative;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition-delay: 1s;
            transition-delay: 1s; }
    body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus p:before {
      width: 60px;
      height: 60px;
      content: "";
      position: absolute;
      left: -64px;
      top: -23px;
      background: url(../img/svg/drawing-arrow02-grey.svg) center center no-repeat;
      background-size: 100%;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
      @media (max-width: 1200px) {
        body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus p:before {
          width: 40px;
          height: 40px;
          -webkit-transform: scaleX(-1) rotate(105deg);
                  transform: scaleX(-1) rotate(105deg);
          top: -43px;
          left: 39px; } }
      @media (max-width: 1100px) {
        body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus p:before {
          width: 30px;
          height: 30px;
          -webkit-transform: scaleX(-1) rotate(-1000deg);
                  transform: scaleX(-1) rotate(-1000deg);
          top: -33px;
          left: 33px; } }
  @media (max-width: 1400px) {
    body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus {
      top: 108px;
      right: -25px; } }
  @media (max-width: 1100px) {
    body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus {
      top: 100px;
      right: 10px; } }
  @media (max-width: 991px) {
    body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus {
      top: 100px;
      right: 300px; } }
  @media (max-width: 767px) {
    body.page-id-5923 .TwoCol-LeftImgRightText .twoCol-LeftImgRightText__terminus {
      display: none; } }

body.page-id-8265 .TwoCol-LeftImgRightText__leftImg img, body.page-id-10827 .TwoCol-LeftImgRightText__leftImg img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h2, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .RouteurFirstSlide__title, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .RouteurInfos__title, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .RouteurOptions__title, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h3, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h4, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h2, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .RouteurFirstSlide__title, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .RouteurInfos__title, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .RouteurOptions__title, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h3, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h4 {
  margin: 0 0 60px; }
  @media (max-width: 1024px) {
    body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h2, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .RouteurFirstSlide__title, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .RouteurInfos__title, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .RouteurOptions__title, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h3, body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h4, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h2, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .RouteurFirstSlide__title, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .RouteurInfos__title, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .RouteurOptions__title, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h3, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h4 {
      margin: 0 0 10px; } }

body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h5, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h5 {
  margin: 0 0 10px; }

body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h5 + ul, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h5 + ul {
  margin: 0 0 40px; }
  @media (max-width: 1024px) {
    body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt h5 + ul, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt h5 + ul {
      margin: 0 0 30px; } }

body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .col2, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .col2 {
  float: left;
  margin: 0 55px 0 0; }
  @media (max-width: 767px) {
    body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .col2, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .col2 {
      float: none;
      margin: 0; } }
  body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .col2:last-child, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .col2:last-child {
    margin: 0; }

body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .Wysiwyg, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .Wysiwyg {
  display: inline-block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  position: relative; }
  @media (max-width: 991px) {
    body.page-id-8265 .TwoCol-LeftImgRightText__rightTxt .Wysiwyg, body.page-id-10827 .TwoCol-LeftImgRightText__rightTxt .Wysiwyg {
      -webkit-transform: none;
              transform: none;
      top: auto; } }

.marginbottom30 {
  margin-bottom: 30px;
  display: inline-block; }

.TwoCol-LeftImgRightTextGrey {
  padding: 80px 0;
  background: url(../img/black-pattern.png) left top repeat;
  width: 100%;
  display: block;
  position: relative; }
  .TwoCol-LeftImgRightTextGrey.LightGrey {
    background: url(../img/grey-pattern.png) left top repeat; }
    .TwoCol-LeftImgRightTextGrey.LightGrey .TwoCol-LeftImgRightTextGrey__leftImg {
      padding: 0 35px 0 15px; }
      @media (max-width: 767px) {
        .TwoCol-LeftImgRightTextGrey.LightGrey .TwoCol-LeftImgRightTextGrey__leftImg {
          padding: 0 15px; } }
      .TwoCol-LeftImgRightTextGrey.LightGrey .TwoCol-LeftImgRightTextGrey__leftImg img {
        width: 100%; }
    .TwoCol-LeftImgRightTextGrey.LightGrey .TwoCol-LeftImgRightTextGrey__rightTxt {
      padding: 0 0 0 35px; }
      @media (max-width: 767px) {
        .TwoCol-LeftImgRightTextGrey.LightGrey .TwoCol-LeftImgRightTextGrey__rightTxt {
          padding: 0 15px; } }
  .TwoCol-LeftImgRightTextGrey__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightTextGrey__wrapper {
        display: inline-block; } }
  .TwoCol-LeftImgRightTextGrey__title {
    font: 700 35px/40px "BrandonGrotesque", sans-serif;
    color: #FFF;
    text-transform: uppercase;
    margin: 0; }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightTextGrey__title {
        font: 700 16px/20px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .TwoCol-LeftImgRightTextGrey__title {
        margin: 0 auto; } }
  .TwoCol-LeftImgRightTextGrey__sous_titre {
    font: 400 30px/35px "Gloria Hallelujah";
    color: #FFF;
    margin: 0 0 25px 0; }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightTextGrey__sous_titre {
        font: 300 16px/20px "Gloria Hallelujah"; } }
    @media (max-width: 767px) {
      .TwoCol-LeftImgRightTextGrey__sous_titre {
        margin: 0 auto 25px; } }
  .TwoCol-LeftImgRightTextGrey__leftImg {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 15px; }
    .TwoCol-LeftImgRightTextGrey__leftImg img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 991px) {
        .TwoCol-LeftImgRightTextGrey__leftImg img {
          height: auto;
          max-height: 100%;
          width: auto;
          max-width: 100%; } }
      @media (max-width: 767px) {
        .TwoCol-LeftImgRightTextGrey__leftImg img {
          width: 80%;
          height: auto;
          margin: 0 auto;
          display: block; } }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightTextGrey__leftImg {
        width: 40%;
        padding: 0 22px;
        margin: 0; } }
    @media (max-width: 767px) {
      .TwoCol-LeftImgRightTextGrey__leftImg {
        width: 100%;
        padding: 0 15px; } }
  .TwoCol-LeftImgRightTextGrey__rightTxt {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 15px 0 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightTextGrey__rightTxt {
        width: 60%;
        padding: 0 19px;
        text-align: left;
        margin-top: 30px; } }
    @media (max-width: 767px) {
      .TwoCol-LeftImgRightTextGrey__rightTxt {
        width: 100%;
        padding: 0 15px;
        text-align: center; } }
    .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg {
      width: 100%;
      color: #FFF; }
      @media (max-width: 767px) {
        .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg {
          text-align: left; } }
      .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .icon-text {
        float: left;
        margin: -2px 10px 0 0; }
      .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h2, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .RouteurFirstSlide__title, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .RouteurInfos__title, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .RouteurOptions__title, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h3, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h4 {
        margin: 0 0 60px; }
        @media (max-width: 1024px) {
          .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h2, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .RouteurFirstSlide__title, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .RouteurInfos__title, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg .RouteurOptions__title, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h3, .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h4 {
            margin: 0 0 10px; } }
      .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg h5 {
        margin: 0 0 10px; }
      .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg ul {
        margin: 0; }
        .TwoCol-LeftImgRightTextGrey__rightTxt .Wysiwyg ul li {
          background: url(../img/svg/ic_check-white.svg) no-repeat left 2px;
          background-size: 16px 16px; }
  @media (max-width: 991px) {
    .TwoCol-LeftImgRightTextGrey {
      padding: 70px 0 70px; } }
  @media (max-width: 991px) {
    .TwoCol-LeftImgRightTextGrey .ButtonEffect, .TwoCol-LeftImgRightTextGrey .HeadBanner__button {
      margin: 0; } }
  @media (max-width: 767px) {
    .TwoCol-LeftImgRightTextGrey .ButtonEffect, .TwoCol-LeftImgRightTextGrey .HeadBanner__button {
      margin: 0 auto; } }
  .TwoCol-LeftImgRightTextGrey--white {
    background: transparent; }
    .TwoCol-LeftImgRightTextGrey--white .TwoCol-LeftImgRightTextGrey__title {
      color: #343434; }
    .TwoCol-LeftImgRightTextGrey--white .ButtonEffect, .TwoCol-LeftImgRightTextGrey--white .HeadBanner__button {
      margin-top: 24px; }
  .TwoCol-LeftImgRightTextGrey--single-internet .TwoCol-LeftImgRightTextGrey__title {
    font: 900 42px/50px "BrandonGrotesque", sans-serif;
    width: 100%; }
    @media (max-width: 991px) {
      .TwoCol-LeftImgRightTextGrey--single-internet .TwoCol-LeftImgRightTextGrey__title {
        font: 700 16px/20px "BrandonGrotesque", sans-serif;
        margin: 0 auto; } }

.CardListing {
  width: 100%;
  padding: 100px 0 20px;
  display: inline-block;
  position: relative; }
  .CardListing__title {
    font-weight: 700;
    margin: 0 0 70px; }
    @media (max-width: 991px) {
      .CardListing__title {
        margin: 0 0 60px 5px;
        font: 700 35px/40px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .CardListing__title {
        margin: 0 0 40px 0;
        font: 700 20px/24px "BrandonGrotesque", sans-serif; } }
  .CardListing ul {
    margin: 0;
    padding: 0; }
    .CardListing ul li {
      display: inline-block;
      margin: 0 60px 80px 0;
      padding: 0;
      vertical-align: top; }
      .CardListing ul li:nth-child(3n) {
        margin-right: 0; }
        @media (max-width: 991px) {
          .CardListing ul li:nth-child(3n) {
            margin-right: 30px; } }
      @media (max-width: 1199px) {
        .CardListing ul li {
          margin: 0 30px 80px 0; } }
      @media (max-width: 991px) {
        .CardListing ul li {
          margin: 0 20px 70px 0; }
          .CardListing ul li:nth-child(odd) {
            margin: 0 22px 70px 6px; }
          .CardListing ul li:nth-child(even) {
            margin-right: 6px;
            float: right; } }
      @media (max-width: 767px) {
        .CardListing ul li {
          width: 45%;
          margin: 0 30px 42px 0; }
          .CardListing ul li:nth-child(odd) {
            margin: 0 4% 42px 0; }
          .CardListing ul li:nth-child(even) {
            margin-right: 0;
            float: right; } }
      @media (max-width: 600px) {
        .CardListing ul li {
          width: 100%;
          margin: 0 0 20px 0; }
          .CardListing ul li:nth-child(odd) {
            margin: 0 0 20px 0; }
          .CardListing ul li:nth-child(even) {
            margin-right: 0;
            float: right; } }
  @media (max-width: 991px) {
    .CardListing {
      padding: 70px 0 0; } }
  @media (max-width: 767px) {
    .CardListing {
      padding: 40px 0 20px; } }

.CardItem {
  width: 337px;
  height: 219px;
  padding: 30px 0 0 0;
  text-align: center;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  background: #FFF;
  position: relative; }
  .CardItem__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 1; }
  .CardItem__icon {
    fill: #BE2323;
    width: 60px;
    height: 60px;
    margin: 0 0 10px; }
    @media (max-width: 767px) {
      .CardItem__icon {
        width: 25px;
        height: 25px;
        margin: 0; } }
  .CardItem__title {
    font: 300 20px/30px "Gloria Hallelujah";
    color: #BE2323;
    display: block; }
    @media (max-width: 767px) {
      .CardItem__title {
        font-size: 12px;
        line-height: 10px; } }
  .CardItem__subTitle {
    font: 700 16px/30px "BrandonGrotesque", sans-serif;
    display: block;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .CardItem__subTitle {
        font-size: 10px;
        line-height: 22px; } }
  @media (max-width: 1199px) {
    .CardItem {
      width: 291px; } }
  @media (max-width: 991px) {
    .CardItem {
      width: 340px; } }
  @media (max-width: 767px) {
    .CardItem {
      width: auto;
      height: 100px;
      padding: 15px 0 0 0; } }
  .CardItem--custom {
    width: 327px;
    height: 190px;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    overflow: visible;
    background: transparent; }
    .CardItem--custom a .CardItem__subTitle {
      color: #343434; }
    .CardItem--custom:hover {
      -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
      background: #FFF; }
    @media (max-width: 991px) {
      .CardItem--custom .CardItem__icon {
        width: 50px;
        height: 50px; } }
    @media (max-width: 767px) {
      .CardItem--custom .CardItem__icon {
        width: 35px;
        height: 35px; } }
    @media (max-width: 991px) {
      .CardItem--custom .CardItem__title {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 767px) {
      .CardItem--custom .CardItem__title {
        font-size: 14px;
        line-height: 17px; } }
    @media (max-width: 991px) {
      .CardItem--custom .CardItem__subTitle {
        font-size: 20px;
        line-height: 20px; } }
    @media (max-width: 767px) {
      .CardItem--custom .CardItem__subTitle {
        font-size: 12px;
        line-height: 22px; } }
    @media (max-width: 1199px) {
      .CardItem--custom {
        width: 260px; } }
    @media (max-width: 991px) {
      .CardItem--custom {
        width: 190px;
        height: 120px;
        padding: 0; } }
    @media (max-width: 767px) {
      .CardItem--custom {
        width: auto;
        height: 100px;
        padding: 4px; } }

body.page-id-5921 .CardListing .CardItem, body.page-id-7551 .CardListing .CardItem {
  height: 152px;
  padding: 40px 0 0 0; }
  body.page-id-5921 .CardListing .CardItem__icon, body.page-id-7551 .CardListing .CardItem__icon {
    display: none; }

.Divider {
  width: 100%;
  position: relative; }
  .Divider__block {
    width: 100%;
    height: 1px;
    background: #979797; }
    @media (max-width: 991px) {
      .Divider__block {
        background: #C7C7C7; } }
  @media (max-width: 991px) {
    .Divider .col-md-12 {
      padding: 0 21px; } }
  @media (max-width: 767px) {
    .Divider .col-md-12 {
      padding: 0 15px; } }
  .Divider--spacebottom {
    margin-bottom: 100px; }
    @media (max-width: 991px) {
      .Divider--spacebottom {
        margin-bottom: 70px; } }
    @media (max-width: 767px) {
      .Divider--spacebottom {
        margin-bottom: 40px; } }

.BandeRouge {
  background: #BE2323;
  padding: 80px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .BandeRouge {
      padding: 60px 0; } }
  .BandeRouge__title {
    text-transform: uppercase;
    color: #FFF;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin: 0; }
    @media (max-width: 991px) {
      .BandeRouge__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .BandeRouge__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif; } }
  .BandeRouge__subtitle {
    color: #FFF;
    margin: 0;
    font: 400 45px/50px "BrandonGrotesque", sans-serif; }
    @media (max-width: 991px) {
      .BandeRouge__subtitle {
        font: 400 25px/30px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .BandeRouge__subtitle {
        font: 400 18px/30px "BrandonGrotesque", sans-serif; } }
  .BandeRouge__text {
    margin: 70px 0 0 0;
    color: #FFF;
    font: 400 16px/22px "BrandonGrotesque", sans-serif;
    text-align: center; }
    @media (max-width: 991px) {
      .BandeRouge__text {
        margin: 40px 0 40px 0; } }
    .BandeRouge__text a {
      color: #FFF; }
      .BandeRouge__text a:hover {
        color: #343434; }

.BandeRougeCarousel {
  position: relative;
  background: #BE2323;
  padding: 80px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .BandeRougeCarousel {
      padding: 60px 0; } }
  .BandeRougeCarousel__slider {
    margin-top: 70px;
    margin-left: 0;
    padding: 0; }
    @media (max-width: 991px) {
      .BandeRougeCarousel__slider {
        margin-top: 40px; } }
    @media (max-width: 767px) {
      .BandeRougeCarousel__slider li {
        max-width: none; } }
  .BandeRougeCarousel__black {
    background: #1F1F1F;
    padding: 0; }
    .BandeRougeCarousel__black .BandeRougeCarousel__title {
      text-transform: uppercase;
      color: #FFF;
      font: 900 30px "BrandonGrotesque", sans-serif;
      margin: 80px 0 -30px 0; }
      @media (max-width: 450px) {
        .BandeRougeCarousel__black .BandeRougeCarousel__title {
          font: 900 14px "BrandonGrotesque", sans-serif; } }
      .BandeRougeCarousel__black .BandeRougeCarousel__title .BandeRougeCarousel__subTitle {
        color: white;
        font: 24px "Gloria Hallelujah";
        margin-top: 50px; }
  .BandeRougeCarousel__subTitle {
    color: white;
    font: 24px "Gloria Hallelujah";
    margin-top: 50px; }
  .BandeRougeCarousel__title {
    text-transform: uppercase;
    color: #FFF;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin: 0; }
    @media (max-width: 991px) {
      .BandeRougeCarousel__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 991px) {
      .BandeRougeCarousel__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif; } }
  .BandeRougeCarousel__icon {
    fill: #FFF;
    width: 50px;
    height: 50px;
    margin-bottom: 30px; }
  .BandeRougeCarousel__titre {
    color: #FFF;
    font: 20px/30px "Gloria Hallelujah";
    margin-bottom: 5px; }
  .BandeRougeCarousel__subtitle {
    color: #FFF;
    font: 700 18px/22px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
  .BandeRougeCarousel__text {
    color: #FFF;
    font: 16px/22p "BrandonGrotesque", sans-serif;
    margin-top: 15px; }
  .BandeRougeCarousel .owl-nav .owl-prev {
    background: url(../img/svg/ic_arrow-left-white.svg) no-repeat center top;
    background-size: 100%;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-indent: -3000px;
    opacity: 0.50;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .BandeRougeCarousel .owl-nav .owl-prev:hover {
      opacity: 1; }
    @media (max-width: 991px) {
      .BandeRougeCarousel .owl-nav .owl-prev {
        left: -25px; } }
  .BandeRougeCarousel .owl-nav .owl-next {
    background: url(../img/svg/ic_arrow-left-white.svg) no-repeat center top;
    background-size: 100%;
    width: 32px;
    height: 32px;
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    text-indent: -3000px;
    opacity: 0.50;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .BandeRougeCarousel .owl-nav .owl-next:hover {
      opacity: 1; }
    @media (max-width: 991px) {
      .BandeRougeCarousel .owl-nav .owl-next {
        right: -25px; } }
  .BandeRougeCarousel--grey {
    background: url(../img/dark-grey-pattern.png) left top repeat; }
  .BandeRougeCarousel__wrapper {
    position: relative;
    padding: 0 60px; }
    @media (max-width: 400px) {
      .BandeRougeCarousel__wrapper {
        padding: 0; } }
  .BandeRougeCarousel--controls .BandeRougeCarousel__controls {
    top: auto;
    bottom: 30px; }
  .BandeRougeCarousel__controls_notVisible .BandeRougeCarousel__controls {
    display: none; }
  @media (max-width: 768px) {
    .BandeRougeCarousel__controls_notVisible .BandeRougeCarousel__controls {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 10;
      height: 60px; } }
  @media (max-width: 768px) and (max-width: 430px) {
    .BandeRougeCarousel__controls_notVisible .BandeRougeCarousel__controls {
      top: 75%; }
      .BandeRougeCarousel__controls_notVisible .BandeRougeCarousel__controls--prev {
        left: auto;
        right: 100%;
        margin-right: -20px; }
      .BandeRougeCarousel__controls_notVisible .BandeRougeCarousel__controls--next {
        right: auto;
        left: 100%;
        margin-left: -20px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); } }
  .BandeRougeCarousel__controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 60px; }
  .BandeRougeCarousel__control {
    position: absolute;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-size: 0; }
    .BandeRougeCarousel__control--prev {
      left: 0; }
    .BandeRougeCarousel__control--next {
      right: 0;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    @media (max-width: 400px) {
      .BandeRougeCarousel__control--prev {
        left: auto;
        right: 100%;
        margin-right: -20px; }
      .BandeRougeCarousel__control--next {
        right: auto;
        left: 100%;
        margin-left: -20px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); } }
  .BandeRougeCarousel__control-icon {
    width: 60px;
    height: 60px;
    fill: #FFF; }
    @media (max-width: 400px) {
      .BandeRougeCarousel__control-icon {
        width: 40px;
        height: 40px; } }

.SliderWrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 85px 0 70px; }
  .SliderWrapper h2, .SliderWrapper .RouteurFirstSlide__title, .SliderWrapper .RouteurInfos__title, .SliderWrapper .RouteurOptions__title {
    font-weight: 900;
    margin: 0 0 70px; }
    @media (max-width: 991px) {
      .SliderWrapper h2, .SliderWrapper .RouteurFirstSlide__title, .SliderWrapper .RouteurInfos__title, .SliderWrapper .RouteurOptions__title {
        margin: 0 0 30px; } }
  .SliderWrapper ul[data-okt-owl-carousel] {
    margin: 0; }
  .SliderWrapper .owl-carousel .owl-height {
    height: 156px !important; }
    @media (max-width: 991px) {
      .SliderWrapper .owl-carousel .owl-height {
        height: 144px !important; } }
    @media (max-width: 767px) {
      .SliderWrapper .owl-carousel .owl-height {
        height: 123px !important; } }
  .SliderWrapper .owl-carousel .owl-item .item {
    height: 146px; }
    @media (max-width: 991px) {
      .SliderWrapper .owl-carousel .owl-item .item {
        height: 144px; } }
    @media (max-width: 767px) {
      .SliderWrapper .owl-carousel .owl-item .item {
        height: 117px; } }
  .SliderWrapper .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%; }
  .SliderWrapper .owl-nav.disabled {
    display: block !important; }
  .SliderWrapper .owl-nav .owl-prev {
    background: url(../img/svg/ic_arrow-left-slider.svg) no-repeat center top;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-indent: -3000px;
    opacity: 0.35;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .SliderWrapper .owl-nav .owl-prev:hover {
      opacity: 1; }
  .SliderWrapper .owl-nav .owl-next {
    background: url(../img/svg/ic_arrow-right-slider.svg) no-repeat center top;
    width: 32px;
    height: 32px;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-indent: -3000px;
    opacity: 0.35;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .SliderWrapper .owl-nav .owl-next:hover {
      opacity: 1; }
  .SliderWrapper .owl-dots {
    display: none; }
  @media (max-width: 991px) {
    .SliderWrapper {
      padding: 65px 0 55px; } }
  @media (max-width: 767px) {
    .SliderWrapper {
      padding: 65px 0 45px; } }

.SliderItem__box {
  width: 220px;
  height: 146px;
  position: relative;
  top: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  .SliderItem__box a {
    width: 100%;
    height: 146px;
    display: block;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .SliderItem__box a:hover {
      -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
      border-radius: 12px; }
    @media (max-width: 991px) {
      .SliderItem__box a {
        height: 134px; } }
    @media (max-width: 767px) {
      .SliderItem__box a {
        height: 107px; } }
  @media (max-width: 991px) {
    .SliderItem__box {
      width: 186px;
      height: 134px; } }
  @media (max-width: 767px) {
    .SliderItem__box {
      width: 168px;
      height: 107px; } }

.SliderItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0 15px; }

.ThreeCalltos {
  padding: 100px 0;
  text-align: center;
  background: #FFF; }
  @media (max-width: 991px) {
    .ThreeCalltos {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .ThreeCalltos {
      padding: 40px 0; }
      .ThreeCalltos .col-md-12 {
        padding: 0; } }
  .ThreeCalltos a {
    width: 100%;
    height: 100%;
    display: inline-block; }
  .ThreeCalltos__title {
    text-transform: uppercase;
    color: #343434;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin: 0; }
    @media (max-width: 991px) {
      .ThreeCalltos__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .ThreeCalltos__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif; } }
  .ThreeCalltos__subtitle {
    color: #343434;
    margin: 0;
    font: 300 45px/50px "Gloria Hallelujah"; }
    @media (max-width: 991px) {
      .ThreeCalltos__subtitle {
        font: 900 25px/30px "Gloria Hallelujah"; } }
    @media (max-width: 767px) {
      .ThreeCalltos__subtitle {
        font: 900 18px/30px "Gloria Hallelujah"; } }
  .ThreeCalltos ul {
    margin: 70px 0 0 0;
    padding: 0;
    font-size: 0;
    white-space: nowrap; }
    @media (max-width: 767px) {
      .ThreeCalltos ul {
        margin: 40px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .ThreeCalltos ul li {
      display: inline-block;
      padding: 0 30px 0 30px;
      margin-right: 0;
      position: relative;
      overflow: visible;
      vertical-align: top; }
      .ThreeCalltos ul li:nth-child(1) {
        padding-left: 0; }
        .ThreeCalltos ul li:nth-child(1):after {
          border-right: 1px solid #C7C7C7;
          height: 100%;
          content: "";
          position: absolute;
          right: 0;
          top: 0; }
      @media (max-width: 767px) {
        .ThreeCalltos ul li:nth-child(2) {
          padding-right: 0; } }
      .ThreeCalltos ul li:nth-child(2):after {
        border-right: 1px solid #C7C7C7;
        height: 100%;
        content: "";
        position: absolute;
        right: 0;
        top: 0; }
      .ThreeCalltos ul li:nth-child(3n) {
        margin-right: 0;
        padding-right: 0; }
        @media (max-width: 767px) {
          .ThreeCalltos ul li:nth-child(3n) {
            margin-right: 30px; } }
        @media (max-width: 520px) {
          .ThreeCalltos ul li:nth-child(3n) {
            margin-right: 0px; } }
      @media (max-width: 1199px) {
        .ThreeCalltos ul li {
          margin: 0; } }
      @media (max-width: 991px) {
        .ThreeCalltos ul li {
          margin: 0; } }
      @media (max-width: 767px) {
        .ThreeCalltos ul li {
          width: 33%;
          margin: 0 30px 0 0;
          padding: 0 10px; }
          .ThreeCalltos ul li:nth-child(odd) {
            margin: 0; }
          .ThreeCalltos ul li:nth-child(even) {
            margin: 0; } }
      @media (max-width: 520px) {
        .ThreeCalltos ul li {
          width: 100%;
          padding: 0; }
          .ThreeCalltos ul li:after {
            display: none; } }
  .ThreeCalltos__notice {
    margin: 70px 0 0;
    text-align: left;
    font: 400 12px/16px "BrandonGrotesque"; }

.ThreeCalltosAffaires {
  padding: 100px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .ThreeCalltosAffaires {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .ThreeCalltosAffaires {
      padding: 40px 0; }
      .ThreeCalltosAffaires .col-md-12 {
        padding: 0; } }
  .ThreeCalltosAffaires__title {
    text-transform: uppercase;
    color: #343434;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin: 0; }
    @media (max-width: 991px) {
      .ThreeCalltosAffaires__title {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .ThreeCalltosAffaires__title {
        font: 900 22px/24px "BrandonGrotesque", sans-serif; } }
  .ThreeCalltosAffaires__subtitle {
    color: #343434;
    margin: 0;
    font: 300 45px/50px "Gloria Hallelujah"; }
    @media (max-width: 991px) {
      .ThreeCalltosAffaires__subtitle {
        font: 900 25px/30px "Gloria Hallelujah"; } }
    @media (max-width: 767px) {
      .ThreeCalltosAffaires__subtitle {
        font: 900 18px/30px "Gloria Hallelujah"; } }
  .ThreeCalltosAffaires ul {
    margin: 70px 0 0 0;
    padding: 0;
    font-size: 0; }
    @media (max-width: 767px) {
      .ThreeCalltosAffaires ul {
        margin: 40px 0 0 0; } }
    .ThreeCalltosAffaires ul li {
      display: inline-block;
      padding: 0 30px 0 30px;
      margin-right: 0;
      position: relative;
      overflow: visible;
      vertical-align: top; }
      .ThreeCalltosAffaires ul li:nth-child(1) {
        padding-left: 0; }
        .ThreeCalltosAffaires ul li:nth-child(1):after {
          border-right: 1px solid #C7C7C7;
          height: 100%;
          content: "";
          position: absolute;
          right: 0;
          top: 0; }
      @media (max-width: 767px) {
        .ThreeCalltosAffaires ul li:nth-child(2) {
          padding-right: 0; } }
      .ThreeCalltosAffaires ul li:nth-child(2):after {
        border-right: 1px solid #C7C7C7;
        height: 100%;
        content: "";
        position: absolute;
        right: 0;
        top: 0; }
        @media (max-width: 767px) {
          .ThreeCalltosAffaires ul li:nth-child(2):after {
            border-right: 0;
            display: none; } }
      .ThreeCalltosAffaires ul li:nth-child(3n) {
        margin-right: 0;
        padding-right: 0; }
        @media (max-width: 767px) {
          .ThreeCalltosAffaires ul li:nth-child(3n) {
            margin-right: 30px; } }
      @media (max-width: 1199px) {
        .ThreeCalltosAffaires ul li {
          margin: 0; } }
      @media (max-width: 991px) {
        .ThreeCalltosAffaires ul li {
          margin: 0; } }
      @media (max-width: 767px) {
        .ThreeCalltosAffaires ul li {
          width: 45%;
          margin: 0 30px 0 0;
          padding: 0 10px; }
          .ThreeCalltosAffaires ul li:nth-child(odd) {
            margin: 0; }
          .ThreeCalltosAffaires ul li:nth-child(even) {
            margin: 0; }
          .ThreeCalltosAffaires ul li:last-child {
            display: none; } }

body.postid-7150 .ThreeCalltosAffaires, body.postid-7133 .ThreeCalltosAffaires {
  padding-top: 0; }

.BandeFormulaire,
#gform_wrapper_18,
#gform_wrapper_17,
#gform_wrapper_19,
#gform_wrapper_20,
#gform_wrapper_21,
#gform_wrapper_22 {
  padding: 100px 0; }
  .BandeFormulaire .gform_confirmation_message,
  #gform_wrapper_18 .gform_confirmation_message,
  #gform_wrapper_17 .gform_confirmation_message,
  #gform_wrapper_19 .gform_confirmation_message,
  #gform_wrapper_20 .gform_confirmation_message,
  #gform_wrapper_21 .gform_confirmation_message,
  #gform_wrapper_22 .gform_confirmation_message {
    font-size: 20px; }
  .BandeFormulaire__right p,
  #gform_wrapper_18__right p,
  #gform_wrapper_17__right p,
  #gform_wrapper_19__right p,
  #gform_wrapper_20__right p,
  #gform_wrapper_21__right p,
  #gform_wrapper_22__right p {
    font: 900 40px/60px "BrandonGrotesque", sans-serif;
    color: #595959;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .BandeFormulaire__right p,
      #gform_wrapper_18__right p,
      #gform_wrapper_17__right p,
      #gform_wrapper_19__right p,
      #gform_wrapper_20__right p,
      #gform_wrapper_21__right p,
      #gform_wrapper_22__right p {
        font: 900 20px/28px "BrandonGrotesque", sans-serif;
        margin-bottom: 40px; } }
  @media (max-width: 991px) {
    .BandeFormulaire__right,
    #gform_wrapper_18__right,
    #gform_wrapper_17__right,
    #gform_wrapper_19__right,
    #gform_wrapper_20__right,
    #gform_wrapper_21__right,
    #gform_wrapper_22__right {
      margin-bottom: 40px; } }
  .BandeFormulaire__iconset,
  #gform_wrapper_18__iconset,
  #gform_wrapper_17__iconset,
  #gform_wrapper_19__iconset,
  #gform_wrapper_20__iconset,
  #gform_wrapper_21__iconset,
  #gform_wrapper_22__iconset {
    margin-top: 45px; }
    .BandeFormulaire__iconset img,
    #gform_wrapper_18__iconset img,
    #gform_wrapper_17__iconset img,
    #gform_wrapper_19__iconset img,
    #gform_wrapper_20__iconset img,
    #gform_wrapper_21__iconset img,
    #gform_wrapper_22__iconset img {
      max-width: 100%;
      height: auto; }
    @media (max-width: 991px) {
      .BandeFormulaire__iconset,
      #gform_wrapper_18__iconset,
      #gform_wrapper_17__iconset,
      #gform_wrapper_19__iconset,
      #gform_wrapper_20__iconset,
      #gform_wrapper_21__iconset,
      #gform_wrapper_22__iconset {
        display: none; } }
  .BandeFormulaire__form-container--TV li#field_6_27, .BandeFormulaire__form-container--TV li#field_6_20, .BandeFormulaire__form-container--TV li#field_6_14,
  #gform_wrapper_18__form-container--TV li#field_6_27,
  #gform_wrapper_18__form-container--TV li#field_6_20,
  #gform_wrapper_18__form-container--TV li#field_6_14,
  #gform_wrapper_17__form-container--TV li#field_6_27,
  #gform_wrapper_17__form-container--TV li#field_6_20,
  #gform_wrapper_17__form-container--TV li#field_6_14,
  #gform_wrapper_19__form-container--TV li#field_6_27,
  #gform_wrapper_19__form-container--TV li#field_6_20,
  #gform_wrapper_19__form-container--TV li#field_6_14,
  #gform_wrapper_20__form-container--TV li#field_6_27,
  #gform_wrapper_20__form-container--TV li#field_6_20,
  #gform_wrapper_20__form-container--TV li#field_6_14,
  #gform_wrapper_21__form-container--TV li#field_6_27,
  #gform_wrapper_21__form-container--TV li#field_6_20,
  #gform_wrapper_21__form-container--TV li#field_6_14,
  #gform_wrapper_22__form-container--TV li#field_6_27,
  #gform_wrapper_22__form-container--TV li#field_6_20,
  #gform_wrapper_22__form-container--TV li#field_6_14 {
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px; }
  .BandeFormulaire__tv-details,
  #gform_wrapper_18__tv-details,
  #gform_wrapper_17__tv-details,
  #gform_wrapper_19__tv-details,
  #gform_wrapper_20__tv-details,
  #gform_wrapper_21__tv-details,
  #gform_wrapper_22__tv-details {
    margin-bottom: 40px;
    padding: 15px 15px 0 0; }
    .BandeFormulaire__tv-details .ForfaitsListing__item,
    #gform_wrapper_18__tv-details .ForfaitsListing__item,
    #gform_wrapper_17__tv-details .ForfaitsListing__item,
    #gform_wrapper_19__tv-details .ForfaitsListing__item,
    #gform_wrapper_20__tv-details .ForfaitsListing__item,
    #gform_wrapper_21__tv-details .ForfaitsListing__item,
    #gform_wrapper_22__tv-details .ForfaitsListing__item {
      margin-bottom: 0; }
    .BandeFormulaire__tv-details .order-summary__count-container,
    #gform_wrapper_18__tv-details .order-summary__count-container,
    #gform_wrapper_17__tv-details .order-summary__count-container,
    #gform_wrapper_19__tv-details .order-summary__count-container,
    #gform_wrapper_20__tv-details .order-summary__count-container,
    #gform_wrapper_21__tv-details .order-summary__count-container,
    #gform_wrapper_22__tv-details .order-summary__count-container {
      border-bottom: 1px solid currentColor;
      margin-bottom: 15px; }
    .BandeFormulaire__tv-details .order-summary__count-title,
    #gform_wrapper_18__tv-details .order-summary__count-title,
    #gform_wrapper_17__tv-details .order-summary__count-title,
    #gform_wrapper_19__tv-details .order-summary__count-title,
    #gform_wrapper_20__tv-details .order-summary__count-title,
    #gform_wrapper_21__tv-details .order-summary__count-title,
    #gform_wrapper_22__tv-details .order-summary__count-title {
      font-weight: 400; }
  .BandeFormulaire__ForfaitsListing .ForfaitsListing,
  #gform_wrapper_18__ForfaitsListing .ForfaitsListing,
  #gform_wrapper_17__ForfaitsListing .ForfaitsListing,
  #gform_wrapper_19__ForfaitsListing .ForfaitsListing,
  #gform_wrapper_20__ForfaitsListing .ForfaitsListing,
  #gform_wrapper_21__ForfaitsListing .ForfaitsListing,
  #gform_wrapper_22__ForfaitsListing .ForfaitsListing {
    border-bottom: 1px solid #343434;
    margin-bottom: 10px; }
    .BandeFormulaire__ForfaitsListing .ForfaitsListing__item,
    #gform_wrapper_18__ForfaitsListing .ForfaitsListing__item,
    #gform_wrapper_17__ForfaitsListing .ForfaitsListing__item,
    #gform_wrapper_19__ForfaitsListing .ForfaitsListing__item,
    #gform_wrapper_20__ForfaitsListing .ForfaitsListing__item,
    #gform_wrapper_21__ForfaitsListing .ForfaitsListing__item,
    #gform_wrapper_22__ForfaitsListing .ForfaitsListing__item {
      margin-bottom: 7px; }
    .BandeFormulaire__ForfaitsListing .ForfaitsListing__sep,
    #gform_wrapper_18__ForfaitsListing .ForfaitsListing__sep,
    #gform_wrapper_17__ForfaitsListing .ForfaitsListing__sep,
    #gform_wrapper_19__ForfaitsListing .ForfaitsListing__sep,
    #gform_wrapper_20__ForfaitsListing .ForfaitsListing__sep,
    #gform_wrapper_21__ForfaitsListing .ForfaitsListing__sep,
    #gform_wrapper_22__ForfaitsListing .ForfaitsListing__sep {
      background: none;
      border-top: 1px dashed #343434; }
  .BandeFormulaire__legal,
  #gform_wrapper_18__legal,
  #gform_wrapper_17__legal,
  #gform_wrapper_19__legal,
  #gform_wrapper_20__legal,
  #gform_wrapper_21__legal,
  #gform_wrapper_22__legal {
    font: 400 12px/16px "BrandonGrotesque", sans-serif !important;
    text-transform: none !important;
    margin-top: 70px; }
  .BandeFormulaire__cost-container,
  #gform_wrapper_18__cost-container,
  #gform_wrapper_17__cost-container,
  #gform_wrapper_19__cost-container,
  #gform_wrapper_20__cost-container,
  #gform_wrapper_21__cost-container,
  #gform_wrapper_22__cost-container {
    text-align: right;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700; }
  .BandeFormulaire__cost-counter,
  #gform_wrapper_18__cost-counter,
  #gform_wrapper_17__cost-counter,
  #gform_wrapper_19__cost-counter,
  #gform_wrapper_20__cost-counter,
  #gform_wrapper_21__cost-counter,
  #gform_wrapper_22__cost-counter {
    color: #BE2323; }
    .BandeFormulaire__cost-counter sup,
    #gform_wrapper_18__cost-counter sup,
    #gform_wrapper_17__cost-counter sup,
    #gform_wrapper_19__cost-counter sup,
    #gform_wrapper_20__cost-counter sup,
    #gform_wrapper_21__cost-counter sup,
    #gform_wrapper_22__cost-counter sup {
      top: auto;
      font-size: 62%;
      vertical-align: super;
      top: 2px; }
  .BandeFormulaire__permonth,
  #gform_wrapper_18__permonth,
  #gform_wrapper_17__permonth,
  #gform_wrapper_19__permonth,
  #gform_wrapper_20__permonth,
  #gform_wrapper_21__permonth,
  #gform_wrapper_22__permonth {
    font-weight: 100; }
  .BandeFormulaire .is-doodled--underlined:after,
  #gform_wrapper_18 .is-doodled--underlined:after,
  #gform_wrapper_17 .is-doodled--underlined:after,
  #gform_wrapper_19 .is-doodled--underlined:after,
  #gform_wrapper_20 .is-doodled--underlined:after,
  #gform_wrapper_21 .is-doodled--underlined:after,
  #gform_wrapper_22 .is-doodled--underlined:after {
    height: 9px; }
    @media (max-width: 767px) {
      .BandeFormulaire .is-doodled--underlined:after,
      #gform_wrapper_18 .is-doodled--underlined:after,
      #gform_wrapper_17 .is-doodled--underlined:after,
      #gform_wrapper_19 .is-doodled--underlined:after,
      #gform_wrapper_20 .is-doodled--underlined:after,
      #gform_wrapper_21 .is-doodled--underlined:after,
      #gform_wrapper_22 .is-doodled--underlined:after {
        height: 6px; } }
  .BandeFormulaire .gform_wrapper,
  #gform_wrapper_18 .gform_wrapper,
  #gform_wrapper_17 .gform_wrapper,
  #gform_wrapper_19 .gform_wrapper,
  #gform_wrapper_20 .gform_wrapper,
  #gform_wrapper_21 .gform_wrapper,
  #gform_wrapper_22 .gform_wrapper {
    margin: 0 !important; }
    .BandeFormulaire .gform_wrapper ul li.gfield,
    #gform_wrapper_18 .gform_wrapper ul li.gfield,
    #gform_wrapper_17 .gform_wrapper ul li.gfield,
    #gform_wrapper_19 .gform_wrapper ul li.gfield,
    #gform_wrapper_20 .gform_wrapper ul li.gfield,
    #gform_wrapper_21 .gform_wrapper ul li.gfield,
    #gform_wrapper_22 .gform_wrapper ul li.gfield {
      margin: 0 0 10px; }
      .BandeFormulaire .gform_wrapper ul li.gfield:last-of-type,
      #gform_wrapper_18 .gform_wrapper ul li.gfield:last-of-type,
      #gform_wrapper_17 .gform_wrapper ul li.gfield:last-of-type,
      #gform_wrapper_19 .gform_wrapper ul li.gfield:last-of-type,
      #gform_wrapper_20 .gform_wrapper ul li.gfield:last-of-type,
      #gform_wrapper_21 .gform_wrapper ul li.gfield:last-of-type,
      #gform_wrapper_22 .gform_wrapper ul li.gfield:last-of-type {
        margin: 0; }
  .BandeFormulaire input[type="text"],
  .BandeFormulaire input[type="email"],
  .BandeFormulaire input[type="tel"],
  #gform_wrapper_18 input[type="text"],
  #gform_wrapper_18 input[type="email"],
  #gform_wrapper_18 input[type="tel"],
  #gform_wrapper_17 input[type="text"],
  #gform_wrapper_17 input[type="email"],
  #gform_wrapper_17 input[type="tel"],
  #gform_wrapper_19 input[type="text"],
  #gform_wrapper_19 input[type="email"],
  #gform_wrapper_19 input[type="tel"],
  #gform_wrapper_20 input[type="text"],
  #gform_wrapper_20 input[type="email"],
  #gform_wrapper_20 input[type="tel"],
  #gform_wrapper_21 input[type="text"],
  #gform_wrapper_21 input[type="email"],
  #gform_wrapper_21 input[type="tel"],
  #gform_wrapper_22 input[type="text"],
  #gform_wrapper_22 input[type="email"],
  #gform_wrapper_22 input[type="tel"] {
    font: 600 16px "BrandonGrotesque", sans-serif !important;
    color: #1F1F1F;
    height: 35px;
    border-radius: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent; }
  .BandeFormulaire textarea,
  #gform_wrapper_18 textarea,
  #gform_wrapper_17 textarea,
  #gform_wrapper_19 textarea,
  #gform_wrapper_20 textarea,
  #gform_wrapper_21 textarea,
  #gform_wrapper_22 textarea {
    font: 600 16px "BrandonGrotesque", sans-serif !important;
    color: #1F1F1F;
    padding: 0;
    border: 1px solid #595959 !important;
    border-radius: 6px;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    background: transparent; }
  .BandeFormulaire .gform_footer,
  #gform_wrapper_18 .gform_footer,
  #gform_wrapper_17 .gform_footer,
  #gform_wrapper_19 .gform_footer,
  #gform_wrapper_20 .gform_footer,
  #gform_wrapper_21 .gform_footer,
  #gform_wrapper_22 .gform_footer {
    padding: 0 !important;
    display: inline-block; }
  .BandeFormulaire select,
  #gform_wrapper_18 select,
  #gform_wrapper_17 select,
  #gform_wrapper_19 select,
  #gform_wrapper_20 select,
  #gform_wrapper_21 select,
  #gform_wrapper_22 select {
    padding-left: 0 !important; }
  .BandeFormulaire input[type="submit"],
  #gform_wrapper_18 input[type="submit"],
  #gform_wrapper_17 input[type="submit"],
  #gform_wrapper_19 input[type="submit"],
  #gform_wrapper_20 input[type="submit"],
  #gform_wrapper_21 input[type="submit"],
  #gform_wrapper_22 input[type="submit"] {
    margin: 0 !important;
    border-radius: 6px;
    border: 0;
    min-height: 40px;
    min-width: 150px;
    z-index: 2;
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #FFF;
    font-weight: 700;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px !important;
    font-family: 'BrandonGrotesque', sans-serif;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    will-change: transform;
    position: relative;
    overflow: hidden;
    border: none !important; }
    @media (max-width: 767px) {
      .BandeFormulaire input[type="submit"],
      #gform_wrapper_18 input[type="submit"],
      #gform_wrapper_17 input[type="submit"],
      #gform_wrapper_19 input[type="submit"],
      #gform_wrapper_20 input[type="submit"],
      #gform_wrapper_21 input[type="submit"],
      #gform_wrapper_22 input[type="submit"] {
        margin: 0 !important; } }
    .BandeFormulaire input[type="submit"]:before,
    #gform_wrapper_18 input[type="submit"]:before,
    #gform_wrapper_17 input[type="submit"]:before,
    #gform_wrapper_19 input[type="submit"]:before,
    #gform_wrapper_20 input[type="submit"]:before,
    #gform_wrapper_21 input[type="submit"]:before,
    #gform_wrapper_22 input[type="submit"]:before {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      background: #BE2323;
      opacity: 1;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .BandeFormulaire input[type="submit"]:after,
    #gform_wrapper_18 input[type="submit"]:after,
    #gform_wrapper_17 input[type="submit"]:after,
    #gform_wrapper_19 input[type="submit"]:after,
    #gform_wrapper_20 input[type="submit"]:after,
    #gform_wrapper_21 input[type="submit"]:after,
    #gform_wrapper_22 input[type="submit"]:after {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      background: #343434;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .BandeFormulaire input[type="submit"]:hover, .BandeFormulaire input[type="submit"]:focus,
    #gform_wrapper_18 input[type="submit"]:hover,
    #gform_wrapper_18 input[type="submit"]:focus,
    #gform_wrapper_17 input[type="submit"]:hover,
    #gform_wrapper_17 input[type="submit"]:focus,
    #gform_wrapper_19 input[type="submit"]:hover,
    #gform_wrapper_19 input[type="submit"]:focus,
    #gform_wrapper_20 input[type="submit"]:hover,
    #gform_wrapper_20 input[type="submit"]:focus,
    #gform_wrapper_21 input[type="submit"]:hover,
    #gform_wrapper_21 input[type="submit"]:focus,
    #gform_wrapper_22 input[type="submit"]:hover,
    #gform_wrapper_22 input[type="submit"]:focus {
      background: #343434;
      color: #FFF;
      -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
              box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
      .BandeFormulaire input[type="submit"]:hover:after, .BandeFormulaire input[type="submit"]:focus:after,
      #gform_wrapper_18 input[type="submit"]:hover:after,
      #gform_wrapper_18 input[type="submit"]:focus:after,
      #gform_wrapper_17 input[type="submit"]:hover:after,
      #gform_wrapper_17 input[type="submit"]:focus:after,
      #gform_wrapper_19 input[type="submit"]:hover:after,
      #gform_wrapper_19 input[type="submit"]:focus:after,
      #gform_wrapper_20 input[type="submit"]:hover:after,
      #gform_wrapper_20 input[type="submit"]:focus:after,
      #gform_wrapper_21 input[type="submit"]:hover:after,
      #gform_wrapper_21 input[type="submit"]:focus:after,
      #gform_wrapper_22 input[type="submit"]:hover:after,
      #gform_wrapper_22 input[type="submit"]:focus:after {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .BandeFormulaire input[type="submit"]:hover:before, .BandeFormulaire input[type="submit"]:focus:before,
      #gform_wrapper_18 input[type="submit"]:hover:before,
      #gform_wrapper_18 input[type="submit"]:focus:before,
      #gform_wrapper_17 input[type="submit"]:hover:before,
      #gform_wrapper_17 input[type="submit"]:focus:before,
      #gform_wrapper_19 input[type="submit"]:hover:before,
      #gform_wrapper_19 input[type="submit"]:focus:before,
      #gform_wrapper_20 input[type="submit"]:hover:before,
      #gform_wrapper_20 input[type="submit"]:focus:before,
      #gform_wrapper_21 input[type="submit"]:hover:before,
      #gform_wrapper_21 input[type="submit"]:focus:before,
      #gform_wrapper_22 input[type="submit"]:hover:before,
      #gform_wrapper_22 input[type="submit"]:focus:before {
        opacity: 0; }
  .BandeFormulaire .material-input-container,
  #gform_wrapper_18 .material-input-container,
  #gform_wrapper_17 .material-input-container,
  #gform_wrapper_19 .material-input-container,
  #gform_wrapper_20 .material-input-container,
  #gform_wrapper_21 .material-input-container,
  #gform_wrapper_22 .material-input-container {
    padding-top: 0; }
    @media (max-width: 767px) {
      .BandeFormulaire .material-input-container,
      #gform_wrapper_18 .material-input-container,
      #gform_wrapper_17 .material-input-container,
      #gform_wrapper_19 .material-input-container,
      #gform_wrapper_20 .material-input-container,
      #gform_wrapper_21 .material-input-container,
      #gform_wrapper_22 .material-input-container {
        margin-bottom: 20px; } }
  .BandeFormulaire .material-input-container input,
  .BandeFormulaire .material-input-container textarea,
  #gform_wrapper_18 .material-input-container input,
  #gform_wrapper_18 .material-input-container textarea,
  #gform_wrapper_17 .material-input-container input,
  #gform_wrapper_17 .material-input-container textarea,
  #gform_wrapper_19 .material-input-container input,
  #gform_wrapper_19 .material-input-container textarea,
  #gform_wrapper_20 .material-input-container input,
  #gform_wrapper_20 .material-input-container textarea,
  #gform_wrapper_21 .material-input-container input,
  #gform_wrapper_21 .material-input-container textarea,
  #gform_wrapper_22 .material-input-container input,
  #gform_wrapper_22 .material-input-container textarea {
    border-bottom: 1px solid #595959; }
  .BandeFormulaire .material_input_focused input[type="text"],
  #gform_wrapper_18 .material_input_focused input[type="text"],
  #gform_wrapper_17 .material_input_focused input[type="text"],
  #gform_wrapper_19 .material_input_focused input[type="text"],
  #gform_wrapper_20 .material_input_focused input[type="text"],
  #gform_wrapper_21 .material_input_focused input[type="text"],
  #gform_wrapper_22 .material_input_focused input[type="text"] {
    border-bottom: 4px solid #1F1F1F; }
    @media (max-width: 767px) {
      .BandeFormulaire .material_input_focused input[type="text"],
      #gform_wrapper_18 .material_input_focused input[type="text"],
      #gform_wrapper_17 .material_input_focused input[type="text"],
      #gform_wrapper_19 .material_input_focused input[type="text"],
      #gform_wrapper_20 .material_input_focused input[type="text"],
      #gform_wrapper_21 .material_input_focused input[type="text"],
      #gform_wrapper_22 .material_input_focused input[type="text"] {
        border-bottom: 2px solid #1F1F1F; } }
  .BandeFormulaire .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_18 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_17 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_19 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_20 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_21 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_22 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 0; }
  .BandeFormulaire .material-input-container.material_input_opened label,
  #gform_wrapper_18 .material-input-container.material_input_opened label,
  #gform_wrapper_17 .material-input-container.material_input_opened label,
  #gform_wrapper_19 .material-input-container.material_input_opened label,
  #gform_wrapper_20 .material-input-container.material_input_opened label,
  #gform_wrapper_21 .material-input-container.material_input_opened label,
  #gform_wrapper_22 .material-input-container.material_input_opened label {
    -webkit-transform: translateY(-120%) scale(0.8) !important;
            transform: translateY(-120%) scale(0.8) !important; }
    @media (max-width: 767px) {
      .BandeFormulaire .material-input-container.material_input_opened label,
      #gform_wrapper_18 .material-input-container.material_input_opened label,
      #gform_wrapper_17 .material-input-container.material_input_opened label,
      #gform_wrapper_19 .material-input-container.material_input_opened label,
      #gform_wrapper_20 .material-input-container.material_input_opened label,
      #gform_wrapper_21 .material-input-container.material_input_opened label,
      #gform_wrapper_22 .material-input-container.material_input_opened label {
        -webkit-transform: translateY(-80%) scale(0.8) !important;
                transform: translateY(-80%) scale(0.8) !important; } }
  .BandeFormulaire .material-input-container--textarea.material_input_opened label,
  #gform_wrapper_18 .material-input-container--textarea.material_input_opened label,
  #gform_wrapper_17 .material-input-container--textarea.material_input_opened label,
  #gform_wrapper_19 .material-input-container--textarea.material_input_opened label,
  #gform_wrapper_20 .material-input-container--textarea.material_input_opened label,
  #gform_wrapper_21 .material-input-container--textarea.material_input_opened label,
  #gform_wrapper_22 .material-input-container--textarea.material_input_opened label {
    -webkit-transform: translate(10px, -110%) scale(0.8) !important;
            transform: translate(10px, -110%) scale(0.8) !important;
    background: url(../img/white-pattern.png) left top repeat;
    padding: 0 5px; }
  .BandeFormulaire .ginput_container_textarea,
  #gform_wrapper_18 .ginput_container_textarea,
  #gform_wrapper_17 .ginput_container_textarea,
  #gform_wrapper_19 .ginput_container_textarea,
  #gform_wrapper_20 .ginput_container_textarea,
  #gform_wrapper_21 .ginput_container_textarea,
  #gform_wrapper_22 .ginput_container_textarea {
    margin-top: 35px !important; }
  @media (max-width: 767px) {
    .BandeFormulaire input[type="submit"],
    #gform_wrapper_18 input[type="submit"],
    #gform_wrapper_17 input[type="submit"],
    #gform_wrapper_19 input[type="submit"],
    #gform_wrapper_20 input[type="submit"],
    #gform_wrapper_21 input[type="submit"],
    #gform_wrapper_22 input[type="submit"] {
      line-height: initial !important;
      min-width: 146px !important;
      min-height: 40px !important;
      width: auto !important; } }
  .BandeFormulaire .gform_wrapper .validation_error,
  #gform_wrapper_18 .gform_wrapper .validation_error,
  #gform_wrapper_17 .gform_wrapper .validation_error,
  #gform_wrapper_19 .gform_wrapper .validation_error,
  #gform_wrapper_20 .gform_wrapper .validation_error,
  #gform_wrapper_21 .gform_wrapper .validation_error,
  #gform_wrapper_22 .gform_wrapper .validation_error {
    font-weight: 400 !important;
    display: none; }
  .BandeFormulaire .gform_wrapper .top_label li.gfield.gf_left_half,
  #gform_wrapper_18 .gform_wrapper .top_label li.gfield.gf_left_half,
  #gform_wrapper_17 .gform_wrapper .top_label li.gfield.gf_left_half,
  #gform_wrapper_19 .gform_wrapper .top_label li.gfield.gf_left_half,
  #gform_wrapper_20 .gform_wrapper .top_label li.gfield.gf_left_half,
  #gform_wrapper_21 .gform_wrapper .top_label li.gfield.gf_left_half,
  #gform_wrapper_22 .gform_wrapper .top_label li.gfield.gf_left_half {
    padding-right: 15px !important; }
  .BandeFormulaire .gform_wrapper .top_label li.gfield.gf_right_half,
  #gform_wrapper_18 .gform_wrapper .top_label li.gfield.gf_right_half,
  #gform_wrapper_17 .gform_wrapper .top_label li.gfield.gf_right_half,
  #gform_wrapper_19 .gform_wrapper .top_label li.gfield.gf_right_half,
  #gform_wrapper_20 .gform_wrapper .top_label li.gfield.gf_right_half,
  #gform_wrapper_21 .gform_wrapper .top_label li.gfield.gf_right_half,
  #gform_wrapper_22 .gform_wrapper .top_label li.gfield.gf_right_half {
    padding-left: 15px !important; }
    @media (max-width: 640px) {
      .BandeFormulaire .gform_wrapper .top_label li.gfield.gf_right_half,
      #gform_wrapper_18 .gform_wrapper .top_label li.gfield.gf_right_half,
      #gform_wrapper_17 .gform_wrapper .top_label li.gfield.gf_right_half,
      #gform_wrapper_19 .gform_wrapper .top_label li.gfield.gf_right_half,
      #gform_wrapper_20 .gform_wrapper .top_label li.gfield.gf_right_half,
      #gform_wrapper_21 .gform_wrapper .top_label li.gfield.gf_right_half,
      #gform_wrapper_22 .gform_wrapper .top_label li.gfield.gf_right_half {
        padding-left: 0 !important; } }
  .BandeFormulaire .gform_wrapper li.gfield.gfield_error, .BandeFormulaire .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  #gform_wrapper_18 .gform_wrapper li.gfield.gfield_error,
  #gform_wrapper_18 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  #gform_wrapper_17 .gform_wrapper li.gfield.gfield_error,
  #gform_wrapper_17 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  #gform_wrapper_19 .gform_wrapper li.gfield.gfield_error,
  #gform_wrapper_19 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  #gform_wrapper_20 .gform_wrapper li.gfield.gfield_error,
  #gform_wrapper_20 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  #gform_wrapper_21 .gform_wrapper li.gfield.gfield_error,
  #gform_wrapper_21 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  #gform_wrapper_22 .gform_wrapper li.gfield.gfield_error,
  #gform_wrapper_22 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: none;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    padding-top: 0; }
  .BandeFormulaire .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .BandeFormulaire .gform_wrapper li.gfield_error textarea,
  #gform_wrapper_18 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_18 .gform_wrapper li.gfield_error textarea,
  #gform_wrapper_17 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_17 .gform_wrapper li.gfield_error textarea,
  #gform_wrapper_19 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_19 .gform_wrapper li.gfield_error textarea,
  #gform_wrapper_20 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_20 .gform_wrapper li.gfield_error textarea,
  #gform_wrapper_21 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_21 .gform_wrapper li.gfield_error textarea,
  #gform_wrapper_22 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #gform_wrapper_22 .gform_wrapper li.gfield_error textarea {
    border-bottom: 2px solid #BE2323;
    border-top: 0;
    border-left: 0;
    border-right: 0; }
  .BandeFormulaire .gfield_error .validation_message,
  #gform_wrapper_18 .gfield_error .validation_message,
  #gform_wrapper_17 .gfield_error .validation_message,
  #gform_wrapper_19 .gfield_error .validation_message,
  #gform_wrapper_20 .gfield_error .validation_message,
  #gform_wrapper_21 .gfield_error .validation_message,
  #gform_wrapper_22 .gfield_error .validation_message {
    padding-top: 2px !important;
    font: 400 14px/19px "BrandonGrotesque", sans-serif;
    color: #D0021B; }
  .BandeFormulaire label,
  #gform_wrapper_18 label,
  #gform_wrapper_17 label,
  #gform_wrapper_19 label,
  #gform_wrapper_20 label,
  #gform_wrapper_21 label,
  #gform_wrapper_22 label {
    font: 500 16px "BrandonGrotesque", sans-serif !important;
    color: #595959; }
  .BandeFormulaire .gfield_label,
  #gform_wrapper_18 .gfield_label,
  #gform_wrapper_17 .gfield_label,
  #gform_wrapper_19 .gfield_label,
  #gform_wrapper_20 .gfield_label,
  #gform_wrapper_21 .gfield_label,
  #gform_wrapper_22 .gfield_label {
    font: 500 16px "BrandonGrotesque", sans-serif !important;
    color: #595959; }
  .BandeFormulaire .gfield_select,
  #gform_wrapper_18 .gfield_select,
  #gform_wrapper_17 .gfield_select,
  #gform_wrapper_19 .gfield_select,
  #gform_wrapper_20 .gfield_select,
  #gform_wrapper_21 .gfield_select,
  #gform_wrapper_22 .gfield_select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: url(../img/svg/ic_dropdown-grey.svg) right center no-repeat;
    background-size: 20px 20px;
    border: 0;
    font: 500 16px "BrandonGrotesque", sans-serif !important;
    color: #343434;
    height: 35px;
    border-radius: 0;
    border-bottom: 1px solid #343434 !important; }
    .BandeFormulaire .gfield_select:focus,
    #gform_wrapper_18 .gfield_select:focus,
    #gform_wrapper_17 .gfield_select:focus,
    #gform_wrapper_19 .gfield_select:focus,
    #gform_wrapper_20 .gfield_select:focus,
    #gform_wrapper_21 .gfield_select:focus,
    #gform_wrapper_22 .gfield_select:focus {
      outline: none; }
  .BandeFormulaire .select,
  #gform_wrapper_18 .select,
  #gform_wrapper_17 .select,
  #gform_wrapper_19 .select,
  #gform_wrapper_20 .select,
  #gform_wrapper_21 .select,
  #gform_wrapper_22 .select {
    margin-top: 40px !important; }
    .BandeFormulaire .select .gfield_label,
    #gform_wrapper_18 .select .gfield_label,
    #gform_wrapper_17 .select .gfield_label,
    #gform_wrapper_19 .select .gfield_label,
    #gform_wrapper_20 .select .gfield_label,
    #gform_wrapper_21 .select .gfield_label,
    #gform_wrapper_22 .select .gfield_label {
      display: none !important; }
  @media (max-width: 767px) {
    .BandeFormulaire .gform_wrapper .ginput_container span:not(.ginput_price),
    #gform_wrapper_18 .gform_wrapper .ginput_container span:not(.ginput_price),
    #gform_wrapper_17 .gform_wrapper .ginput_container span:not(.ginput_price),
    #gform_wrapper_19 .gform_wrapper .ginput_container span:not(.ginput_price),
    #gform_wrapper_20 .gform_wrapper .ginput_container span:not(.ginput_price),
    #gform_wrapper_21 .gform_wrapper .ginput_container span:not(.ginput_price),
    #gform_wrapper_22 .gform_wrapper .ginput_container span:not(.ginput_price) {
      display: inline-block; } }
  @media (max-width: 991px) {
    .BandeFormulaire,
    #gform_wrapper_18,
    #gform_wrapper_17,
    #gform_wrapper_19,
    #gform_wrapper_20,
    #gform_wrapper_21,
    #gform_wrapper_22 {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .BandeFormulaire,
    #gform_wrapper_18,
    #gform_wrapper_17,
    #gform_wrapper_19,
    #gform_wrapper_20,
    #gform_wrapper_21,
    #gform_wrapper_22 {
      padding: 40px 0 60px; } }

#gform_wrapper_21,
#gform_wrapper_22 {
  padding-top: 0; }

.gform_footer {
  display: inline-block;
  width: auto !important;
  margin-top: 60px !important;
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .gform_footer {
      margin-top: 30px !important; } }
  .gform_footer:after {
    background: url(../img/svg/ic_computer-mouse-red.svg) center center no-repeat;
    background-size: 100%;
    width: 59px;
    height: 59px;
    position: absolute;
    right: -51px;
    bottom: -51px;
    z-index: 1;
    content: ""; }
    @media (max-width: 991px) {
      .gform_footer:after {
        width: 32px;
        height: 32px;
        right: -28px;
        bottom: -28px; } }
    @media (max-width: 835px) {
      .gform_footer:after {
        width: 40px;
        height: 40px;
        right: -35px;
        bottom: -35px; } }

.ginput_total {
  color: #BE2323; }

#gform_16 li input[type="text"],
#gform_15 li input[type="text"],
#gform_17 li input[type="text"],
#gform_18 li input[type="text"],
#gform_19 li input[type="text"],
#gform_20 li input[type="text"] {
  height: 45px; }

#gform_16 #field_15_6,
#gform_16 #field_16_6,
#gform_15 #field_15_6,
#gform_15 #field_16_6,
#gform_17 #field_15_6,
#gform_17 #field_16_6,
#gform_18 #field_15_6,
#gform_18 #field_16_6,
#gform_19 #field_15_6,
#gform_19 #field_16_6,
#gform_20 #field_15_6,
#gform_20 #field_16_6 {
  padding-top: 10px; }

#gform_16 #field_15_8,
#gform_16 #field_16_8,
#gform_15 #field_15_8,
#gform_15 #field_16_8,
#gform_17 #field_15_8,
#gform_17 #field_16_8,
#gform_18 #field_15_8,
#gform_18 #field_16_8,
#gform_19 #field_15_8,
#gform_19 #field_16_8,
#gform_20 #field_15_8,
#gform_20 #field_16_8 {
  margin: 30px 0 40px !important; }
  #gform_16 #field_15_8 input[type=checkbox],
  #gform_16 #field_16_8 input[type=checkbox],
  #gform_15 #field_15_8 input[type=checkbox],
  #gform_15 #field_16_8 input[type=checkbox],
  #gform_17 #field_15_8 input[type=checkbox],
  #gform_17 #field_16_8 input[type=checkbox],
  #gform_18 #field_15_8 input[type=checkbox],
  #gform_18 #field_16_8 input[type=checkbox],
  #gform_19 #field_15_8 input[type=checkbox],
  #gform_19 #field_16_8 input[type=checkbox],
  #gform_20 #field_15_8 input[type=checkbox],
  #gform_20 #field_16_8 input[type=checkbox] {
    margin: 0 5px 0 0; }

#gform_wrapper_19,
#gform_wrapper_20 {
  padding: 0 !important; }

.ThreeCol-CalltosWrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 100px 0 90px; }
  .ThreeCol-CalltosWrapper ul {
    margin: 0; }
  .ThreeCol-CalltosWrapper__block {
    width: 357px;
    float: left;
    border-right: 1px solid #C7C7C7;
    margin: 0 40px 0 0;
    padding: 0 40px 0 0; }
    .ThreeCol-CalltosWrapper__block:first-of-type {
      padding-left: 0; }
    .ThreeCol-CalltosWrapper__block:last-of-type {
      width: 346px;
      margin-right: 0;
      border: none; }
      @media (max-width: 1199px) {
        .ThreeCol-CalltosWrapper__block:last-of-type {
          width: 297px; } }
      @media (max-width: 991px) {
        .ThreeCol-CalltosWrapper__block:last-of-type {
          width: 100%;
          margin: 0;
          padding: 0; } }
    @media (max-width: 1199px) {
      .ThreeCol-CalltosWrapper__block {
        width: 295px;
        margin: 0 26px 0 0;
        padding: 0 26px 0 0; } }
    @media (max-width: 991px) {
      .ThreeCol-CalltosWrapper__block {
        width: 100%;
        margin: 0 0 70px 0;
        padding: 0 0 70px;
        border-right: none;
        border-bottom: 1px solid #C7C7C7; } }
    @media (max-width: 767px) {
      .ThreeCol-CalltosWrapper__block {
        margin: 0 0 40px 0;
        padding: 0 0 40px; } }
  @media (max-width: 991px) {
    .ThreeCol-CalltosWrapper {
      padding: 70px 0; }
      .ThreeCol-CalltosWrapper .col-md-12 {
        padding: 0 22px; } }
  @media (max-width: 767px) {
    .ThreeCol-CalltosWrapper {
      padding: 70px 0 50px; }
      .ThreeCol-CalltosWrapper .col-md-12 {
        padding: 0 15px; } }

.CalltoItem svg {
  width: 40px;
  height: 40px;
  float: left;
  margin: -7px 10px 0 0;
  fill: #BE2323; }

.CalltoItem h4 {
  clear: both;
  margin: 0 0 30px 0; }

.TwoCol {
  width: 100%;
  padding: 100px 0;
  display: inline-block;
  position: relative; }
  @media (max-width: 991px) {
    .TwoCol .col-md-12 {
      padding: 0 21px; } }
  @media (max-width: 767px) {
    .TwoCol .col-md-12 {
      padding: 0 15px; } }
  .TwoCol h3 {
    margin: 0 0 40px; }
  .TwoCol a {
    color: #BE2323; }
    .TwoCol a:focus, .TwoCol a:hover {
      text-decoration: underline; }
  .TwoCol .TwoCol__left {
    width: 50%;
    float: left;
    padding: 0 30px 0 15px; }
    @media (max-width: 991px) {
      .TwoCol .TwoCol__left {
        width: 100%;
        padding: 0 21px 40px; } }
    @media (max-width: 767px) {
      .TwoCol .TwoCol__left {
        padding: 0 15px 40px; } }
    .TwoCol .TwoCol__left p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: left; }
      .TwoCol .TwoCol__left p img {
        padding-right: 20px; }
  .TwoCol .TwoCol__right {
    width: 50%;
    float: left;
    padding: 0 15px 0 30px; }
    @media (max-width: 991px) {
      .TwoCol .TwoCol__right {
        width: 100%;
        padding: 0 21px; } }
    @media (max-width: 767px) {
      .TwoCol .TwoCol__right {
        padding: 0 15px; } }
    .TwoCol .TwoCol__right p {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: left;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start; }
      .TwoCol .TwoCol__right p img {
        margin-right: 20px; }
  @media (max-width: 991px) {
    .TwoCol {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .TwoCol {
      padding: 40px 0; } }

.BandeEnteteSingleArticles {
  padding: 0 0 100px; }
  .BandeEnteteSingleArticles .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 991px) {
      .BandeEnteteSingleArticles .row {
        display: block;
        -webkit-box-align: none;
            -ms-flex-align: none;
                align-items: none; } }
  .BandeEnteteSingleArticles__left {
    width: 50%;
    position: relative;
    float: left;
    padding: 0 45px 0 15px; }
    .BandeEnteteSingleArticles__left__date-categorie {
      margin: 0 0 20px 0;
      font-weight: 600;
      color: #1F1F1F; }
      .BandeEnteteSingleArticles__left__date-categorie span.divider {
        color: #C7C7C7;
        font-size: 20px;
        margin: 0 5px; }
    @media (max-width: 991px) {
      .BandeEnteteSingleArticles__left {
        width: 100%;
        padding: 0 22px; } }
    @media (max-width: 767px) {
      .BandeEnteteSingleArticles__left {
        padding: 0 15px; } }
  .BandeEnteteSingleArticles__right {
    width: 50%;
    height: 320px;
    position: relative;
    float: left;
    padding: 0 15px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);
    will-change: opacity, transform; }
    .BandeEnteteSingleArticles__right--shown {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .BandeEnteteSingleArticles__right img {
      max-width: calc(100% - 30px);
      height: auto;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      @media (max-width: 991px) {
        .BandeEnteteSingleArticles__right img {
          width: calc(100% - 39px); } }
      @media (max-width: 767px) {
        .BandeEnteteSingleArticles__right img {
          width: 100%;
          max-width: 100%;
          position: relative; } }
    @media (max-width: 991px) {
      .BandeEnteteSingleArticles__right {
        width: 100%;
        padding: 0 22px;
        margin: 0 0 30px; } }
    @media (max-width: 767px) {
      .BandeEnteteSingleArticles__right {
        padding: 0 15px;
        height: auto; } }
  @media (max-width: 991px) {
    .BandeEnteteSingleArticles {
      padding: 0 0 70px; } }

.CarrieresListing {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #1F1F1F; }
  .CarrieresListing .input-block input::-webkit-input-placeholder {
    color: #1F1F1F; }
  .CarrieresListing .input-block input:-ms-input-placeholder {
    color: #1F1F1F; }
  .CarrieresListing .input-block input::-ms-input-placeholder {
    color: #1F1F1F; }
  .CarrieresListing .input-block input::placeholder {
    color: #1F1F1F; }
  .CarrieresListing .CardListing__title {
    text-transform: uppercase;
    color: #FFF;
    font: 900 45px/50px "BrandonGrotesque", sans-serif;
    margin: 0 auto 70px; }
    @media (max-width: 767px) {
      .CarrieresListing .CardListing__title {
        font: 900 25px/30px "BrandonGrotesque", sans-serif;
        margin: 0 auto 40px; } }
  @media (max-width: 991px) {
    .CarrieresListing {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media (max-width: 767px) {
    .CarrieresListing {
      padding-top: 40px;
      padding-bottom: 40px; } }

.CarrieresListing .CardItem__title {
  height: 60px;
  padding: 0 20px;
  line-height: 22px;
  font-weight: 700;
  font-family: BrandonGrotesque;
  color: #333333; }
  @media (max-width: 767px) {
    .CarrieresListing .CardItem__title {
      height: 35px;
      line-height: 13px; } }

/*body.single-carriere{
    .TwoCol-LeftTextRightImg{
        padding: 64px 0;
    }
    background: url('../img/ebox-texture-background--red.jpg') center center repeat;
    color: white;
    .Retour__link{
        color: $c-white;
        svg{
            fill: $c-white;
        }
        @media (max-width: 767px)  {
            padding-top: 10px;
        }
    }
    .Retour__link:hover{
        color: $c-black;
        svg{
            fill: $c-black;
        }
    }

    hr{
        // margin-top: 64px;
        // margin-bottom: 0;
        // padding-bottom: 64px;
        padding: 0;
        margin : 64px 0;
        width: 100%;
        border: 1px none;
        height: 1px;
        background-color: #979797;
    }


    .col-md-12{
        float: none;
        p{
            margin-bottom: 30px;
        }
        .PageTitle__title{
            margin-bottom: 0;
        }
            width: 100%;
    }
    #applyBtn{
        color: $c-primary;

    }
    #applyBtn:hover,
    #applyBtn:focus{
        color: $c-white;
    }
    #applyBtn::before{
        background: white;
    }

    .whiteBG{
        color: $c-black;
        background: $c-white;
    }

    .Wysiwyg>ul{
        font-size: 16px;
        columns: 2;
        @media (max-width: 767px)  {
            columns: 1;
        }
        li{
            display: inline-block;
            width: 100%;

        }
        ul{
            margin-top: 10px;
            li{
              background: none;
                position: relative;
            }
            li::before{
                content: '';
                width:10px ;
                height: 2px;
                background: $c-primary;
                position: absolute;
                top: calc(50% - 1px);
                left: 5px;
            }
        }
    }

    .row{
        @media (max-width: 767px)  {
            margin: 0;
        }
    }

    .BandeFormulaire input[type="text"],
    .BandeFormulaire input[type="email"]{
        background-color: $c-white;
        font: 600 16px "BrandonGrotesque", sans-serif !important;
        color: $c-black;
        height: 35px;
        border: 1px solid $c-grey-faded;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-bottom: 10px;
        border-radius: 6px;
    }
    .BandeFormulaire input[type="file"]{
        display: hidden;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }
    .BandeFormulaire{
        input::placeholder{
            color: $c-black;
        }
        h4{
            font-size: 25px;
            margin-bottom: 10px;
        }
    }

    .is-doodled{
        color: $c-white;
    }

    .BandeFormulaire__iconset{
        width: 80%;
        height: 66px;
        background-color: white;
        mask: url(../img/icon-set-contact.svg) no-repeat center / contain;
    }

    .fileInputContainer{
        display: flex;
        width: 100%;
        padding: 0;
        align-items: center;
        margin-bottom: 10px;
        flex-wrap: wrap;
        @media (max-width: 767px)  {
            flex-wrap: wrap;
        }
        span{
            padding-left: 15px;
            font-weight: 700;
            font-size: 16px;
            width: 50%;
            @media (max-width: 768px)  {
                width: 100%;
                padding-left: 0;
            }
        }
        label{
            display: flex;
            align-items: center;
            background-color: $c-white;
            border-radius: 6px;
            background-color: $c-white;
            font: 600 16px "BrandonGrotesque", sans-serif !important;
            color: $c-black;
            height: 35px;
            border: 1px solid $c-grey-faded;
            flex-grow: 1;
            padding: 0 15px;
            cursor: pointer;
            @media (max-width: 767px)  {
                width: 100%;
            }
        }

        #cvError,
        #attachmentsError{
            width: 100%;
            margin-top: 10px;
            background-color: transparent;
            border: none;
            color: $c-white;
        }
    }
    .BandeFormulaire input[type="submit"]{
        border: 2px solid $c-white !important;
        min-width: auto ;
        line-height: 45px ;
        margin-top: 20px !important;
    }

    .BandeFormulaire__right p {
        color: $c-white;
    }

    .BandeFormulaire input[type="submit"]:hover{
        border: 2px solid transparent !important;


    }

    .Wysiwyg h3,
    .TwoCol h3{
        margin-bottom: 16px;
    }

    .responsability{
        padding-top: 64px;
        padding-bottom: 0;
    }

    .benifits{
        padding-top: 0;
        padding-bottom: 64px;
    }

    .btnWrapper{
        position: relative;
        max-width: fit-content;
        svg{
            position: absolute;
            @media(max-width: 991px){
                display: none;
            }
        }
        #ic_mouse{
            width: 60px;
            right: -50px;
            top: -25px;
        }

        #ic_cursor{
            top: -77px;
            right: 207px;
            width: 28px;
            transform: scaleX(-1);
        }
    }


}*/
.ToggleWrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 85px 0 70px; }
  .ToggleWrapper h2, .ToggleWrapper .RouteurFirstSlide__title, .ToggleWrapper .RouteurInfos__title, .ToggleWrapper .RouteurOptions__title {
    font-weight: 900;
    margin: 0 0 70px; }
    @media (max-width: 991px) {
      .ToggleWrapper h2, .ToggleWrapper .RouteurFirstSlide__title, .ToggleWrapper .RouteurInfos__title, .ToggleWrapper .RouteurOptions__title {
        margin: 0 0 30px; } }
  @media (max-width: 991px) {
    .ToggleWrapper {
      padding: 65px 0 55px; } }
  @media (max-width: 767px) {
    .ToggleWrapper {
      padding: 65px 0 45px; } }

.ToggleItem {
  width: auto;
  margin: 0 0 40px;
  border: 1px solid #BE2323;
  border-radius: 5px; }
  .ToggleItem__title {
    width: 100%;
    padding: 20px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    display: table; }
    .ToggleItem__title button {
      background: none;
      border: 0; }
      .ToggleItem__title button:focus {
        outline: 2px solid blue;
        outline-offset: 2px; }
    .ToggleItem__title h2, .ToggleItem__title .RouteurFirstSlide__title, .ToggleItem__title .RouteurInfos__title, .ToggleItem__title .RouteurOptions__title {
      font-size: 27px;
      line-height: 30px;
      font-weight: 700;
      color: #BE2323;
      -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
      margin: 0;
      padding: 0 24px 0 0;
      display: table-cell;
      text-align: left !important;
      vertical-align: middle;
      background: url(../img/svg/ic_arrow-down-faq.svg) no-repeat right center/26px 14px;
      height: 30px;
      text-transform: none; }
      @media (max-width: 991px) {
        .ToggleItem__title h2, .ToggleItem__title .RouteurFirstSlide__title, .ToggleItem__title .RouteurInfos__title, .ToggleItem__title .RouteurOptions__title {
          font-size: 23px; } }
      @media (max-width: 767px) {
        .ToggleItem__title h2, .ToggleItem__title .RouteurFirstSlide__title, .ToggleItem__title .RouteurInfos__title, .ToggleItem__title .RouteurOptions__title {
          font-size: 20px; } }
      .ToggleItem__title h2 button, .ToggleItem__title .RouteurFirstSlide__title button, .ToggleItem__title .RouteurInfos__title button, .ToggleItem__title .RouteurOptions__title button {
        text-align: left !important; }
  .ToggleItem.title--opened .ToggleItem__title {
    background: #BE2323; }
    .ToggleItem.title--opened .ToggleItem__title h2, .ToggleItem.title--opened .ToggleItem__title .RouteurFirstSlide__title, .ToggleItem.title--opened .ToggleItem__title .RouteurInfos__title, .ToggleItem.title--opened .ToggleItem__title .RouteurOptions__title {
      background: url(../img/svg/ic_arrow-top-faq.svg) no-repeat right center/26px 14px;
      color: #FFF;
      text-align: left !important; }
  .ToggleItem__content {
    padding: 20px; }
    .ToggleItem__content p {
      font-family: "BrandonGrotesque", sans-serif;
      font-size: 18px;
      line-height: 24px;
      margin: 0 0 20px; }
      .ToggleItem__content p:last-child {
        margin: 0; }
  .ToggleItem:last-child {
    margin: 0; }

.toggleitem__content {
  padding: 26px !important; }

.CoordonneesMap {
  padding: 85px 0 80px;
  width: 100%;
  display: inline-block;
  position: relative;
  background: #343434; }
  @media (max-width: 991px) {
    .CoordonneesMap {
      padding: 65px 0 0; } }
  .CoordonneesMap__siege-social, .CoordonneesMap__bureau-secondaire {
    padding: 0 30px 0 15px; }
    @media (max-width: 991px) {
      .CoordonneesMap__siege-social, .CoordonneesMap__bureau-secondaire {
        padding: 0 19px 0 19px; } }
    @media (max-width: 767px) {
      .CoordonneesMap__siege-social, .CoordonneesMap__bureau-secondaire {
        padding: 0 15px 0 15px; } }
    .CoordonneesMap__siege-social h4, .CoordonneesMap__bureau-secondaire h4 {
      text-transform: none;
      color: #C7C7C7;
      margin: 0 0 15px; }
      .CoordonneesMap__siege-social h4:after, .CoordonneesMap__bureau-secondaire h4:after {
        content: "";
        width: 100%;
        max-width: 480px;
        height: 2px;
        background: #C7C7C7;
        display: block;
        margin: 10px 0 0 0; }
        @media (max-width: 991px) {
          .CoordonneesMap__siege-social h4:after, .CoordonneesMap__bureau-secondaire h4:after {
            max-width: 100%; } }
    .CoordonneesMap__siege-social p, .CoordonneesMap__bureau-secondaire p {
      margin: 0 0 15px;
      color: #C7C7C7; }
      .CoordonneesMap__siege-social p a, .CoordonneesMap__bureau-secondaire p a {
        color: #C7C7C7; }
        .CoordonneesMap__siege-social p a:hover, .CoordonneesMap__bureau-secondaire p a:hover {
          color: #FFF; }
      .CoordonneesMap__siege-social p img, .CoordonneesMap__bureau-secondaire p img {
        margin: 0 5px 15px 0;
        float: left; }
      .CoordonneesMap__siege-social p:last-of-type, .CoordonneesMap__bureau-secondaire p:last-of-type {
        margin: 0; }
  .CoordonneesMap__bureau-secondaire {
    margin: 65px 0 0 0; }
    @media (max-width: 991px) {
      .CoordonneesMap__bureau-secondaire {
        margin: 50px 0 65px; } }
  .CoordonneesMap .GoogleMap {
    height: 536px !important; }
    @media (max-width: 1200px) {
      .CoordonneesMap .GoogleMap {
        height: 558px !important; } }
    @media (max-width: 1024px) {
      .CoordonneesMap .GoogleMap {
        height: 550px !important; } }
    @media (max-width: 991px) {
      .CoordonneesMap .GoogleMap {
        height: 350px !important; } }
    @media (max-width: 767px) {
      .CoordonneesMap .GoogleMap {
        height: 250px !important; } }

/** SITEMAP **/
.siteMap {
  padding: 100px 0; }
  @media (max-width: 991px) {
    .siteMap {
      padding: 70px 0; }
      .siteMap .col-md-12 {
        padding: 0 20px; } }
  @media (max-width: 767px) {
    .siteMap .col-md-12 {
      padding: 0 15px; } }
  .siteMap .main-sitemap-ul {
    margin: 0; }
    .siteMap .main-sitemap-ul > .page_item_has_children {
      width: 33.33%;
      float: left; }
      @media (max-width: 991px) {
        .siteMap .main-sitemap-ul > .page_item_has_children {
          width: 100%;
          margin: 0 0 20px; }
          .siteMap .main-sitemap-ul > .page_item_has_children:last-of-type {
            margin: 0; } }
      .siteMap .main-sitemap-ul > .page_item_has_children > a {
        font-weight: 800;
        font-size: 28px; }
      .siteMap .main-sitemap-ul > .page_item_has_children:first-of-type a {
        font-size: 20px; }
      .siteMap .main-sitemap-ul > .page_item_has_children:first-of-type ul.children {
        margin: 0 !important; }
    .siteMap .main-sitemap-ul .page_item a {
      text-decoration: underline; }
    .siteMap .main-sitemap-ul .province a {
      font-weight: 800;
      font-size: 28px;
      color: #343434; }
    .siteMap .main-sitemap-ul li {
      font: 600 18px/22px "Gloria Hallelujah";
      color: #343434;
      list-style: none;
      margin: 0 0 10px 0;
      padding: 0; }
      .siteMap .main-sitemap-ul li a {
        color: #343434;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .siteMap .main-sitemap-ul li a:hover {
          color: #BE2323; }
      .siteMap .main-sitemap-ul li ul.children {
        margin-top: 15px !important; }
        .siteMap .main-sitemap-ul li ul.children li {
          margin: 0 0 15px; }
          @media (max-width: 991px) {
            .siteMap .main-sitemap-ul li ul.children li:last-of-type {
              margin: 0; } }
          .siteMap .main-sitemap-ul li ul.children li > a {
            font-size: 24px;
            line-height: 26px; }
          .siteMap .main-sitemap-ul li ul.children li ul.children {
            margin-top: 7px !important; }
            .siteMap .main-sitemap-ul li ul.children li ul.children li > a {
              font-size: 20px;
              line-height: 22px;
              color: #595959; }
              .siteMap .main-sitemap-ul li ul.children li ul.children li > a:hover {
                color: #BE2323; }
            .siteMap .main-sitemap-ul li ul.children li ul.children ul.children {
              margin-top: 7px !important; }
              .siteMap .main-sitemap-ul li ul.children li ul.children ul.children li > a {
                font-size: 16px;
                font-weight: 500;
                line-height: 18px;
                color: #595959; }
                .siteMap .main-sitemap-ul li ul.children li ul.children ul.children li > a:hover {
                  color: #BE2323; }

/** ROUTEURS **/
.page-template-page-routeurs {
  background-image: url(../img/Body.jpg);
  position: relative; }
  .page-template-page-routeurs .TwoCol-LeftImgRightText__leftImg {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .page-template-page-routeurs .TwoCol-LeftImgRightText__leftImg {
        width: 100%; } }
    @media (max-width: 991px) {
      .page-template-page-routeurs .TwoCol-LeftImgRightText__leftImg img {
        position: relative; } }
  .page-template-page-routeurs .TwoCol-LeftImgRightText__rightTxt {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .page-template-page-routeurs .TwoCol-LeftImgRightText__rightTxt {
        width: 100%; } }
  .page-template-page-routeurs .TwoCol-LeftTextRightImg__rightImg {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .page-template-page-routeurs .TwoCol-LeftTextRightImg__rightImg {
        width: 100%; } }
    @media (max-width: 991px) {
      .page-template-page-routeurs .TwoCol-LeftTextRightImg__rightImg img {
        position: relative;
        -webkit-transform: translate(-50%) !important;
                transform: translate(-50%) !important;
        left: 50%; } }
  .page-template-page-routeurs .TwoCol-LeftTextRightImg__leftTxt {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .page-template-page-routeurs .TwoCol-LeftTextRightImg__leftTxt {
        width: 100%; } }

.RouteurFirstSlide {
  padding: 100px 0; }
  @media (max-width: 991px) {
    .RouteurFirstSlide {
      padding: 70px 0; } }
  .RouteurFirstSlide__title {
    text-align: center;
    color: #FFF;
    float: left;
    width: 100%; }
  .RouteurFirstSlide__subtitle {
    font: 40px/50px "Gloria Hallelujah" !important;
    text-align: center;
    color: #FFF;
    float: left;
    width: 100%;
    text-transform: none;
    margin: 0 0 62px; }
    @media (max-width: 991px) {
      .RouteurFirstSlide__subtitle {
        font: 22px/30px "Gloria Hallelujah" !important;
        margin: 0 0 30px; } }
  .RouteurFirstSlide .TwoCol-LeftImgRightText__leftImg {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .RouteurFirstSlide .TwoCol-LeftImgRightText__leftImg {
        width: 100%; } }
    @media (max-width: 991px) {
      .RouteurFirstSlide .TwoCol-LeftImgRightText__leftImg img {
        position: relative; } }
  .RouteurFirstSlide .TwoCol-LeftImgRightText__rightTxt {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0; }
    @media (max-width: 991px) {
      .RouteurFirstSlide .TwoCol-LeftImgRightText__rightTxt {
        width: 100%;
        padding: 0 15px; } }

.RouteurPrice {
  width: 100%;
  min-height: 240px;
  background: url(../img/grey-pattern.png) left top repeat;
  border-radius: 12px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .RouteurPrice {
      height: auto; } }
  .RouteurPrice__achat {
    width: 63%;
    min-height: 240px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    background: url(../img/half_box.png) right top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFF;
    text-align: center; }
    @media (max-width: 767px) {
      .RouteurPrice__achat {
        width: 100%;
        background: url(../img/half_box--vertical-large.png) center bottom; } }
    .RouteurPrice__achat h4 {
      margin: 0 0 33px; }
      @media (max-width: 767px) {
        .RouteurPrice__achat h4 {
          width: 49%;
          margin: 0;
          display: inline-block;
          vertical-align: middle; } }
    .RouteurPrice__achat .Listing__prix {
      font-size: 100px;
      line-height: 100px;
      letter-spacing: -2.17px; }
      @media (max-width: 767px) {
        .RouteurPrice__achat .Listing__prix {
          font-size: 55px; } }
      .RouteurPrice__achat .Listing__prix sup {
        font-size: 35px;
        line-height: 35px;
        letter-spacing: 0;
        margin: 0 0 0 8px; }
        @media (max-width: 767px) {
          .RouteurPrice__achat .Listing__prix sup {
            font-size: 25px;
            line-height: 30px; } }
    @media (max-width: 767px) {
      .RouteurPrice__achat .Listing__recap {
        padding: 30px 25px 50px !important; } }
  .RouteurPrice__location {
    width: 37%;
    min-height: 240px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFF;
    text-align: center; }
    @media (max-width: 767px) {
      .RouteurPrice__location {
        width: 100%; } }
    .RouteurPrice__location h4 {
      margin: 0 0 33px; }
      @media (max-width: 767px) {
        .RouteurPrice__location h4 {
          width: 49%;
          margin: 0;
          display: inline-block;
          vertical-align: middle; } }
    .RouteurPrice__location .Listing__prix {
      font-size: 80px;
      line-height: 100px;
      letter-spacing: -1.74px; }
      @media (max-width: 767px) {
        .RouteurPrice__location .Listing__prix {
          font-size: 70px; } }
      .RouteurPrice__location .Listing__prix sup {
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0;
        margin: 0 0 0 8px; }
  .RouteurPrice .Listing__recap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    @media (max-width: 991px) {
      .RouteurPrice .Listing__recap {
        border: none; } }
    @media (max-width: 767px) {
      .RouteurPrice .Listing__recap {
        padding: 15px 25px 20px;
        display: block;
        text-align: left; } }
  @media (max-width: 767px) {
    .RouteurPrice .Listing__recap-content {
      left: 50%;
      width: auto;
      display: inline-block;
      position: relative;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media (max-width: 767px) {
    .RouteurPrice .Listing__recap-wrapper {
      width: 49%;
      display: inline-block;
      vertical-align: middle; } }
  .RouteurPrice .Listing__prix-wrapper {
    text-align: center;
    display: block; }
  .RouteurPrice .Listing__prix {
    color: #FFF; }
    .RouteurPrice .Listing__prix span {
      right: 31px;
      top: 46px;
      font-size: 12px; }
      @media (max-width: 1200px) {
        .RouteurPrice .Listing__prix span {
          right: 15px; } }
      @media (max-width: 991px) {
        .RouteurPrice .Listing__prix span {
          right: 0; } }
      @media (max-width: 767px) {
        .RouteurPrice .Listing__prix span {
          right: auto;
          left: 43px; } }
    .RouteurPrice .Listing__prix span:lang(en) {
      right: 16px;
      top: 46px;
      font-size: 12px; }
      @media (max-width: 1200px) {
        .RouteurPrice .Listing__prix span:lang(en) {
          right: 0; } }
      @media (max-width: 991px) {
        .RouteurPrice .Listing__prix span:lang(en) {
          right: 0; } }
      @media (max-width: 767px) {
        .RouteurPrice .Listing__prix span:lang(en) {
          right: auto;
          left: 78px; } }

.RouteurInfos {
  background: #333333;
  padding-top: 100px; }
  @media (max-width: 991px) {
    .RouteurInfos {
      padding-top: 70px; } }
  .RouteurInfos__title {
    text-align: center;
    color: #FFF;
    float: left;
    width: 100%; }
  .RouteurInfos__subtitle {
    font: 40px/50px "Gloria Hallelujah" !important;
    text-align: center;
    color: #FFF;
    float: left;
    width: 100%;
    text-transform: none;
    margin: 0; }
    @media (max-width: 991px) {
      .RouteurInfos__subtitle {
        font: 22px/30px "Gloria Hallelujah" !important; } }
  .RouteurInfos .TwoCol-LeftImgRightText__leftImg {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .RouteurInfos .TwoCol-LeftImgRightText__leftImg {
        width: 100%; } }
    @media (max-width: 991px) {
      .RouteurInfos .TwoCol-LeftImgRightText__leftImg img {
        position: relative; } }
  .RouteurInfos .TwoCol-LeftImgRightText__rightTxt {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .RouteurInfos .TwoCol-LeftImgRightText__rightTxt {
        width: 100%; } }
    .RouteurInfos .TwoCol-LeftImgRightText__rightTxt h3 {
      color: #FFF; }
    .RouteurInfos .TwoCol-LeftImgRightText__rightTxt p {
      color: #FFF; }
  .RouteurInfos .TwoCol-LeftTextRightImg__rightImg {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .RouteurInfos .TwoCol-LeftTextRightImg__rightImg {
        width: 100%; } }
    @media (max-width: 991px) {
      .RouteurInfos .TwoCol-LeftTextRightImg__rightImg img {
        position: relative;
        -webkit-transform: translate(-50%) !important;
                transform: translate(-50%) !important;
        left: 50%; } }
    .RouteurInfos .TwoCol-LeftTextRightImg__rightImg video {
      max-width: 100%;
      border: 4px solid #000; }
  .RouteurInfos .TwoCol-LeftTextRightImg__leftTxt {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .RouteurInfos .TwoCol-LeftTextRightImg__leftTxt {
        width: 100%; } }
    .RouteurInfos .TwoCol-LeftTextRightImg__leftTxt h3 {
      color: #FFF; }
    .RouteurInfos .TwoCol-LeftTextRightImg__leftTxt p {
      color: #FFF; }

.RouteurOptions {
  padding: 100px 0; }
  @media (max-width: 991px) {
    .RouteurOptions {
      padding: 70px 0; } }
  .RouteurOptions__title {
    text-align: center;
    color: #FFF;
    width: 100%; }
  .RouteurOptions__subtitle {
    font: 40px/50px "Gloria Hallelujah" !important;
    text-align: center;
    color: #FFF;
    width: 100%;
    text-transform: none;
    margin: 0 0 88px; }
    @media (max-width: 991px) {
      .RouteurOptions__subtitle {
        font: 22px/30px "Gloria Hallelujah" !important; } }
  .RouteurOptions .ModernGallery {
    width: 49.5%;
    max-width: 570px;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 991px) {
      .RouteurOptions .ModernGallery {
        width: 100%;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media (max-width: 767px) {
      .RouteurOptions .ModernGallery {
        padding: 0 15px; } }
    .RouteurOptions .ModernGallery .ModernGallery__controls {
      width: auto; }
      @media (max-width: 991px) {
        .RouteurOptions .ModernGallery .ModernGallery__controls {
          -webkit-transform: translate(-50%, -50%) !important;
                  transform: translate(-50%, -50%) !important;
          padding: 0; } }
      .RouteurOptions .ModernGallery .ModernGallery__controls:focus {
        outline: 2px solid blue;
        outline-offset: 2px; }
  .RouteurOptions__list {
    width: 49.5%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 60px; }
    @media (max-width: 991px) {
      .RouteurOptions__list {
        width: 100%;
        padding: 0 19px; } }
    @media (max-width: 767px) {
      .RouteurOptions__list {
        padding: 0 15px; } }
    .RouteurOptions__list ul {
      margin: 0 0 40px; }
      .RouteurOptions__list ul li {
        background: url(../img/svg/ic_check-white.svg) no-repeat left 2px;
        background-size: 16px 16px;
        color: #FFF; }
    .RouteurOptions__list p {
      color: #FFF; }

/*BACKUP ROUTEURS*/
.Routeurs {
  padding: 100px 0; }
  .Routeurs .Wysiwyg h2, .Routeurs .Wysiwyg .RouteurFirstSlide__title, .Routeurs .Wysiwyg .RouteurInfos__title, .Routeurs .Wysiwyg .RouteurOptions__title {
    margin: 0 0 25px; }
  .Routeurs .Wysiwyg p:last-of-type {
    margin-bottom: 0; }
  .Routeurs .SinglePrice {
    padding: 28px 0 14px;
    height: auto; }
    .Routeurs .SinglePrice .Listing__recap {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
              flex: 0 0 150px; }
    .Routeurs .SinglePrice .Listing__apartir {
      text-align: center; }
  @media (max-width: 991px) {
    .Routeurs {
      padding: 70px 0; } }

.Wysiwyg .img-routeur {
  max-width: 100%; }

@media (max-width: 767px) {
  .page-template-page-routeurs .CardListing .CardItem .CardItem__subTitle {
    margin: 10px 0 0 0;
    line-height: 16px; } }

.ModernGallery__control:focus {
  outline: 2px solid blue;
  outline-offset: 2px;
  z-index: 2;
  position: relative; }

.RouteurOptions .ModernGallery {
  margin-bottom: 60px; }

.Demenagement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/grey-pattern.png) left top repeat;
  padding-top: 80px;
  color: #FFF; }
  .Demenagement--red {
    background-image: url(../img/bg-slider-demenagement--red.png); }
  @media (max-width: 1600px) {
    .Demenagement {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 0; } }
  @media (max-width: 1199px) {
    .Demenagement {
      background-size: 100% 100%; } }
  @media (max-width: 960px) {
    .Demenagement {
      background: url(../img/grey-pattern.png) left top repeat; }
      .Demenagement--red {
        background-image: url(../img/bg-slider-demenagement--red@0,5x.png); } }
  @media (max-width: 800px) {
    .Demenagement {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 370px) {
    .Demenagement {
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .Demenagement {
      background: url(../img/grey-pattern.png) left top repeat; }
      .Demenagement--red {
        background-image: url(../img/bg-slider-demenagement--red@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), (min--moz-device-pixel-ratio: 2) and (max-width: 768px), (-moz-min-device-pixel-ratio: 2) and (max-width: 768px), (-o-min-device-pixel-ratio: 2) and (max-width: 768px), (min-device-pixel-ratio: 2) and (max-width: 768px) {
    .Demenagement {
      background: url(../img/grey-pattern.png) left top repeat; }
      .Demenagement--red {
        background-image: url(../img/bg-slider-demenagement--red.png); } }
  @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 380px), (min--moz-device-pixel-ratio: 2) and (max-width: 380px), (-moz-min-device-pixel-ratio: 2) and (max-width: 380px), (-o-min-device-pixel-ratio: 2) and (max-width: 380px), (min-device-pixel-ratio: 2) and (max-width: 380px) {
    .Demenagement {
      background: url(../img/grey-pattern.png) left top repeat; }
      .Demenagement--red {
        background-image: url(../img/bg-slider-demenagement--red@0,5x.png); } }
  .Demenagement__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    opacity: 0;
    -webkit-transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .Demenagement__col--left {
      text-align: right;
      padding-top: 48px; }
      .Demenagement__col--left .Demenagement__col-wrapper {
        padding-bottom: 55px; }
        @media (max-width: 1600px) {
          .Demenagement__col--left .Demenagement__col-wrapper {
            padding-bottom: 20px; } }
    .Demenagement__col--right {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      padding-left: 111px; }
    @media (max-width: 1475px) {
      .Demenagement__col--left {
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%; }
      .Demenagement__col--right {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        padding-left: 60px; } }
    @media (max-width: 1075px) {
      .Demenagement__col--left {
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%; }
      .Demenagement__col--right {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%; } }
    @media (max-width: 900px) {
      .Demenagement__col--left {
        padding-top: 20px; }
      .Demenagement__col--right {
        padding-left: 30px; } }
    @media (max-width: 800px) {
      .Demenagement__col {
        text-align: center; } }
  .Demenagement__col-wrapper {
    position: relative;
    display: inline-block; }
  .Demenagement__title {
    font: 900 50px/66px "BrandonGrotesque", sans-serif;
    margin-bottom: 40px; }
    .Demenagement__title .is-doodled--underlined:after {
      height: 15%;
      top: 85%; }
    @media (max-width: 1600px) {
      .Demenagement__title {
        font: 900 48px/64px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 1250px) {
      .Demenagement__title {
        font: 900 42px/58px "BrandonGrotesque", sans-serif;
        margin-bottom: 20px; } }
    @media (max-width: 1075px) {
      .Demenagement__title {
        font: 900 3.4vw/1.4 "BrandonGrotesque", sans-serif;
        margin-bottom: 20px; } }
    @media (max-width: 800px) {
      .Demenagement__title {
        font: 900 20px/28px "BrandonGrotesque", sans-serif; } }
  .Demenagement__underlined-container {
    position: relative;
    display: inline-block; }
    .Demenagement__underlined-container:before, .Demenagement__underlined-container:after {
      content: '';
      position: absolute;
      display: none;
      width: 60px;
      height: 60px;
      background-image: url(../img/svg/drawing-arrow05-white.svg);
      background-size: contain;
      background-repeat: no-repeat;
      -webkit-animation: pulse 0.8s steps(2) infinite;
              animation: pulse 0.8s steps(2) infinite; }
      @media (max-width: 1024px) {
        .Demenagement__underlined-container:before, .Demenagement__underlined-container:after {
          width: 40px;
          height: 40px; } }
      @media (max-width: 730px) {
        .Demenagement__underlined-container:before, .Demenagement__underlined-container:after {
          content: none; } }
    .Demenagement__underlined-container:before {
      top: 80%;
      right: 97%; }
    .Demenagement__underlined-container:after {
      left: 100%;
      top: 0;
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
      -webkit-animation-name: pulseMirror;
              animation-name: pulseMirror;
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s; }
  .Demenagement__truck-svg {
    display: inline-block;
    width: 610px;
    height: 457px;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    overflow: visible !important; }
    @media (max-width: 1600px) {
      .Demenagement__truck-svg {
        width: 425px;
        height: 318.40164px; } }
    @media (max-width: 1475px) {
      .Demenagement__truck-svg {
        width: 375px;
        height: 280.94262px; } }
    @media (max-width: 1250px) {
      .Demenagement__truck-svg {
        width: 325px;
        height: 243.48361px; } }
    @media (max-width: 1199px) {
      .Demenagement__truck-svg {
        width: 275px;
        height: 206.02459px; } }
    @media (max-width: 900px) {
      .Demenagement__truck-svg {
        width: 28vw;
        height: 20.97705vw; } }
    @media (max-width: 800px) {
      .Demenagement__truck-svg {
        width: 136px;
        height: 101.88852px; } }
  .Demenagement__box-svg {
    position: absolute;
    bottom: 0;
    left: 88px;
    width: 188px;
    height: 129px;
    opacity: 0;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-transition: all 0.2s cubic-bezier(0.53, -0.32, 0.1, 1.39);
    transition: all 0.2s cubic-bezier(0.53, -0.32, 0.1, 1.39); }
    @media (max-width: 1600px) {
      .Demenagement__box-svg {
        width: 120px;
        height: 82.34043px; } }
    @media (max-width: 1199px) {
      .Demenagement__box-svg {
        width: 90px;
        height: 61.75532px;
        bottom: 15px;
        left: 20%; } }
    @media (max-width: 800px) {
      .Demenagement__box-svg {
        display: none; } }
  .Demenagement__speed-trails {
    -webkit-transform: translateX(50px);
            transform: translateX(50px); }
    .Demenagement__speed-trails path {
      -webkit-animation: speedTrails 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
              animation: speedTrails 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) infinite; }
      .Demenagement__speed-trails path:nth-child(1) {
        -webkit-animation-delay: 0s;
                animation-delay: 0s; }
      .Demenagement__speed-trails path:nth-child(2) {
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s; }
      .Demenagement__speed-trails path:nth-child(3) {
        -webkit-animation-delay: 0.8s;
                animation-delay: 0.8s; }
  .owl-item.active .Demenagement__col, .Demenagement--active .Demenagement__col {
    opacity: 1;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
    .owl-item.active .Demenagement__col--left, .Demenagement--active .Demenagement__col--left {
      -webkit-transition-delay: 0.675s;
              transition-delay: 0.675s; }
    .owl-item.active .Demenagement__col--right, .Demenagement--active .Demenagement__col--right {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
  .owl-item.active .Demenagement__box-svg, .Demenagement--active .Demenagement__box-svg {
    -webkit-animation: fall 0.3s ease-in forwards;
            animation: fall 0.3s ease-in forwards;
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s; }
  .owl-item.active .Demenagement__underlined-container:before, .owl-item.active .Demenagement__underlined-container:after, .Demenagement--active .Demenagement__underlined-container:before, .Demenagement--active .Demenagement__underlined-container:after {
    display: block;
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s; }

@-webkit-keyframes roadBumps {
  0%, 100% {
    -webkit-transform: scaleY(1.0125);
            transform: scaleY(1.0125); }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes roadBumps {
  0%, 100% {
    -webkit-transform: scaleY(1.0125);
            transform: scaleY(1.0125); }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(1) scaleX(1) translateY(-150%);
            transform: scaleY(1) scaleX(1) translateY(-150%);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  60% {
    opacity: 1;
    -webkit-transform: scaleY(1.1) scaleX(0.9) translateY(0%);
            transform: scaleY(1.1) scaleX(0.9) translateY(0%); }
  65% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0%);
            transform: scaleY(1) scaleX(1) translateY(0%); }
  75% {
    -webkit-transform: scaleY(0.9) scaleX(1.05) translateY(0%);
            transform: scaleY(0.9) scaleX(1.05) translateY(0%); }
  85%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0%);
            transform: scaleY(1) scaleX(1) translateY(0%); } }

@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(1) scaleX(1) translateY(-150%);
            transform: scaleY(1) scaleX(1) translateY(-150%);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  60% {
    opacity: 1;
    -webkit-transform: scaleY(1.1) scaleX(0.9) translateY(0%);
            transform: scaleY(1.1) scaleX(0.9) translateY(0%); }
  65% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0%);
            transform: scaleY(1) scaleX(1) translateY(0%); }
  75% {
    -webkit-transform: scaleY(0.9) scaleX(1.05) translateY(0%);
            transform: scaleY(0.9) scaleX(1.05) translateY(0%); }
  85%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0%);
            transform: scaleY(1) scaleX(1) translateY(0%); } }

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

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

.BusinessPrivateNetwork {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(../img/bg-reseau-prive.jpg);
  background-size: cover;
  background-position: center; }
  .BusinessPrivateNetwork__container {
    text-align: center;
    color: #FFF;
    max-width: 970px; }
    .BusinessPrivateNetwork__container > * {
      opacity: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
    @media (max-width: 1199px) {
      .BusinessPrivateNetwork__container {
        padding: 0 60px;
        width: 80%; } }
    @media (max-width: 1024px) {
      .BusinessPrivateNetwork__container {
        padding: 0 60px;
        width: 75%; } }
    @media (max-width: 767px) {
      .BusinessPrivateNetwork__container {
        padding: 0; } }
    @media (max-width: 600px) {
      .BusinessPrivateNetwork__container {
        width: 100%; } }
  .BusinessPrivateNetwork__title {
    font: 900 60px/1.16 "BrandonGrotesque", sans-serif;
    margin-bottom: 44px; }
    .BusinessPrivateNetwork__title .is-doodled--underlined:after {
      height: 15%;
      top: 90%; }
    @media (max-width: 1199px) {
      .BusinessPrivateNetwork__title {
        font-size: 40px;
        margin-bottom: 20px; } }
    @media (max-width: 1024px) {
      .BusinessPrivateNetwork__title {
        font-size: 32px;
        margin-bottom: 40px; } }
    @media (max-width: 600px) {
      .BusinessPrivateNetwork__title {
        font-size: 25px; } }
  .BusinessPrivateNetwork__subtitle {
    font: 400 30px/1 "BrandonGrotesque", sans-serif;
    width: 75%;
    margin: 0 auto 40px; }
    @media (max-width: 1199px) {
      .BusinessPrivateNetwork__subtitle {
        font-size: 20px;
        margin-bottom: 20px; } }
    @media (max-width: 1024px) {
      .BusinessPrivateNetwork__subtitle {
        display: none; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .BusinessPrivateNetwork {
      background-image: url(../img/bg-reseau-prive@2x.jpg); } }
  @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px), (min--moz-device-pixel-ratio: 2) and (max-width: 960px), (-moz-min-device-pixel-ratio: 2) and (max-width: 960px), (-o-min-device-pixel-ratio: 2) and (max-width: 960px), (min-device-pixel-ratio: 2) and (max-width: 960px) {
    .BusinessPrivateNetwork {
      background-image: url(../img/bg-reseau-prive.jpg); } }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
    .BusinessPrivateNetwork {
      background-image: url(../img/bg-reseau-prive@1,5x.jpg); } }
  @media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1280px), (min--moz-device-pixel-ratio: 1.5) and (max-width: 1280px), (-moz-min-device-pixel-ratio: 1.5) and (max-width: 1280px), (-o-min-device-pixel-ratio: 1.5) and (max-width: 1280px), (min-device-pixel-ratio: 1.5) and (max-width: 1280px) {
    .BusinessPrivateNetwork {
      background-image: url(../img/bg-reseau-prive.jpg); } }
  @media (max-width: 960px) {
    .BusinessPrivateNetwork {
      background-image: url(../img/bg-reseau-prive@0,5x.jpg); } }
  @media (max-width: 1024px) {
    .BusinessPrivateNetwork {
      padding: 80px 30px; } }
  .owl-item.active .BusinessPrivateNetwork__container > * {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .owl-item.active .BusinessPrivateNetwork__container > *:nth-child(1) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .owl-item.active .BusinessPrivateNetwork__container > *:nth-child(2) {
      -webkit-transition-delay: 0.35s;
              transition-delay: 0.35s; }
    .owl-item.active .BusinessPrivateNetwork__container > *:nth-child(3) {
      -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s; }

.FreeInternet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 709px;
  -webkit-box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45);
          box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45); }
  @media (max-width: 1500px) {
    .FreeInternet {
      height: 609px; } }
  @media (max-width: 1199px) {
    .FreeInternet {
      height: 355px; } }
  @media (max-width: 767px) {
    .FreeInternet {
      height: 350px; } }
  .FreeInternet--always-show-subtitle .FreeInternet__sub-title {
    display: inline-block !important; }
    @media (max-width: 767px) {
      .FreeInternet--always-show-subtitle .FreeInternet__sub-title {
        font-size: 0;
        margin: -4px 0; }
        .FreeInternet--always-show-subtitle .FreeInternet__sub-title span {
          font-size: 13px; } }
  .FreeInternet--fttn50.FreeInternet--reversed .FreeInternet__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  @media (min-width: 1760px) {
    .FreeInternet--fttn50 .FreeInternet__title {
      line-height: 1.5;
      font-size: 50px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .FreeInternet--fttn50 .FreeInternet__title {
      line-height: 1.6; } }
  @media (max-width: 1199px) {
    .FreeInternet--fttn50 .FreeInternet__wrapper {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .FreeInternet--fttn50 .FreeInternet__wrapper .FreeInternet__col--content {
        padding: 0; } }
  .FreeInternet--fttn50 .FreeInternet__title-part {
    position: relative; }
    .FreeInternet--fttn50 .FreeInternet__title-part--price {
      margin-left: 8px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .FreeInternet--fttn50 .FreeInternet__title-part--price {
          bottom: 14px; } }
      @media (max-width: 1199px) {
        .FreeInternet--fttn50 .FreeInternet__title-part--price {
          margin-left: 14px; } }
  @media (min-width: 1760px) {
    .FreeInternet--fttn50 .FreeInternet__title-underline {
      top: 78%; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .FreeInternet--fttn50 .FreeInternet__title-underline {
      top: auto;
      bottom: -30%; } }
  .FreeInternet--fttn50 .FreeInternet__price {
    color: #FFF;
    margin-left: 0;
    text-align: center; }
    .FreeInternet--fttn50 .FreeInternet__price sup {
      font: 900 24px/1.2 "BrandonGrotesque", sans-serif;
      top: 0; }
    .FreeInternet--fttn50 .FreeInternet__price span {
      text-transform: none;
      right: 18px;
      top: 40px;
      font: 400 10px/1 "Gloria Hallelujah"; }
    @media (min-width: 1760px) {
      .FreeInternet--fttn50 .FreeInternet__price {
        padding: 9px 13px;
        font-size: 60px;
        line-height: 1; } }
    @media (max-width: 1759px) {
      .FreeInternet--fttn50 .FreeInternet__price span {
        right: 6px;
        top: 32px; } }

@media all and (max-width: 1759px) and (-ms-high-contrast: none), (max-width: 1759px) and (-ms-high-contrast: active) {
  .FreeInternet--fttn50 .FreeInternet__price span {
    right: -4px; }
  .FreeInternet--fttn50 .FreeInternet__price sup {
    top: 7px; } }
    @media (max-width: 1199px) {
      .FreeInternet--fttn50 .FreeInternet__price {
        padding: 5px 0;
        font-size: inherit;
        line-height: 1; }
        .FreeInternet--fttn50 .FreeInternet__price sup {
          font: 900 14px/1.2 "BrandonGrotesque", sans-serif;
          top: 2px; }
        .FreeInternet--fttn50 .FreeInternet__price span {
          text-transform: none;
          right: 2px;
          top: 20px;
          font: 400 6px/1 "Gloria Hallelujah"; } }
  .FreeInternet--fttn50 .FreeInternet__promo-duration:after {
    left: auto;
    right: 95%;
    bottom: 55%; }
    @media (max-width: 1199px) {
      .FreeInternet--fttn50 .FreeInternet__promo-duration:after {
        content: none; } }
  .FreeInternet--reversed .FreeInternet__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: auto;
    max-width: none; }
    @media (max-width: 767px) {
      .FreeInternet--reversed .FreeInternet__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .FreeInternet--reversed .FreeInternet__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
    @media (max-width: 1199px) {
      .FreeInternet--reversed .FreeInternet__col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 45%;
                flex: 0 0 45%; } }
  .FreeInternet__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .FreeInternet__wrapper {
        max-width: 970px; } }
    @media (max-width: 767px) {
      .FreeInternet__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .FreeInternet__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .FreeInternet__col--content {
      padding: 35px 0 35px 35px; }
      @media (max-width: 767px) {
        .FreeInternet__col--content {
          padding: 15px 0 0; } }
    .FreeInternet__col--image {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .FreeInternet__main-img.FreeInternet__main-img.FreeInternet__main-img {
    width: 100%;
    height: auto;
    max-width: 602px;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    opacity: 0.0001;
    will-change: transform, opacity;
    -webkit-transition: all 0s linear 0.25s;
    transition: all 0s linear 0.25s; }
    @media (max-width: 1199px) {
      .FreeInternet__main-img.FreeInternet__main-img.FreeInternet__main-img {
        width: 317px; } }
    @media (max-width: 767px) {
      .FreeInternet__main-img.FreeInternet__main-img.FreeInternet__main-img {
        width: 160px; } }
  .FreeInternet__content-wrapper .FreeInternet__title, .FreeInternet__content-wrapper .FreeInternet__sub-title, .FreeInternet__content-wrapper .FreeInternet__btn, .FreeInternet__content-wrapper .FreeInternet__disclaimer {
    opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }
  .FreeInternet__content-wrapper > span {
    display: block; }
  .FreeInternet__title-container {
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .FreeInternet__title-container {
        margin-bottom: 20px; } }
  .FreeInternet__title {
    font: 900 50px/60px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
    .FreeInternet__title:after {
      content: '';
      display: block;
      width: 38px;
      height: 4px;
      background: #C7C7C7;
      border-radius: 2px;
      margin: 21px 0 5px; }
    @media (max-width: 1500px) {
      .FreeInternet__title {
        font: 900 40px/50px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 1199px) {
      .FreeInternet__title {
        font: 900 24px/30px "BrandonGrotesque", sans-serif; }
        .FreeInternet__title:after {
          margin-top: 10px; } }
    @media (max-width: 767px) {
      .FreeInternet__title {
        font: 900 20px/28px "BrandonGrotesque", sans-serif; }
        .FreeInternet__title:after {
          display: none; } }
  .FreeInternet__title-part {
    display: inline-block;
    white-space: nowrap; }
    .FreeInternet__title-part--flashing-bubble.is-doodled.is-doodled--highlight-white {
      display: table;
      margin: 0 0 8px -20px; }
      .FreeInternet__title-part--flashing-bubble.is-doodled.is-doodled--highlight-white:before {
        top: 50%;
        left: 48%;
        width: 101%;
        height: 101%; }
      @media (max-width: 767px) {
        .FreeInternet__title-part--flashing-bubble.is-doodled.is-doodled--highlight-white {
          position: absolute;
          left: 55%;
          top: -118%; }
          .FreeInternet__title-part--flashing-bubble.is-doodled.is-doodled--highlight-white:before {
            top: 49%;
            left: 48%;
            width: 98%;
            height: 98%; } }
    .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration {
      display: block;
      padding: 24px;
      white-space: normal;
      margin: 0; }
      .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration:before {
        content: none; }
      .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration:after {
        bottom: auto;
        top: 61%;
        left: 94%;
        -webkit-transform: rotateX(0deg) rotateZ(56deg);
                transform: rotateX(0deg) rotateZ(56deg);
        width: 40px;
        height: 40px; }
      @media (max-width: 1500px) {
        .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration {
          padding: 18px 20px; } }
      @media (max-width: 1199px) {
        .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration {
          padding: 16px; }
          .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration:after {
            bottom: auto;
            top: 60%;
            left: 92%;
            -webkit-transform: rotateX(0deg) rotateZ(56deg);
                    transform: rotateX(0deg) rotateZ(56deg);
            width: 28px;
            height: 28px; } }
      @media (max-width: 767px) {
        .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration {
          width: 145px;
          padding: 16px 12px 20px; }
          .FreeInternet__title-part--flashing-bubble .FreeInternet__promo-duration:after {
            top: 60%;
            left: 85%; } }
    .FreeInternet__title-part--main-top {
      position: relative; }
      @media (max-width: 767px) {
        .FreeInternet__title-part--main-top {
          margin-bottom: 5px; } }
    .FreeInternet__title-part--main-bottom {
      display: block;
      font: 900 30px/40px "BrandonGrotesque", sans-serif; }
      @media (max-width: 767px) {
        .FreeInternet__title-part--main-bottom {
          font: 900 18px/24px "BrandonGrotesque", sans-serif; } }
  .FreeInternet__flashing-bubble-title {
    display: block;
    text-align: center;
    text-transform: none;
    font: 400 18px/26px "Gloria Hallelujah"; }
    @media (max-width: 1500px) {
      .FreeInternet__flashing-bubble-title {
        font: 14px/20px "Gloria Hallelujah"; } }
    @media (max-width: 1199px) {
      .FreeInternet__flashing-bubble-title {
        font: 12px/18px "Gloria Hallelujah"; } }
    @media (max-width: 767px) {
      .FreeInternet__flashing-bubble-title {
        font: 10px/14px "Gloria Hallelujah"; } }
  @media (max-width: 1750px) {
    .FreeInternet__title-top {
      white-space: normal; } }
  .FreeInternet__promo-duration {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7px 14px 10px 21px;
    margin-left: -18px; }
    .FreeInternet__promo-duration:before, .FreeInternet__promo-duration:after {
      content: '';
      position: absolute;
      display: block;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center; }
    .FreeInternet__promo-duration:before {
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background-image: url(../img/svg/drawn-circle.svg);
      -webkit-transform: translate(-50%, -50%) scale(0.7) rotate(-10deg);
              transform: translate(-50%, -50%) scale(0.7) rotate(-10deg);
      opacity: 0;
      -webkit-transition: 0.5s cubic-bezier(0.53, -0.32, 0.1, 1.39) 0.75s;
      transition: 0.5s cubic-bezier(0.53, -0.32, 0.1, 1.39) 0.75s; }
    .FreeInternet__promo-duration:after {
      bottom: 70%;
      left: 90%;
      background-image: url(../img/svg/round-arrow.svg);
      width: 48px;
      height: 48px;
      -webkit-transform: rotate(-22deg);
              transform: rotate(-22deg); }
      @media (max-width: 1199px) {
        .FreeInternet__promo-duration:after {
          width: 32px;
          height: 32px;
          bottom: 60%; } }
      @media (max-width: 767px) {
        .FreeInternet__promo-duration:after {
          bottom: 50%; } }
    .FreeInternet__promo-duration-time {
      font: 900 56px/1.2 "BrandonGrotesque", sans-serif;
      margin-right: 6px; }
      @media (max-width: 1500px) {
        .FreeInternet__promo-duration-time {
          font: 900 48px/1.2 "BrandonGrotesque", sans-serif; } }
      @media (max-width: 1199px) {
        .FreeInternet__promo-duration-time {
          font: 900 30px/1.2 "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .FreeInternet__promo-duration-time {
          font: 900 20px/1.2 "BrandonGrotesque", sans-serif; } }
    .FreeInternet__promo-duration-unit {
      font: 400 40px/79px "Gloria Hallelujah";
      text-transform: none; }
      @media (max-width: 1500px) {
        .FreeInternet__promo-duration-unit {
          font: 400 32px/60px "Gloria Hallelujah"; } }
      @media (max-width: 1199px) {
        .FreeInternet__promo-duration-unit {
          font: 400 12px/24px "Gloria Hallelujah"; } }
    @media (max-width: 1199px) {
      .FreeInternet__promo-duration {
        padding: 4px 12px 4px 18px; } }
    @media (max-width: 767px) {
      .FreeInternet__promo-duration {
        padding: 4px 8px 4px 10px; } }
  .FreeInternet__title-underline {
    position: absolute;
    width: 100%;
    height: auto;
    top: 85%;
    left: 0;
    stroke: #C7C7C7;
    stroke-dashoffset: -468px;
    stroke-dasharray: 468px;
    -webkit-transition: all 0s linear 0.25s;
    transition: all 0s linear 0.25s; }
    @media (max-width: 1199px) {
      .FreeInternet__title-underline {
        top: 80%; } }
  .FreeInternet__sub-title {
    margin-top: 5px;
    font: 600 30px/43px "BrandonGrotesque", sans-serif;
    color: #C7C7C7; }
    .FreeInternet__sub-title .bold {
      font-weight: 700; }
    .FreeInternet__sub-title .white {
      color: #FFF; }
    .FreeInternet__sub-title .is-doodled.is-doodled--underlined:after {
      height: 14%; }
    .FreeInternet__sub-title .small.small.small {
      display: inherit;
      color: #C7C7C7;
      line-height: inherit;
      font-size: 16px; }
    @media (max-width: 1199px) {
      .FreeInternet__sub-title {
        font: 600 16px/23px "BrandonGrotesque", sans-serif; } }
  @media (min-width: 1025px) {
    .FreeInternet__btn:after {
      background: #FFF; }
    .FreeInternet__btn:hover {
      color: #BE2323;
      -webkit-transition-delay: 0s !important;
              transition-delay: 0s !important; } }
  .FreeInternet__disclaimer {
    display: block;
    padding: 0 16px 0 0;
    margin-top: 15px;
    color: #C7C7C7; }
  .textured-bg--red .FreeInternet__pre-title, .textured-bg--red .FreeInternet__title, .textured-bg--red .FreeInternet__sub-title, .textured-bg--red .FreeInternet__disclaimer {
    color: #FFF !important; }
  .textured-bg--red .FreeInternet__title-underline {
    stroke: #661618; }
  .textured-bg--red .FreeInternet__btn {
    color: #BE2323; }
    .textured-bg--red .FreeInternet__btn:before {
      background: #FFF; }

.owl-item.active .FreeInternet__promo-duration {
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1; }
  .owl-item.active .FreeInternet__promo-duration:before {
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
            transform: translate(-50%, -50%) scale(1) rotate(0deg);
    opacity: 1; }

.owl-item.active .FreeInternet__content-wrapper .FreeInternet__title, .owl-item.active .FreeInternet__content-wrapper .FreeInternet__sub-title, .owl-item.active .FreeInternet__content-wrapper .FreeInternet__btn, .owl-item.active .FreeInternet__content-wrapper .FreeInternet__disclaimer {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }
  .owl-item.active .FreeInternet__content-wrapper .FreeInternet__title:nth-child(1), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__sub-title:nth-child(1), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__btn:nth-child(1), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__disclaimer:nth-child(1) {
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s;
    transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.25s; }
  .owl-item.active .FreeInternet__content-wrapper .FreeInternet__title:nth-child(2), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__sub-title:nth-child(2), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__btn:nth-child(2), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__disclaimer:nth-child(2) {
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s;
    transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.35s; }
  .owl-item.active .FreeInternet__content-wrapper .FreeInternet__title:nth-child(3), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__sub-title:nth-child(3), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__btn:nth-child(3), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__disclaimer:nth-child(3) {
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s;
    transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.45s; }
  .owl-item.active .FreeInternet__content-wrapper .FreeInternet__title:nth-child(4), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__sub-title:nth-child(4), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__btn:nth-child(4), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__disclaimer:nth-child(4) {
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s;
    transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.55s; }
  .owl-item.active .FreeInternet__content-wrapper .FreeInternet__title:nth-child(5), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__sub-title:nth-child(5), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__btn:nth-child(5), .owl-item.active .FreeInternet__content-wrapper .FreeInternet__disclaimer:nth-child(5) {
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s;
    transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s, opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.65s; }

.owl-item.active .FreeInternet__title-underline {
  stroke-dashoffset: 0;
  stroke-dasharray: 468px;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1s;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1s; }

.owl-item.active .FreeInternet__main-img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: 0.7s cubic-bezier(0.55, 0, 0.1, 1) 1s;
  transition: 0.7s cubic-bezier(0.55, 0, 0.1, 1) 1s; }

.owl-item.active .FreeInternet--reversed .FreeInternet__main-img.FreeInternet__main-img.FreeInternet__main-img {
  -webkit-transform: translate(30px, 0);
          transform: translate(30px, 0); }
  @media (max-width: 1199px) {
    .owl-item.active .FreeInternet--reversed .FreeInternet__main-img.FreeInternet__main-img.FreeInternet__main-img {
      -webkit-transform: translate(0);
              transform: translate(0); } }

.slideBizz .FreeInternet__title-part--main-top svg {
  display: none; }

.slideBizz .FreeInternet__title-part--main-bottom {
  font: inherit !important; }

.slideBizz .green {
  color: #00C265; }
  .slideBizz .green span {
    position: relative; }
    .slideBizz .green span:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 5px;
      right: 0;
      bottom: 7px;
      background: url(../img/svg/stroke-underline-bizz.svg) center center no-repeat; }
      @media (max-width: 1199px) {
        .slideBizz .green span:after {
          height: 3px;
          bottom: 3px; } }

.NewPackages {
  height: 709px; }
  @media (max-width: 1500px) {
    .NewPackages {
      height: 609px; } }
  @media (max-width: 1199px) {
    .NewPackages {
      height: 355px; } }
  @media (max-width: 767px) {
    .NewPackages {
      height: 350px; } }
  .NewPackages__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .NewPackages__col--content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.3334%;
            flex: 0 0 63.3334%;
    padding: 60px 15% 60px 15%;
    height: 100%;
    background-image: url(../img/bg-slider-demenagement.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    z-index: 1; }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025), (min--moz-device-pixel-ratio: 2) and (min-width: 1025), (-moz-min-device-pixel-ratio: 2) and (min-width: 1025), (-o-min-device-pixel-ratio: 2) and (min-width: 1025), (min-device-pixel-ratio: 2) and (min-width: 1025) {
  .NewPackages__col--content {
    background-image: url(../img/bg-slider-demenagement@2x.png); } }
    @media (max-width: 1920px) {
      .NewPackages__col--content {
        padding: 60px 15% 60px 60px; } }
    @media (max-width: 1450px) {
      .NewPackages__col--content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        padding: 30px 18% 30px 30px; } }
    @media (max-width: 767px) {
      .NewPackages__col--content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        background-image: url(../img/bg-slider-demenagement--mobile.png);
        padding: 30px 50% 30px 30px; } }
    @media (max-width: 599px) {
      .NewPackages__col--content {
        padding: 30px 50% 15% 30px; } }
    @media (max-width: 460px) {
      .NewPackages__col--content {
        background-size: auto;
        background-position: center top;
        padding: 15px 40% 10% 15px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .NewPackages__col--image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
    background-image: url(../img/fireworks@2x.jpg);
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
    @media (max-width: 767px) {
      .NewPackages__col--image {
        width: 70%;
        background-position: top left;
        background-image: url(../img/fireworks.jpg); } }
    @media (max-width: 599px) {
      .NewPackages__col--image {
        background-position: -50% -50%;
        background-image: url(../img/fireworks@525w.jpg); } }
  .NewPackages__content-wrapper {
    color: #C7C7C7;
    text-align: right; }
    @media (max-width: 460px) {
      .NewPackages__content-wrapper {
        text-align: left; } }
  .NewPackages__title {
    margin-bottom: 75px;
    font: 900 50px/66px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
    @media (max-width: 1199px) {
      .NewPackages__title {
        font: 900 34px/48px "BrandonGrotesque", sans-serif;
        margin-bottom: 45px; } }
    @media (max-width: 991px) {
      .NewPackages__title {
        font: 900 24px/30px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .NewPackages__title {
        font: 900 20px/28px "BrandonGrotesque", sans-serif; } }
  .NewPackages__title-part.NewPackages__title-part {
    display: block;
    white-space: nowrap; }
    .NewPackages__title-part.NewPackages__title-part--doodled {
      display: inline-block;
      color: #FFF;
      margin-top: 3px; }
      .NewPackages__title-part.NewPackages__title-part--doodled:before, .NewPackages__title-part.NewPackages__title-part--doodled:after {
        opacity: 0.0001;
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      .NewPackages__title-part.NewPackages__title-part--doodled:before {
        height: 165%; }
      .NewPackages__title-part.NewPackages__title-part--doodled:after {
        height: 12%;
        top: 85%; }
  .NewPackages__title-part-wrapper {
    display: block;
    overflow: hidden; }
  .NewPackages__title-part-content {
    display: inline-block;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0.0001;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .NewPackages__btn-wrapper.NewPackages__btn-wrapper:after {
    opacity: 0.0001;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
    @media (max-width: 1199px) {
      .NewPackages__btn-wrapper.NewPackages__btn-wrapper:after {
        top: 100%;
        left: 100%;
        width: 32px;
        height: 32px; } }
    @media (max-width: 560px) {
      .NewPackages__btn-wrapper.NewPackages__btn-wrapper:after {
        top: 115%;
        left: 85%; } }
    @media (max-width: 460px) {
      .NewPackages__btn-wrapper.NewPackages__btn-wrapper:after {
        top: 125%;
        left: 0;
        right: auto;
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg); } }
  .NewPackages__btn {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0.0001;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
    .NewPackages__btn:after {
      background: #FFF; }
    .NewPackages__btn:hover {
      color: #BE2323 !important; }
    @media (max-width: 1199px) {
      .NewPackages__btn-nomobile-part {
        display: none; } }

.owl-item.active .NewPackages__col--image {
  will-change: transform;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

.owl-item.active .NewPackages__title-part:nth-child(1) .NewPackages__title-part-content {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }

.owl-item.active .NewPackages__title-part:nth-child(2) .NewPackages__title-part-content {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }

.owl-item.active .NewPackages__title-part:nth-child(3) .NewPackages__title-part-content {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }

.owl-item.active .NewPackages__title-part:before, .owl-item.active .NewPackages__title-part:after {
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.25s cubic-bezier(0.55, 0, 0.1, 1); }

.owl-item.active .NewPackages__title-part:before {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s; }

.owl-item.active .NewPackages__title-part:after {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }

.owl-item.active .NewPackages__title-part-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.owl-item.active .NewPackages__btn {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  will-change: transform, opacity;
  -webkit-transition: opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s;
  transition: opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s, color 0.25s cubic-bezier(0.55, 0, 0.1, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 2) 1.05s; }

.owl-item.active .NewPackages__btn-wrapper.NewPackages__btn-wrapper:after {
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39);
  transition: all 0.4s cubic-bezier(0.53, -0.32, 0.1, 1.39);
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
  -webkit-animation: click 0.3s steps(1) 1.8s;
          animation: click 0.3s steps(1) 1.8s; }
  @media (max-width: 460px) {
    .owl-item.active .NewPackages__btn-wrapper.NewPackages__btn-wrapper:after {
      -webkit-animation-name: clickInverse;
              animation-name: clickInverse; } }

@-webkit-keyframes click {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); } }

@keyframes click {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); } }

@-webkit-keyframes clickInverse {
  0%, 100% {
    -webkit-transform: rotateY(180deg) scale(1);
            transform: rotateY(180deg) scale(1); }
  50% {
    -webkit-transform: rotateY(180deg) scale(0.85);
            transform: rotateY(180deg) scale(0.85); } }

@keyframes clickInverse {
  0%, 100% {
    -webkit-transform: rotateY(180deg) scale(1);
            transform: rotateY(180deg) scale(1); }
  50% {
    -webkit-transform: rotateY(180deg) scale(0.85);
            transform: rotateY(180deg) scale(0.85); } }

@media (min-width: 768px) {
  .OneMonthFree__title {
    position: absolute;
    padding: 0;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: right;
    padding-right: 80px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; } }

.OneMonthFree__title-part--underlined {
  position: relative; }

.OneMonthFree .FreeInternet__title {
  text-align: right;
  color: #343434; }
  @media (max-width: 767px) {
    .OneMonthFree .FreeInternet__title {
      text-align: center; } }
  .OneMonthFree .FreeInternet__title:after {
    display: block;
    margin-left: auto;
    background-color: #626262; }
  .OneMonthFree .FreeInternet__title-part--main-top {
    margin-right: 16px; }

.OneMonthFree .FreeInternet__btn:hover {
  color: #FFF; }

.OneMonthFree .FreeInternet__btn:after {
  background: #343434; }

.OneMonthFree .FreeInternet__sub-title {
  text-transform: none;
  color: #626262; }

.OneMonthFree .FreeInternet__promo-duration:before {
  background-image: url(../img/svg/drawn-circle--black.svg); }

.OneMonthFree .FreeInternet__promo-duration:after {
  background-image: url(../img/svg/round-arrow--black.svg);
  right: 90%;
  left: auto; }

.OneMonthFree .FreeInternet__title-underline path {
  stroke: #626262; }

.OneMonthFree .FreeInternet__disclaimer {
  color: #626262;
  padding: 0 0 0 30px; }
  .OneMonthFree .FreeInternet__disclaimer a {
    color: currentColor;
    text-decoration: underline; }
    .OneMonthFree .FreeInternet__disclaimer a:hover {
      color: #BE2323; }

.OneMonthFree .television {
  background-image: url(../img/tele.png); }
  body:lang(en-CA) .OneMonthFree .television {
    background-image: url(../img/tele-en.png); }

.OneMonthFree .mobile {
  top: auto;
  background-image: url(../img/ebox-phone-app.png);
  background-size: contain; }
  body:lang(en-CA) .OneMonthFree .mobile {
    background-image: url(../img/ebox-phone-app--en.png); }

.OneMonthFree .gamepad {
  position: absolute;
  width: 181px;
  height: 115px;
  bottom: 169px;
  right: 72px;
  z-index: 1;
  opacity: 0.0001;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0.6s;
  transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0.6s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  background-image: url(../img/gamepad.png);
  background-size: contain;
  background-repeat: no-repeat; }

@media (min-width: 1661px) and (max-width: 1750px) {
  .OneMonthFree .decodeur {
    top: 540px;
    right: 430px; } }

@media (min-width: 1501px) and (max-width: 1660px) {
  .OneMonthFree .decodeur {
    top: 490px;
    right: 380px; } }

.OneMonthFree .mobile-device {
  background-image: url(../img/tv-devices-group.png); }
  body:lang(en-CA) .OneMonthFree .mobile-device {
    background-image: url(../img/tv-devices-group--en.png); }

@media (min-width: 1661px) {
  .OneMonthFree .television {
    width: 671px;
    height: 468px;
    top: 84px; }
  .OneMonthFree .mobile {
    width: 115px;
    height: 181px;
    bottom: 132px;
    right: 756px; } }

@media (max-width: 1660px) {
  .OneMonthFree .mobile {
    width: 103px;
    height: 162px;
    right: 678px;
    bottom: 200px; }
  .OneMonthFree .gamepad {
    width: 165px;
    height: 110px;
    bottom: 219px;
    right: 77px; } }

@media (max-width: 1500px) {
  .OneMonthFree .mobile {
    bottom: 100px; }
  .OneMonthFree .gamepad {
    bottom: 119px; } }

@media (max-width: 1500px) {
  .OneMonthFree .mobile {
    width: 68px;
    height: 107px;
    right: 628px;
    bottom: 175px; }
  .OneMonthFree .gamepad {
    width: 125px;
    height: 80px;
    bottom: 185px;
    right: 161px; } }

@media (min-width: 1200px) and (max-width: 1350px) {
  .OneMonthFree {
    background-position: top -140px right -17vw; }
    .OneMonthFree .television, .OneMonthFree .decodeur, .OneMonthFree .mobile, .OneMonthFree .gamepad {
      margin-right: -4vw; } }

@media (max-width: 1199px) {
  .OneMonthFree .mobile {
    width: 48px;
    height: 77px;
    right: 426px;
    bottom: 105px; }
  .OneMonthFree .gamepad {
    width: 85px;
    height: 50px;
    bottom: 118px;
    right: 111px; } }

@media (max-width: 835px) {
  .OneMonthFree .mobile {
    right: 346px; }
  .OneMonthFree .gamepad {
    right: 30px; } }

@media (max-width: 767px) {
  .OneMonthFree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    background-position: center top -300px;
    background-size: 100% 390px; }
    .OneMonthFree .gamepad {
      display: none; }
    .OneMonthFree .mobile-device {
      width: 169px;
      height: 106px;
      background-size: contain;
      margin: 0px auto 40px; }
    .OneMonthFree .FreeInternet__title:after {
      display: none; }
    .OneMonthFree .FreeInternet__disclaimer {
      padding: 0 15px;
      max-width: 400px;
      margin: 20px auto; } }

.TeaserButton, .TeaserForm .gform_button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: #FFF;
  color: #BE2323;
  font: 700 16px/16px "BrandonGrotesque", sans-serif;
  text-transform: uppercase;
  padding: 19px 30px 17px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-box-shadow: 0 12px 10px -6px transparent;
          box-shadow: 0 12px 10px -6px transparent;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  .TeaserButton:hover, .TeaserForm .gform_button:hover {
    -webkit-box-shadow: 0 27px 18px -13px rgba(0, 0, 0, 0.3);
            box-shadow: 0 27px 18px -13px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px); }
  .TeaserButton--mouse {
    position: relative; }
    .TeaserButton--mouse:after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 56px;
      height: 67px;
      background-image: url(../img/svg/mouse.svg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }

.TeaserForm {
  padding: 142px 15px 102px;
  -webkit-box-shadow: inset 0 -5px 30px 0 rgba(0, 0, 0, 0.45);
          box-shadow: inset 0 -5px 30px 0 rgba(0, 0, 0, 0.45);
  color: #FFF !important; }
  @media (max-width: 991px) {
    .TeaserForm {
      padding: 100px 15px 60px; } }
  @media (max-width: 600px) {
    .TeaserForm {
      padding: 60px 0 40px; } }
  .TeaserForm .validation_error {
    display: none; }
  .TeaserForm__col--title {
    padding: 0 0 0 110px; }
    html:lang(en-CA) .TeaserForm__col--title {
      padding-left: 85px; }
    @media (max-width: 990px) {
      .TeaserForm__col--title {
        padding: 0 15px !important; } }
  .TeaserForm__service-icons {
    max-width: 100%; }
    @media (max-width: 990px) {
      .TeaserForm__service-icons {
        display: none; } }
  .TeaserForm__title {
    margin: 0 0 41px;
    font: 900 40px/1.45 "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    color: currentColor; }
    @media (max-width: 1300px) {
      .TeaserForm__title {
        font-size: 32px; } }
    @media (max-width: 991px) {
      .TeaserForm__title {
        font-size: 34px; } }
    @media (max-width: 767px) {
      .TeaserForm__title {
        font-size: 26px; } }
    @media (max-width: 600px) {
      .TeaserForm__title {
        font-size: 18px; } }
  .TeaserForm__form input[type="text"], .TeaserForm__form input[type="email"] {
    background: none;
    width: 100% !important;
    padding: 0 !important; }
  .TeaserForm__form .material-input-container, .TeaserForm__form .materialInputContainer {
    font: 700 20px/22px "BrandonGrotesque", sans-serif !important;
    color: #FFF; }
    .TeaserForm__form .material-input-container input, .TeaserForm__form .materialInputContainer input {
      border-radius: 0 !important;
      border-color: currentColor; }
    .TeaserForm__form .material-input-container label, .TeaserForm__form .materialInputContainer label {
      font: inherit; }
  .TeaserForm__form .materialInputContainer {
    position: relative;
    margin: 0 0 35px !important;
    padding: 0 !important; }
    .TeaserForm__form .materialInputContainer:last-of-type {
      margin-bottom: 0; }
  .TeaserForm__form--sent {
    visibility: hidden; }
  .TeaserForm__form-footer {
    position: relative !important;
    display: inline-block !important;
    margin: 40px 0 0;
    padding: 0;
    width: auto !important; }
    .TeaserForm__form-footer:after {
      content: '';
      display: inline-block;
      position: absolute;
      left: 100%;
      top: 50%;
      margin-left: -5px;
      width: 90px;
      height: 96px;
      background-image: url(../img/svg/mouse.svg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media (max-width: 1024px) {
        .TeaserForm__form-footer:after {
          display: none; } }
  .TeaserForm div.mce_inline_error {
    background: none !important;
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 0;
    padding: 0 !important; }
  .TeaserForm #mc_embed_signup {
    position: relative; }
  .TeaserForm #mce-success-response {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/ebox-texture-background--red.jpg);
    padding-bottom: 70px;
    z-index: 1;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    font: 700 20px/1.4 "BrandonGrotesque", sans-serif; }
    @media (max-width: 991px) {
      .TeaserForm #mce-success-response {
        padding-bottom: 0; } }
    @media (max-width: 650px) {
      .TeaserForm #mce-success-response {
        text-align: left; } }
    @media (max-width: 600px) {
      .TeaserForm #mce-success-response {
        font-size: 16px; } }
  .TeaserForm .material-input-container.material-input-container.material-input-container.material-input-container {
    font: 700 20px/22px "BrandonGrotesque", sans-serif !important; }
    .TeaserForm .material-input-container.material-input-container.material-input-container.material-input-container label {
      font: 700 20px/22px "BrandonGrotesque", sans-serif !important; }
    .TeaserForm .material-input-container.material-input-container.material-input-container.material-input-container input {
      background: none;
      width: 100%;
      border-color: currentColor;
      padding-left: 0; }
  .TeaserForm .gform_fields {
    list-style: none;
    padding: 0;
    margin: 0; }
  .TeaserForm .gfield {
    position: relative;
    margin-bottom: 36px; }
    .TeaserForm .gfield .validation_message {
      position: absolute;
      display: block;
      width: 100%;
      padding-top: 4px;
      top: 100%;
      left: 0;
      text-align: right; }
    .TeaserForm .gfield .ginput_container .validation_message {
      position: relative;
      top: auto; }
  .TeaserForm .gform_button.gform_button.gform_button {
    margin-right: 0; }
  .TeaserForm .gform_footer {
    position: relative; }
    .TeaserForm .gform_footer:after {
      content: '';
      display: inline-block;
      position: absolute;
      left: 100%;
      top: 50%;
      margin-left: -5px;
      width: 90px;
      height: 96px;
      background-image: url(../img/svg/mouse.svg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media (max-width: 1024px) {
        .TeaserForm .gform_footer:after {
          display: none; } }

.TeaserHeader {
  padding: 100px 60px 230px;
  overflow: hidden;
  -webkit-box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45);
          box-shadow: inset 0 5px 30px 0 rgba(0, 0, 0, 0.45); }
  @media (max-width: 1299px) {
    .TeaserHeader {
      padding: 70px 15px 180px; } }
  @media (max-width: 991px) {
    .TeaserHeader {
      padding: 70px 15px 150px; } }
  @media (max-width: 600px) {
    .TeaserHeader {
      padding: 30px 15px 80px; } }
  @media (max-width: 400px) {
    .TeaserHeader {
      padding: 30px 15px 70px; } }
  .TeaserHeader__title {
    margin: 0;
    text-align: center;
    font: 900 80px/1.4 "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
    @media (max-width: 1299px) {
      .TeaserHeader__title {
        font-size: 60px; } }
    @media (max-width: 991px) {
      .TeaserHeader__title {
        font-size: 50px; } }
    @media (max-width: 550px) {
      .TeaserHeader__title {
        font-size: 40px; } }
    @media (max-width: 375px) {
      .TeaserHeader__title {
        font-size: 20px; } }
  .TeaserHeader__title-row:last-of-type {
    margin-bottom: 0; }
    .TeaserHeader__title-row:last-of-type .is-doodled--splashed:before {
      display: none; }
    .TeaserHeader__title-row:last-of-type .TeaserHeader__title-arrow {
      opacity: 0;
      -webkit-transition: all 0.15s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.15s cubic-bezier(0.55, 0, 0.1, 1); }
      .TeaserHeader__title-row:last-of-type .TeaserHeader__title-arrow--left {
        -webkit-transform: translate(-15px, 10px);
                transform: translate(-15px, 10px);
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s; }
      .TeaserHeader__title-row:last-of-type .TeaserHeader__title-arrow--right {
        -webkit-transform: translate(15px, 10px);
                transform: translate(15px, 10px);
        -webkit-transition-delay: 0.65s;
                transition-delay: 0.65s; }
      @media (max-width: 600px) {
        .TeaserHeader__title-row:last-of-type .TeaserHeader__title-arrow {
          display: none; } }
    .TeaserHeader__title-row:last-of-type.TeaserHeader__title-row--landed .is-doodled--splashed:before {
      display: block; }
    .TeaserHeader__title-row:last-of-type.TeaserHeader__title-row--landed .TeaserHeader__title-arrow {
      opacity: 1;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .TeaserHeader__title-arrow {
    position: absolute;
    fill: #FFF; }
    .TeaserHeader__title-arrow--left {
      width: 31px;
      height: 27px;
      right: 105%;
      bottom: -10px; }
    .TeaserHeader__title-arrow--right {
      width: 55px;
      height: 32px;
      right: -65px;
      top: 50%; }

.TeaserMiddle {
  background-image: url(../img/back-body-tv.jpg);
  position: relative;
  padding: 0 0 60px; }
  @media (max-width: 991px) {
    .TeaserMiddle {
      padding-bottom: 40px; } }
  @media (max-width: 600px) {
    .TeaserMiddle {
      padding-bottom: 10px; } }
  .TeaserMiddle:before, .TeaserMiddle:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 165px;
    background-image: url(../img/svg/shadow-white.svg);
    background-size: 2100px 170px;
    background-position: center bottom 30px;
    background-repeat: no-repeat; }
    @media (min-width: 1921px) {
      .TeaserMiddle:before, .TeaserMiddle:after {
        background-size: 110% 170px; } }
  .TeaserMiddle:before {
    bottom: 99%;
    -webkit-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg); }
  .TeaserMiddle:after {
    top: 99%; }
  body.is-safari .TeaserMiddle:before, body.is-safari .TeaserMiddle:after, body.is-ios .TeaserMiddle:before, body.is-ios .TeaserMiddle:after {
    height: 155px;
    background-position: center bottom 25px; }
  .TeaserMiddle__wrapper {
    position: relative;
    z-index: 1; }
  .TeaserMiddle__decoder-container {
    position: relative;
    display: block;
    width: 95%;
    max-width: 1263px;
    height: auto;
    margin: -100px auto 0; }
    .TeaserMiddle__decoder-container:before {
      content: '';
      position: absolute;
      display: block;
      top: 50%;
      left: 11%;
      margin-top: -20px;
      width: 105px;
      height: 209px;
      opacity: 0;
      background-image: url(../img/svg/arrow-curve.svg);
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }
      @media (max-width: 1299px) {
        .TeaserMiddle__decoder-container:before {
          display: none; } }
    .TeaserMiddle__decoder-container--landed:before {
      opacity: 1; }
    @media (max-width: 767px) {
      .TeaserMiddle__decoder-container {
        margin-top: -80px; } }
    @media (max-width: 600px) {
      .TeaserMiddle__decoder-container {
        margin-top: -50px; } }
    @media (max-width: 600px) {
      .TeaserMiddle__decoder-container {
        margin-top: -40px; } }
  .TeaserMiddle__decoder {
    max-width: 100%; }
  .TeaserMiddle__wrapper {
    text-align: center; }
  .TeaserMiddle__title {
    margin: 10px 0;
    display: inline-block;
    font: 900 45px/1.125 "BrandonGrotesque", sans-serif;
    color: #1F1F1F;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .TeaserMiddle__title {
        font-size: 26px; } }
    @media (max-width: 600px) {
      .TeaserMiddle__title {
        font-size: 18px; } }
  .TeaserMiddle__sub-title {
    font: 700 26px/1.125 "BrandonGrotesque", sans-serif; }

.Bubble {
  padding-bottom: 13px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-bottom: 0px;
  opacity: 0;
  will-change: transform, opacity;
  z-index: 10; }
  .Bubble--always-show-closer .Bubble__wrapper {
    padding-top: 40px; }
  .Bubble--always-show-closer .Bubble__close-btn {
    display: block !important; }
  .Bubble--always-show-closer .Bubble__content {
    margin-bottom: 0;
    max-height: none;
    overflow: visible; }
  .Bubble--step-up {
    margin-bottom: 30px; }
  .Bubble--small .Bubble__bubble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 275px;
    max-height: 150px;
    overflow: hidden;
    padding: 8px; }
  .Bubble--small .Bubble__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow: auto; }
  .Bubble--small .Bubble__content {
    font: 400 13px/16px "BrandonGrotesque", sans-serif;
    margin-bottom: 0;
    overflow: visible; }
  .Bubble--small .Bubble__close-btn {
    display: none; }
  .Bubble--small.Bubble.Bubble:after {
    margin-left: -13px;
    margin-top: -13px;
    width: 26px;
    height: 8px; }
  .Bubble--is-bottom.Bubble.Bubble:after {
    top: auto;
    bottom: 100%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .Bubble__bubble {
    position: relative;
    width: 400px;
    max-width: 100%;
    padding: 18px 20px;
    background: #FFF;
    color: #1F1F1F;
    font-family: "BrandonGrotesque", sans-serif;
    text-align: left;
    cursor: initial;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
    z-index: 1; }
    @media (max-width: 1024px) {
      .Bubble__bubble {
        padding-top: 30px;
        width: 300px; } }
    @media (max-width: 500px) {
      .Bubble__bubble {
        width: 180px;
        left: 5px !important;
        right: 0 !important; } }
  .Bubble:after {
    content: '';
    position: absolute;
    display: block;
    top: 100%;
    left: 50%;
    margin-left: -18px;
    margin-top: -13px;
    width: 36px;
    height: 13px;
    overflow: hidden;
    background-image: url(../img/svg/arrow_pop-up.svg);
    background-position: center -4px;
    background-size: cover;
    z-index: 1; }
    @media (max-width: 1024px) {
      .Bubble:after {
        content: none; } }
  @media (max-width: 1024px) {
    .Bubble--is-tooltip:after {
      content: ''; } }
  .Bubble__wrapper {
    position: relative; }
    @media (max-width: 1024px) {
      .Bubble__wrapper {
        position: static; } }
  .Bubble__corner-container {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .Bubble__origin-flag {
    display: inline-block;
    width: 28px;
    height: 20px; }
    .Bubble__origin-flag--mobile {
      display: none; }
    @media (max-width: 1024px) {
      .Bubble__origin-flag {
        display: none; }
        .Bubble__origin-flag--mobile {
          display: inline-block; } }
  .Bubble__position {
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px;
    color: #8E8E8E;
    border-left: 1px solid currentColor;
    font: 400 16px/18px "BrandonGrotesque", sans-serif; }
  .Bubble__title {
    font: 700 20px/24px "BrandonGrotesque", sans-serif;
    margin: 0 0 5px; }
  .Bubble__pricing-container {
    margin-bottom: 8px; }
  .Bubble__content-title, .Bubble__features-title {
    font: 700 14px/20px "BrandonGrotesque", sans-serif;
    color: #595959; }
  .Bubble__features {
    margin-bottom: 30px; }
  .Bubble__features-list {
    list-style: none;
    padding: 0;
    margin: -2px; }
  .Bubble__feature-item {
    display: inline-block;
    font: 400 14px/20px "BrandonGrotesque", sans-serif;
    color: #595959;
    padding: 2px; }
    .Bubble__feature-item:after {
      content: '';
      position: relative;
      display: inline-block;
      height: 20px;
      width: 1px;
      background-color: currentColor;
      font-size: 20px;
      vertical-align: middle;
      color: currentColor;
      margin: 0 5px;
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg); }
    .Bubble__feature-item:last-child:after {
      content: none; }
  .Bubble__feature-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: currentColor;
    vertical-align: middle; }
  .Bubble__feature-title {
    vertical-align: middle; }
  .Bubble__content-container {
    font: 400 14px/20px "BrandonGrotesque", sans-serif;
    overflow: auto;
    margin-bottom: 6px; }
    .Bubble__content-container p {
      font: 400 14px/20px "BrandonGrotesque", sans-serif;
      margin: 0 0 10px; }
  .Bubble__close-btn, .Bubble__add-btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    padding: 0; }
  .Bubble__close-btn {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    background: #1F1F1F;
    color: #FFF;
    border-radius: 0; }
    @media (max-width: 1024px) {
      .Bubble__close-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .Bubble__close-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: currentColor;
    margin: auto; }
  .Bubble__add-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    color: #BE2323;
    font: 700 14px/20px "BrandonGrotesque", sans-serif;
    height: 39px;
    padding: 0 24px;
    background: #BE2323;
    color: #FFF;
    border-radius: 6px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    text-transform: uppercase;
    z-index: auto; }
    .Bubble__add-btn:before {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      background: #FFF;
      opacity: 1;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .Bubble__add-btn:after {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      background: #343434;
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .Bubble__add-btn:hover {
      background: #343434;
      color: #FFF;
      -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
              box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
      .Bubble__add-btn:hover:after {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .Bubble__add-btn:hover:before {
        opacity: 0; }
  .Bubble__add-btn-title, .Bubble__add-icon {
    position: relative;
    z-index: 1; }
  .Bubble__add-icon {
    display: inline-block;
    position: relative;
    bottom: 2px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    fill: currentColor; }
  .Bubble__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.channel-listing__section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px; }
  .channel-listing__section .row-fluid:before, .channel-listing__section .row-fluid:after {
    content: " ";
    display: table; }
  .channel-listing__section .row-fluid:after {
    clear: both; }
  .channel-listing__section:after {
    content: '';
    position: absolute;
    display: block;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #343434;
    width: calc(100% - 30px);
    height: 1px; }
  .channel-listing__section:last-child:after, .channel-listing__section--no-border:after {
    content: none; }
  .channel-listing__section--black {
    background-color: #343434; }
  .channel-listing__section--search-form {
    padding-bottom: 0; }
  @media (max-width: 991px) {
    .channel-listing__section {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 767px) {
    .channel-listing__section {
      padding-top: 30px;
      padding-bottom: 30px; } }

.channel-listing__section-title {
  margin-bottom: 70px; }
  .channel-listing__section-title--white {
    color: #FFF; }
  @media (max-width: 991px) {
    .channel-listing__section-title {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .channel-listing__section-title {
      margin-bottom: 20px; } }

@media (max-width: 991px) {
  .channel-listing__channel-list {
    margin-bottom: 20px; } }

.channel-listing__channel-list .channel-list__header {
  color: #595959;
  border-color: currentColor; }

.channel-listing__channel-list .channel-list__title {
  color: currentColor; }

@media (min-width: 601px) and (max-width: 991px) {
  .channel-listing__channel-list .channel-list__body {
    padding: 0 !important; } }

@media (max-width: 600px) {
  .channel-listing__channel-list .channel-list__header {
    padding: 0 0 5px; }
  .channel-listing__channel-list .channel-list__body {
    padding: 30px 0 0 !important; } }

@media (max-width: 1600px) {
  .page-template-page-landing-demenagement .LiteHeader {
    padding: 15px 0; } }

.page-template-page-landing-demenagement .Demenagement__title {
  text-align: left;
  padding-left: 60px; }
  .page-template-page-landing-demenagement .Demenagement__title .is-doodled--underlined:after {
    height: 11%; }
  @media (max-width: 1075px) {
    .page-template-page-landing-demenagement .Demenagement__title .is-doodled--pointed:before {
      bottom: 30%; } }
  @media (max-width: 800px) {
    .page-template-page-landing-demenagement .Demenagement__title {
      font-size: 25px; }
      .page-template-page-landing-demenagement .Demenagement__title .is-doodled--pointed:before {
        bottom: 0; } }
  @media (max-width: 800px) {
    .page-template-page-landing-demenagement .Demenagement__title {
      padding-left: 15px;
      padding-right: 15px;
      text-align: center; } }

.page-template-page-landing-demenagement .Demenagement__col--left .Demenagement__col-wrapper {
  padding-bottom: 135px; }

@media (max-width: 1600px) {
  .page-template-page-landing-demenagement .Demenagement__col--left {
    padding-top: 75px; }
    .page-template-page-landing-demenagement .Demenagement__col--left .Demenagement__col-wrapper {
      padding-bottom: 115px; } }

@media (max-width: 1075px) {
  .page-template-page-landing-demenagement .Demenagement__col--left .Demenagement__col-wrapper {
    padding-bottom: 45px; } }

@media (max-width: 1075px) {
  .page-template-page-landing-demenagement .Demenagement__col--left .Demenagement__col-wrapper {
    padding-bottom: 0; } }

.page-template-page-landing-demenagement .Demenagement__col--right .Demenagement__col-wrapper {
  padding-bottom: 45px; }

.page-template-page-landing-demenagement .Demenagement__box-svg {
  left: 99px; }
  @media (max-width: 1600px) {
    .page-template-page-landing-demenagement .Demenagement__box-svg {
      bottom: auto; } }
  @media (max-width: 1075px) {
    .page-template-page-landing-demenagement .Demenagement__box-svg {
      display: none; } }

@media (max-width: 1024px) {
  .page-template-page-landing-demenagement .Demenagement {
    background-image: url(../img/red-pattern.png);
    background-size: auto;
    background-repeat: repeat; } }

.page-template-page-landing-demenagement .BandeFormulaire__right p {
  font: 900 34px/40px "BrandonGrotesque", sans-serif; }

.page-template-page-landing-demenagement .landing-demenagement__title-description {
  font: 700 24px/30px "BrandonGrotesque", sans-serif;
  max-width: 635px;
  text-transform: none;
  text-align: left;
  margin-top: 13px; }
  @media (max-width: 1075px) {
    .page-template-page-landing-demenagement .landing-demenagement__title-description {
      font: 700 18px/24px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 800px) {
    .page-template-page-landing-demenagement .landing-demenagement__title-description {
      text-align: center; } }

.page-template-page-landing-demenagement .gfield {
  margin-bottom: 40px !important; }
  .page-template-page-landing-demenagement .gfield:last-child {
    margin-bottom: 0 !important; }
  @media (max-width: 800px) {
    .page-template-page-landing-demenagement .gfield {
      margin-bottom: 30px !important; } }

.page-template-page-landing-demenagement .material-input-container {
  margin-bottom: 0 !important; }

.page-template-page-landing-demenagement .gform_wrapper .gform_ajax_spinner {
  padding-left: 10px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.page-template-page-routeurs .SinglePrice {
  width: 100%;
  height: 325px;
  background: url(../img/red-pattern.png) left top repeat;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media (max-width: 1199px) {
    .page-template-page-routeurs .SinglePrice {
      margin-top: 30px; } }
  .page-template-page-routeurs .SinglePrice .Listing__recap {
    border-top: 0;
    padding-top: 0; }
    .page-template-page-routeurs .SinglePrice .Listing__recap-wrapper {
      text-align: center; }
  .page-template-page-routeurs .SinglePrice .Listing__apartir {
    font: 400 16px/22px "BrandonGrotesque", sans-serif;
    color: #FFF;
    margin-left: 6px;
    margin-bottom: 0;
    text-align: center; }
  .page-template-page-routeurs .SinglePrice .Listing__prix {
    font: 900 100px/100px "BrandonGrotesque", sans-serif;
    color: #FFF;
    position: relative;
    margin-left: 0; }
    .page-template-page-routeurs .SinglePrice .Listing__prix sup {
      font-size: 35px;
      vertical-align: super;
      top: 3px; }
    .page-template-page-routeurs .SinglePrice .Listing__prix span {
      position: absolute;
      right: 3px;
      top: 50px;
      font: 400 12px "Gloria Hallelujah"; }
    .page-template-page-routeurs .SinglePrice .Listing__prix--promo {
      font: 900 22px "BrandonGrotesque", sans-serif;
      margin-right: 10px;
      color: #FFF;
      position: relative;
      display: none; }
      .page-template-page-routeurs .SinglePrice .Listing__prix--promo sup {
        font-size: 12px; }
      .page-template-page-routeurs .SinglePrice .Listing__prix--promo:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #C7C7C7;
        opacity: 0.7;
        position: absolute;
        left: 0;
        top: 14px; }

.cloud-dvr {
  color: #FFF;
  background-image: url(../img/Body.png); }
  .cloud-dvr + .HomeControl .HomeControl__consec {
    border-top: none; }
  .cloud-dvr__wrapper {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 154px 2.8vw 154px 7.29vw;
    background-image: url(../img/svg/diagonal-right-bg.svg);
    background-position: right top;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    @media (min-width: 1921px) {
      .cloud-dvr__wrapper {
        padding: 154px 140px 154px 54px; }
        .cloud-dvr__wrapper:after {
          content: '';
          position: absolute;
          display: block;
          top: 0;
          left: 100%;
          height: 100%;
          width: calc((100vw - 1920px));
          background-color: #1F1F1F; } }
  .cloud-dvr__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -28px; }
  .cloud-dvr__col {
    padding: 0 28px; }
    .cloud-dvr__col--text {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 53.4%;
              flex: 0 0 53.4%;
      width: 53.4%; }
      @media (min-width: 1600px) {
        .cloud-dvr__col--text {
          min-width: 952px; } }
    .cloud-dvr__col--image {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 46.6%;
              flex: 0 1 46.6%; }
  .cloud-dvr__col-title {
    margin-bottom: 8px; }
  .cloud-dvr__specs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .cloud-dvr__specs.cloud-dvr__specs.cloud-dvr__specs {
      margin: 40px 0 0 !important;
      padding: 0; }
      .cloud-dvr__specs.cloud-dvr__specs.cloud-dvr__specs .owl-item {
        text-align: center; }
      @media (min-width: 1100px) {
        .cloud-dvr__specs.cloud-dvr__specs.cloud-dvr__specs {
          width: 100%; }
          .cloud-dvr__specs.cloud-dvr__specs.cloud-dvr__specs .owl-stage {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
    .cloud-dvr__specs .TitleIconBlock__title-part--top {
      font-size: 18px; }
    .cloud-dvr__specs .TitleIconBlock__title-part--bottom {
      font-size: 22px; }
    @media (min-width: 1600px) {
      .cloud-dvr__specs .TitleIconBlock__title-part {
        white-space: nowrap; } }
    @media (min-width: 1100px) and (max-width: 1599px) {
      .cloud-dvr__specs .TitleIconBlock__title-part--top {
        font-size: 1.04vw;
        line-height: 1.25vw; }
      .cloud-dvr__specs .TitleIconBlock__title-part--bottom {
        font-size: 1.3vw;
        line-height: 1.56vw; } }
  .cloud-dvr__note {
    margin-top: 64px; }
  .cloud-dvr__main-img {
    width: 774px;
    max-width: 100%; }
  .cloud-dvr__controls {
    display: none; }
  @media (max-width: 1399px) {
    .cloud-dvr__wrapper {
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media (max-width: 1099px) {
    .cloud-dvr {
      background-image: url(../img/svg/diagonal-right-bg.svg);
      background-position: right top;
      background-size: auto 100%;
      background-repeat: no-repeat; }
      .cloud-dvr__wrapper {
        width: 100%;
        max-width: 970px;
        padding: 60px 30px;
        background: none; }
      .cloud-dvr__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        margin: -30px 0; }
      .cloud-dvr__col {
        padding: 30px 0;
        text-align: center; }
        .cloud-dvr__col--text, .cloud-dvr__col--image {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          width: 100%; }
      .cloud-dvr__specs-wrapper {
        position: relative; }
      .cloud-dvr__specs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 880px;
        margin: 0 auto; }
        .cloud-dvr__specs.cloud-dvr__specs.cloud-dvr__specs {
          margin: 40px 0 0 !important; }
      .cloud-dvr__spec {
        padding: 0 12px; }
      .cloud-dvr__main-img {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto; } }
  @media (max-width: 919px) {
    .cloud-dvr__specs-wrapper {
      padding: 0 48px; }
    .cloud-dvr__controls {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%; }
    .cloud-dvr__control {
      z-index: 1; } }
  @media (max-width: 767px) {
    .cloud-dvr__wrapper {
      padding: 60px 15px; }
    .cloud-dvr__note {
      margin-top: 32px;
      text-align: left; } }
  @media (max-width: 599px) {
    .cloud-dvr {
      background-position: left -150px top; } }

.faq {
  position: relative; }
  .faq:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% - 32px);
    height: 1px;
    background-color: #979797; }
    @media (min-width: 768px) {
      .faq:after {
        max-width: calc(750px - 32px); } }
    @media (min-width: 992px) {
      .faq:after {
        max-width: calc(970px - 32px); } }
    @media (min-width: 1200px) {
      .faq:after {
        max-width: 1140px; } }
  .faq__section--top.faq__section--top {
    padding-bottom: 100px; }
    @media (max-width: 991px) {
      .faq__section--top.faq__section--top {
        padding-bottom: 70px; } }
    @media (max-width: 767px) {
      .faq__section--top.faq__section--top {
        padding-bottom: 50px; } }
  .faq__section--searchbar {
    padding: 40px 0 !important;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .faq__section--searchbar {
        margin-bottom: 24px; } }
  .faq__head-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -48px; }
  .faq__head-col {
    padding: 0 48px;
    width: 50%; }
    .faq__head-col:not(:last-child) {
      border-right: 1px solid #979797; }
    .faq__head-col-button {
      margin-top: 40px; }
  .faq__search-form {
    position: relative;
    display: block;
    max-width: 600px;
    margin: 0 auto;
    color: #FFF; }
  .faq__search-input {
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #FFF;
    border: none;
    padding: 16px 64px 16px 16px;
    border-radius: 4px; }
    .faq__search-input, .faq__search-input::-webkit-input-placeholder {
      font: 700 16px/26px "BrandonGrotesque", sans-serif;
      color: #1F1F1F; }
    .faq__search-input, .faq__search-input:-ms-input-placeholder {
      font: 700 16px/26px "BrandonGrotesque", sans-serif;
      color: #1F1F1F; }
    .faq__search-input, .faq__search-input::-ms-input-placeholder {
      font: 700 16px/26px "BrandonGrotesque", sans-serif;
      color: #1F1F1F; }
    .faq__search-input, .faq__search-input::placeholder {
      font: 700 16px/26px "BrandonGrotesque", sans-serif;
      color: #1F1F1F; }
  .faq .ebox-autocomplete--filled ~ .faq__search-reset-button {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    pointer-events: all; }
  .faq .ebox-autocomplete--filled ~ .faq__search-icon {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.00001; }
  .faq__search-reset-button, .faq__search-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transition: 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
  .faq__search-reset-icon, .faq__search-icon {
    fill: currentColor; }
  .faq__search-icon {
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    pointer-events: none;
    fill: #1F1F1F; }
  .faq__search-reset-button {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    outline: none;
    margin-top: -8px;
    pointer-events: none;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.00001; }
    .faq__search-reset-button:focus {
      outline: 2px solid blue;
      outline-offset: -2px; }
  .faq__search-reset-icon {
    display: block;
    width: 16px;
    height: 16px; }
  .faq__question-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0px;
    margin: -30px; }
    @media (max-width: 767px) {
      .faq__question-list {
        padding-top: 50px; } }
  .faq__question-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 30px; }
    .faq__question-item--partenaires {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33%;
              flex: 0 0 33%; }
  @media (max-width: 991px) {
    .faq__head-row {
      margin: -48px 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .faq__head-col {
      position: relative;
      padding: 48px 0;
      width: 100%; }
      .faq__head-col:not(:last-child) {
        border-right: none; }
        .faq__head-col:not(:last-child):after {
          content: '';
          position: absolute;
          display: block;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 100%;
          height: 1px;
          background-color: #979797; }
    .faq__question-list {
      margin: -16px; }
    .faq__question-item {
      padding: 16px; } }
  @media (max-width: 767px) {
    .faq__search-input {
      padding: 12px 64px 12px 12px; }
      .faq__search-input, .faq__search-input::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 22px; }
      .faq__search-input, .faq__search-input:-ms-input-placeholder {
        font-size: 16px;
        line-height: 22px; }
      .faq__search-input, .faq__search-input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 22px; }
      .faq__search-input, .faq__search-input::placeholder {
        font-size: 16px;
        line-height: 22px; }
    .faq__question-item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }

.compatible-devices {
  padding-top: 80px; }
  .compatible-devices .compatible-devices__modem-button-list h2, .compatible-devices .compatible-devices__modem-button-list .RouteurFirstSlide__title, .compatible-devices .compatible-devices__modem-button-list .RouteurInfos__title, .compatible-devices .compatible-devices__modem-button-list .RouteurOptions__title {
    font: 700 35px/40px "BrandonGrotesque", sans-serif !important;
    text-transform: none !important; }
  .compatible-devices .order-tabs__tab--active {
    background: #BE2323; }
  .compatible-devices .order-tabs__tab:focus {
    outline-offset: 2px;
    border: 2px solid blue; }
  .compatible-devices__tab-container {
    border-top: 1px solid #595959; }
  .compatible-devices__tab-content--routers .TwoCol-LeftImgRightText__leftImg, .compatible-devices__tab-content--routers .TwoCol-LeftImgRightText__rightImg,
  .compatible-devices__tab-content--routers .TwoCol-LeftTextRightImg__leftImg,
  .compatible-devices__tab-content--routers .TwoCol-LeftTextRightImg__rightImg {
    -webkit-transform: none !important;
            transform: none !important;
    opacity: 1 !important; }
  .compatible-devices__tab-content--modems .row {
    margin: -15px; }
  .compatible-devices__tab-content--modems, .compatible-devices__tab-content--eboxtv {
    padding: 100px 0; }
    @media (max-width: 991px) {
      .compatible-devices__tab-content--modems, .compatible-devices__tab-content--eboxtv {
        padding: 70px 0; } }
  .compatible-devices__modem-button-lists {
    margin: -15px -32px; }
  .compatible-devices__modem-button-list {
    padding: 15px 32px; }
    .compatible-devices__modem-button-list .ButtonList__item {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
  .compatible-devices__modem-list-container {
    padding-top: 80px;
    margin-top: 100px;
    border-top: 1px solid #8E8E8E; }
    @media (max-width: 991px) {
      .compatible-devices__modem-list-container {
        margin-top: 70px; } }
  .compatible-devices__modem-list {
    padding: 0 0 70px; }
    .compatible-devices__modem-list-title {
      text-align: center;
      margin-bottom: 40px; }
    .compatible-devices__modem-list-subtitle {
      position: relative;
      text-align: center;
      top: -40px; }
    .compatible-devices__modem-list .mc {
      margin: 0 -15px !important; }
  .compatible-devices__modem-anchor-list {
    padding: 16px 0 0;
    border-top: 0; }
    .compatible-devices__modem-anchor-list .Button:not(.Button--active), .compatible-devices__modem-anchor-list .BandeFormulaire input[type="submit"]:not(.Button--active), .BandeFormulaire .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active), .compatible-devices__modem-anchor-list
    #gform_wrapper_18 input[type="submit"]:not(.Button--active),
    #gform_wrapper_18 .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active), .compatible-devices__modem-anchor-list
    #gform_wrapper_17 input[type="submit"]:not(.Button--active),
    #gform_wrapper_17 .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active), .compatible-devices__modem-anchor-list
    #gform_wrapper_19 input[type="submit"]:not(.Button--active),
    #gform_wrapper_19 .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active), .compatible-devices__modem-anchor-list
    #gform_wrapper_20 input[type="submit"]:not(.Button--active),
    #gform_wrapper_20 .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active), .compatible-devices__modem-anchor-list
    #gform_wrapper_21 input[type="submit"]:not(.Button--active),
    #gform_wrapper_21 .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active), .compatible-devices__modem-anchor-list
    #gform_wrapper_22 input[type="submit"]:not(.Button--active),
    #gform_wrapper_22 .compatible-devices__modem-anchor-list input[type="submit"]:not(.Button--active) {
      background-color: #595959; }
    .compatible-devices__modem-anchor-list .Button--active {
      background-color: #BE2323; }
    .compatible-devices__modem-anchor-list .Button:focus, .compatible-devices__modem-anchor-list .BandeFormulaire input[type="submit"]:focus, .BandeFormulaire .compatible-devices__modem-anchor-list input[type="submit"]:focus, .compatible-devices__modem-anchor-list
    #gform_wrapper_18 input[type="submit"]:focus,
    #gform_wrapper_18 .compatible-devices__modem-anchor-list input[type="submit"]:focus, .compatible-devices__modem-anchor-list
    #gform_wrapper_17 input[type="submit"]:focus,
    #gform_wrapper_17 .compatible-devices__modem-anchor-list input[type="submit"]:focus, .compatible-devices__modem-anchor-list
    #gform_wrapper_19 input[type="submit"]:focus,
    #gform_wrapper_19 .compatible-devices__modem-anchor-list input[type="submit"]:focus, .compatible-devices__modem-anchor-list
    #gform_wrapper_20 input[type="submit"]:focus,
    #gform_wrapper_20 .compatible-devices__modem-anchor-list input[type="submit"]:focus, .compatible-devices__modem-anchor-list
    #gform_wrapper_21 input[type="submit"]:focus,
    #gform_wrapper_21 .compatible-devices__modem-anchor-list input[type="submit"]:focus, .compatible-devices__modem-anchor-list
    #gform_wrapper_22 input[type="submit"]:focus,
    #gform_wrapper_22 .compatible-devices__modem-anchor-list input[type="submit"]:focus {
      color: #FFF; }
  .compatible-devices__tab-wysiwyg, .compatible-devices__eboxtv-devices {
    padding-top: 0; }
    .compatible-devices__tab-wysiwyg h1, .compatible-devices__tab-wysiwyg h2, .compatible-devices__tab-wysiwyg .RouteurFirstSlide__title, .compatible-devices__tab-wysiwyg .RouteurInfos__title, .compatible-devices__tab-wysiwyg .RouteurOptions__title, .compatible-devices__tab-wysiwyg h3, .compatible-devices__tab-wysiwyg h4, .compatible-devices__tab-wysiwyg h5, .compatible-devices__tab-wysiwyg h6, .compatible-devices__eboxtv-devices h1, .compatible-devices__eboxtv-devices h2, .compatible-devices__eboxtv-devices .RouteurFirstSlide__title, .compatible-devices__eboxtv-devices .RouteurInfos__title, .compatible-devices__eboxtv-devices .RouteurOptions__title, .compatible-devices__eboxtv-devices h3, .compatible-devices__eboxtv-devices h4, .compatible-devices__eboxtv-devices h5, .compatible-devices__eboxtv-devices h6 {
      margin-bottom: 8px; }
    .compatible-devices__tab-wysiwyg p, .compatible-devices__eboxtv-devices p {
      font: 400 22px/24px "BrandonGrotesque", sans-serif; }
  .compatible-devices__eboxtv-devices {
    padding-top: 64px; }
    .compatible-devices__eboxtv-devices ul {
      padding-left: 1em; }
      .compatible-devices__eboxtv-devices ul:not(:last-child) {
        margin-bottom: 32px; }

.mejs-container:focus {
  outline: 2px solid blue !important;
  outline-offset: 2px !important; }

.ginput_container input:focus,
.ginput_container textarea:focus {
  outline: 2px solid blue !important;
  outline-offset: 2px !important; }

.gform_button:focus {
  outline: 2px solid blue !important;
  outline-offset: 2px !important; }

/*.mcvalue {
	display: none;
}
.compatible-devices__modem-list {

	@media screen and (max-width: 600px) {
		table {
			width: 100%;
		}
		.mcicon,
		.mcconnection {
			//display: none;
			background: none;

		}
		.mcvalue {
			display: block;
		}
		table {
		  border: 0;
		}
	  
		table caption {
		  font-size: 1.3em;
		}
		
		table thead {
		  border: none;
		  clip: rect(0 0 0 0);
		  height: 1px;
		  margin: -1px;
		  overflow: hidden;
		  padding: 0;
		  position: absolute;
		  width: 1px;
		}
		
		table tr {
		  border-bottom: 3px solid #ddd;
		  display: block;
		  margin-bottom: .625em;
		  border-radius: 0;
		  &:hover {
			box-shadow: none!important;
		  }
		}

		.modemsV {
			padding-left: 0;
		}
		
		table td {
		  border-bottom: 1px solid #ddd;
		  display: block;
		  font-size: .8em;
		  text-align: right;
		  width: 100%;
		}
		
		table td::before {

		  content: attr(data-label);
		  float: left;
		  font-weight: bold;
		  text-transform: uppercase;
		}
		
		table td:last-child {
		  border-bottom: 0;
		}
	  }
} */
@media screen and (max-width: 920px) {
  .responsiveTable--break {
    width: 100% !important;
    border: 0; }
    .responsiveTable--break thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .responsiveTable--break tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
      border-radius: 0; }
      .responsiveTable--break tr:hover {
        -webkit-box-shadow: none !important;
                box-shadow: none !important; }
    .responsiveTable--break td {
      border-bottom: 1px solid #ddd;
      display: inline-block;
      font-size: .8em;
      text-align: right !important;
      -webkit-box-sizing: border-box !important;
              box-sizing: border-box !important;
      width: 100% !important;
      padding: 10px 0 0 0; }
    .responsiveTable--break td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase; }
    .responsiveTable--break td:last-child {
      border-bottom: 0; } }

@media screen and (max-width: 600px) {
  .responsiveTable {
    width: 100%;
    border: 0; }
    .responsiveTable thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .responsiveTable tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
      border-radius: 0; }
      .responsiveTable tr:hover {
        -webkit-box-shadow: none !important;
                box-shadow: none !important; }
    .responsiveTable td {
      border-bottom: 1px solid #ddd;
      display: inline-block;
      font-size: .8em;
      text-align: right !important;
      -webkit-box-sizing: border-box !important;
              box-sizing: border-box !important;
      width: 100%;
      padding: 10px 0 0 0; }
    .responsiveTable .mcicon {
      background-position: right; }
    .responsiveTable td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase; }
    .responsiveTable td:last-child {
      border-bottom: 0; } }

#loginForm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 40px;
  border-radius: 20px;
  background: #FFF;
  min-width: 300px; }
  #loginForm label {
    font-size: 16px; }
  #loginForm input[type="text"], #loginForm input[type="password"] {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px;
    width: 100%; }

.FormWrapperURL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .FormWrapperURL .FormWrapperURL__left,
  .FormWrapperURL .FormWrapperURL__right {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 40px;
    border-radius: 20px;
    background: #FFF;
    min-width: 300px;
    min-height: 260px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .FormWrapperURL .FormWrapperURL__left label,
    .FormWrapperURL .FormWrapperURL__right label {
      font-size: 16px; }
    .FormWrapperURL .FormWrapperURL__left form,
    .FormWrapperURL .FormWrapperURL__right form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      text-align: center; }

.PageTitle--partenaires {
  position: relative !important;
  overflow: hidden !important; }
  .PageTitle--partenaires .PageTitle__img {
    bottom: -720px !important;
    right: 0 !important; }
    @media (max-width: 1300px) {
      .PageTitle--partenaires .PageTitle__img {
        right: -200px !important; } }
    @media (max-width: 767px) {
      .PageTitle--partenaires .PageTitle__img {
        right: -600px !important; } }
    @media (max-width: 1300px) {
      .PageTitle--partenaires .PageTitle__img img {
        height: auto; } }

.page-template-page-partenaires .FAQCard__body {
  height: inherit !important; }

.will-land {
  position: relative;
  opacity: 0;
  -webkit-transform: translate(0, 15%);
          transform: translate(0, 15%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  will-change: transform, opacity; }
  .will-land--from-far-far-away {
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
    .will-land--from-far-far-away.will-land--landed {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .will-land--from-right {
    -webkit-transform: translate(15%, 0);
            transform: translate(15%, 0); }
  .will-land--from-left {
    -webkit-transform: translate(-15%, 0);
            transform: translate(-15%, 0); }
  .will-land--landed {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

.p-relatif {
  position: relative; }

.p-absolute {
  position: absolute; }

.MailChimp {
  background-color: #1F1F1F;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .MailChimp__form {
    width: 60%; }
    @media screen and (max-width: 768px) {
      .MailChimp__form {
        width: 80%; } }
  .MailChimp__title {
    font: "BrandonGrotesque", sans-serif;
    text-align: center; }
  .MailChimp__fullInput {
    width: 100% !important; }
  .MailChimp__halfInput-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .MailChimp__halfInput {
    width: 48% !important;
    min-width: 170px;
    color: black; }
    @media screen and (max-width: 450px) {
      .MailChimp__halfInput {
        width: 100% !important; } }
  .MailChimp__radioField-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .MailChimp__radioField-label {
    margin: 0 10px 0 5px; }
  .MailChimp__submit {
    width: 170px !important;
    height: 50px !important;
    margin-bottom: 15px !important; }
  .MailChimp label {
    color: white; }
/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
        touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../img/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
[fall-on-load] {
  opacity: 0;
  -webkit-transform: translateY(-400px);
          transform: translateY(-400px); }
qualified-speeds,
.Promos__epargne {
  display: inline-block; }
  qualified-speeds .QualifiedSpeeds,
  .Promos__epargne .QualifiedSpeeds {
    display: inline-block;
    min-width: 200px;
    padding: 9px 15px;
    border: 2px solid #C7C7C7;
    border-radius: 6px; }
    qualified-speeds .QualifiedSpeeds__container,
    .Promos__epargne .QualifiedSpeeds__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0; }
    qualified-speeds .QualifiedSpeeds__col,
    .Promos__epargne .QualifiedSpeeds__col {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-right: 1px solid #C7C7C7;
      padding-left: 15px; }
      qualified-speeds .QualifiedSpeeds__col:first-child,
      .Promos__epargne .QualifiedSpeeds__col:first-child {
        padding-left: 0;
        padding-right: 15px; }
      qualified-speeds .QualifiedSpeeds__col:last-child,
      .Promos__epargne .QualifiedSpeeds__col:last-child {
        border-right: none; }
    qualified-speeds .QualifiedSpeeds__title,
    .Promos__epargne .QualifiedSpeeds__title {
      font: 400 16px/1.4 "Gloria Hallelujah"; }
    qualified-speeds .QualifiedSpeeds__title-bold,
    .Promos__epargne .QualifiedSpeeds__title-bold {
      display: block;
      font: 700 16px/20px "BrandonGrotesque", sans-serif;
      text-transform: uppercase;
      white-space: nowrap; }
    qualified-speeds .QualifiedSpeeds__speed-list,
    .Promos__epargne .QualifiedSpeeds__speed-list {
      display: inline-block;
      list-style: none;
      padding: 0;
      margin: 0;
      color: #626262; }
    qualified-speeds .QualifiedSpeeds__speed-item,
    .Promos__epargne .QualifiedSpeeds__speed-item {
      white-space: nowrap; }
    qualified-speeds .QualifiedSpeeds__speed-icon, qualified-speeds .QualifiedSpeeds__speed-title,
    .Promos__epargne .QualifiedSpeeds__speed-icon,
    .Promos__epargne .QualifiedSpeeds__speed-title {
      display: inline-block;
      vertical-align: middle; }
    qualified-speeds .QualifiedSpeeds__speed-icon,
    .Promos__epargne .QualifiedSpeeds__speed-icon {
      width: 24px;
      height: 24px;
      fill: currentColor;
      margin: 0 4px 0 0; }
    qualified-speeds .QualifiedSpeeds__speed-title,
    .Promos__epargne .QualifiedSpeeds__speed-title {
      font: 400 16px/23px "BrandonGrotesque", sans-serif; }
    qualified-speeds .QualifiedSpeeds__speed-number,
    .Promos__epargne .QualifiedSpeeds__speed-number {
      font-weight: 700; }

.Promos__epargne .QualifiedSpeeds {
  min-width: auto;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  background: #BE2323;
  border: 2px solid #BE2323; }

.Promos__epargne .QualifiedSpeeds__col {
  border-right: 0; }
  .Promos__epargne .QualifiedSpeeds__col:first-child {
    padding-right: 0; }

.Promos__epargne:hover {
  color: #FFF; }
  .Promos__epargne:hover .QualifiedSpeeds {
    background: #333333;
    border: 2px solid #333333; }

.Promos__link {
  color: #FFF; }
.ebox-autocomplete-results {
  position: absolute;
  top: 100%;
  width: 100%;
  margin-top: 8px;
  border-radius: 4px;
  padding: 30px 15px;
  background-color: #661618;
  color: #FFF;
  font: 700 16px/22px "BrandonGrotesque", sans-serif;
  max-height: 300px;
  overflow: auto;
  z-index: 100; }
  .ebox-autocomplete-results__loading {
    width: 24px !important;
    height: 24px !important; }
  .ebox-autocomplete-results__list {
    margin: -8px -15px; }
  .ebox-autocomplete-results__item {
    font: inherit;
    color: currentColor; }
    .ebox-autocomplete-results__item a {
      display: block;
      padding: 8px 15px;
      color: #FFF; }
      .ebox-autocomplete-results__item a:hover {
        background-color: #FFF;
        color: #661618; }
[hide-for-qualified]:not(.hide-for-qualified-visible) {
  display: none; }