@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: none;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

a, a:active,
a:focus,
input:focus, input,
textarea:focus {
  outline: none !important;
  text-decoration: none;
}

:focus {
  outline: none !important;
  text-decoration: none;
}

::-moz-focus-inner {
  border: 0;
}

::-ms-clear {
  display: none;
}

table {
  border-collapse: collapse;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: none;
}

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

h1, h2, h3, h4, h5, h6, b, strong {
  font-weight: normal;
}

sup, sub {
  vertical-align: 0;
  position: relative;
}

sup {
  bottom: 1ex;
}

input {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

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

input[type=search] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type=search]::-webkit-search-cancel-button {
  display: none;
}

textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

::selection {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

html {
  width: 100%;
}

body {
  width: 100%;
  counter-reset: item;
  overflow-x: hidden;
}

@-webkit-keyframes autofill {
  100% {
    color: #000;
    background: transparent;
  }
}
input:-webkit-autofill {
  -webkit-text-fill-color: #000;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  width: 100%;
  float: left;
  box-sizing: border-box;
  min-height: 1px;
}
.row .col[class*=push-], .row .col[class*=pull-] {
  position: relative;
}
.row .col.b1 {
  width: 4.1666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b2 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b3 {
  width: 12.5%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b4 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b5 {
  width: 20.8333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b6 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b7 {
  width: 29.1666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b8 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b9 {
  width: 37.5%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b10 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b11 {
  width: 45.8333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b12 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b13 {
  width: 54.1666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b14 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b15 {
  width: 62.5%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b16 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b17 {
  width: 70.8333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b18 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b19 {
  width: 79.1666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b20 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b21 {
  width: 87.5%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b22 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b23 {
  width: 95.8333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.b24 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.offset-b1 {
  margin-left: 4.1666666667%;
}
.row .col.pull-b1 {
  right: 4.1666666667%;
}
.row .col.push-b1 {
  left: 4.1666666667%;
}
.row .col.offset-b2 {
  margin-left: 8.3333333333%;
}
.row .col.pull-b2 {
  right: 8.3333333333%;
}
.row .col.push-b2 {
  left: 8.3333333333%;
}
.row .col.offset-b3 {
  margin-left: 12.5%;
}
.row .col.pull-b3 {
  right: 12.5%;
}
.row .col.push-b3 {
  left: 12.5%;
}
.row .col.offset-b4 {
  margin-left: 16.6666666667%;
}
.row .col.pull-b4 {
  right: 16.6666666667%;
}
.row .col.push-b4 {
  left: 16.6666666667%;
}
.row .col.offset-b5 {
  margin-left: 20.8333333333%;
}
.row .col.pull-b5 {
  right: 20.8333333333%;
}
.row .col.push-b5 {
  left: 20.8333333333%;
}
.row .col.offset-b6 {
  margin-left: 25%;
}
.row .col.pull-b6 {
  right: 25%;
}
.row .col.push-b6 {
  left: 25%;
}
.row .col.offset-b7 {
  margin-left: 29.1666666667%;
}
.row .col.pull-b7 {
  right: 29.1666666667%;
}
.row .col.push-b7 {
  left: 29.1666666667%;
}
.row .col.offset-b8 {
  margin-left: 33.3333333333%;
}
.row .col.pull-b8 {
  right: 33.3333333333%;
}
.row .col.push-b8 {
  left: 33.3333333333%;
}
.row .col.offset-b9 {
  margin-left: 37.5%;
}
.row .col.pull-b9 {
  right: 37.5%;
}
.row .col.push-b9 {
  left: 37.5%;
}
.row .col.offset-b10 {
  margin-left: 41.6666666667%;
}
.row .col.pull-b10 {
  right: 41.6666666667%;
}
.row .col.push-b10 {
  left: 41.6666666667%;
}
.row .col.offset-b11 {
  margin-left: 45.8333333333%;
}
.row .col.pull-b11 {
  right: 45.8333333333%;
}
.row .col.push-b11 {
  left: 45.8333333333%;
}
.row .col.offset-b12 {
  margin-left: 50%;
}
.row .col.pull-b12 {
  right: 50%;
}
.row .col.push-b12 {
  left: 50%;
}
.row .col.offset-b13 {
  margin-left: 54.1666666667%;
}
.row .col.pull-b13 {
  right: 54.1666666667%;
}
.row .col.push-b13 {
  left: 54.1666666667%;
}
.row .col.offset-b14 {
  margin-left: 58.3333333333%;
}
.row .col.pull-b14 {
  right: 58.3333333333%;
}
.row .col.push-b14 {
  left: 58.3333333333%;
}
.row .col.offset-b15 {
  margin-left: 62.5%;
}
.row .col.pull-b15 {
  right: 62.5%;
}
.row .col.push-b15 {
  left: 62.5%;
}
.row .col.offset-b16 {
  margin-left: 66.6666666667%;
}
.row .col.pull-b16 {
  right: 66.6666666667%;
}
.row .col.push-b16 {
  left: 66.6666666667%;
}
.row .col.offset-b17 {
  margin-left: 70.8333333333%;
}
.row .col.pull-b17 {
  right: 70.8333333333%;
}
.row .col.push-b17 {
  left: 70.8333333333%;
}
.row .col.offset-b18 {
  margin-left: 75%;
}
.row .col.pull-b18 {
  right: 75%;
}
.row .col.push-b18 {
  left: 75%;
}
.row .col.offset-b19 {
  margin-left: 79.1666666667%;
}
.row .col.pull-b19 {
  right: 79.1666666667%;
}
.row .col.push-b19 {
  left: 79.1666666667%;
}
.row .col.offset-b20 {
  margin-left: 83.3333333333%;
}
.row .col.pull-b20 {
  right: 83.3333333333%;
}
.row .col.push-b20 {
  left: 83.3333333333%;
}
.row .col.offset-b21 {
  margin-left: 87.5%;
}
.row .col.pull-b21 {
  right: 87.5%;
}
.row .col.push-b21 {
  left: 87.5%;
}
.row .col.offset-b22 {
  margin-left: 91.6666666667%;
}
.row .col.pull-b22 {
  right: 91.6666666667%;
}
.row .col.push-b22 {
  left: 91.6666666667%;
}
.row .col.offset-b23 {
  margin-left: 95.8333333333%;
}
.row .col.pull-b23 {
  right: 95.8333333333%;
}
.row .col.push-b23 {
  left: 95.8333333333%;
}
.row .col.offset-b24 {
  margin-left: 100%;
}
.row .col.pull-b24 {
  right: 100%;
}
.row .col.push-b24 {
  left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.xs1 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs2 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs3 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs4 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs5 {
    width: 20.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs6 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs7 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs8 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs9 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs10 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs11 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs13 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs14 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs15 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs16 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs17 {
    width: 70.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs18 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs19 {
    width: 79.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs20 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs21 {
    width: 87.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs22 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs23 {
    width: 95.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xs24 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xs1 {
    margin-left: 4.1666666667%;
  }
  .row .col.pull-xs1 {
    right: 4.1666666667%;
  }
  .row .col.push-xs1 {
    left: 4.1666666667%;
  }
  .row .col.offset-xs2 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xs2 {
    right: 8.3333333333%;
  }
  .row .col.push-xs2 {
    left: 8.3333333333%;
  }
  .row .col.offset-xs3 {
    margin-left: 12.5%;
  }
  .row .col.pull-xs3 {
    right: 12.5%;
  }
  .row .col.push-xs3 {
    left: 12.5%;
  }
  .row .col.offset-xs4 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xs4 {
    right: 16.6666666667%;
  }
  .row .col.push-xs4 {
    left: 16.6666666667%;
  }
  .row .col.offset-xs5 {
    margin-left: 20.8333333333%;
  }
  .row .col.pull-xs5 {
    right: 20.8333333333%;
  }
  .row .col.push-xs5 {
    left: 20.8333333333%;
  }
  .row .col.offset-xs6 {
    margin-left: 25%;
  }
  .row .col.pull-xs6 {
    right: 25%;
  }
  .row .col.push-xs6 {
    left: 25%;
  }
  .row .col.offset-xs7 {
    margin-left: 29.1666666667%;
  }
  .row .col.pull-xs7 {
    right: 29.1666666667%;
  }
  .row .col.push-xs7 {
    left: 29.1666666667%;
  }
  .row .col.offset-xs8 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xs8 {
    right: 33.3333333333%;
  }
  .row .col.push-xs8 {
    left: 33.3333333333%;
  }
  .row .col.offset-xs9 {
    margin-left: 37.5%;
  }
  .row .col.pull-xs9 {
    right: 37.5%;
  }
  .row .col.push-xs9 {
    left: 37.5%;
  }
  .row .col.offset-xs10 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xs10 {
    right: 41.6666666667%;
  }
  .row .col.push-xs10 {
    left: 41.6666666667%;
  }
  .row .col.offset-xs11 {
    margin-left: 45.8333333333%;
  }
  .row .col.pull-xs11 {
    right: 45.8333333333%;
  }
  .row .col.push-xs11 {
    left: 45.8333333333%;
  }
  .row .col.offset-xs12 {
    margin-left: 50%;
  }
  .row .col.pull-xs12 {
    right: 50%;
  }
  .row .col.push-xs12 {
    left: 50%;
  }
  .row .col.offset-xs13 {
    margin-left: 54.1666666667%;
  }
  .row .col.pull-xs13 {
    right: 54.1666666667%;
  }
  .row .col.push-xs13 {
    left: 54.1666666667%;
  }
  .row .col.offset-xs14 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xs14 {
    right: 58.3333333333%;
  }
  .row .col.push-xs14 {
    left: 58.3333333333%;
  }
  .row .col.offset-xs15 {
    margin-left: 62.5%;
  }
  .row .col.pull-xs15 {
    right: 62.5%;
  }
  .row .col.push-xs15 {
    left: 62.5%;
  }
  .row .col.offset-xs16 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xs16 {
    right: 66.6666666667%;
  }
  .row .col.push-xs16 {
    left: 66.6666666667%;
  }
  .row .col.offset-xs17 {
    margin-left: 70.8333333333%;
  }
  .row .col.pull-xs17 {
    right: 70.8333333333%;
  }
  .row .col.push-xs17 {
    left: 70.8333333333%;
  }
  .row .col.offset-xs18 {
    margin-left: 75%;
  }
  .row .col.pull-xs18 {
    right: 75%;
  }
  .row .col.push-xs18 {
    left: 75%;
  }
  .row .col.offset-xs19 {
    margin-left: 79.1666666667%;
  }
  .row .col.pull-xs19 {
    right: 79.1666666667%;
  }
  .row .col.push-xs19 {
    left: 79.1666666667%;
  }
  .row .col.offset-xs20 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xs20 {
    right: 83.3333333333%;
  }
  .row .col.push-xs20 {
    left: 83.3333333333%;
  }
  .row .col.offset-xs21 {
    margin-left: 87.5%;
  }
  .row .col.pull-xs21 {
    right: 87.5%;
  }
  .row .col.push-xs21 {
    left: 87.5%;
  }
  .row .col.offset-xs22 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xs22 {
    right: 91.6666666667%;
  }
  .row .col.push-xs22 {
    left: 91.6666666667%;
  }
  .row .col.offset-xs23 {
    margin-left: 95.8333333333%;
  }
  .row .col.pull-xs23 {
    right: 95.8333333333%;
  }
  .row .col.push-xs23 {
    left: 95.8333333333%;
  }
  .row .col.offset-xs24 {
    margin-left: 100%;
  }
  .row .col.pull-xs24 {
    right: 100%;
  }
  .row .col.push-xs24 {
    left: 100%;
  }
}
@media only screen and (min-width : 768px) {
  .row .col.s1 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s2 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s3 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s4 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s5 {
    width: 20.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s6 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s7 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s8 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s9 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s10 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s11 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s13 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s14 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s15 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s16 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s17 {
    width: 70.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s18 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s19 {
    width: 79.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s20 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s21 {
    width: 87.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s22 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s23 {
    width: 95.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.s24 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-s1 {
    margin-left: 4.1666666667%;
  }
  .row .col.pull-s1 {
    right: 4.1666666667%;
  }
  .row .col.push-s1 {
    left: 4.1666666667%;
  }
  .row .col.offset-s2 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-s2 {
    right: 8.3333333333%;
  }
  .row .col.push-s2 {
    left: 8.3333333333%;
  }
  .row .col.offset-s3 {
    margin-left: 12.5%;
  }
  .row .col.pull-s3 {
    right: 12.5%;
  }
  .row .col.push-s3 {
    left: 12.5%;
  }
  .row .col.offset-s4 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-s4 {
    right: 16.6666666667%;
  }
  .row .col.push-s4 {
    left: 16.6666666667%;
  }
  .row .col.offset-s5 {
    margin-left: 20.8333333333%;
  }
  .row .col.pull-s5 {
    right: 20.8333333333%;
  }
  .row .col.push-s5 {
    left: 20.8333333333%;
  }
  .row .col.offset-s6 {
    margin-left: 25%;
  }
  .row .col.pull-s6 {
    right: 25%;
  }
  .row .col.push-s6 {
    left: 25%;
  }
  .row .col.offset-s7 {
    margin-left: 29.1666666667%;
  }
  .row .col.pull-s7 {
    right: 29.1666666667%;
  }
  .row .col.push-s7 {
    left: 29.1666666667%;
  }
  .row .col.offset-s8 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-s8 {
    right: 33.3333333333%;
  }
  .row .col.push-s8 {
    left: 33.3333333333%;
  }
  .row .col.offset-s9 {
    margin-left: 37.5%;
  }
  .row .col.pull-s9 {
    right: 37.5%;
  }
  .row .col.push-s9 {
    left: 37.5%;
  }
  .row .col.offset-s10 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-s10 {
    right: 41.6666666667%;
  }
  .row .col.push-s10 {
    left: 41.6666666667%;
  }
  .row .col.offset-s11 {
    margin-left: 45.8333333333%;
  }
  .row .col.pull-s11 {
    right: 45.8333333333%;
  }
  .row .col.push-s11 {
    left: 45.8333333333%;
  }
  .row .col.offset-s12 {
    margin-left: 50%;
  }
  .row .col.pull-s12 {
    right: 50%;
  }
  .row .col.push-s12 {
    left: 50%;
  }
  .row .col.offset-s13 {
    margin-left: 54.1666666667%;
  }
  .row .col.pull-s13 {
    right: 54.1666666667%;
  }
  .row .col.push-s13 {
    left: 54.1666666667%;
  }
  .row .col.offset-s14 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-s14 {
    right: 58.3333333333%;
  }
  .row .col.push-s14 {
    left: 58.3333333333%;
  }
  .row .col.offset-s15 {
    margin-left: 62.5%;
  }
  .row .col.pull-s15 {
    right: 62.5%;
  }
  .row .col.push-s15 {
    left: 62.5%;
  }
  .row .col.offset-s16 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-s16 {
    right: 66.6666666667%;
  }
  .row .col.push-s16 {
    left: 66.6666666667%;
  }
  .row .col.offset-s17 {
    margin-left: 70.8333333333%;
  }
  .row .col.pull-s17 {
    right: 70.8333333333%;
  }
  .row .col.push-s17 {
    left: 70.8333333333%;
  }
  .row .col.offset-s18 {
    margin-left: 75%;
  }
  .row .col.pull-s18 {
    right: 75%;
  }
  .row .col.push-s18 {
    left: 75%;
  }
  .row .col.offset-s19 {
    margin-left: 79.1666666667%;
  }
  .row .col.pull-s19 {
    right: 79.1666666667%;
  }
  .row .col.push-s19 {
    left: 79.1666666667%;
  }
  .row .col.offset-s20 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-s20 {
    right: 83.3333333333%;
  }
  .row .col.push-s20 {
    left: 83.3333333333%;
  }
  .row .col.offset-s21 {
    margin-left: 87.5%;
  }
  .row .col.pull-s21 {
    right: 87.5%;
  }
  .row .col.push-s21 {
    left: 87.5%;
  }
  .row .col.offset-s22 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-s22 {
    right: 91.6666666667%;
  }
  .row .col.push-s22 {
    left: 91.6666666667%;
  }
  .row .col.offset-s23 {
    margin-left: 95.8333333333%;
  }
  .row .col.pull-s23 {
    right: 95.8333333333%;
  }
  .row .col.push-s23 {
    left: 95.8333333333%;
  }
  .row .col.offset-s24 {
    margin-left: 100%;
  }
  .row .col.pull-s24 {
    right: 100%;
  }
  .row .col.push-s24 {
    left: 100%;
  }
}
@media only screen and (min-width : 992px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.pull-m1 {
    right: 4.1666666667%;
  }
  .row .col.push-m1 {
    left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m2 {
    right: 8.3333333333%;
  }
  .row .col.push-m2 {
    left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.pull-m3 {
    right: 12.5%;
  }
  .row .col.push-m3 {
    left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m4 {
    right: 16.6666666667%;
  }
  .row .col.push-m4 {
    left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.pull-m5 {
    right: 20.8333333333%;
  }
  .row .col.push-m5 {
    left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.pull-m6 {
    right: 25%;
  }
  .row .col.push-m6 {
    left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.pull-m7 {
    right: 29.1666666667%;
  }
  .row .col.push-m7 {
    left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m8 {
    right: 33.3333333333%;
  }
  .row .col.push-m8 {
    left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.pull-m9 {
    right: 37.5%;
  }
  .row .col.push-m9 {
    left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m10 {
    right: 41.6666666667%;
  }
  .row .col.push-m10 {
    left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.pull-m11 {
    right: 45.8333333333%;
  }
  .row .col.push-m11 {
    left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.pull-m12 {
    right: 50%;
  }
  .row .col.push-m12 {
    left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.pull-m13 {
    right: 54.1666666667%;
  }
  .row .col.push-m13 {
    left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m14 {
    right: 58.3333333333%;
  }
  .row .col.push-m14 {
    left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.pull-m15 {
    right: 62.5%;
  }
  .row .col.push-m15 {
    left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m16 {
    right: 66.6666666667%;
  }
  .row .col.push-m16 {
    left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.pull-m17 {
    right: 70.8333333333%;
  }
  .row .col.push-m17 {
    left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.pull-m18 {
    right: 75%;
  }
  .row .col.push-m18 {
    left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.pull-m19 {
    right: 79.1666666667%;
  }
  .row .col.push-m19 {
    left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m20 {
    right: 83.3333333333%;
  }
  .row .col.push-m20 {
    left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.pull-m21 {
    right: 87.5%;
  }
  .row .col.push-m21 {
    left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m22 {
    right: 91.6666666667%;
  }
  .row .col.push-m22 {
    left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.pull-m23 {
    right: 95.8333333333%;
  }
  .row .col.push-m23 {
    left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
  .row .col.pull-m24 {
    right: 100%;
  }
  .row .col.push-m24 {
    left: 100%;
  }
}
@media only screen and (min-width : 1201px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.pull-l1 {
    right: 4.1666666667%;
  }
  .row .col.push-l1 {
    left: 4.1666666667%;
  }
  .row .col.offset-l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l2 {
    right: 8.3333333333%;
  }
  .row .col.push-l2 {
    left: 8.3333333333%;
  }
  .row .col.offset-l3 {
    margin-left: 12.5%;
  }
  .row .col.pull-l3 {
    right: 12.5%;
  }
  .row .col.push-l3 {
    left: 12.5%;
  }
  .row .col.offset-l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l4 {
    right: 16.6666666667%;
  }
  .row .col.push-l4 {
    left: 16.6666666667%;
  }
  .row .col.offset-l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.pull-l5 {
    right: 20.8333333333%;
  }
  .row .col.push-l5 {
    left: 20.8333333333%;
  }
  .row .col.offset-l6 {
    margin-left: 25%;
  }
  .row .col.pull-l6 {
    right: 25%;
  }
  .row .col.push-l6 {
    left: 25%;
  }
  .row .col.offset-l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.pull-l7 {
    right: 29.1666666667%;
  }
  .row .col.push-l7 {
    left: 29.1666666667%;
  }
  .row .col.offset-l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l8 {
    right: 33.3333333333%;
  }
  .row .col.push-l8 {
    left: 33.3333333333%;
  }
  .row .col.offset-l9 {
    margin-left: 37.5%;
  }
  .row .col.pull-l9 {
    right: 37.5%;
  }
  .row .col.push-l9 {
    left: 37.5%;
  }
  .row .col.offset-l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l10 {
    right: 41.6666666667%;
  }
  .row .col.push-l10 {
    left: 41.6666666667%;
  }
  .row .col.offset-l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.pull-l11 {
    right: 45.8333333333%;
  }
  .row .col.push-l11 {
    left: 45.8333333333%;
  }
  .row .col.offset-l12 {
    margin-left: 50%;
  }
  .row .col.pull-l12 {
    right: 50%;
  }
  .row .col.push-l12 {
    left: 50%;
  }
  .row .col.offset-l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.pull-l13 {
    right: 54.1666666667%;
  }
  .row .col.push-l13 {
    left: 54.1666666667%;
  }
  .row .col.offset-l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l14 {
    right: 58.3333333333%;
  }
  .row .col.push-l14 {
    left: 58.3333333333%;
  }
  .row .col.offset-l15 {
    margin-left: 62.5%;
  }
  .row .col.pull-l15 {
    right: 62.5%;
  }
  .row .col.push-l15 {
    left: 62.5%;
  }
  .row .col.offset-l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l16 {
    right: 66.6666666667%;
  }
  .row .col.push-l16 {
    left: 66.6666666667%;
  }
  .row .col.offset-l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.pull-l17 {
    right: 70.8333333333%;
  }
  .row .col.push-l17 {
    left: 70.8333333333%;
  }
  .row .col.offset-l18 {
    margin-left: 75%;
  }
  .row .col.pull-l18 {
    right: 75%;
  }
  .row .col.push-l18 {
    left: 75%;
  }
  .row .col.offset-l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.pull-l19 {
    right: 79.1666666667%;
  }
  .row .col.push-l19 {
    left: 79.1666666667%;
  }
  .row .col.offset-l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l20 {
    right: 83.3333333333%;
  }
  .row .col.push-l20 {
    left: 83.3333333333%;
  }
  .row .col.offset-l21 {
    margin-left: 87.5%;
  }
  .row .col.pull-l21 {
    right: 87.5%;
  }
  .row .col.push-l21 {
    left: 87.5%;
  }
  .row .col.offset-l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l22 {
    right: 91.6666666667%;
  }
  .row .col.push-l22 {
    left: 91.6666666667%;
  }
  .row .col.offset-l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.pull-l23 {
    right: 95.8333333333%;
  }
  .row .col.push-l23 {
    left: 95.8333333333%;
  }
  .row .col.offset-l24 {
    margin-left: 100%;
  }
  .row .col.pull-l24 {
    right: 100%;
  }
  .row .col.push-l24 {
    left: 100%;
  }
}
@media only screen and (min-width : 1401px) {
  .row .col.xl1 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 20.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl13 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl14 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl15 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl16 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl17 {
    width: 70.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl18 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl19 {
    width: 79.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl20 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl21 {
    width: 87.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl22 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl23 {
    width: 95.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl24 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 4.1666666667%;
  }
  .row .col.pull-xl1 {
    right: 4.1666666667%;
  }
  .row .col.push-xl1 {
    left: 4.1666666667%;
  }
  .row .col.offset-xl2 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl2 {
    right: 8.3333333333%;
  }
  .row .col.push-xl2 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl3 {
    margin-left: 12.5%;
  }
  .row .col.pull-xl3 {
    right: 12.5%;
  }
  .row .col.push-xl3 {
    left: 12.5%;
  }
  .row .col.offset-xl4 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl4 {
    right: 16.6666666667%;
  }
  .row .col.push-xl4 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl5 {
    margin-left: 20.8333333333%;
  }
  .row .col.pull-xl5 {
    right: 20.8333333333%;
  }
  .row .col.push-xl5 {
    left: 20.8333333333%;
  }
  .row .col.offset-xl6 {
    margin-left: 25%;
  }
  .row .col.pull-xl6 {
    right: 25%;
  }
  .row .col.push-xl6 {
    left: 25%;
  }
  .row .col.offset-xl7 {
    margin-left: 29.1666666667%;
  }
  .row .col.pull-xl7 {
    right: 29.1666666667%;
  }
  .row .col.push-xl7 {
    left: 29.1666666667%;
  }
  .row .col.offset-xl8 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl8 {
    right: 33.3333333333%;
  }
  .row .col.push-xl8 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl9 {
    margin-left: 37.5%;
  }
  .row .col.pull-xl9 {
    right: 37.5%;
  }
  .row .col.push-xl9 {
    left: 37.5%;
  }
  .row .col.offset-xl10 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl10 {
    right: 41.6666666667%;
  }
  .row .col.push-xl10 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl11 {
    margin-left: 45.8333333333%;
  }
  .row .col.pull-xl11 {
    right: 45.8333333333%;
  }
  .row .col.push-xl11 {
    left: 45.8333333333%;
  }
  .row .col.offset-xl12 {
    margin-left: 50%;
  }
  .row .col.pull-xl12 {
    right: 50%;
  }
  .row .col.push-xl12 {
    left: 50%;
  }
  .row .col.offset-xl13 {
    margin-left: 54.1666666667%;
  }
  .row .col.pull-xl13 {
    right: 54.1666666667%;
  }
  .row .col.push-xl13 {
    left: 54.1666666667%;
  }
  .row .col.offset-xl14 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl14 {
    right: 58.3333333333%;
  }
  .row .col.push-xl14 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl15 {
    margin-left: 62.5%;
  }
  .row .col.pull-xl15 {
    right: 62.5%;
  }
  .row .col.push-xl15 {
    left: 62.5%;
  }
  .row .col.offset-xl16 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl16 {
    right: 66.6666666667%;
  }
  .row .col.push-xl16 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl17 {
    margin-left: 70.8333333333%;
  }
  .row .col.pull-xl17 {
    right: 70.8333333333%;
  }
  .row .col.push-xl17 {
    left: 70.8333333333%;
  }
  .row .col.offset-xl18 {
    margin-left: 75%;
  }
  .row .col.pull-xl18 {
    right: 75%;
  }
  .row .col.push-xl18 {
    left: 75%;
  }
  .row .col.offset-xl19 {
    margin-left: 79.1666666667%;
  }
  .row .col.pull-xl19 {
    right: 79.1666666667%;
  }
  .row .col.push-xl19 {
    left: 79.1666666667%;
  }
  .row .col.offset-xl20 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl20 {
    right: 83.3333333333%;
  }
  .row .col.push-xl20 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl21 {
    margin-left: 87.5%;
  }
  .row .col.pull-xl21 {
    right: 87.5%;
  }
  .row .col.push-xl21 {
    left: 87.5%;
  }
  .row .col.offset-xl22 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl22 {
    right: 91.6666666667%;
  }
  .row .col.push-xl22 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl23 {
    margin-left: 95.8333333333%;
  }
  .row .col.pull-xl23 {
    right: 95.8333333333%;
  }
  .row .col.push-xl23 {
    left: 95.8333333333%;
  }
  .row .col.offset-xl24 {
    margin-left: 100%;
  }
  .row .col.pull-xl24 {
    right: 100%;
  }
  .row .col.push-xl24 {
    left: 100%;
  }
}
@media only screen and (min-width : 1601px) {
  .row .col.xxl1 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl2 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl3 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl4 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl5 {
    width: 20.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl6 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl7 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl8 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl9 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl10 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl11 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl13 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl14 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl15 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl16 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl17 {
    width: 70.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl18 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl19 {
    width: 79.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl20 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl21 {
    width: 87.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl22 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl23 {
    width: 95.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl24 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xxl1 {
    margin-left: 4.1666666667%;
  }
  .row .col.pull-xxl1 {
    right: 4.1666666667%;
  }
  .row .col.push-xxl1 {
    left: 4.1666666667%;
  }
  .row .col.offset-xxl2 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xxl2 {
    right: 8.3333333333%;
  }
  .row .col.push-xxl2 {
    left: 8.3333333333%;
  }
  .row .col.offset-xxl3 {
    margin-left: 12.5%;
  }
  .row .col.pull-xxl3 {
    right: 12.5%;
  }
  .row .col.push-xxl3 {
    left: 12.5%;
  }
  .row .col.offset-xxl4 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xxl4 {
    right: 16.6666666667%;
  }
  .row .col.push-xxl4 {
    left: 16.6666666667%;
  }
  .row .col.offset-xxl5 {
    margin-left: 20.8333333333%;
  }
  .row .col.pull-xxl5 {
    right: 20.8333333333%;
  }
  .row .col.push-xxl5 {
    left: 20.8333333333%;
  }
  .row .col.offset-xxl6 {
    margin-left: 25%;
  }
  .row .col.pull-xxl6 {
    right: 25%;
  }
  .row .col.push-xxl6 {
    left: 25%;
  }
  .row .col.offset-xxl7 {
    margin-left: 29.1666666667%;
  }
  .row .col.pull-xxl7 {
    right: 29.1666666667%;
  }
  .row .col.push-xxl7 {
    left: 29.1666666667%;
  }
  .row .col.offset-xxl8 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xxl8 {
    right: 33.3333333333%;
  }
  .row .col.push-xxl8 {
    left: 33.3333333333%;
  }
  .row .col.offset-xxl9 {
    margin-left: 37.5%;
  }
  .row .col.pull-xxl9 {
    right: 37.5%;
  }
  .row .col.push-xxl9 {
    left: 37.5%;
  }
  .row .col.offset-xxl10 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xxl10 {
    right: 41.6666666667%;
  }
  .row .col.push-xxl10 {
    left: 41.6666666667%;
  }
  .row .col.offset-xxl11 {
    margin-left: 45.8333333333%;
  }
  .row .col.pull-xxl11 {
    right: 45.8333333333%;
  }
  .row .col.push-xxl11 {
    left: 45.8333333333%;
  }
  .row .col.offset-xxl12 {
    margin-left: 50%;
  }
  .row .col.pull-xxl12 {
    right: 50%;
  }
  .row .col.push-xxl12 {
    left: 50%;
  }
  .row .col.offset-xxl13 {
    margin-left: 54.1666666667%;
  }
  .row .col.pull-xxl13 {
    right: 54.1666666667%;
  }
  .row .col.push-xxl13 {
    left: 54.1666666667%;
  }
  .row .col.offset-xxl14 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xxl14 {
    right: 58.3333333333%;
  }
  .row .col.push-xxl14 {
    left: 58.3333333333%;
  }
  .row .col.offset-xxl15 {
    margin-left: 62.5%;
  }
  .row .col.pull-xxl15 {
    right: 62.5%;
  }
  .row .col.push-xxl15 {
    left: 62.5%;
  }
  .row .col.offset-xxl16 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xxl16 {
    right: 66.6666666667%;
  }
  .row .col.push-xxl16 {
    left: 66.6666666667%;
  }
  .row .col.offset-xxl17 {
    margin-left: 70.8333333333%;
  }
  .row .col.pull-xxl17 {
    right: 70.8333333333%;
  }
  .row .col.push-xxl17 {
    left: 70.8333333333%;
  }
  .row .col.offset-xxl18 {
    margin-left: 75%;
  }
  .row .col.pull-xxl18 {
    right: 75%;
  }
  .row .col.push-xxl18 {
    left: 75%;
  }
  .row .col.offset-xxl19 {
    margin-left: 79.1666666667%;
  }
  .row .col.pull-xxl19 {
    right: 79.1666666667%;
  }
  .row .col.push-xxl19 {
    left: 79.1666666667%;
  }
  .row .col.offset-xxl20 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xxl20 {
    right: 83.3333333333%;
  }
  .row .col.push-xxl20 {
    left: 83.3333333333%;
  }
  .row .col.offset-xxl21 {
    margin-left: 87.5%;
  }
  .row .col.pull-xxl21 {
    right: 87.5%;
  }
  .row .col.push-xxl21 {
    left: 87.5%;
  }
  .row .col.offset-xxl22 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xxl22 {
    right: 91.6666666667%;
  }
  .row .col.push-xxl22 {
    left: 91.6666666667%;
  }
  .row .col.offset-xxl23 {
    margin-left: 95.8333333333%;
  }
  .row .col.pull-xxl23 {
    right: 95.8333333333%;
  }
  .row .col.push-xxl23 {
    left: 95.8333333333%;
  }
  .row .col.offset-xxl24 {
    margin-left: 100%;
  }
  .row .col.pull-xxl24 {
    right: 100%;
  }
  .row .col.push-xxl24 {
    left: 100%;
  }
}

@media only screen and (max-width : 500px) {
  .hide-base {
    display: none !important;
  }
}

@media only screen and (max-width : 600px) {
  .hide-xsmall {
    display: none !important;
  }
}

@media only screen and (max-width : 767px) {
  .hide-small {
    display: none !important;
  }
}

@media only screen and (max-width : 991px) {
  .hide-medium {
    display: none !important;
  }
}

@media only screen and (max-width : 1200px) {
  .hide-large {
    display: none !important;
  }
}

@media only screen and (max-width : 1400px) {
  .hide-xlarge {
    display: none !important;
  }
}

@media only screen and (max-width : 1600px) {
  .hide-xxlarge {
    display: none !important;
  }
}

@media only screen and (min-width : 501px) {
  .hide-base-up {
    display: none !important;
  }
}

@media only screen and (min-width : 601px) {
  .hide-xsmall-up {
    display: none !important;
  }
}

@media only screen and (min-width : 768px) {
  .hide-small-up {
    display: none !important;
  }
}

@media only screen and (min-width : 992px) {
  .hide-medium-up {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  .hide-large-up {
    display: none !important;
  }
}

@media only screen and (min-width : 1401px) {
  .hide-xlarge-up {
    display: none !important;
  }
}

@media only screen and (min-width : 1601px) {
  .hide-xxlarge-up {
    display: none !important;
  }
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../../fonts/roboto/Roboto-Regular.eot");
  src: url("../../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../../fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("../../fonts/roboto/Roboto-Regular.svg#Roboto-Regular") format("svg"), url("../../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("../../fonts/roboto/Roboto-Medium.eot");
  src: url("../../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../../fonts/roboto/Roboto-Medium.ttf") format("truetype"), url("../../fonts/roboto/Roboto-Medium.svg#Roboto-Medium") format("svg"), url("../../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("../../fonts/roboto/Roboto-Bold.eot");
  src: url("../../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../../fonts/roboto/Roboto-Bold.ttf") format("truetype"), url("../../fonts/roboto/Roboto-Bold.svg#Roboto-Bold") format("svg"), url("../../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Black";
  src: url("../../fonts/roboto/Roboto-Black.eot");
  src: url("../../fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../fonts/roboto/Roboto-Black.woff") format("woff"), url("../../fonts/roboto/Roboto-Black.ttf") format("truetype"), url("../../fonts/roboto/Roboto-Black.svg#Roboto-Black") format("svg"), url("../../fonts/roboto/Roboto-Black.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Italic";
  src: url("../../fonts/roboto/Roboto-Italic.eot");
  src: url("../../fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("../../fonts/roboto/Roboto-Italic.woff") format("woff"), url("../../fonts/roboto/Roboto-Italic.ttf") format("truetype"), url("../../fonts/roboto/Roboto-Italic.svg#Roboto-Italic") format("svg"), url("../../fonts/roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald-Light";
  src: url("../../fonts/oswald/Oswald-Light.eot");
  src: url("../../fonts/oswald/Oswald-Light.woff2") format("woff2"), url("../../fonts/oswald/Oswald-Light.woff") format("woff"), url("../../fonts/oswald/Oswald-Light.ttf") format("truetype"), url("../../fonts/oswald/Oswald-Light.svg#Oswald-Light") format("svg"), url("../../fonts/oswald/Oswald-Light.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald-Regular";
  src: url("../../fonts/oswald/Oswald-Regular.eot");
  src: url("../../fonts/oswald/Oswald-Regular.woff2") format("woff2"), url("../../fonts/oswald/Oswald-Regular.woff") format("woff"), url("../../fonts/oswald/Oswald-Regular.ttf") format("truetype"), url("../../fonts/oswald/Oswald-Regular.svg#Oswald-Regular") format("svg"), url("../../fonts/oswald/Oswald-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald-Medium";
  src: url("../../fonts/oswald/Oswald-Medium.eot");
  src: url("../../fonts/oswald/Oswald-Medium.woff2") format("woff2"), url("../../fonts/oswald/Oswald-Medium.woff") format("woff"), url("../../fonts/oswald/Oswald-Medium.ttf") format("truetype"), url("../../fonts/oswald/Oswald-Medium.svg#Oswald-Medium") format("svg"), url("../../fonts/oswald/Oswald-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald-SemiBold";
  src: url("../../fonts/oswald/Oswald-SemiBold.eot");
  src: url("../../fonts/oswald/Oswald-SemiBold.woff2") format("woff2"), url("../../fonts/oswald/Oswald-SemiBold.woff") format("woff"), url("../../fonts/oswald/Oswald-SemiBold.ttf") format("truetype"), url("../../fonts/oswald/Oswald-SemiBold.svg#Oswald-SemiBold") format("svg"), url("../../fonts/oswald/Oswald-SemiBold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald-Bold";
  src: url("../../fonts/oswald/Oswald-Bold.eot");
  src: url("../../fonts/oswald/Oswald-Bold.woff2") format("woff2"), url("../../fonts/oswald/Oswald-Bold.woff") format("woff"), url("../../fonts/oswald/Oswald-Bold.ttf") format("truetype"), url("../../fonts/oswald/Oswald-Bold.svg#Oswald-Bold") format("svg"), url("../../fonts/oswald/Oswald-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.hamburger {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 33px 0px 33px 30px;
  cursor: pointer;
  background: #fff;
  font: inherit;
  color: inherit;
  line-height: 0;
  text-align: left;
  text-transform: none;
  border: 0;
  margin: 0;
  overflow: visible;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width : 500px) {
  .hamburger {
    right: -20px;
    padding-right: 20px;
  }
}

.hamburger-label {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 18px;
  color: #434242;
  vertical-align: middle;
  letter-spacing: 1px;
}
@media only screen and (max-width : 500px) {
  .hamburger-label {
    display: none;
  }
}
.hamburger-label span {
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  opacity: 0;
  transition: opacity 300ms;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 18px;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #5ac4be;
  border-radius: 0px;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

select {
  display: block;
  width: 100%;
  opacity: 0;
}

.chosen-container {
  position: relative;
  display: inline-block;
  width: 100% !important;
  font-size: 14px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chosen-container .chosen-single {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0 0 20px;
  border: none;
  font: 14px/60px "Roboto-Medium";
  color: #434242;
  cursor: pointer;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #ececec;
  overflow: hidden;
  padding-right: 45px;
  z-index: 49;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0);
  transition: padding 400ms, box-shadow 300ms;
}

.chosen-container .chosen-default {
  font: 14px/60px "Roboto-Medium";
  color: #434242;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.chosen-container-active {
  z-index: 50;
}

.chosen-container .chosen-single span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.chosen-container .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 100%;
  background: url("../../images/icones/select-arrow.png") no-repeat center center;
  background-size: 12px auto;
  transition: transform 500ms;
  -webkit-transition: -webkit-transform 500ms;
  -webkit-backface-visibility: visible;
}

.chosen-container .chosen-single div b {
  display: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: none;
  padding-left: 20px;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 0;
  width: 100%;
  border: none;
  border-top: none;
  background: #fff;
  visibility: hidden;
  z-index: 48;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: padding-top 500ms, opacity 500ms, box-shadow 500ms, visibility 0ms ease 500ms;
}

.chosen-container.chosen-with-drop .chosen-drop {
  top: 0;
  padding-top: 60px;
  visibility: visible;
  opacity: 1;
  transition: padding 400ms, opacity 400ms;
}

.chosen-container .chosen-results {
  position: relative;
  max-height: 202px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: block !important;
  margin: 0;
  padding: 12px 20px;
  font: 14px/20px "Roboto-Medium";
  text-transform: uppercase;
  list-style: none;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  transition: color 300ms;
}

.chosen-container .chosen-results li:first-child {
  padding-top: 25px;
}

.chosen-container .chosen-results li:last-child {
  padding-bottom: 25px;
}

.chosen-container .chosen-results li.active-result {
  cursor: pointer;
  color: rgba(67, 66, 66, 0.6);
}

.chosen-container .chosen-results li:hover {
  color: #5ac4be;
}

.chosen-container .chosen-results li.result-selected {
  font-family: "Roboto-Medium";
  cursor: default;
  color: #5ac4be !important;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: rgba(67, 66, 66, 0.4);
  cursor: default;
}

.chosen-disabled {
  opacity: 0.35 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-container-single .chosen-search {
  display: none;
}

#formZone .chosen-container .chosen-single {
  padding-left: 0;
  border-bottom: solid 1px rgba(67, 66, 66, 0.6);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#formZone .chosen-container-active.chosen-with-drop .chosen-single {
  padding-left: 20px;
  border-color: #e5e5e5;
}

#formZone select {
  padding-left: 0;
  border-bottom: solid 1px rgba(67, 66, 66, 0.6);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

select {
  position: relative;
  display: block;
  font: 14px/60px "Roboto-Medium";
  padding: 0 60px 0 20px;
  height: 60px;
  background: #ececec;
  opacity: 1;
  color: #434242;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width : 600px) {
  select {
    font-size: 13px;
  }
}

select:focus {
  background: #fff;
}

select::-ms-expand {
  display: none;
}

.select-field {
  position: relative;
  float: left;
  width: 320px;
  max-width: 100%;
  padding: 0;
}
.select-field:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 60px;
  content: "";
  cursor: pointer;
  pointer-events: none;
  background: url("../../images/icones/select-arrow.png") no-repeat center center;
  background-size: 12px auto;
}
@media only screen and (max-width : 991px) {
  .select-field {
    width: 250px;
  }
}

.bg-cyan .chosen-container .chosen-single {
  background: #fff;
}
.bg-cyan select {
  background: #fff;
}

.typer-field input {
  width: 100%;
  height: 45px;
  padding: 0px 0;
  border: none;
  border-bottom: 1px solid #fff;
  font: 18px/45px "Roboto-Regular";
  color: #fff;
  background: transparent;
  transition: 300ms ease;
}
.typer-field input:focus {
  border-bottom-color: #fff;
}
.typer-field input.valid {
  border-bottom: 1px solid #fff;
}
.typer-field label {
  position: absolute;
  top: 0px;
  left: 0;
  font: 18px/45px "Roboto-Regular";
  color: #fff;
  cursor: text;
  transition: 300ms ease;
}
.typer-field input:focus + label,
.typer-field input.valid + label,
.typer-field input.error + label,
.typer-field input.notEmpty + label {
  opacity: 0;
}
.typer-field input.vide + label {
  top: 0px;
  font: 16px/45px "Roboto-Regular";
}

.typer {
  position: relative;
  min-height: 2ex;
}
.typer::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 16px;
  width: 1px;
  height: 1.1em;
  background-color: currentColor;
  margin-left: 1px;
}

.cursor-block::after {
  width: 0.9ex;
}

.cursor-soft::after {
  animation: softblink 0.7s infinite;
}

.cursor-hard::after {
  animation: hardblink 0.7s infinite;
}

.no-cursor::after {
  content: none;
}

.white-space {
  white-space: pre-wrap;
}

@keyframes softblink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hardblink {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 84px;
  line-height: 84px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 15px 0 rgba(67, 66, 66, 0.15);
  z-index: 9999;
}
header #logo {
  display: inline-block;
}
header #logo img {
  vertical-align: middle;
}

/*** HEADER DESKTOP SEARCHBOX ***/
#searchBox {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 330px;
  height: 54px;
  padding: 15px 0;
  text-align: left;
}
@media only screen and (max-width : 1400px) {
  #searchBox {
    width: auto;
    padding: 0;
  }
}
#searchBox #dtSearchInput {
  float: left;
  width: 280px;
  height: 54px;
  padding: 0 0 0 20px;
  border-left: solid 1px #5ac4be;
  font-size: 16px;
  color: #434242;
}
#searchBox #dtSearchInput:focus + label {
  opacity: 0;
}
#searchBox label {
  position: absolute;
  left: 0;
  top: 15px;
  bottom: 0;
  right: 0;
  padding: 0 30px 0 20px;
  font-size: 16px;
  line-height: 54px;
  cursor: text;
  transition: opacity 300ms;
}
#searchBox .submitBtn {
  position: absolute;
  right: 0;
  top: 15px;
  height: 100%;
  width: 50px;
  line-height: 54px;
  text-align: center;
  transition: opacity 250ms;
}
#searchBox .submitBtn img {
  vertical-align: middle;
}
#searchBox #searchBtn {
  position: relative;
  float: left;
  display: block;
  padding: 0 0 0 36px;
  font-size: 16px;
  line-height: 84px;
  color: #434242;
  letter-spacing: 1px;
}
#searchBox #searchBtn .closeSearch {
  position: absolute;
  left: 30px;
  top: 0;
  padding: 0 20px 0 6px;
  background: #fff;
  opacity: 0;
  transition: opacity 200ms;
}
@media only screen and (max-width : 500px) {
  #searchBox #searchBtn .closeSearch {
    display: none;
  }
}
@media only screen and (max-width : 500px) {
  #searchBox #searchBtn span:nth-child(2) {
    opacity: 0;
  }
}
#searchBox #searchBtn img {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  transition: opacity 300ms;
}

/*** SEARCHDROP ***/
#searchDrop {
  position: absolute;
  left: 0;
  right: 0;
  top: 84px;
  height: 0;
  text-align: left;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 5px 10px 0 rgba(67, 66, 66, 0.1);
  transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#searchDrop > div {
  border-top: solid 1px #f1f1f1;
  padding-top: 40px;
}
@media only screen and (max-width : 991px) {
  #searchDrop > div {
    padding-top: 30px;
  }
}
@media only screen and (max-width : 767px) {
  #searchDrop > div {
    padding-top: 25px;
  }
}
#searchDrop input {
  display: block;
  height: 80px;
  width: 100%;
  padding: 0 80px 0 20px;
  border-left: solid 2px #5ac4be;
  font: 26px/80px "Roboto-Regular";
  color: #434242;
}
#searchDrop input:focus + label {
  opacity: 0;
}
@media only screen and (max-width : 1200px) {
  #searchDrop input {
    height: 70px;
    padding-right: 60px;
    font-size: 24px;
    line-height: 70px;
  }
}
@media only screen and (max-width : 991px) {
  #searchDrop input {
    font-size: 22px;
  }
}
@media only screen and (max-width : 767px) {
  #searchDrop input {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width : 600px) {
  #searchDrop input {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
  }
}
#searchDrop label {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 50px 0 20px;
  font-size: 26px;
  line-height: 80px;
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 300ms;
}
@media only screen and (max-width : 1200px) {
  #searchDrop label {
    font-size: 24px;
    line-height: 70px;
  }
}
@media only screen and (max-width : 991px) {
  #searchDrop label {
    font-size: 22px;
  }
}
@media only screen and (max-width : 767px) {
  #searchDrop label {
    font-size: 20px;
    line-height: 60px;
  }
}
@media only screen and (max-width : 600px) {
  #searchDrop label {
    font-size: 18px;
    line-height: 50px;
  }
}
#searchDrop a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  padding-right: 30px;
  width: 80px;
  line-height: 80px;
  text-align: right;
}
@media only screen and (max-width : 1200px) {
  #searchDrop a {
    line-height: 70px;
  }
}
@media only screen and (max-width : 991px) {
  #searchDrop a {
    width: 65px;
    right: -20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #searchDrop a {
    line-height: 60px;
  }
}
@media only screen and (max-width : 600px) {
  #searchDrop a {
    line-height: 50px;
  }
}
#searchDrop a img {
  vertical-align: middle;
}

@media only screen and (max-width : 500px) {
  .show-search #searchBox #searchBtn img {
    opacity: 0.6;
  }
}
.show-search #searchBox #searchBtn .closeSearch {
  opacity: 1;
}
.show-search #searchDrop {
  height: 0px;
  transition: height 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width : 1400px) {
  .show-search #searchDrop {
    height: 160px;
  }
}
@media only screen and (max-width : 1200px) {
  .show-search #searchDrop {
    height: 150px;
  }
}
@media only screen and (max-width : 991px) {
  .show-search #searchDrop {
    height: 130px;
  }
}
@media only screen and (max-width : 767px) {
  .show-search #searchDrop {
    height: 110px;
  }
}
@media only screen and (max-width : 600px) {
  .show-search #searchDrop {
    height: 100px;
  }
}

#fastLinksOverlay {
  display: none;
}
@media only screen and (max-width : 991px) {
  #fastLinksOverlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 223;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms, visibility 0ms ease 300ms;
  }
}

#fastLinksBtn {
  position: fixed;
  left: 30px;
  bottom: 145px;
  z-index: 225;
}
@media only screen and (max-width : 1400px) {
  #fastLinksBtn {
    left: 20px;
  }
}
@media only screen and (max-width : 991px) {
  #fastLinksBtn {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width : 600px) {
  #fastLinksBtn {
    left: 10px;
    bottom: 10px;
  }
}
#fastLinksBtn div {
  float: left;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
  background: #434242;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(67, 66, 66, 0.2);
  transition: box-shadow 250ms, background 250ms;
}
@media only screen and (max-width : 991px) {
  #fastLinksBtn div {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
  }
}
@media only screen and (max-width : 600px) {
  #fastLinksBtn div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
  }
}
#fastLinksBtn div .icon {
  display: inline-block;
  fill: #fff;
  vertical-align: middle;
  transition: transform 300ms;
  -webkit-transition: -webkit-transform 300ms;
}
#fastLinksBtn h6 {
  display: none;
  float: left;
  margin: 0 0 0 20px;
  line-height: 70px;
  font-family: "Roboto-Medium";
  color: #fff;
  letter-spacing: 1px;
  white-space: nowrap;
  visibility: visible;
  opacity: 1;
  transition: opacity 300ms;
}
@media only screen and (max-width : 991px) {
  #fastLinksBtn h6 {
    display: none;
  }
}

.show-fastLinksBtn #fastLinksBtn h6 {
  display: block;
}
@media only screen and (max-width : 1600px) {
  .show-fastLinksBtn #fastLinksBtn h6 {
    display: none;
  }
}

#fastLinksMenu {
  position: fixed;
  left: 110px;
  bottom: -50px;
  z-index: 226;
  opacity: 0;
  visibility: hidden;
  transition: bottom 300ms, opacity 300ms, visibility 0ms ease 300ms;
}
@media only screen and (max-width : 1400px) {
  #fastLinksMenu {
    left: 100px;
  }
}
@media only screen and (max-width : 991px) {
  #fastLinksMenu {
    left: -100%;
    top: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden;
    z-index: 224;
    transition: left 500ms, opacity 500ms, visibility 0ms ease 500ms;
  }
  #fastLinksMenu > div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 30px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width : 767px) {
  #fastLinksMenu {
    width: 80%;
  }
}
@media only screen and (max-width : 500px) {
  #fastLinksMenu {
    width: 100%;
  }
  #fastLinksMenu ul {
    padding-bottom: 50px;
  }
}

.fastLinksMenu {
  width: 760px;
  background: #434242;
  box-shadow: 0 0 15px rgba(67, 66, 66, 0.3);
}
.fastLinksMenu ul {
  transition: margin 200ms;
  padding-bottom: 20px;
}
@media only screen and (max-width : 991px) {
  .fastLinksMenu ul {
    margin-top: 115px;
  }
}
.fastLinksMenu ul::after {
  display: table;
  content: "";
  clear: both;
}
.fastLinksMenu ul li {
  float: left;
  width: 25%;
  height: 115px;
  text-align: center;
}
.fastLinksMenu ul li:first-child br {
  display: block;
}
@media only screen and (max-width : 991px) {
  .fastLinksMenu ul li:first-child br {
    display: none;
  }
}
@media only screen and (max-width : 991px) {
  .fastLinksMenu ul li {
    width: 50%;
  }
  .fastLinksMenu ul li:nth-child(odd) {
    clear: both;
  }
  .fastLinksMenu ul li:nth-child(1) a, .fastLinksMenu ul li:nth-child(2) a {
    padding-top: 0px !important;
  }
  .fastLinksMenu ul li:nth-child(9) a, .fastLinksMenu ul li:nth-child(10) a {
    padding-bottom: 30px !important;
  }
}
.fastLinksMenu ul li:nth-child(1) a, .fastLinksMenu ul li:nth-child(2) a, .fastLinksMenu ul li:nth-child(3) a, .fastLinksMenu ul li:nth-child(4) a {
  padding-top: 45px;
  padding-bottom: 20px;
}
.fastLinksMenu ul li:nth-child(5) a, .fastLinksMenu ul li:nth-child(6) a, .fastLinksMenu ul li:nth-child(7) a, .fastLinksMenu ul li:nth-child(8) a {
  padding-top: 35px;
  padding-bottom: 20px;
}
.fastLinksMenu ul li:nth-child(9) a, .fastLinksMenu ul li:nth-child(10) a, .fastLinksMenu ul li:nth-child(11) a, .fastLinksMenu ul li:nth-child(12) a {
  padding-top: 20px;
  padding-bottom: 35px;
}
.fastLinksMenu ul li a {
  display: block;
  font: 10px/16px "Roboto-Medium";
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: opacity 250ms;
}
@media only screen and (max-width : 991px) {
  .fastLinksMenu ul li a {
    padding: 20px 0 !important;
  }
}
.fastLinksMenu ul li a br {
  display: none;
}
.fastLinksMenu ul li a div {
  margin: 0 0 20px 0;
  height: 36px;
  line-height: 36px;
}
.fastLinksMenu ul li a div img {
  vertical-align: middle;
}

@media only screen and (max-width : 991px) {
  .scrolling #fastLinksMenu ul {
    margin-top: 40px;
  }
}
.scrolling #fastLinksBtn h6 {
  width: 0px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms, visibility 0ms ease 300ms, width 0ms ease 300ms;
}

@media only screen and (max-width : 991px) {
  .show-fastLinks {
    height: 100%;
  }
  .show-fastLinks body {
    height: 100%;
    overflow: hidden;
  }
  .show-fastLinks #fastLinksBtn {
    display: block !important;
    z-index: 246;
  }
  .show-fastLinks #fastLinksMenu {
    z-index: 245;
  }
  .show-fastLinks #fastLinksMenu.hidden {
    display: block !important;
  }
}
.show-fastLinks #fastLinksOverlay {
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms;
}
@media only screen and (max-width : 991px) {
  .show-fastLinks #fastLinksBtn div {
    background: #fff;
  }
  .show-fastLinks #fastLinksBtn div .icon {
    fill: #42b976;
  }
}
.show-fastLinks #fastLinksBtn div .icon {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.show-fastLinks #fastLinksMenu {
  bottom: 40px;
  opacity: 1;
  visibility: visible;
  transition: bottom 600ms cubic-bezier(0.19, 1, 0.22, 1), opacity 600ms;
}
@media only screen and (max-width : 991px) {
  .show-fastLinks #fastLinksMenu {
    left: 0;
    bottom: 0;
    transition: left 600ms cubic-bezier(0.19, 1, 0.22, 1), opacity 600ms;
  }
}

#sideMenu {
  position: fixed;
  top: 0;
  right: -120%;
  bottom: 0;
  width: 100%;
  z-index: 250;
  overflow-x: hidden;
  transition: right 650ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.show-sideMenu {
  height: 100%;
}
.show-sideMenu body {
  height: 100%;
  overflow: hidden;
}
.show-sideMenu header {
  position: fixed;
}
.show-sideMenu .hamburger-label span {
  opacity: 1;
}
.show-sideMenu #sideMenu {
  right: 0px;
  transition: right 650ms cubic-bezier(0.19, 1, 0.22, 1);
}
.show-sideMenu #mainLinks > li h2 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition: opacity 500ms ease 500ms, transform 500ms ease 500ms, color 250ms;
  -webkit-transition: opacity 500ms ease 500ms, -webkit-transform 500ms ease 500ms, color 250ms;
}
@media only screen and (max-width : 600px) {
  .show-sideMenu #mainLinks > li h2 {
    transition-delay: 350ms;
    -webkit-transition-delay: 350ms;
  }
}
.show-sideMenu #secLinks li {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  transition: opacity 500ms, transform 1s;
  -webkit-transition: opacity 500ms, -webkit-transform 1s;
}

/*** MENU ***/
@media only screen and (max-width : 600px) {
  #sideMenu #sideMenuContainer {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 84px;
    background: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
#sideMenu #sideMenuLeftPanel {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 134px 0 0 0;
  background: #fff;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width : 1400px) {
  #sideMenu #sideMenuLeftPanel {
    padding-top: 124px;
  }
}
@media only screen and (max-width : 1200px) {
  #sideMenu #sideMenuLeftPanel {
    padding-top: 114px;
  }
}
@media only screen and (max-width : 767px) {
  #sideMenu #sideMenuLeftPanel {
    padding-top: 109px;
    width: calc(60% + 16px);
  }
}
@media only screen and (max-width : 600px) {
  #sideMenu #sideMenuLeftPanel {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: auto;
    overflow: auto;
    padding-top: 20px;
  }
}
#sideMenu #sideMenuRightPanel {
  position: absolute;
  left: 65%;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 159px 0 30px 0;
  border-left: solid 1px #f1f1f1;
  z-index: 1;
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width : 1400px) {
  #sideMenu #sideMenuRightPanel {
    padding-top: 149px;
  }
}
@media only screen and (max-width : 1200px) {
  #sideMenu #sideMenuRightPanel {
    padding-top: 134px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #sideMenu #sideMenuRightPanel {
    left: 60%;
    padding-top: 121px;
  }
}
@media only screen and (max-width : 600px) {
  #sideMenu #sideMenuRightPanel {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: auto;
    border: none;
    overflow: auto;
    padding-top: 0;
  }
}

#mainLinks {
  margin: 0 0 50px 0;
}
@media only screen and (max-width : 991px) {
  #mainLinks {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #mainLinks {
    margin-bottom: 20px;
  }
}
#mainLinks > li {
  margin: 0;
  border-bottom: solid 1px #f1f1f1;
}
#mainLinks > li h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 30px 150px 30px 80px;
  font-size: 30px;
  line-height: 1.2;
  cursor: pointer;
  opacity: 0;
  transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  transition: opacity 0ms ease 650ms, transform 0ms ease 650ms;
  -webkit-transition: opacity 0ms ease 650ms, -webkit-transform 0ms ease 650ms;
}
@media only screen and (max-width : 1600px) {
  #mainLinks > li h2 {
    font-size: 26px;
    padding-left: 50px;
  }
}
@media only screen and (max-width : 1200px) {
  #mainLinks > li h2 {
    font-size: 24px;
    padding: 25px 110px 25px 50px;
  }
}
@media only screen and (max-width : 991px) {
  #mainLinks > li h2 {
    font-size: 22px;
    padding: 25px 80px 25px 20px;
  }
}
@media only screen and (max-width : 767px) {
  #mainLinks > li h2 {
    font-size: 20px;
    padding: 20px 70px 20px 20px;
  }
}
@media only screen and (max-width : 600px) {
  #mainLinks > li h2 {
    font-size: 18px;
    padding-right: 60px;
  }
}
#mainLinks > li h2::after, #mainLinks > li h2::before {
  position: absolute;
  content: "";
  top: 50%;
  background: #434242;
}
#mainLinks > li h2::after {
  right: 80px;
  width: 18px;
  height: 2px;
  margin-top: -1px;
  transition: background 250ms;
}
@media only screen and (max-width : 1200px) {
  #mainLinks > li h2::after {
    right: 50px;
  }
}
@media only screen and (max-width : 991px) {
  #mainLinks > li h2::after {
    right: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #mainLinks > li h2::after {
    right: 20px;
  }
}
#mainLinks > li h2::before {
  right: 88px;
  top: 50%;
  width: 2px;
  height: 18px;
  margin-top: -9px;
  transition: transform 25ms, background 250ms;
  -webkit-transition: -webkit-transform 300ms, background 250ms;
}
@media only screen and (max-width : 1200px) {
  #mainLinks > li h2::before {
    right: 58px;
  }
}
@media only screen and (max-width : 991px) {
  #mainLinks > li h2::before {
    right: 38px;
  }
}
@media only screen and (max-width : 600px) {
  #mainLinks > li h2::before {
    right: 28px;
  }
}
#mainLinks > li div {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transition: opacity 200ms, transform 200ms;
  -webkit-transition: opacity 200ms, -webkit-transform 200ms;
}
#mainLinks > li div ul li:first-child a {
  padding-top: 0px;
}
@media only screen and (max-width : 767px) {
  #mainLinks > li div ul li:first-child a {
    padding-top: 10px;
  }
}
@media only screen and (max-width : 600px) {
  #mainLinks > li div ul li:first-child a {
    padding-top: 5px;
  }
}
#mainLinks > li div ul li:last-child a {
  padding-bottom: 30px;
}
@media only screen and (max-width : 600px) {
  #mainLinks > li div ul li:last-child a {
    padding-bottom: 25px;
  }
}
#mainLinks > li div li {
  font-size: 20px;
  line-height: 1.2;
}
@media only screen and (max-width : 1200px) {
  #mainLinks > li div li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 767px) {
  #mainLinks > li div li {
    font-size: 16px;
  }
}
#mainLinks > li div li a {
  display: block;
  padding: 10px 150px 10px 80px;
  transition: color 250ms;
}
@media only screen and (max-width : 1600px) {
  #mainLinks > li div li a {
    padding-left: 50px;
  }
}
@media only screen and (max-width : 1200px) {
  #mainLinks > li div li a {
    padding: 10px 110px 10px 50px;
  }
}
@media only screen and (max-width : 991px) {
  #mainLinks > li div li a {
    padding: 10px 80px 10px 20px;
  }
}
@media only screen and (max-width : 767px) {
  #mainLinks > li div li a {
    padding: 8px 70px 8px 20px;
  }
}
@media only screen and (max-width : 767px) {
  #mainLinks > li div li a {
    padding-right: 60px;
  }
}
#mainLinks > li.open h2 {
  color: #5ac4be;
}
#mainLinks > li.open h2::after {
  background: #5ac4be;
}
#mainLinks > li.open h2::before {
  background: transparent !important;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
}
#mainLinks > li.open div {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: transform 400ms ease 100ms, opacity 400ms ease 100ms;
  -webkit-transition: -webkit-transform 400ms ease 100ms, opacity 400ms ease 100ms;
}

#secLinks li {
  font-size: 18px;
  opacity: 0;
  transform: translateX(30px);
  -webkit-transform: translateX(30px);
  transition: opacity 0ms ease 650ms, transform 0ms ease 650ms;
  -webkit-transition: opacity 0ms ease 650ms, -webkit-transform 0ms ease 650ms;
}
@media only screen and (max-width : 767px) {
  #secLinks li {
    font-size: 17px;
  }
}
@media only screen and (max-width : 500px) {
  #secLinks li {
    font-size: 16px;
  }
}
#secLinks li a {
  display: block;
  padding: 12px 20px 12px 80px;
  color: #5ac4be;
}
@media only screen and (max-width : 1200px) {
  #secLinks li a {
    padding-left: 60px;
  }
}
@media only screen and (max-width : 991px) {
  #secLinks li a {
    padding-left: 40px;
  }
}
@media only screen and (max-width : 600px) {
  #secLinks li a {
    padding-left: 20px;
  }
}

#prefooter {
  text-align: center;
}
#prefooter .col {
  position: relative;
  height: 650px;
  line-height: 650px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 1;
}
@media only screen and (max-width : 1600px) {
  #prefooter .col {
    height: 600px;
    line-height: 600px;
  }
}
@media only screen and (max-width : 1400px) {
  #prefooter .col {
    height: 500px;
    line-height: 500px;
  }
}
@media only screen and (max-width : 1200px) {
  #prefooter .col {
    height: 430px;
    line-height: 430px;
  }
}
@media only screen and (max-width : 991px) {
  #prefooter .col {
    height: 380px;
    line-height: 380px;
  }
}
@media only screen and (max-width : 767px) {
  #prefooter .col {
    height: 330px;
    line-height: 330px;
  }
  #prefooter .col p > img {
    width: 36px;
  }
}
@media only screen and (max-width : 600px) {
  #prefooter .col {
    height: 280px;
    line-height: 280px;
  }
}
@media only screen and (max-width : 500px) {
  #prefooter .col {
    height: 260px;
    line-height: 260px;
  }
}
#prefooter .col div {
  padding: 0 20px;
}
#prefooter .col::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #000;
  opacity: 0.5;
  z-index: -1;
  transition: opacity 250ms;
}
#prefooter .col p:first-child {
  margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
  #prefooter .col p:first-child {
    margin-bottom: 20px;
  }
}
#prefooter .col h2 {
  color: #fff;
}
@media only screen and (max-width : 600px) {
  #prefooter .col h2 {
    font-size: 24px;
  }
}
#prefooter #etablir {
  background-image: url("../../images/content/prefooter-etablir.jpg");
}
#prefooter #carte {
  background-image: url("../../images/content/prefooter-carte.jpg");
}

footer {
  position: relative;
  background: #fff;
  z-index: 235;
}
@media only screen and (max-width : 991px) {
  footer {
    background: #42b976;
  }
}
footer .col {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width : 1600px) {
  footer .col {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 991px) {
  footer .col {
    padding-top: 40px;
  }
}
footer #coord {
  text-align: center;
}
@media only screen and (max-width : 991px) {
  footer #coord {
    padding: 0 20px 30px 20px;
  }
}
@media only screen and (max-width : 991px) {
  footer #coord div:first-child {
    float: left;
    margin: 0;
  }
}
@media only screen and (max-width : 500px) {
  footer #coord div:first-child {
    float: none;
    display: inline-block;
  }
}
footer #coord div:first-child a {
  display: inline-block;
}
@media only screen and (max-width : 991px) {
  footer #coord div:first-child a {
    float: left;
    margin-right: 20px;
  }
}
footer #coord div:first-child p {
  margin: 40px 0 0 0;
  font-size: 16px;
  line-height: 20px;
  color: rgba(67, 66, 66, 0.6);
}
@media only screen and (max-width : 991px) {
  footer #coord div:first-child p {
    float: left;
    display: block;
    color: #fff;
    margin-top: 12px;
    text-align: left;
  }
}
@media only screen and (max-width : 500px) {
  footer #coord div:first-child p {
    font-size: 14px;
  }
}
footer #coord .media {
  float: right;
  margin-top: 15px;
}
@media only screen and (max-width : 767px) {
  footer #coord .media {
    width: 114px;
  }
  footer #coord .media ul li:first-child::after {
    display: none;
  }
}
@media only screen and (max-width : 500px) {
  footer #coord .media {
    float: none;
    width: auto;
    margin-top: 25px;
  }
  footer #coord .media ul {
    float: none;
    width: 114px;
    margin: 0 auto;
  }
}
footer #coord .blanko {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
footer #nav {
  background: #42b976;
}
@media only screen and (max-width : 991px) {
  footer #nav {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width : 767px) {
  footer #nav {
    float: none;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width : 500px) {
  footer #nav {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width : 767px) {
  footer nav {
    width: 390px;
    margin: 0 auto 40px auto;
  }
  footer nav::after {
    display: table;
    content: "";
    clear: both;
  }
}
@media only screen and (max-width : 500px) {
  footer nav {
    width: auto;
    margin-bottom: 30px;
  }
}
footer nav ul {
  float: left;
}
@media only screen and (max-width : 500px) {
  footer nav ul {
    width: 47.5%;
  }
}
footer nav ul:first-child {
  margin: 0 100px 0 50px;
}
@media only screen and (max-width : 1400px) {
  footer nav ul:first-child {
    margin: 0 60px 0 20px;
  }
}
@media only screen and (max-width : 1200px) {
  footer nav ul:first-child {
    margin: 0 50px 0 10px;
  }
}
@media only screen and (max-width : 991px) {
  footer nav ul:first-child {
    margin: 0 70px 0 0px;
  }
}
@media only screen and (max-width : 600px) {
  footer nav ul:first-child {
    margin-right: 70px;
  }
}
@media only screen and (max-width : 500px) {
  footer nav ul:first-child {
    margin-right: 5%;
  }
}
footer nav ul li {
  font-size: 16px;
  line-height: 18px;
  font-family: "Roboto-Bold";
}
@media only screen and (max-width : 500px) {
  footer nav ul li {
    font-size: 14px;
  }
}
footer nav ul li a {
  display: inline-block;
  padding: 15px 0;
  color: #fff;
}
@media only screen and (max-width : 991px) {
  footer nav ul li a {
    padding: 12px 0;
  }
}
@media only screen and (max-width : 500px) {
  footer nav ul li a {
    padding: 10px 0;
  }
}
footer #rightCol {
  float: right;
  width: 330px;
  margin-top: 14px;
  /* criss d'autofill */
}
@media only screen and (max-width : 1400px) {
  footer #rightCol {
    width: 290px;
  }
}
@media only screen and (max-width : 767px) {
  footer #rightCol {
    float: none;
    width: 390px;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 500px) {
  footer #rightCol {
    width: 100%;
    margin: 0;
  }
}
footer #rightCol h6 {
  color: #434242;
}
footer #rightCol form {
  margin: 0 0 25px 0;
}
footer #rightCol #footerInfolettreEmail:-webkit-autofill,
footer #rightCol #footerInfolettreEmail:-webkit-autofill:hover,
footer #rightCol #footerInfolettreEmail:-webkit-autofill:focus,
footer #rightCol #footerInfolettreEmail:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #42b976 inset !important;
  -webkit-text-fill-color: #fff !important;
}
footer #rightCol .input-field {
  padding: 0;
}
footer #rightCol .input-field input {
  height: 45px;
  border-color: #fff;
  font-size: 16px;
  line-height: 45px;
  color: #fff;
}
footer #rightCol .input-field input:focus + label, footer #rightCol .input-field input.valid + label, footer #rightCol .input-field input.error + label {
  font-size: 11px;
  line-height: 12px;
}
footer #rightCol .input-field label {
  left: 0;
  font-size: 14px;
  line-height: 45px;
  color: #fff;
}
footer #rightCol .input-field .error {
  left: 0;
  color: #434242;
}
footer #rightCol .link {
  float: right;
  margin: 0 0 20px 0;
}
footer #rightCol .media {
  float: right;
  margin-top: 20px;
}
footer #rightCol .blanko {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}

.partenaire__img-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .partenaire__img-wrapper {
    justify-content: center;
    margin-bottom: 25px;
  }
}

.partenaire__img {
  width: 250px;
}

#mainContent {
  position: relative;
}
@media only screen and (max-width : 767px) {
  #mainContent {
    min-height: 0 !important;
  }
}
#mainContent aside {
  position: absolute;
  left: 12%;
  top: 0;
  bottom: 0;
  width: 220px;
  padding-bottom: 50px;
}
@media only screen and (max-width : 1600px) {
  #mainContent aside {
    left: 10%;
  }
}
@media only screen and (max-width : 1400px) {
  #mainContent aside {
    left: 6%;
  }
}
@media only screen and (max-width : 991px) {
  #mainContent aside {
    left: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #mainContent aside {
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    width: auto;
    padding-top: 25px;
    border-top: solid 1px rgba(67, 66, 66, 0.3);
  }
}
@media only screen and (max-width : 600px) {
  #mainContent aside {
    font-size: 13px;
    padding-top: 20px;
  }
}
#mainContent aside .sticky {
  position: sticky;
  -webkit-position: sticky;
  top: 50px;
}
@media only screen and (max-width : 767px) {
  #mainContent aside .sticky {
    position: static;
    -webkit-kit-position: static;
    top: auto;
  }
}
#mainContent aside .sticky > a {
  display: block;
}
@media only screen and (max-width : 767px) {
  #mainContent aside .sticky > a {
    float: left;
  }
}
@media only screen and (max-width: 350px) {
  #mainContent aside .sticky > a {
    margin-top: 0;
  }
}
#mainContent aside .sticky > a .link span {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#mainContent aside .media {
  margin: 0 0 30px 0;
  padding-bottom: 30px;
  border-bottom: solid 1px rgba(67, 66, 66, 0.3);
}
@media only screen and (max-width : 767px) {
  #mainContent aside .media {
    float: right;
    width: 150px;
    margin: 0;
    padding: 0;
    border: none;
    clear: right;
  }
}
@media only screen and (max-width: 350px) {
  #mainContent aside .media {
    float: none;
    margin-bottom: 25px;
  }
}
#mainContent aside .shareBtn {
  position: relative;
  display: inline-block;
  padding: 15px 20px;
  border: solid 2px #434242;
  margin: 0 0 5px 0;
  font: 13px/20px "Roboto-Bold";
  letter-spacing: 0.5px;
  color: #434242;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 250ms;
}
@media only screen and (max-width : 767px) {
  #mainContent aside .shareBtn {
    float: right;
    margin: 0;
  }
}
@media only screen and (max-width: 350px) {
  #mainContent aside .shareBtn {
    float: none;
  }
}
#mainContent aside .shareBtn::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0px;
  content: "";
  background: #434242;
  z-index: -1;
  transition: height 250ms;
}
@media only screen and (max-width : 767px) {
  #mainContent aside #asideMenu {
    display: none;
  }
}
#mainContent aside #asideMenu h3 {
  margin-bottom: 20px;
  font-size: 22px;
  color: #5ac4be;
}
#mainContent aside #asideMenu li {
  font-size: 16px;
  line-height: 18px;
}
#mainContent aside #asideMenu li:last-child a {
  padding-bottom: 0;
}
#mainContent aside #asideMenu li.active {
  font-family: "Roboto-Bold";
}
#mainContent aside #asideMenu li.active a {
  cursor: default;
  pointer-events: none;
}
#mainContent aside #asideMenu li.active a::before {
  left: -20px;
  opacity: 1;
}
#mainContent aside #asideMenu li a {
  position: relative;
  display: block;
  padding: 6px 0;
  transition: color 250ms;
}
#mainContent aside #asideMenu li a::before {
  position: absolute;
  left: -40px;
  top: 13px;
  width: 12px;
  height: 2px;
  content: "";
  background: #5ac4be;
  opacity: 0;
  transition: all 250ms;
}
@media only screen and (max-width : 991px) {
  #mainContent aside #asideMenu li a::before {
    display: none;
  }
}
#mainContent #mainDesc {
  float: right;
  width: calc(100% - 220px);
}
@media only screen and (max-width : 1200px) {
  #mainContent #mainDesc {
    padding-right: 0;
  }
}
@media only screen and (max-width : 991px) {
  #mainContent #mainDesc {
    padding: 0 0 0 50px;
  }
}
@media only screen and (max-width : 767px) {
  #mainContent #mainDesc {
    float: none;
    padding: 0;
    width: auto;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width : 600px) {
  #mainContent #mainDesc {
    margin-bottom: 40px;
  }
}
#mainContent #mainDesc > h2,
#mainContent #mainDesc > .col:not(:first-child) .select-field {
  margin-top: 50px;
}
@media only screen and (max-width : 1200px) {
  #mainContent #mainDesc > h2,
  #mainContent #mainDesc > .col:not(:first-child) .select-field {
    margin-top: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #mainContent #mainDesc > h2,
  #mainContent #mainDesc > .col:not(:first-child) .select-field {
    margin-top: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #mainContent #mainDesc > h2,
  #mainContent #mainDesc > .col:not(:first-child) .select-field {
    margin-top: 25px;
  }
}
#mainContent .noMarginFirstChild > :first-child:not(.list):not(.ocList) {
  margin-top: 0 !important;
}

@media only screen and (max-width : 767px) {
  #custom #mainContent aside {
    padding-top: 0;
    border: none;
  }
}
#custom #mainContent aside .media {
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  border-bottom: none;
  border-top: solid 1px rgba(67, 66, 66, 0.3);
}
@media only screen and (max-width : 767px) {
  #custom #mainContent aside .media {
    border: none;
    margin-top: 0;
    padding-top: 0;
  }
}
#custom #mainContent aside .shareBtn {
  margin: 0;
}

#banner {
  position: relative;
  height: 750px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 1;
}
@media only screen and (max-width : 1600px) {
  #banner {
    height: 650px;
  }
}
@media only screen and (max-width : 1400px) {
  #banner {
    height: 600px;
  }
}
@media only screen and (max-width : 1200px) {
  #banner {
    height: 550px;
  }
}
@media only screen and (max-width : 991px) {
  #banner {
    height: 475px;
  }
}
@media only screen and (max-width : 767px) {
  #banner {
    height: 330px;
  }
}
@media only screen and (max-width : 600px) {
  #banner {
    height: 280px;
  }
}
@media only screen and (max-width : 500px) {
  #banner {
    height: 260px;
  }
}
#banner #bannerBc {
  position: absolute;
  left: 0;
  top: 55px;
}
@media only screen and (max-width : 767px) {
  #banner #bannerBc {
    top: 35px;
  }
}
@media only screen and (max-width : 600px) {
  #banner #bannerBc {
    top: 25px;
  }
}
#banner #bannerBc .breadcrumbs {
  color: #fff;
}
#banner #bannerBc .breadcrumbs span .icon {
  stroke: #fff;
}
#banner #bannerBc .breadcrumbs a {
  color: #fff;
}
#banner #bannerBc .breadcrumbs a .icon {
  stroke: #fff;
}
#banner #bannerPic {
  position: absolute;
  left: 0;
  right: 25%;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
@media only screen and (max-width : 991px) {
  #banner #bannerPic {
    right: 20%;
  }
}
@media only screen and (max-width : 767px) {
  #banner #bannerPic {
    right: 0;
  }
}
#banner #bannerPic::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #000;
  opacity: 0.2;
}
@media only screen and (max-width : 767px) {
  #banner #bannerPic::after {
    display: none;
  }
}
#banner #bannerPic.deco::before {
  left: 30px;
  width: 25%;
}
@media only screen and (max-width : 767px) {
  #banner #bannerPic.deco::before {
    left: -30px;
    width: 40%;
  }
}
#banner #bannerPic .credit {
  right: auto;
  left: 0;
}
@media only screen and (max-width : 767px) {
  #banner #bannerPic .credit {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width : 1200px) {
  #banner #bannerDesc {
    padding-right: 30px;
  }
}
@media only screen and (max-width : 991px) {
  #banner #bannerDesc {
    padding-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #banner #bannerDesc {
    margin-top: 330px;
    padding: 0px;
  }
}
@media only screen and (max-width : 600px) {
  #banner #bannerDesc {
    margin-top: 280px;
  }
}
@media only screen and (max-width : 500px) {
  #banner #bannerDesc {
    margin-top: 260px;
  }
}
#banner #bannerDesc > div {
  position: relative;
  padding: 80px 0;
  background: #5ac4be;
  box-shadow: 0 5px 10px 0 rgba(67, 66, 66, 0.1);
}
@media only screen and (max-width : 1400px) {
  #banner #bannerDesc > div {
    padding: 60px 0;
  }
}
@media only screen and (max-width : 767px) {
  #banner #bannerDesc > div {
    padding: 50px 0;
  }
}
@media only screen and (max-width : 600px) {
  #banner #bannerDesc > div {
    padding: 40px 0;
  }
}
#banner #bannerDesc > div h1 {
  position: relative;
  margin: 0 20% 50px -120px;
  color: #fff;
}
@media only screen and (max-width : 1600px) {
  #banner #bannerDesc > div h1 {
    margin-right: 40px;
  }
}
@media only screen and (max-width : 991px) {
  #banner #bannerDesc > div h1 {
    margin-bottom: 35px;
    font-size: 40px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width : 767px) {
  #banner #bannerDesc > div h1 {
    margin: 0 20px 30px 20px;
  }
}
@media only screen and (max-width : 600px) {
  #banner #bannerDesc > div h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width : 500px) {
  #banner #bannerDesc > div h1 {
    font-size: 32px;
  }
}
#banner #bannerDesc > div h2 {
  position: relative;
  font-size: 24px;
  font-family: "Roboto-Medium";
  margin: 0 40px 20px 80px;
  color: #fff;
}
@media only screen and (max-width : 1400px) {
  #banner #bannerDesc > div h2 {
    margin-left: 40px;
  }
}
@media only screen and (max-width : 991px) {
  #banner #bannerDesc > div h2 {
    margin: 0 30px;
  }
}
@media only screen and (max-width : 767px) {
  #banner #bannerDesc > div h2 {
    margin: 0 20px;
  }
}
#banner #bannerDesc > div ul, #banner #bannerDesc > div p {
  max-width: 550px;
  margin: 0 40px 0 80px;
}
@media only screen and (max-width : 1400px) {
  #banner #bannerDesc > div ul, #banner #bannerDesc > div p {
    margin-left: 40px;
  }
}
@media only screen and (max-width : 991px) {
  #banner #bannerDesc > div ul, #banner #bannerDesc > div p {
    margin: 0 30px;
  }
}
@media only screen and (max-width : 767px) {
  #banner #bannerDesc > div ul, #banner #bannerDesc > div p {
    margin: 0 20px;
  }
}
#banner #bannerDesc > div li {
  position: relative;
  margin: 0 0 22px 0;
  padding: 0 0 0 50px;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (max-width : 991px) {
  #banner #bannerDesc > div li {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 600px) {
  #banner #bannerDesc > div li {
    font-size: 18px;
    padding-left: 40px;
  }
}
#banner #bannerDesc > div li:last-child {
  margin: 0;
}
#banner #bannerDesc > div p {
  font-size: 22px;
  line-height: 1.5;
  color: #fff;
}
@media only screen and (max-width : 1200px) {
  #banner #bannerDesc > div p {
    font-size: 20px;
  }
}
@media only screen and (max-width : 991px) {
  #banner #bannerDesc > div p {
    font-size: 18px;
  }
}
#banner #bannerDesc > div ul li img {
  position: absolute;
  left: 0;
  top: 3px;
}
#banner #bannerDesc > div ul li img:last-child {
  margin: 0;
}
#banner #bannerDesc > div ul li img:last-child img {
  top: -1px;
}

.list {
  border-top: solid 1px rgba(67, 66, 66, 0.6);
}
.list h3, .list h4 {
  margin-bottom: 0;
}
.list .soustitre {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
}
@media only screen and (max-width : 600px) {
  .list .soustitre {
    font-size: 15px;
  }
}
.list .underlined {
  margin: 30px 0 0 0;
}
@media only screen and (max-width : 991px) {
  .list .underlined {
    margin-top: 25px;
  }
}
@media only screen and (max-width : 600px) {
  .list .underlined {
    margin-top: 20px;
  }
}
.list li a {
  position: relative;
  display: block;
  padding: 40px;
  border-bottom: solid 1px rgba(67, 66, 66, 0.6);
}
@media only screen and (max-width : 1200px) {
  .list li a {
    padding: 35px 20px;
  }
}
@media only screen and (max-width : 991px) {
  .list li a {
    padding: 30px 20px;
  }
}
@media only screen and (max-width : 767px) {
  .list li a {
    padding: 25px 0px 25px 0;
  }
}
@media only screen and (max-width : 600px) {
  .list li a {
    padding: 20px 0;
  }
}
.list li.wPic a {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width : 600px) {
  .list li.wPic a {
    padding: 20px 0;
  }
}
.list li.wPic a::after {
  display: table;
  content: "";
  clear: both;
}
.list li.wPic a img:first-child {
  float: left;
  width: 140px;
  height: 140px;
  margin-right: 30px;
}
@media only screen and (max-width : 1200px) {
  .list li.wPic a img:first-child {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width : 991px) {
  .list li.wPic a img:first-child {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }
}
@media only screen and (max-width : 600px) {
  .list li.wPic a img:first-child {
    display: none;
  }
}
.list li.wPic a > div {
  float: left;
  width: calc(100% - 170px);
  line-height: 140px;
}
@media only screen and (max-width : 1200px) {
  .list li.wPic a > div {
    width: calc(100% - 150px);
    line-height: 120px;
  }
}
@media only screen and (max-width : 991px) {
  .list li.wPic a > div {
    width: calc(100% - 120px);
    line-height: 100px;
  }
}
@media only screen and (max-width : 600px) {
  .list li.wPic a > div {
    width: 100%;
    line-height: normal;
  }
}
.list.no-icon li a * {
  max-width: 1100px;
}
.list.w-icon li a {
  padding-right: 110px;
}
@media only screen and (max-width : 1200px) {
  .list.w-icon li a {
    padding-right: 70px;
  }
}
@media only screen and (max-width : 767px) {
  .list.w-icon li a {
    padding-right: 60px;
  }
}
@media only screen and (max-width : 600px) {
  .list.w-icon li a {
    padding-right: 50px;
  }
}

.listIcon {
  position: absolute;
  right: 40px;
  top: 50%;
  font: 14px/16px "Roboto-Medium";
  color: #42b976;
  text-transform: uppercase;
  letter-spacing: 1px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (max-width : 1200px) {
  .listIcon {
    right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .listIcon {
    right: 10px;
  }
}
.listIcon.misc {
  color: #fe8900;
}
.listIcon.opened {
  color: #42b976;
}
.listIcon.closed {
  color: #e94242;
}

.newBloc.col {
  display: block;
  margin-bottom: 30px;
  line-height: 0px;
}
.newBloc.col:last-child {
  margin: 0;
}
.newBloc.col:nth-child(odd) {
  clear: left;
}
.newBloc.col:nth-child(even) {
  margin-top: 140px;
  padding-bottom: 0px;
  margin-left: 8.33%;
}
@media only screen and (max-width : 1600px) {
  .newBloc.col:nth-child(even) {
    margin-top: 120px;
  }
}
@media only screen and (max-width : 1200px) {
  .newBloc.col:nth-child(even) {
    margin-top: 100px;
  }
}
@media only screen and (max-width : 991px) {
  .newBloc.col:nth-child(even) {
    margin-top: 60px;
    margin-left: 0;
  }
}
@media only screen and (max-width : 767px) {
  .newBloc.col:nth-child(even) {
    margin-top: 50px;
  }
}
@media only screen and (max-width : 600px) {
  .newBloc.col:nth-child(even) {
    margin-top: 0px;
  }
}
@media only screen and (max-width : 991px) {
  .newBloc.col:nth-child(odd) {
    padding-right: 30px;
  }
}
@media only screen and (max-width : 991px) and (max-width : 767px) {
  .newBloc.col:nth-child(odd) {
    padding-right: 15px;
  }
}
@media only screen and (max-width : 991px) and (max-width : 600px) {
  .newBloc.col:nth-child(odd) {
    padding-right: 0;
  }
}
@media only screen and (max-width : 991px) {
  .newBloc.col:nth-child(even) {
    padding-left: 30px;
  }
}
@media only screen and (max-width : 991px) and (max-width : 767px) {
  .newBloc.col:nth-child(even) {
    padding-left: 15px;
  }
}
@media only screen and (max-width : 991px) and (max-width : 600px) {
  .newBloc.col:nth-child(even) {
    padding-left: 0;
  }
}
@media only screen and (max-width : 600px) {
  .newBloc.col {
    margin-bottom: 40px;
  }
  .newBloc.col .link span {
    width: 80px;
  }
}
@media only screen and (max-width : 500px) {
  .newBloc.col {
    margin-bottom: 35px;
  }
}
.newBloc.col div:first-child {
  position: relative;
  width: 89%;
}
@media only screen and (max-width : 767px) {
  .newBloc.col div:first-child::before {
    display: none;
  }
}
@media only screen and (max-width : 600px) {
  .newBloc.col div:first-child::before {
    display: block;
  }
}
.newBloc.col div:first-child::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #000;
  opacity: 0.1;
  transition: opacity 250ms;
}
@media only screen and (max-width : 1400px) {
  .newBloc.col div:first-child {
    width: 91%;
  }
}
@media only screen and (max-width : 991px) {
  .newBloc.col div:first-child {
    width: 95%;
  }
}
@media only screen and (max-width : 767px) {
  .newBloc.col div:first-child {
    width: 100%;
  }
}
.newBloc.col div:first-child img {
  position: relative;
  width: 100%;
}

.newBlocCt {
  position: relative;
  margin: -160px 0 0 22%;
  padding: 60px 50px 50px 50px;
  background: #fff;
  z-index: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width : 1600px) {
  .newBlocCt {
    margin-top: -140px;
  }
}
@media only screen and (max-width : 1400px) {
  .newBlocCt {
    padding: 50px 40px 40px 40px;
  }
}
@media only screen and (max-width : 1200px) {
  .newBlocCt {
    margin-top: -100px;
    padding: 40px 30px 30px 30px;
  }
}
@media only screen and (max-width : 991px) {
  .newBlocCt {
    margin: -80px 0 0 15%;
    padding: 40px 25px 25px 25px;
  }
}
@media only screen and (max-width : 767px) {
  .newBlocCt {
    margin: -40px 10px 0 10px;
    padding: 30px 20px 15px 20px;
    box-shadow: none;
  }
}
@media only screen and (max-width : 600px) {
  .newBlocCt {
    margin: -40px 20px 0 20px;
  }
}
@media only screen and (max-width : 500px) {
  .newBlocCt {
    margin: -40px 10px 0 10px;
  }
}
.newBlocCt h2 {
  margin-bottom: 20px;
  font-size: 26px;
  transition: color 250ms;
}
@media only screen and (max-width : 1400px) {
  .newBlocCt h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width : 1200px) {
  .newBlocCt h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width : 991px) {
  .newBlocCt h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width : 600px) {
  .newBlocCt h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width : 500px) {
  .newBlocCt h2 {
    font-size: 22px;
  }
}

.blocFancy {
  position: relative;
  margin-top: 70px;
  max-width: 1110px;
}
@media only screen and (max-width : 767px) {
  .blocFancy {
    margin-top: 50px;
  }
}
@media only screen and (max-width : 600px) {
  .blocFancy {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.blocFancy #onePic {
  height: 500px;
  max-width: 935px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width : 1400px) {
  .blocFancy #onePic {
    height: 450px;
  }
}
@media only screen and (max-width : 1200px) {
  .blocFancy #onePic {
    height: 400px;
  }
}
@media only screen and (max-width : 767px) {
  .blocFancy #onePic {
    height: 350px;
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
@media only screen and (max-width : 600px) {
  .blocFancy #onePic {
    height: 300px;
  }
}
.blocFancy #cycleWrapper {
  padding: 0 175px 0 0;
}
@media only screen and (max-width : 1400px) {
  .blocFancy #cycleWrapper {
    padding-right: 154px;
  }
}
@media only screen and (max-width : 1200px) {
  .blocFancy #cycleWrapper {
    padding-right: 134px;
  }
}
@media only screen and (max-width : 767px) {
  .blocFancy #cycleWrapper {
    padding-right: 114px;
  }
}
@media only screen and (max-width : 600px) {
  .blocFancy #cycleWrapper {
    padding-right: 0;
  }
}
.blocFancy #cycleWrapper img {
  width: 100%;
}
.blocFancy #cycleWrapper > a {
  width: 100%;
  height: 500px;
}
@media only screen and (max-width : 1400px) {
  .blocFancy #cycleWrapper > a {
    height: 450px;
  }
}
@media only screen and (max-width : 1200px) {
  .blocFancy #cycleWrapper > a {
    height: 390px;
  }
}
@media only screen and (max-width : 767px) {
  .blocFancy #cycleWrapper > a {
    height: 330px;
  }
}
@media only screen and (max-width : 600px) {
  .blocFancy #cycleWrapper > a {
    height: 300px;
  }
}
.blocFancy #cycleWrapper a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 935px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.blocFancy #cycleWrapper ul {
  position: absolute;
  right: 0;
  top: 0;
  width: 150px;
}
@media only screen and (max-width : 1400px) {
  .blocFancy #cycleWrapper ul {
    width: 142px;
  }
}
@media only screen and (max-width : 1200px) {
  .blocFancy #cycleWrapper ul {
    width: 122px;
  }
}
@media only screen and (max-width : 767px) {
  .blocFancy #cycleWrapper ul {
    width: 102px;
  }
}
@media only screen and (max-width : 600px) {
  .blocFancy #cycleWrapper ul {
    position: static;
    right: auto;
    top: auto;
    width: auto;
    margin-top: 5px;
  }
  .blocFancy #cycleWrapper ul::after {
    display: table;
    content: "";
    clear: both;
  }
}
.blocFancy #cycleWrapper ul li {
  position: relative;
  display: none;
  margin: 0 0 25px 0;
  line-height: 0;
}
@media only screen and (max-width : 1400px) {
  .blocFancy #cycleWrapper ul li {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width : 600px) {
  .blocFancy #cycleWrapper ul li {
    margin-bottom: 0;
  }
}
.blocFancy #cycleWrapper ul li:first-child, .blocFancy #cycleWrapper ul li:nth-child(2), .blocFancy #cycleWrapper ul li:nth-child(3) {
  display: block;
}
@media only screen and (max-width : 600px) {
  .blocFancy #cycleWrapper ul li:first-child, .blocFancy #cycleWrapper ul li:nth-child(2), .blocFancy #cycleWrapper ul li:nth-child(3) {
    float: left;
    width: 80px;
    max-width: calc(33.33% - 5px);
    margin-right: 5px;
  }
}
.blocFancy #cycleWrapper ul li:nth-child(3) {
  margin: 0;
}
.blocFancy #cycleWrapper ul li:nth-child(3) a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "+";
  font-size: 40px;
  font-family: Georgia;
  color: #fff;
  z-index: 1;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/*** OcLIST BORDER ***/
/*** OcLIST BTN ***/
/*** OcLIST CROSS ***/
/*** INNER DEFAULT ***/
/*** MIXINS ***/
/*** OcLIST STYLES ***/
.ocList {
  margin: 50px 0 0;
  border-bottom: solid 1px rgba(67, 66, 66, 0.3);
  list-style-type: none;
}
@media only screen and (max-width : 767px) {
  .ocList {
    margin-top: 40px;
  }
}
.ocList:first-child {
  margin-top: 15px;
}
@media only screen and (max-width : 600px) {
  .ocList:first-child {
    margin-top: 0px;
  }
}
.ocList > li {
  margin: 0;
  border-top: solid 1px rgba(67, 66, 66, 0.3);
}
.ocList > li > .ocBtn {
  position: relative;
  margin: 0;
  padding: 35px 120px 35px 50px;
  font-family: "Roboto-Medium";
  font-size: 25px;
  color: #434242;
  cursor: pointer;
  transition: color 350ms;
}
@media only screen and (max-width : 1600px) {
  .ocList > li > .ocBtn {
    padding-left: 30px;
  }
}
@media only screen and (max-width : 1200px) {
  .ocList > li > .ocBtn {
    padding: 30px 80px 30px 30px;
  }
}
@media only screen and (max-width : 991px) {
  .ocList > li > .ocBtn {
    font-size: 22px;
    padding-left: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .ocList > li > .ocBtn {
    padding: 30px 65px 30px 0px;
  }
}
@media only screen and (max-width : 600px) {
  .ocList > li > .ocBtn {
    font-size: 20px;
    line-height: 20px;
    padding-right: 55px;
  }
}
@media only screen and (max-width : 500px) {
  .ocList > li > .ocBtn {
    font-size: 18px;
    padding: 25px 45px 25px 0px;
  }
}
.ocList > li > .ocBtn::after, .ocList > li > .ocBtn::before {
  position: absolute;
  content: "";
  background: #434242;
  transition: background 250ms;
}
.ocList > li > .ocBtn::after {
  right: 50px;
  top: 50%;
  margin-top: -1px;
  width: 20px;
  height: 2px;
  transition: background 350ms;
}
@media only screen and (max-width : 1600px) {
  .ocList > li > .ocBtn::after {
    right: 30px;
  }
}
@media only screen and (max-width : 767px) {
  .ocList > li > .ocBtn::after {
    right: 20px;
    width: 18px;
  }
}
@media only screen and (max-width : 600px) {
  .ocList > li > .ocBtn::after {
    right: 10px;
  }
}
.ocList > li > .ocBtn::before {
  right: 59px;
  top: 50%;
  margin-top: -10px;
  width: 2px;
  height: 20px;
  transition: transform 350ms, background 350ms;
  -webkit-transition: -webkit-transform 350ms, background 350ms;
}
@media only screen and (max-width : 1600px) {
  .ocList > li > .ocBtn::before {
    right: 39px;
  }
}
@media only screen and (max-width : 767px) {
  .ocList > li > .ocBtn::before {
    right: 28px;
    margin-top: -9px;
    height: 18px;
  }
}
@media only screen and (max-width : 600px) {
  .ocList > li > .ocBtn::before {
    right: 18px;
  }
}
.ocList > li .ocListCt {
  display: none;
  max-width: none;
  padding: 0px 80px 0px 50px;
  opacity: 0;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transition: opacity 200ms, transform 200ms;
  -webkit-transition: opacity 200ms, -webkit-transform 200ms;
}
@media only screen and (max-width : 1600px) {
  .ocList > li .ocListCt {
    padding-left: 30px;
  }
}
@media only screen and (max-width : 1200px) {
  .ocList > li .ocListCt {
    padding: 0px 20px 0 30px;
  }
}
@media only screen and (max-width : 991px) {
  .ocList > li .ocListCt {
    padding-left: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .ocList > li .ocListCt {
    padding: 0;
  }
}
.ocList > li .ocListCt > :first-child {
  padding-top: 10px;
}
@media only screen and (max-width : 600px) {
  .ocList > li .ocListCt > :first-child {
    padding-top: 0;
  }
}
.ocList > li .ocListCt > :last-child {
  padding-bottom: 50px;
}
@media only screen and (max-width : 600px) {
  .ocList > li .ocListCt > :last-child {
    padding-bottom: 40px;
  }
}
.ocList > li.open > .ocBtn {
  color: #5ac4be;
}
.ocList > li.open > .ocBtn::after {
  background: #5ac4be;
}
.ocList > li.open > .ocBtn::before {
  background: transparent !important;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
}
.ocList > li.open > .ocBtn h3 {
  color: #5ac4be;
}
.ocList > li.open .ocListCt {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: transform 400ms ease 100ms, opacity 400ms ease 100ms;
  -webkit-transition: -webkit-transform 400ms ease 100ms, opacity 400ms ease 100ms;
}

/*** RUBRIQUE PLUS ***/
.rubriquePlus .ocBtn > div::after {
  display: table;
  content: "";
  clear: both;
}
.rubriquePlus .ocBtn > div img {
  float: left;
  max-width: 40%;
  margin-right: 45px;
}
@media only screen and (max-width : 1400px) {
  .rubriquePlus .ocBtn > div img {
    margin-right: 35px;
  }
}
@media only screen and (max-width : 600px) {
  .rubriquePlus .ocBtn > div img {
    display: none;
  }
}
.rubriquePlus .ocBtn > div > div {
  float: left;
}
.rubriquePlus .ocBtn > div > div h6 {
  margin-bottom: 10px;
  font-family: "Roboto-Regular";
  font-size: 13px;
}
@media only screen and (max-width : 600px) {
  .rubriquePlus .ocBtn > div > div h6 {
    margin-bottom: 5px;
  }
}
.rubriquePlus .ocBtn > div > div h3 {
  margin: 0;
  font-family: "Roboto-Medium";
  font-size: 25px;
}
@media only screen and (max-width : 991px) {
  .rubriquePlus .ocBtn > div > div h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width : 600px) {
  .rubriquePlus .ocBtn > div > div h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width : 500px) {
  .rubriquePlus .ocBtn > div > div h3 {
    font-size: 18px;
  }
}
.rubriquePlus .ocBtn.wPic > div > div {
  min-height: 120px;
  line-height: 120px;
  max-width: calc(100% - 245px);
}
@media only screen and (max-width : 600px) {
  .rubriquePlus .ocBtn.wPic > div > div {
    margin: 0;
    min-height: 0;
    line-height: normal;
  }
}

.dynamic {
  max-width: 1200px;
}
.dynamic > :first-child {
  margin-top: 0px;
}
.dynamic > :last-child {
  margin-bottom: 0 !important;
}
.dynamic > img:last-child {
  margin-bottom: 0 !important;
}
.dynamic h1 {
  margin: 60px 0 25px 0;
  font: 30px/1.5 "Roboto-Regular";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 1400px) {
  .dynamic h1 {
    margin: 50px 0 25px 0;
    font-size: 27px;
  }
}
@media only screen and (max-width : 1200px) {
  .dynamic h1 {
    font-size: 26px;
  }
}
@media only screen and (max-width : 991px) {
  .dynamic h1 {
    margin: 40px 0 20px 0;
  }
}
@media only screen and (max-width : 767px) {
  .dynamic h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width : 600px) {
  .dynamic h1 {
    margin: 35px 0 20px 0;
    font-size: 22px;
  }
}
@media only screen and (max-width : 500px) {
  .dynamic h1 {
    font-size: 20px;
  }
}
.dynamic h2 {
  margin: 60px 0 25px 0;
  font: 26px/1.4 "Roboto-Medium";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 1400px) {
  .dynamic h2 {
    margin: 50px 0 25px 0;
    font-size: 22px;
  }
}
@media only screen and (max-width : 991px) {
  .dynamic h2 {
    margin: 40px 0 20px 0;
    font-size: 20px;
  }
}
@media only screen and (max-width : 600px) {
  .dynamic h2 {
    margin: 35px 0 20px 0;
    font-size: 19px;
  }
}
.dynamic h3 {
  margin: 60px 0 25px 0;
  font: 20px/1.3 "Roboto-Bold";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 1200px) {
  .dynamic h3 {
    margin: 50px 0 25px 0;
  }
}
@media only screen and (max-width : 991px) {
  .dynamic h3 {
    margin: 40px 0 20px 0;
    font-size: 18px;
  }
}
@media only screen and (max-width : 600px) {
  .dynamic h3 {
    margin: 35px 0 20px 0;
  }
}
.dynamic h4 {
  margin: 25px 0;
  font: 18px/1.3 "Oswald-Medium";
  color: #434242;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media only screen and (max-width : 991px) {
  .dynamic h4 {
    margin: 20px 0;
  }
}
@media only screen and (max-width : 600px) {
  .dynamic h4 {
    font-size: 16px;
  }
}
.dynamic a {
  box-shadow: inset 0px -8px 0 rgba(90, 196, 190, 0.4);
}
.dynamic a.bouton {
  position: relative;
  display: inline-block;
  margin: 30px 0 0 0;
  font: 14px/16px "Roboto-Bold";
  color: #5ac4be;
  padding: 17px 30px;
  border: solid 2px #5ac4be;
  z-index: 1;
  box-shadow: none;
  transition: color 250ms;
}
.dynamic a.bouton::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0%;
  content: "";
  background: #5ac4be;
  z-index: -1;
  transition: height 250ms;
}
@media only screen and (max-width : 600px) {
  .dynamic a.bouton {
    margin: 20px 0 0 0;
  }
}
.dynamic a.lienText {
  position: relative;
  display: inline-block;
  margin: 30px 0 0 0;
  padding: 0 0 6px 0;
  font: 14px/16px "Roboto-Bold";
  color: #434242;
  box-shadow: none;
}
.dynamic a.lienText::after {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 2px;
  width: 60%;
  content: "";
  background: #5ac4be;
  transition: width 250ms;
}
@media only screen and (max-width : 600px) {
  .dynamic a.lienText::after {
    margin: 20px 0 0 0;
  }
}
.dynamic strong {
  font-family: "Roboto-Bold";
}
.dynamic em {
  font-style: normal;
}
.dynamic p em {
  font-family: "Roboto-Italic";
}
.dynamic ul, .dynamic ol {
  margin: 30px 0;
  list-style-type: none;
}
@media only screen and (max-width : 600px) {
  .dynamic ul, .dynamic ol {
    margin: 25px 0;
  }
}
.dynamic ul ul, .dynamic ul ol, .dynamic ol ul, .dynamic ol ol {
  margin: 10px 0;
}
.dynamic ul li::before {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 6px;
  height: 6px;
  content: "";
  background: #5ac4be;
  border-radius: 50%;
  vertical-align: middle;
}
@media only screen and (max-width : 600px) {
  .dynamic ul li::before {
    top: 8px;
  }
}
.dynamic ol li {
  counter-increment: item;
}
.dynamic ol li:before {
  position: absolute;
  left: -6px;
  top: 0;
  width: 20px;
  content: counter(item) ".";
  font-family: "Roboto-Medium";
  color: #434242;
  text-align: right;
}
.dynamic li {
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 20px 0;
  font-size: 18px;
  line-height: 1.4;
  color: #434242;
}
@media only screen and (max-width : 600px) {
  .dynamic li {
    font-size: 16px;
    margin: 0 0 15px 0;
  }
}
.dynamic li:last-child {
  margin-bottom: 0;
}
.dynamic img {
  display: block;
  margin: 50px 0;
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width : 1400px) {
  .dynamic img {
    margin: 40px 0;
  }
}
.dynamic .exergue {
  margin: 50px 0;
  padding: 0 60px;
  font: 30px/1.5 "Oswald-Light";
  color: #5ac4be;
}
@media only screen and (max-width : 1400px) {
  .dynamic .exergue {
    margin: 40px 0;
    padding: 0 50px;
    font-size: 28px;
  }
}
@media only screen and (max-width : 1200px) {
  .dynamic .exergue {
    padding: 0 40px;
  }
}
@media only screen and (max-width : 991px) {
  .dynamic .exergue {
    margin: 30px 0;
    padding: 0 30px;
    font-size: 26px;
  }
}
@media only screen and (max-width : 600px) {
  .dynamic .exergue {
    margin: 25px 0;
    padding: 0;
    font-size: 22px;
  }
}
@media only screen and (max-width : 500px) {
  .dynamic .exergue {
    font-size: 20px;
  }
}
.dynamic .legend, .dynamic .annotation {
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 18px;
  opacity: 0.6;
  max-width: 800px;
}
@media only screen and (max-width : 600px) {
  .dynamic .legend, .dynamic .annotation {
    margin-bottom: 30px;
    font-size: 14px;
  }
}
.dynamic .legend {
  margin: -40px 0 40px 0;
}
@media only screen and (max-width : 1400px) {
  .dynamic .legend {
    margin: -30px 0 35px 0;
  }
}
.dynamic table {
  width: 100%;
  margin: 50px 0;
  font-size: 15px;
  line-height: 20px;
  background: #fff;
}
@media only screen and (max-width : 1400px) {
  .dynamic table {
    margin: 40px 0;
  }
}
@media only screen and (max-width : 600px) {
  .dynamic table {
    font-size: 14px;
    line-height: 18px;
  }
}
.dynamic table thead th {
  text-align: left;
  padding: 17px 15px 13px 15px;
  border: solid 1px rgba(67, 66, 66, 0.1);
  font: normal 15px/20px "Roboto-Bold";
  color: #434242;
  background: rgba(67, 66, 66, 0.05);
}
@media only screen and (max-width : 600px) {
  .dynamic table thead th {
    padding: 15px 10px 11px 10px;
    font-size: 14px;
  }
}
.dynamic table tbody td {
  padding: 12px 15px 8px 15px;
  border: solid 1px rgba(67, 66, 66, 0.15);
}
@media only screen and (max-width : 600px) {
  .dynamic table tbody td {
    padding: 12px 10px 8px 10px;
  }
}
.dynamic table tbody td.title {
  font: normal 15px/20px "Roboto-Bold";
}
@media only screen and (max-width : 600px) {
  .dynamic table tbody td.title {
    font-size: 14px;
  }
}
.dynamic table.center td, .dynamic table.center th {
  text-align: center;
}

/*** RUBRIQUE ***/
.rubriqueCt .dynamic {
  max-width: 1200px;
}
.rubriqueCt .dynamic > :first-child {
  margin-top: 0px;
}
.rubriqueCt .dynamic > :last-child {
  margin-bottom: 0 !important;
}
.rubriqueCt .dynamic > img:last-child {
  margin-bottom: 0 !important;
}
.rubriqueCt .dynamic h1 {
  margin: 25px 0 20px 0;
  font: 20px/1.3 "Roboto-Bold";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic h1 {
    font-size: 18px;
  }
}
.rubriqueCt .dynamic h2, .rubriqueCt .dynamic h3, .rubriqueCt .dynamic h4 {
  margin: 25px 0 20px 0;
  font: 17px/1.3 "Roboto-Bold";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic h2, .rubriqueCt .dynamic h3, .rubriqueCt .dynamic h4 {
    font-size: 16px;
  }
}
.rubriqueCt .dynamic p {
  font-size: 16px;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic p {
    font-size: 15px;
  }
}
.rubriqueCt .dynamic li {
  font-size: 16px;
  margin-bottom: 10px;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic li {
    font-size: 15px;
  }
}
.rubriqueCt .dynamic li:last-child {
  margin: 0;
}
.rubriqueCt .dynamic ul li::before {
  top: 7px;
}
.rubriqueCt .dynamic .exergue {
  margin: 40px 0;
  font-size: 20px;
  padding: 0 20px;
}
@media only screen and (max-width : 991px) {
  .rubriqueCt .dynamic .exergue {
    margin: 30px 0;
  }
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic .exergue {
    margin: 25px 0;
    padding: 0;
    font-size: 18px;
  }
}
.rubriqueCt .dynamic img {
  margin: 40px 0;
}
.rubriqueCt .dynamic .legend {
  margin-top: -35px;
}
.rubriqueCt .dynamic .legend, .rubriqueCt .dynamic .annotation {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 17px;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic .legend, .rubriqueCt .dynamic .annotation {
    margin-bottom: 20px;
  }
}
.rubriqueCt .dynamic a.bouton {
  margin: 20px 0 0 0;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic a.bouton {
    margin: 15px 0 0 0;
  }
}
.rubriqueCt .dynamic a.lienText {
  margin: 20px 0 0 0;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .dynamic a.lienText {
    margin: 15px 0 0 0;
  }
}

/*** RUBRIQUE ***/
.emploiDesc .dynamic {
  max-width: 1100px;
}
.emploiDesc .dynamic > :first-child {
  margin-top: 0px;
}
.emploiDesc .dynamic > :last-child {
  margin-bottom: 0 !important;
}
.emploiDesc .dynamic > img:last-child {
  margin-bottom: 0 !important;
}
.emploiDesc .dynamic h1 {
  margin: 25px 0 20px 0;
  font: 22px/1.5 "Roboto-Bold";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 600px) {
  .emploiDesc .dynamic h1 {
    font-size: 18px;
  }
}
.emploiDesc .dynamic h2, .emploiDesc .dynamic h3, .emploiDesc .dynamic h4 {
  margin: 25px 0 20px 0;
  font: 20px/1.4 "Roboto-Medium";
  color: #434242;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 600px) {
  .emploiDesc .dynamic h2, .emploiDesc .dynamic h3, .emploiDesc .dynamic h4 {
    font-size: 16px;
  }
}

/*** VARIABLES ***/
/*** INPUT DEFAULT ***/
/*** LABEL DEFAULT ***/
/*** FOCUS ***/
/*** FORM FRAMESET ***/
form {
  display: block;
  width: 100%;
  max-width: 1200px;
}
form img.Xsmall {
  display: block;
  margin: auto;
  width: 200px;
  margin-bottom: 30px;
}
form img.small {
  display: block;
  margin: auto;
  width: 250px;
  margin-bottom: 30px;
}
form img.large {
  display: block;
  margin: auto;
  width: 450px;
  margin-bottom: 30px;
}
form img.Xlarge {
  display: block;
  margin: auto;
  width: 700px;
  margin-bottom: 30px;
}
form::after {
  display: table;
  content: "";
  clear: both;
}
form #hiddenBloc {
  display: none;
  opacity: 0;
}
form .formSubmit {
  margin-top: 30px;
}
@media only screen and (max-width : 600px) {
  form .formSubmit {
    margin-bottom: 0px;
  }
}
form .formLink {
  font-family: "Roboto-Regular";
  font-size: 0.9em;
  color: #434242;
  box-shadow: inset 0px -8px 0 rgba(90, 196, 190, 0.4);
}
form p.fieldsetTitleNb {
  margin: 5px 0 50px 0;
  line-height: 1.2;
  color: #5ac4be;
}
@media only screen and (max-width : 1200px) {
  form p.fieldsetTitleNb {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 600px) {
  form p.fieldsetTitleNb {
    margin-bottom: 30px;
  }
}
form h2 {
  margin: 0 0 50px 0;
  color: #5ac4be;
}
@media only screen and (max-width : 1200px) {
  form h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 600px) {
  form h2 {
    margin-bottom: 30px;
  }
}
form h4 {
  padding-top: 35px;
  margin: 0 0 30px 0;
  margin-right: 40px;
  margin-left: 40px;
  font-size: 20px;
  font-family: "Roboto-Bold";
  clear: both;
}
form h4:first-child {
  padding-top: 0;
}
@media only screen and (max-width : 1600px) {
  form h4 {
    padding-top: 25px;
  }
}
@media only screen and (max-width : 991px) {
  form h4 {
    padding-top: 20px;
    margin-left: 30px;
    font-size: 20px;
  }
}
@media only screen and (max-width : 767px) {
  form h4 {
    margin-left: 20px;
    font-size: 18px;
  }
}
@media only screen and (max-width : 600px) {
  form h4 {
    margin-bottom: 25px;
    margin-left: 15px;
    font-size: 17px;
  }
}
form h4 small {
  font-family: "Roboto-Regular";
  color: rgba(67, 66, 66, 0.5);
}
form h4.xMargin {
  margin-bottom: 40px;
}
@media only screen and (max-width : 600px) {
  form h4.xMargin {
    margin-bottom: 35px;
  }
}
form .ocList {
  margin-top: 0;
}
form .ocList .ocListCt {
  max-width: 1000px;
}
form fieldset {
  position: relative;
  margin-right: -40px;
  margin-bottom: 90px;
  margin-left: -40px;
}
form fieldset:nth-last-child(2) {
  margin-bottom: 0;
}
form fieldset > .xs12.input-field:nth-last-child(2) {
  margin-bottom: 0;
}
@media only screen and (max-width : 600px) {
  form fieldset > .xs12.input-field:nth-last-child(2) {
    margin-bottom: 40px;
  }
}
form fieldset > :last-child {
  margin-bottom: 0;
  display: inline-block;
}
form fieldset > p {
  margin: 0 0 30px 0;
  margin-right: 40px;
  margin-left: 40px;
}
@media only screen and (max-width : 991px) {
  form fieldset > p {
    margin-left: 30px;
  }
}
@media only screen and (max-width : 767px) {
  form fieldset > p {
    margin-left: 20px;
  }
}
@media only screen and (max-width : 600px) {
  form fieldset > p {
    margin-bottom: 25px;
    margin-left: 15px;
  }
}
form fieldset > p.nb {
  font-size: 15px;
  line-height: 20px;
  color: rgba(67, 66, 66, 0.5);
}
form fieldset > p strong {
  font-family: "Roboto-Bold";
}
@media only screen and (max-width : 1600px) {
  form fieldset {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width : 1200px) {
  form fieldset {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media only screen and (max-width : 767px) {
  form fieldset {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width : 600px) {
  form fieldset {
    margin-right: -15px;
    margin-left: -15px;
  }
}
form .formNote {
  position: relative;
  padding-left: 20px;
  max-width: 700px;
  margin: 25px 0 15px 0;
  font-size: 14px;
  line-height: 18px;
  color: rgba(67, 66, 66, 0.5);
}
@media only screen and (max-width : 600px) {
  form .formNote {
    margin-top: 0px;
  }
}
form .formNote:last-child {
  margin-bottom: 0;
}
form .formNote strong {
  font-family: "Roboto-Medium";
}
form .formNote a {
  color: #5ac4be;
}
form .formNote span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2em;
  color: #5ac4be;
}
form .text-field .formNote {
  margin-top: 0;
}
form .addLink {
  margin-top: -40px;
}
@media only screen and (max-width : 767px) {
  form .addLink {
    margin-top: -15px;
  }
}
form .addLink div {
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms;
}
form .addLink div > span {
  display: inline-block;
  font-size: 1.2em;
  margin: 0 15px;
  color: rgba(90, 196, 190, 0.5);
}
form .addLink a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #434242;
  transition: all 250ms;
}
@media only screen and (max-width : 767px) {
  form .addLink a {
    padding-left: 25px;
  }
}
form .addLink a.disabled {
  color: #434242 !important;
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
form .addLink a.disabled span {
  color: #434242;
}
form .addLink a span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #5ac4be;
  transition: color 250ms;
}
form .addLink.show-removeBtn div {
  opacity: 1;
  pointer-events: auto;
}
form .mt60 {
  margin-top: 60px;
}

.input-field,
.text-field,
.radio-field,
.check-field,
.file-field {
  position: relative;
  float: left;
  margin-bottom: 55px;
  padding: 0px 40px;
}
@media only screen and (max-width : 991px) {
  .input-field,
  .text-field,
  .radio-field,
  .check-field,
  .file-field {
    padding: 0px 30px;
  }
}
@media only screen and (max-width : 767px) {
  .input-field,
  .text-field,
  .radio-field,
  .check-field,
  .file-field {
    padding: 0px 20px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 600px) {
  .input-field,
  .text-field,
  .radio-field,
  .check-field,
  .file-field {
    padding: 0px 15px;
  }
}

/*** INPUT ***/
.input-field input {
  width: 100%;
  height: 35px;
  padding: 0px 0px;
  border: none;
  border-bottom: solid 1px #434242;
  font-family: "Roboto-Regular";
  font-size: 18px;
  line-height: 35px;
  color: #434242;
  background: transparent;
  transition: all 250ms ease-out;
}
@media only screen and (max-width : 767px) {
  .input-field input {
    font-size: 16px;
  }
}
.input-field input:focus {
  border-bottom-color: #5ac4be;
  box-shadow: 0 2px 0 0 #5ac4be;
}
.input-field input.uppercase {
  text-transform: uppercase;
}
.input-field input:disabled {
  border-bottom-color: rgba(67, 66, 66, 0.3);
}
.input-field input:disabled + label {
  opacity: 0.3;
  cursor: default;
}

.input-field label {
  position: absolute;
  left: 40px;
  max-width: calc(100% - 80px);
  top: 0px;
  font-size: 18px;
  line-height: 35px;
  color: #434242;
  cursor: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 250ms ease-out;
}
@media only screen and (max-width : 991px) {
  .input-field label {
    left: 30px;
    max-width: calc(100% - 60px);
  }
}
@media only screen and (max-width : 767px) {
  .input-field label {
    left: 20px;
    max-width: calc(100% - 40px);
    font-size: 16px;
  }
}
@media only screen and (max-width : 600px) {
  .input-field label {
    left: 15px;
    max-width: calc(100% - 30px);
  }
}
.input-field label em {
  font-size: 0.95em;
  font-style: normal;
  opacity: 0.5;
  transition: opacity 250ms ease-out;
}
.input-field.underLabel {
  margin-bottom: 90px;
}
@media only screen and (max-width : 600px) {
  .input-field.underLabel {
    margin-bottom: 55px !important;
  }
}
.input-field.underLabel label {
  top: 100%;
}
.input-field.underLabel .disabled {
  border-bottom-color: #434242;
}
.input-field.underLabel .disabled label {
  opacity: 1;
}
.input-field.underLabel .error {
  top: -15px;
}

.input-field:not(.underLabel) input:focus + label,
.input-field:not(.underLabel) input[aria-invalid=false] + label,
.input-field:not(.underLabel) input.error + label {
  top: -12px;
  font-size: 11px;
  line-height: 12px;
  color: #5ac4be;
  cursor: default;
  pointer-events: none;
}
.input-field:not(.underLabel) input:focus + label em,
.input-field:not(.underLabel) input[aria-invalid=false] + label em,
.input-field:not(.underLabel) input.error + label em {
  opacity: 1;
}

.input-field textarea:focus + label,
.input-field textarea.valid + label,
.input-field textarea.error + label {
  top: -12px;
  height: 90px;
  font-size: 11px;
  line-height: 12px;
  color: #5ac4be;
  cursor: default;
  pointer-events: none;
}

/*** TEXTAREA ***/
.input-field textarea {
  position: relative;
  width: 100%;
  min-height: 35px;
  height: 35px;
  padding: 15px 0 0 0;
  border-bottom: solid 1px #434242;
  font-family: "Roboto-Regular";
  font-size: 18px;
  line-height: 1.1;
  color: #434242;
  background-color: transparent;
  resize: none;
  overflow: hidden;
  transition: all 500ms;
}
.input-field textarea:focus {
  min-height: 85px;
  border-bottom: 1px solid #5ac4be;
  box-shadow: 0 2px 0 0 #5ac4be;
}
.input-field textarea.valid {
  min-height: 85px;
  box-shadow: 0 2px 0 0 #5ac4be;
}

/*** RADIO / CHECKBOX ***/
.check-field, .radio-field {
  position: relative;
  margin: 0 0 15px 0;
}
.check-field.alone, .radio-field.alone {
  margin-bottom: 35px;
}
@media only screen and (max-width : 767px) {
  .check-field.alone, .radio-field.alone {
    margin-bottom: 20px;
  }
}
.check-field.binaire input[type=radio] + label, .radio-field.binaire input[type=radio] + label {
  min-width: 80px;
}
.check-field input[type=radio], .radio-field input[type=radio] {
  display: none;
}
.check-field input[type=radio]:checked + label::before, .radio-field input[type=radio]:checked + label::before {
  background: #fff;
}
.check-field input[type=radio]:checked + label::after, .radio-field input[type=radio]:checked + label::after {
  opacity: 1;
}
.check-field input[type=radio]:disabled, .radio-field input[type=radio]:disabled {
  border-bottom-color: rgba(67, 66, 66, 0.3);
}
.check-field input[type=radio]:disabled + label, .radio-field input[type=radio]:disabled + label {
  opacity: 0.3;
  cursor: default;
}
.check-field input[type=radio]:disabled + label::before, .radio-field input[type=radio]:disabled + label::before {
  background: #fff;
}
.check-field input[type=radio] + label, .radio-field input[type=radio] + label {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  min-width: 140px;
  height: 35px;
  line-height: 23px;
  padding: 6px 0 6px 30px;
  margin: 0 0 20px 0;
  font-family: "Roboto-Regular";
  font-size: 18px;
  line-height: 1.3;
  color: #434242;
  cursor: pointer;
  transition: opacity 250ms;
}
.check-field input[type=radio] + label::before, .radio-field input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 14px;
  height: 14px;
  content: "";
  border: solid 1px #5ac4be;
  border-radius: 50%;
  transition: background 250ms, opacity 250ms;
}
@media only screen and (max-width : 767px) {
  .check-field input[type=radio] + label::before, .radio-field input[type=radio] + label::before {
    top: 7px;
  }
}
.check-field input[type=radio] + label::after, .radio-field input[type=radio] + label::after {
  position: absolute;
  left: 4px;
  top: 13px;
  width: 8px;
  height: 8px;
  content: "";
  background: #5ac4be;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 250ms;
}
@media only screen and (max-width : 767px) {
  .check-field input[type=radio] + label::after, .radio-field input[type=radio] + label::after {
    top: 11px;
  }
}
@media only screen and (max-width : 767px) {
  .check-field input[type=radio] + label, .radio-field input[type=radio] + label {
    padding-left: 25px;
    font-size: 16px;
  }
}
.check-field input[type=checkbox], .radio-field input[type=checkbox] {
  display: none;
}
.check-field input[type=checkbox]:checked + label::before, .radio-field input[type=checkbox]:checked + label::before {
  background: #5ac4be;
}
.check-field input[type=checkbox]:checked + label::after, .radio-field input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.check-field input[type=checkbox]:disabled, .radio-field input[type=checkbox]:disabled {
  border-bottom-color: rgba(67, 66, 66, 0.3);
}
.check-field input[type=checkbox]:disabled + label, .radio-field input[type=checkbox]:disabled + label {
  opacity: 0.3;
  cursor: default;
}
.check-field input[type=checkbox]:disabled + label::before, .radio-field input[type=checkbox]:disabled + label::before {
  background: #fff;
}
.check-field input[type=checkbox].oneCheck + label, .radio-field input[type=checkbox].oneCheck + label {
  height: auto;
  min-height: 35px;
}
.check-field input[type=checkbox].oneCheck + label:last-child, .radio-field input[type=checkbox].oneCheck + label:last-child {
  margin: 0;
}
.check-field input[type=checkbox] + label, .radio-field input[type=checkbox] + label {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  min-width: 140px;
  height: 35px;
  line-height: 23px;
  padding: 6px 0 6px 35px;
  margin: 0 0 20px 0;
  font-family: "Roboto-Regular";
  font-size: 18px;
  line-height: 1.3;
  color: #434242;
  cursor: pointer;
  transition: opacity 250ms;
}
.check-field input[type=checkbox] + label::before, .radio-field input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 14px;
  height: 14px;
  content: "";
  border: solid 1px #5ac4be;
  transition: background 250ms, opacity 250ms;
}
@media only screen and (max-width : 767px) {
  .check-field input[type=checkbox] + label::before, .radio-field input[type=checkbox] + label::before {
    top: 7px;
  }
}
.check-field input[type=checkbox] + label::after, .radio-field input[type=checkbox] + label::after {
  position: absolute;
  left: 2px;
  top: 11px;
  width: 12px;
  height: 12px;
  content: "";
  background: url("../../images/icones/check.png") no-repeat center center;
  background-size: 14px auto;
  opacity: 0;
  transition: opacity 250ms;
}
@media only screen and (max-width : 767px) {
  .check-field input[type=checkbox] + label::after, .radio-field input[type=checkbox] + label::after {
    top: 9px;
  }
}
@media only screen and (max-width : 767px) {
  .check-field input[type=checkbox] + label, .radio-field input[type=checkbox] + label {
    padding-left: 25px;
    font-size: 16px;
  }
}
.check-field > .error, .radio-field > .error {
  left: 40px;
  top: -25px;
}
@media only screen and (max-width : 991px) {
  .check-field > .error, .radio-field > .error {
    left: 30px;
  }
}
@media only screen and (max-width : 767px) {
  .check-field > .error, .radio-field > .error {
    left: 20px;
  }
}
@media only screen and (max-width : 600px) {
  .check-field > .error, .radio-field > .error {
    left: 15px;
  }
}

.check-field.twoCols input + label,
.radio-field.twoCols input + label {
  float: left;
  width: calc(50% + 40px);
  padding: 0 35px;
}
@media only screen and (max-width : 1200px) {
  .check-field.twoCols input + label,
  .radio-field.twoCols input + label {
    padding-right: 25px;
  }
}
@media only screen and (max-width : 991px) {
  .check-field.twoCols input + label,
  .radio-field.twoCols input + label {
    width: calc(50% + 30px);
  }
}
@media only screen and (max-width : 767px) {
  .check-field.twoCols input + label,
  .radio-field.twoCols input + label {
    width: calc(50% + 20px);
  }
}
@media only screen and (max-width : 600px) {
  .check-field.twoCols input + label,
  .radio-field.twoCols input + label {
    width: auto;
    padding: 0 0 0 35px;
  }
}
.check-field.twoCols input + label:nth-child(4n),
.radio-field.twoCols input + label:nth-child(4n) {
  width: calc(50% - 40px);
}
@media only screen and (max-width : 991px) {
  .check-field.twoCols input + label:nth-child(4n),
  .radio-field.twoCols input + label:nth-child(4n) {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width : 767px) {
  .check-field.twoCols input + label:nth-child(4n),
  .radio-field.twoCols input + label:nth-child(4n) {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width : 600px) {
  .check-field.twoCols input + label:nth-child(4n),
  .radio-field.twoCols input + label:nth-child(4n) {
    width: auto;
  }
}
.check-field.twoCols input + label:nth-child(4n+2),
.radio-field.twoCols input + label:nth-child(4n+2) {
  clear: both;
}

.check-field.inline input + label,
.radio-field.inline input + label {
  display: inline-block;
  margin: 0 50px 10px 0;
}
@media only screen and (max-width : 767px) {
  .check-field.inline input + label,
  .radio-field.inline input + label {
    margin-right: 35px;
  }
}

.check-field.inline div > :last-child,
.radio-field.inline div > :last-child {
  margin-right: 0;
}

/*** ERROR ***/
div.error {
  position: absolute;
  left: 40px;
  top: 100%;
  padding-top: 7px;
  font-size: 12px;
  color: red;
}
@media only screen and (max-width : 991px) {
  div.error {
    left: 30px;
  }
}
@media only screen and (max-width : 767px) {
  div.error {
    left: 20px;
  }
}
@media only screen and (max-width : 600px) {
  div.error {
    left: 15px;
  }
}

/*** SELECT ***/
.select-field .error {
  left: 0;
}

/*** File input ***/
.file-field {
  position: relative;
}
@media only screen and (max-width : 600px) {
  .file-field {
    margin-bottom: 25px;
  }
  .file-field:last-child {
    margin-bottom: 0;
  }
}
.file-field input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  box-shadow: none;
  opacity: 0;
  overflow: hidden;
}
.file-field input[type=file]:disabled + label {
  color: rgba(67, 66, 66, 0.3);
  background: rgba(67, 66, 66, 0.1);
  cursor: default;
}
.file-field input[type=file]:disabled + label .icon {
  opacity: 0.5;
}
.file-field label {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 80px 20px 30px;
  border: none;
  font: 16px/20px "Roboto-Regular";
  color: #fff;
  background: #434242;
  cursor: pointer;
  transition: background 250ms;
}
@media only screen and (max-width : 1200px) {
  .file-field label {
    padding: 20px 60px 20px 20px;
  }
}
@media only screen and (max-width : 767px) {
  .file-field label {
    font-size: 14px;
  }
}
.file-field label .icon {
  position: absolute;
  top: 20px;
  right: 30px;
  margin-top: 0;
  width: 1.3em;
  height: 1.3em;
  stroke: #fff;
  stroke-width: 2px;
}
@media only screen and (max-width : 1200px) {
  .file-field label .icon {
    right: 20px;
  }
}
.file-field .fileAdded + label .noFile {
  display: none;
}
.file-field .error {
  top: 100%;
}

.ocList > li .rubriqueCt {
  position: relative;
  padding-right: 180px;
}
.ocList > li .rubriqueCt::after {
  display: table;
  content: "";
  clear: both;
}
@media only screen and (max-width : 1600px) {
  .ocList > li .rubriqueCt {
    padding-right: 150px;
  }
}
@media only screen and (max-width : 1200px) {
  .ocList > li .rubriqueCt {
    padding-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .ocList > li .rubriqueCt {
    padding-right: 0;
  }
}
.ocList > li .rubriqueCt > :nth-last-child(2) {
  padding-bottom: 50px;
}
@media only screen and (max-width : 600px) {
  .ocList > li .rubriqueCt > :nth-last-child(2) {
    padding-bottom: 40px;
  }
}
.ocList > li .rubriqueCt > :last-child {
  padding: 0;
}

.rubriqueShare {
  position: absolute;
  right: 50px;
  top: 0;
  text-align: right;
}
@media only screen and (max-width : 1600px) {
  .rubriqueShare {
    right: 30px;
  }
}
@media only screen and (max-width : 1200px) {
  .rubriqueShare {
    position: static;
    right: auto;
    top: auto;
    float: right;
    margin: 0 0 40px 0;
  }
}
.rubriqueShare h6 {
  display: none;
  margin-bottom: 10px;
  color: #434242;
  text-transform: none;
}
@media only screen and (max-width : 1200px) {
  .rubriqueShare h6 {
    display: inline-block;
    margin-right: 20px;
  }
}
@media only screen and (max-width : 500px) {
  .rubriqueShare h6 {
    margin-right: 10px;
  }
}
.rubriqueShare span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: solid 2px #434242;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  z-index: 1;
}
.rubriqueShare span::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0px;
  content: "";
  background: #434242;
  z-index: -1;
  transition: height 250ms;
}
.rubriqueShare span .icon {
  fill: #434242;
}

.rubriqueFile {
  max-width: 350px;
  margin-top: 50px;
}
.rubriqueFile li {
  font-size: 16px;
  line-height: 20px;
  border-bottom: solid 1px rgba(67, 66, 66, 0.3);
}
.rubriqueFile li:first-child a {
  border-top: solid 1px rgba(67, 66, 66, 0.3);
}
.rubriqueFile li a {
  position: relative;
  display: block;
  padding: 20px 40px 20px 0;
}
.rubriqueFile li a .icon {
  position: absolute;
  right: 10px;
  top: 50%;
  stroke: #5ac4be;
  stroke-width: 2px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.inlineShare .wrapper {
  max-width: 1200px;
}
.inlineShare .wrapper .rubriqueShare {
  position: static;
  right: auto;
  top: auto;
  float: right;
  margin: 50px 0 0 0;
}
@media only screen and (max-width : 767px) {
  .inlineShare .wrapper .rubriqueShare {
    margin-top: 40px;
  }
}

.galerie {
  margin-top: 70px;
}
@media only screen and (max-width : 767px) {
  .galerie {
    margin-top: 50px;
  }
}
.galerie .galerieWrapper {
  position: relative;
  max-width: 1000px;
}
.galerie .galerieWrapper::after {
  display: table;
  content: "";
  clear: both;
}
.galerie .galerieWrapper img {
  width: 100%;
}
.galerie .galerieWrapper a::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.15);
  transition: background 250ms;
}
.galerie .galerieWrapper > a {
  position: relative;
  display: block;
  float: left;
  width: calc(100% - 320px);
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width : 991px) {
  .galerie .galerieWrapper > a {
    height: 260px;
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-width : 767px) {
  .galerie .galerieWrapper > a {
    height: 240px;
    width: calc(100% - 250px);
    margin: 0;
  }
}
@media only screen and (max-width : 600px) {
  .galerie .galerieWrapper > a {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-width : 500px) {
  .galerie .galerieWrapper > a {
    height: 200px;
  }
}
.galerie .galerieWrapper ul {
  float: right;
  width: 320px;
}
@media only screen and (max-width : 991px) {
  .galerie .galerieWrapper ul {
    float: none;
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}
@media only screen and (max-width : 767px) {
  .galerie .galerieWrapper ul {
    float: right;
    width: 250px;
    margin: 0;
  }
}
@media only screen and (max-width : 600px) {
  .galerie .galerieWrapper ul {
    float: none;
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}
.galerie .galerieWrapper ul li {
  display: none;
  float: left;
  width: 50%;
  padding: 0 0 0 20px;
}
@media only screen and (max-width : 991px) {
  .galerie .galerieWrapper ul li {
    width: 25%;
    max-width: 90px;
    padding: 0 5px 0 5px;
  }
}
@media only screen and (max-width : 767px) {
  .galerie .galerieWrapper ul li {
    width: 50%;
    max-width: none;
    padding: 0 0 0 10px;
  }
}
@media only screen and (max-width : 600px) {
  .galerie .galerieWrapper ul li {
    width: 25%;
    max-width: 90px;
    padding: 0 5px 0 5px;
  }
}
.galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
  padding-bottom: 20px;
}
@media only screen and (max-width : 991px) {
  .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width : 767px) {
  .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width : 600px) {
  .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
    padding-bottom: 0px;
  }
}
.galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2), .galerie .galerieWrapper ul li:nth-child(3), .galerie .galerieWrapper ul li:nth-child(4) {
  display: block;
}
.galerie .galerieWrapper ul li:nth-child(4) a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "+";
  font-size: 40px;
  font-family: Georgia;
  color: #fff;
  z-index: 1;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.galerie .galerieWrapper ul li a {
  position: relative;
  display: block;
  line-height: 0;
}

/*** INSIDE RUBRIQUE ***/
.rubriqueCt .galerie {
  margin-top: 50px;
}
.rubriqueCt .galerie .galerieWrapper {
  max-width: 800px;
}
.rubriqueCt .galerie .galerieWrapper > a {
  height: 240px;
  width: calc(100% - 250px);
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .galerie .galerieWrapper > a {
    height: 260px;
    width: 100%;
  }
}
@media only screen and (max-width : 500px) {
  .rubriqueCt .galerie .galerieWrapper > a {
    height: 240px;
  }
}
.rubriqueCt .galerie .galerieWrapper ul {
  width: 250px;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .galerie .galerieWrapper ul {
    width: calc(100% + 10px);
  }
}
.rubriqueCt .galerie .galerieWrapper ul li {
  padding-left: 10px;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .galerie .galerieWrapper ul li {
    width: 25%;
    max-width: 90px;
    padding: 0 5px 0 5px;
  }
}
.rubriqueCt .galerie .galerieWrapper ul li:first-child, .rubriqueCt .galerie .galerieWrapper ul li:nth-child(2) {
  padding-bottom: 10px;
}
@media only screen and (max-width : 600px) {
  .rubriqueCt .galerie .galerieWrapper ul li:first-child, .rubriqueCt .galerie .galerieWrapper ul li:nth-child(2) {
    padding-bottom: 0px;
  }
}

#loaderbar {
  position: absolute;
  top: 0;
  width: 0%;
  height: 5px;
  z-index: 999999;
  background: #5ac4be;
  -webkit-transition: width 100ms;
  transition: width 100ms;
}

#page-transition,
#landing {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  visibility: hidden;
  z-index: 9998;
  opacity: 0;
  transition: opacity 600ms, visibility 0ms ease 600ms;
}
#page-transition .loaderAnimated,
#landing .loaderAnimated {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 10px;
  margin: 0 auto;
  opacity: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: opacity 500ms;
}
#page-transition .loaderAnimated:after,
#landing .loaderAnimated:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: #5ac4be;
}

/*** OverLayer Transiting, loading ***/
.transiting #page-transition,
.loading #page-transition {
  opacity: 1;
  visibility: visible;
  transition: opacity 600ms ease 1000ms;
}
.transiting #page-transition .loaderAnimated,
.transiting #landing .loaderAnimated,
.loading #page-transition .loaderAnimated,
.loading #landing .loaderAnimated {
  opacity: 1;
  transition: opacity 1s ease 1.5s;
}
.transiting #page-transition .loaderAnimated::after,
.transiting #landing .loaderAnimated::after,
.loading #page-transition .loaderAnimated::after,
.loading #landing .loaderAnimated::after {
  animation: Loader 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s infinite;
  -webkit-animation: Loader 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/*** Position finale des Anims de transitions ***/
.anim {
  opacity: 1;
  transition: transform 700ms ease 400ms, opacity 700ms ease 400ms;
  -webkit-transition: -webkit-transform 700ms ease 400ms, opacity 700ms ease 400ms;
}
.anim.slideUp, .anim.slideDown, .anim.slideRight, .anim.slideLeft {
  -webkit-transform: none;
  transform: none;
}
.anim.delay1 {
  transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
}
.anim.delay2 {
  transition-delay: 1100ms;
  -webkit-transition-delay: 1100ms;
}
.anim.delay3 {
  transition-delay: 1400ms;
  -webkit-transition-delay: 1400ms;
}
.anim.delay4 {
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
}

.transiting .anim,
.loading .anim {
  opacity: 0;
  transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
}
.transiting .anim.slideDown,
.loading .anim.slideDown {
  transform: translateY(-70px);
  -webkit-transform: translateY(-70px);
}
@media only screen and (max-width : 991px) {
  .transiting .anim.slideDown,
  .loading .anim.slideDown {
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
  }
}
.transiting .anim.slideUp,
.loading .anim.slideUp {
  transform: translateY(70px);
  -webkit-transform: translateY(70px);
}
@media only screen and (max-width : 991px) {
  .transiting .anim.slideUp,
  .loading .anim.slideUp {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
  }
}
.transiting .anim.slideRight,
.loading .anim.slideRight {
  opacity: 0;
  transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
}
@media only screen and (max-width : 991px) {
  .transiting .anim.slideRight,
  .loading .anim.slideRight {
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
  }
}
.transiting .anim.slideLeft,
.loading .anim.slideLeft {
  opacity: 0;
  transform: translateX(50px);
  -webkit-transform: translateX(50px);
}
@media only screen and (max-width : 991px) {
  .transiting .anim.slideLeft,
  .loading .anim.slideLeft {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
  }
}
.transiting .anim.delay1,
.loading .anim.delay1 {
  transition-delay: 100ms;
  -webkit-transition-delay: 100ms;
}
.transiting .anim.delay2,
.loading .anim.delay2 {
  transition-delay: 275ms;
  -webkit-transition-delay: 275ms;
}
.transiting .anim.delay3,
.loading .anim.delay3 {
  transition-delay: 425ms;
  -webkit-transition-delay: 425ms;
}
.transiting .anim.delay4,
.loading .anim.delay4 {
  transition-delay: 100ms;
  -webkit-transition-delay: 100ms;
}

.transiting .anim.onlyLoading {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

/*** SCROLLFIRE ***/
.scrollFire {
  opacity: 0;
  transform: translate(0, 80px);
  -webkit-transform: translate(0, 80px);
  transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
}

.reached {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: opacity 800ms, transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 800ms, -webkit-transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
}

.transiting .reached {
  opacity: 0;
  transform: translate(0, 80px) !important;
  -webkit-transform: translate(0, 80px) !important;
  transition: transform 700ms ease 400ms, opacity 700ms ease 400ms;
  -webkit-transition: -webkit-transform 700ms ease 400ms, opacity 700ms ease 400ms;
  transition-delay: 500ms !important;
  -webkit-transition-delay: 500ms !important;
}

/*** ANIM ***/
@-webkit-keyframes Loader {
  0% {
    width: 0;
    left: 0;
    opacity: 1;
  }
  70% {
    width: 100%;
    left: 0;
  }
  89% {
    width: 0;
    left: 150px;
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    width: 0;
    left: 0;
    opacity: 0;
  }
}
@keyframes Loader {
  0% {
    width: 0;
    left: 0;
    opacity: 1;
  }
  70% {
    width: 100%;
    left: 0;
  }
  89% {
    width: 0;
    left: 150px;
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    width: 0;
    left: 0;
    opacity: 0;
  }
}
#popupInfolettre {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 700px;
  padding: 70px 50px 50px 60px;
  background: #5ac4be;
  z-index: 249;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transition: transform 400ms;
  -webkit-transition: -webkit-transform 400ms;
  /* criss d'autofill */
}
@media only screen and (max-width : 991px) {
  #popupInfolettre {
    max-width: 550px;
  }
}
@media only screen and (max-width : 767px) {
  #popupInfolettre {
    padding: 70px 20px 30px 30px;
  }
}
@media only screen and (max-width : 600px) {
  #popupInfolettre {
    padding: 50px 20px 20px 20px;
    max-width: none;
  }
}
#popupInfolettre #popupWrapper {
  max-width: 350px;
}
#popupInfolettre #popupWrapper #popupInfolettreWrapper .btn {
  color: #fff;
  border: solid 2px #fff;
  margin: 0;
}
#popupInfolettre #popupWrapper #popupInfolettreWrapper .btn:hover {
  color: #5ac4be;
}
#popupInfolettre #popupWrapper #popupInfolettreWrapper .btn:hover::before {
  background: #fff;
}
#popupInfolettre .closePopup {
  position: absolute;
  right: 20px;
  top: 30px;
  font: 15px/1 "Roboto-Regular";
  color: #fff;
  transition: color 250ms;
}
@media only screen and (max-width : 600px) {
  #popupInfolettre .closePopup {
    top: 20px;
  }
}
#popupInfolettre .closePopup .icon-stroke {
  height: 1.2em;
  width: 1.2em;
  margin: 0 0 0 10px;
  stroke-width: 2px;
  vertical-align: -0.3em;
  stroke: #fff;
}
#popupInfolettre h6 {
  color: #fff;
  letter-spacing: 2px;
}
#popupInfolettre h3 {
  color: #fff;
}
#popupInfolettre h3::first-line {
  color: #434242;
}
#popupInfolettre form {
  margin: 0;
}
#popupInfolettre .link {
  float: right;
  margin: 25px 0 0 0;
}
#popupInfolettre #popupInfolettreEmail:-webkit-autofill,
#popupInfolettre #popupInfolettreEmail:-webkit-autofill:hover,
#popupInfolettre #popupInfolettreEmail:-webkit-autofill:focus,
#popupInfolettre #popupInfolettreEmail:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #5ac4be inset !important;
  -webkit-text-fill-color: #fff !important;
}
#popupInfolettre .input-field {
  padding: 0;
}
#popupInfolettre .input-field input {
  height: 45px;
  border-color: #fff;
  font-size: 16px;
  line-height: 45px;
  color: #fff;
}
#popupInfolettre .input-field input:focus + label, #popupInfolettre .input-field input.valid + label, #popupInfolettre .input-field input.error + label {
  font-size: 11px;
  line-height: 12px;
}
#popupInfolettre .input-field label {
  left: 0;
  font-size: 14px;
  line-height: 45px;
  color: #fff;
}
#popupInfolettre .input-field .error {
  left: 0;
  color: #434242;
}

.show-infolettrePopup #popupInfolettre {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

#shareModalOverlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: visible;
  background: rgba(0, 0, 0, 0);
  z-index: 201;
  visibility: hidden;
  transition: background 300ms, visibility 0ms ease 300ms;
}

#shareModal {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: 20px 0 0 0;
  padding: 80px 0px;
  width: 500px;
  max-width: calc(100% - 40px);
  max-height: 80%;
  text-align: center;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  z-index: 202;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: opacity 250ms, margin 250ms, visibility 0ms ease 250ms;
}
@media only screen and (max-width : 767px) {
  #shareModal {
    width: 420px;
    padding: 70px;
  }
}
@media only screen and (max-width : 600px) {
  #shareModal {
    padding: 70px 20px 50px 20px;
  }
}
@media only screen and (max-width : 500px) {
  #shareModal {
    padding: 60px 20px 40px 20px;
  }
}
#shareModal h4 {
  margin-bottom: 30px;
  font-family: "Roboto-Bold";
  color: #5ac4be;
}
@media only screen and (max-width : 991px) {
  #shareModal h4 {
    font-size: 20px;
  }
}
#shareModal > a {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
#shareModal > a .icon {
  stroke: #434242;
  vertical-align: middle;
  stroke-width: 3px;
}
#shareModal .medias-sociaux {
  display: inline-block;
}
#shareModal .medias-sociaux a {
  position: relative;
  float: left;
  display: block;
  width: 55px;
  height: 55px;
  margin: 2px;
  border: solid 2px #434242;
  font-size: 15px;
  line-height: 55px;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 335px) {
  #shareModal .medias-sociaux a:nth-child(3) {
    clear: left;
  }
}
#shareModal .medias-sociaux a::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0px;
  content: "";
  background: #434242;
  z-index: -1;
  transition: height 250ms;
}

.show-shareModal #shareModalOverlay {
  visibility: visible;
  background: rgba(0, 0, 0, 0.5);
  transition: background 400ms;
}
.show-shareModal #shareModal {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
  transition: opacity 400ms, margin 400ms;
  transition: opacity 400ms, margin 400ms;
}

#home #content {
  padding-top: 84px;
}

#homeBanner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width : 991px) {
  #homeBanner {
    padding-right: 0;
    padding-left: 0;
  }
}
#homeBanner::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 240px;
  content: "";
  background: #eef9f8;
  z-index: -1;
}
#homeBanner > .col {
  min-height: 650px;
  display: flex;
  justify-content: center;
  position: relative;
  height: calc(100vh - 220px);
  overflow: hidden;
}
@media only screen and (max-width : 1400px) {
  #homeBanner > .col {
    height: calc(100vh - 190px);
  }
}
@media only screen and (max-width: 1024px) {
  #homeBanner > .col {
    min-height: 600px;
    max-height: 650px;
  }
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col {
    height: auto;
    min-height: 450px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col {
    min-height: 350px;
  }
}
#homeBanner > .col #bannerVideo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../../images/banner/home1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #bannerVideo {
    background-position: center bottom;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #bannerVideo {
    background-position: 20% bottom;
  }
}
#homeBanner > .col #bannerVideo #homeVideo {
  position: absolute;
  top: 50%;
  left: 25%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-25%, -50%);
  -webkit-transform: translate(-25%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
#homeBanner > .col #bannerCycle {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
}
#homeBanner > .col #bannerCycle .slick-list, #homeBanner > .col #bannerCycle .slick-track {
  height: 100%;
}
#homeBanner > .col #bannerCycle .bannerSlide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #bannerCycle .bannerSlide#bannerSlide1.default {
    background-position: center bottom;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #bannerCycle .bannerSlide#bannerSlide1.default {
    background-position: 20% bottom;
  }
}
@media only screen and (max-width : 991px) {
  #homeBanner > .col #bannerCycle .bannerSlide#bannerSlide2.default {
    background-position: 60% center;
  }
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #bannerCycle .bannerSlide#bannerSlide2.default {
    background-position: 70% bottom;
  }
}
#homeBanner > .col #bannerCycle .bannerSlide#bannerSlide3.default {
  background-position: center top;
}
@media only screen and (max-width : 991px) {
  #homeBanner > .col #bannerCycle .bannerSlide#bannerSlide3.default {
    background-position: left top;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #bannerCycle .bannerSlide#bannerSlide3.default {
    background-position: 20% top;
  }
}
#homeBanner > .col #gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25vh;
  top: 0;
  content: "";
  background: rgba(0, 0, 0, 0.2);
}
#homeBanner > .col #gradient > div {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(90, 196, 190, 0) 10%, #5ac4be 100%);
}
#homeBanner > .col #homeBannerDesc {
  position: relative;
  padding: 75px 0;
  text-align: center;
  display: flex;
  align-items: center;
}
#homeBanner > .col #homeBannerDesc .darkertext {
  color: #3b3a3a;
}
#homeBanner > .col #homeBannerDesc h1 {
  margin: 0;
  font: 90px/1.1 "Oswald-Bold";
  color: #fff;
  white-space: nowrap;
}
@media only screen and (max-width : 991px) {
  #homeBanner > .col #homeBannerDesc h1 {
    font-size: 80px;
  }
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #homeBannerDesc h1 {
    font-size: 65px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #homeBannerDesc h1 {
    font-size: 55px;
  }
}
@media only screen and (max-width : 500px) {
  #homeBanner > .col #homeBannerDesc h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 450px) {
  #homeBanner > .col #homeBannerDesc h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 350px) {
  #homeBanner > .col #homeBannerDesc h1 {
    font-size: 36px;
  }
}
#homeBanner > .col #homeBannerDesc h1:nth-child(2) {
  padding-right: 130px;
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(2) {
    padding-right: 90px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(2) {
    padding-right: 50px;
  }
}
#homeBanner > .col #homeBannerDesc h1:nth-child(3) {
  padding-left: 50%;
  text-align: left;
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(3) {
    padding-left: 45%;
  }
}
@media only screen and (max-width : 500px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(3) {
    padding-left: 40%;
  }
}
#homeBanner > .col #homeBannerDesc h1:nth-child(3) > span {
  position: relative;
  display: inline-block;
  min-width: 350px;
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(3) > span {
    min-width: 280px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(3) > span {
    min-width: 230px;
  }
}
@media only screen and (max-width : 500px) {
  #homeBanner > .col #homeBannerDesc h1:nth-child(3) > span {
    min-width: 180px;
  }
}
#homeBanner > .col #homeBannerDesc h1:nth-child(3) > span .rideau {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
}
#homeBanner > .col #homeBannerDesc h6 {
  margin-bottom: 30px;
  font-family: "Oswald-Medium";
  color: #fff;
  letter-spacing: 5px;
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col #homeBannerDesc h6 {
    margin-bottom: 25px;
    letter-spacing: 4px;
  }
}
#homeBanner > .col.axe {
  height: calc(100vh - 84px);
  min-height: 700px;
}
@media only screen and (max-width : 1400px) {
  #homeBanner > .col.axe {
    height: calc(100vh - 190px);
  }
}
@media only screen and (max-width: 1024px) {
  #homeBanner > .col.axe {
    min-height: 600px;
    max-height: 650px;
  }
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col.axe {
    height: auto;
    min-height: 450px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col.axe {
    min-height: 350px;
  }
}
#homeBanner > .col.axe #homeBannerDesc.axe {
  padding-top: 25px;
  padding-bottom: 155px;
}
@media only screen and (max-width : 1200px) {
  #homeBanner > .col.axe #homeBannerDesc.axe {
    padding-bottom: 75px;
  }
}
#homeBanner > .col.axe #homeBannerDesc.axe h6 {
  color: #143A5B;
}
#homeBanner > .col.axe #homeBannerDesc.axe .logoContainer {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}
#homeBanner > .col.axe #homeBannerDesc.axe .logoContainer img {
  width: 100px;
  height: 100px;
}
@media only screen and (max-width : 1600px) {
  #homeBanner > .col.axe #homeBannerDesc.axe .logoContainer img {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col.axe #homeBannerDesc.axe .logoContainer img {
    width: 60px;
    height: 60px;
  }
}
#homeBanner > .col.axe #homeBannerDesc.axe h1 {
  padding-right: 130px;
  padding-left: 0;
  line-height: 1.2em;
  color: #00B7B0;
  text-align: center;
  white-space: initial;
}
@media only screen and (max-width : 767px) {
  #homeBanner > .col.axe #homeBannerDesc.axe h1:nth-child(3) {
    padding-right: 90px;
  }
}
@media only screen and (max-width : 600px) {
  #homeBanner > .col.axe #homeBannerDesc.axe h1:nth-child(3) {
    padding-right: 50px;
  }
}
#homeBanner > .col.axe #homeBannerDesc.axe h1 span {
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase;
  background-color: white;
}

.show-alert #alert > div {
  top: 0;
}

#alert {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
}
#alert > div {
  position: absolute;
  left: 0;
  right: 0;
  top: -80px;
  padding: 15px 0;
  background: #e44e5b;
  transition: top 600ms;
}
@media only screen and (max-width : 767px) {
  #alert > div {
    padding: 10px 0;
  }
}
#alert > div #date {
  position: absolute;
  left: 50px;
  top: 50%;
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 35px;
  color: #000;
  opacity: 0.5;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (max-width : 1400px) {
  #alert > div #date {
    left: 30px;
  }
}
@media only screen and (max-width : 991px) {
  #alert > div #date {
    left: 20px;
  }
}
#alert > div #date img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
}
@media only screen and (max-width : 600px) {
  #alert > div #date img {
    width: 30px;
  }
}
#alert > div #alertClose {
  position: absolute;
  padding: 10px;
  right: 40px;
  top: 50%;
  line-height: 35px;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (max-width : 1400px) {
  #alert > div #alertClose {
    right: 20px;
  }
}
@media only screen and (max-width : 991px) {
  #alert > div #alertClose {
    right: 15px;
  }
}
#alert > div #alertClose .icon-stroke {
  stroke: #fff;
  stroke-width: 3px;
  vertical-align: middle;
  transition: transform 250ms;
  -webkit-transition: -webkit-transform 250ms;
}
#alert > div #alertDesc {
  display: block;
  margin: 0 20%;
  font: 14px/35px "Oswald-Medium";
  height: 35px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width : 1200px) {
  #alert > div #alertDesc {
    margin: 0 80px;
  }
}
@media only screen and (max-width : 991px) {
  #alert > div #alertDesc {
    margin: 0 70px;
  }
}
@media only screen and (max-width : 767px) {
  #alert > div #alertDesc {
    font-size: 12px;
  }
}
@media only screen and (max-width : 600px) {
  #alert > div #alertDesc {
    margin: 0 60px 0 70px;
  }
}

#bannerBottom {
  position: relative;
  z-index: 1;
}
#bannerBottom::before {
  left: 40px;
  top: 20px;
  width: 20%;
  z-index: -1;
}
@media only screen and (max-width : 1600px) {
  #bannerBottom::before {
    left: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #bannerBottom::before {
    left: 0;
  }
}
#bannerBottom #scrollDown {
  position: absolute;
  right: 25px;
  bottom: 100%;
  padding: 0 5px;
  z-index: 999999;
  transition: margin 350ms, padding 350ms;
}
@media only screen and (max-width : 1600px) {
  #bannerBottom #scrollDown {
    right: 15px;
  }
}
@media only screen and (max-width : 1400px) {
  #bannerBottom #scrollDown {
    right: 10px;
  }
}
@media only screen and (max-width : 1200px) {
  #bannerBottom #scrollDown {
    right: 55px;
    bottom: calc(100% - 30px);
  }
}
@media only screen and (max-width : 991px) {
  #bannerBottom #scrollDown {
    display: none;
  }
}
#bannerBottom #scrollDown img {
  display: inline-block;
}

#bannerBottom.axe #scrollDown {
  bottom: 105%;
}
@media only screen and (max-width : 1200px) {
  #bannerBottom.axe #scrollDown {
    right: 55px;
    bottom: 105%;
  }
}

#bannerMenu {
  float: left;
  margin-top: -50px;
  width: 720px;
  height: 320px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (max-width : 1400px) {
  #bannerMenu {
    width: 660px;
  }
}
@media only screen and (max-width : 1200px) {
  #bannerMenu {
    float: none;
    width: 100%;
    height: auto;
    max-width: 760px;
    padding: 0 20px;
    margin: -135px auto 20px auto;
    transform: none;
    -webkit-transform: none;
  }
}
@media only screen and (max-width : 767px) {
  #bannerMenu {
    margin: -50px 0 20px 0;
  }
}
@media only screen and (max-width : 500px) {
  #bannerMenu {
    display: none;
  }
}
#bannerMenu .fastLinksMenu {
  position: relative;
  width: 100%;
  background: #434242;
}
#bannerMenu .fastLinksMenu ul {
  padding: 0 50px 20px 50px;
}
@media only screen and (max-width : 991px) {
  #bannerMenu .fastLinksMenu ul {
    margin-top: 0;
    padding: 10px 0;
  }
}
@media only screen and (max-width : 767px) {
  #bannerMenu .fastLinksMenu ul {
    margin-top: 0;
    padding: 15px 0 5px 0;
  }
}
#bannerMenu .fastLinksMenu ul li {
  width: 25%;
  clear: none;
}
#bannerMenu .fastLinksMenu ul li:nth-child(5) {
  clear: both;
}
#bannerMenu .fastLinksMenu ul li:nth-child(9) {
  clear: both;
}
@media only screen and (max-width : 991px) {
  #bannerMenu .fastLinksMenu ul li a {
    padding: 20px 0 !important;
  }
}
@media only screen and (max-width : 767px) {
  #bannerMenu .fastLinksMenu ul li a {
    padding: 10px 5px !important;
  }
  #bannerMenu .fastLinksMenu ul li a br {
    display: block;
  }
}

#bannerMenu.axe {
  margin-top: 0;
  transform: translateY(-35%);
  -webkit-transform: translateY(-35%);
}
@media only screen and (max-width : 1200px) {
  #bannerMenu.axe {
    float: none;
    width: 100%;
    height: auto;
    max-width: 760px;
    padding: 0 20px;
    margin: -65px auto 20px auto;
    transform: none;
    -webkit-transform: none;
  }
}
@media only screen and (max-width : 767px) {
  #bannerMenu.axe {
    margin: -50px 0 20px 0;
  }
}
@media only screen and (max-width : 500px) {
  #bannerMenu.axe {
    display: none;
  }
}

#bannerNew {
  position: relative;
  float: right;
}
@media only screen and (max-width : 1200px) {
  #bannerNew {
    float: none;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 767px) {
  #bannerNew {
    padding: 0 20px;
  }
}
#bannerNew .newBlocCt {
  display: block;
  margin: -80px 0 0 0;
  width: 500px;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width : 1600px) {
  #bannerNew .newBlocCt {
    width: 380px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width : 1400px) {
  #bannerNew .newBlocCt h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width : 1200px) {
  #bannerNew .newBlocCt {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width : 500px) {
  #bannerNew .newBlocCt {
    margin-top: -30px;
  }
}

#home #fastLinksBtn,
#home #fastLinksMenu {
  display: none;
}
@media only screen and (max-width : 500px) {
  #home #fastLinksBtn,
  #home #fastLinksMenu {
    display: block;
  }
}

#homeNews {
  position: relative;
}
#homeNews .media {
  float: right;
  margin-right: 5%;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
}
@media only screen and (max-width : 1600px) {
  #homeNews .media {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
  }
}
@media only screen and (max-width : 1400px) {
  #homeNews .media {
    margin-right: 4%;
  }
}
@media only screen and (max-width : 991px) {
  #homeNews .media {
    margin-right: 16px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}

#homeEvents {
  position: relative;
}
@media only screen and (max-width : 767px) {
  #homeEvents {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #homeEvents {
    padding-bottom: 0px;
  }
}
#homeEvents::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 150px;
  content: "";
  background: #5ac4be;
  z-index: -1;
}
@media only screen and (max-width : 1200px) {
  #homeEvents::before {
    height: 75px;
  }
}
@media only screen and (max-width : 991px) {
  #homeEvents::before {
    height: 60px;
  }
}
@media only screen and (max-width : 767px) {
  #homeEvents::before {
    height: 30px;
  }
}
#homeEvents #letterS {
  left: 78%;
  top: 30px;
}
@media only screen and (max-width : 991px) {
  #homeEvents #letterS {
    left: 72%;
  }
}
#homeEvents #letterC {
  right: 82%;
  top: 750px;
}
@media only screen and (max-width : 991px) {
  #homeEvents #letterC {
    top: 650px;
  }
}
@media only screen and (max-width : 1200px) {
  #homeEvents #letterC {
    top: 400px;
  }
}
@media only screen and (max-width : 991px) {
  #homeEvents #letterC {
    top: 450px;
  }
}
#homeEvents #letterB {
  left: 62%;
  top: 1040px;
  z-index: 8;
}
@media only screen and (max-width : 1600px) {
  #homeEvents #letterB {
    top: 950px;
  }
}
@media only screen and (max-width : 1400px) {
  #homeEvents #letterB {
    top: 850px;
  }
}
@media only screen and (max-width : 1200px) {
  #homeEvents #letterB {
    top: 700px;
  }
}
@media only screen and (max-width : 991px) {
  #homeEvents #letterB {
    left: 75%;
    top: 650px;
  }
}
@media only screen and (max-width : 767px) {
  #homeEvents #letterB {
    top: 450px;
  }
}
#homeEvents h1 {
  position: relative;
  font-size: 82px;
  margin-top: -10px;
  margin-bottom: 60px;
  color: #fff;
}
@media only screen and (max-width : 1600px) {
  #homeEvents h1 {
    font-size: 70px;
  }
}
@media only screen and (max-width : 1200px) {
  #homeEvents h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width : 991px) {
  #homeEvents h1 {
    font-size: 50px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width : 767px) {
  #homeEvents h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width : 600px) {
  #homeEvents h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width : 500px) {
  #homeEvents h1 {
    font-size: 32px;
  }
}
#homeEvents h1:first-line {
  color: #434242;
}
#homeEvents h1::before {
  left: -80px;
  width: 240px;
}
@media only screen and (max-width : 1600px) {
  #homeEvents h1::before {
    left: -30px;
    width: 200px;
  }
}
#homeEvents #eventsCycleArrows {
  position: absolute;
  right: 0;
  bottom: 0px;
}
@media only screen and (max-width : 1200px) {
  #homeEvents #eventsCycleArrows {
    left: 80%;
    right: auto;
    bottom: -10px;
  }
}
@media only screen and (max-width : 991px) {
  #homeEvents #eventsCycleArrows {
    left: auto;
    right: 50px;
    bottom: -20px;
  }
}
@media only screen and (max-width : 600px) {
  #homeEvents #eventsCycleArrows {
    right: 0px;
  }
}
@media only screen and (max-width : 600px) {
  #homeEvents .col:last-child {
    padding-left: 0px;
  }
}
#homeEvents .slick-list {
  padding-right: 40%;
}
@media only screen and (max-width : 1600px) {
  #homeEvents .slick-list {
    padding-right: 35%;
  }
}
@media only screen and (max-width : 1200px) {
  #homeEvents .slick-list {
    padding-right: 25%;
  }
}
@media only screen and (max-width : 991px) {
  #homeEvents .slick-list {
    padding-right: 40px;
  }
}
@media only screen and (max-width : 600px) {
  #homeEvents .slick-list {
    padding-right: 0px;
  }
}
#homeEvents #eventsList {
  width: auto;
}
@media only screen and (max-width : 767px) {
  #homeEvents #eventsList {
    padding: 0;
  }
}
#homeEvents #eventsList a {
  padding: 0 0 20px 0;
  margin: 0 50px 0 0;
}
@media only screen and (max-width : 991px) {
  #homeEvents #eventsList a {
    margin-right: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #homeEvents #eventsList a {
    margin-right: 0px;
  }
}

#famille {
  position: relative;
  margin-bottom: 240px;
}
@media only screen and (max-width : 1400px) {
  #famille {
    margin-bottom: 200px;
  }
}
@media only screen and (max-width : 991px) {
  #famille {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width : 767px) {
  #famille {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width : 600px) {
  #famille {
    margin-bottom: 70px;
  }
}
#famille .col:first-child {
  position: relative;
  z-index: 6;
}
#famille .col:first-child #scb {
  position: absolute;
  left: -5%;
  bottom: 0;
  font: 340px/1 "Oswald-SemiBold";
  color: #5ac4be;
  transform: translateY(42%);
  -webkit-transform: translateY(42%);
}
@media only screen and (max-width : 1600px) {
  #famille .col:first-child #scb {
    font-size: 300px;
    transform: translateY(44%);
    -webkit-transform: translateY(44%);
  }
}
@media only screen and (max-width : 1400px) {
  #famille .col:first-child #scb {
    font-size: 250px;
  }
}
@media only screen and (max-width : 991px) {
  #famille .col:first-child #scb {
    font-size: 200px;
  }
}
@media only screen and (max-width : 767px) {
  #famille .col:first-child #scb {
    font-size: 150px;
  }
}
@media only screen and (max-width : 600px) {
  #famille .col:first-child #scb {
    font-size: 120px;
    left: 10px;
  }
}
#famille .col:first-child #scb div {
  position: relative;
}
#famille .col:first-child img {
  width: 100%;
}
#famille .col:last-child {
  position: relative;
  margin-top: 150px;
  padding-right: 20px;
  padding-left: 70px;
  z-index: 7;
}
@media only screen and (max-width : 1200px) {
  #famille .col:last-child {
    margin-top: 75px;
  }
}
@media only screen and (max-width : 991px) {
  #famille .col:last-child {
    margin-top: 60px;
    padding-left: 50px;
    padding-top: 60px;
  }
}
@media only screen and (max-width : 767px) {
  #famille .col:last-child {
    margin-top: 30px;
    padding-left: 40px;
    padding-top: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #famille .col:last-child {
    margin-top: 40px;
    padding-left: 20px;
  }
}
#famille .col:last-child h1 {
  margin: 0 0 50px -200px;
  padding: 50px 0 0 50px;
  background: #fff;
}
@media only screen and (max-width : 1200px) {
  #famille .col:last-child h1 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 991px) {
  #famille .col:last-child h1 {
    margin-left: -150px;
    padding-top: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #famille .col:last-child h1 {
    margin-left: -120px;
    padding-top: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #famille .col:last-child h1 {
    margin: 0 0 20px 0;
    padding: 0;
  }
}
#famille .col:last-child h1 span {
  display: inline-block;
  padding-left: 150px;
}
@media only screen and (max-width : 991px) {
  #famille .col:last-child h1 span {
    padding-left: 100px;
  }
}
@media only screen and (max-width : 767px) {
  #famille .col:last-child h1 span {
    padding-left: 70px;
  }
}
@media only screen and (max-width : 600px) {
  #famille .col:last-child h1 span {
    padding-left: 0px;
  }
}
#famille .col:last-child p {
  max-width: 500px;
}

#incontournables > .col:first-child {
  height: 750px;
  line-height: 470px;
  text-align: center;
  background: url("../../images/content/batiments.jpg") no-repeat left center;
  background-size: cover;
}
@media only screen and (max-width : 1400px) {
  #incontournables > .col:first-child {
    height: 600px;
    line-height: 380px;
  }
}
@media only screen and (max-width : 991px) {
  #incontournables > .col:first-child {
    height: 500px;
    line-height: 320px;
    background-position: 30% center;
  }
}
@media only screen and (max-width : 767px) {
  #incontournables > .col:first-child {
    height: 450px;
    line-height: 230px;
    text-align: left;
  }
  #incontournables > .col:first-child .centerize {
    padding-left: 20px;
  }
}
#incontournables > .col:first-child h1 {
  margin-bottom: 40px;
  color: #fff;
}
@media only screen and (max-width : 991px) {
  #incontournables > .col:first-child h1 {
    margin-bottom: 30px;
  }
}
#incontournables #batimentsCycle {
  position: relative;
  margin-top: -280px;
}
@media only screen and (max-width : 1400px) {
  #incontournables #batimentsCycle {
    margin-top: -220px;
  }
}
@media only screen and (max-width : 991px) {
  #incontournables #batimentsCycle {
    margin-top: -180px;
  }
}
#incontournables #batimentsCycle #batimentsCycleArrows {
  position: absolute;
  right: 12%;
  top: -150px;
  width: 110px;
}
@media only screen and (max-width : 1200px) {
  #incontournables #batimentsCycle #batimentsCycleArrows {
    left: 76.5%;
    right: auto;
    top: -130px;
  }
}
@media only screen and (max-width : 991px) {
  #incontournables #batimentsCycle #batimentsCycleArrows {
    left: auto;
    right: 70px;
    top: -110px;
  }
}
@media only screen and (max-width : 767px) {
  #incontournables #batimentsCycle #batimentsCycleArrows {
    top: -90px;
  }
}
@media only screen and (max-width : 600px) {
  #incontournables #batimentsCycle #batimentsCycleArrows {
    right: 20px;
    top: -80px;
  }
}
#incontournables #batimentsCycle .slick-list {
  padding-right: 40%;
  padding-bottom: 20px;
}
@media only screen and (max-width : 1600px) {
  #incontournables #batimentsCycle .slick-list {
    padding-right: 35%;
  }
}
@media only screen and (max-width : 1200px) {
  #incontournables #batimentsCycle .slick-list {
    padding-right: 25%;
  }
}
@media only screen and (max-width : 991px) {
  #incontournables #batimentsCycle .slick-list {
    padding-right: 40px;
  }
}
@media only screen and (max-width : 600px) {
  #incontournables #batimentsCycle .slick-list {
    padding-right: 0px;
  }
}
#incontournables #batimentsCycle #batimentsList {
  width: auto;
  max-width: none;
}
@media only screen and (max-width : 991px) {
  #incontournables #batimentsCycle #batimentsList {
    padding: 0;
  }
}
#incontournables #batimentsCycle #batimentsList a {
  margin: 0 50px 0 0;
}
@media only screen and (max-width : 991px) {
  #incontournables #batimentsCycle #batimentsList a {
    margin-right: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #incontournables #batimentsCycle #batimentsList a {
    margin-right: 20px;
  }
}

.floating img {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.floating:hover img {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}

@keyframes floating {
  0%, 0.01% {
    transform: translateY(-5%);
  }
  60% {
    transform: translateY(15%);
  }
  100% {
    transform: translateY(-5%);
  }
}
@-webkit-keyframes floating {
  0%, 0.01% {
    -webkit-transform: translateY(-5%);
  }
  60% {
    -webkit-transform: translateY(15%);
  }
  100% {
    -webkit-transform: translateY(-5%);
  }
}
.wordsWrapper > span:not(:first-child):not(:nth-child(2)) {
  display: none;
}
.wordsWrapper > span.rideau.animIt {
  animation: rideau 1000ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation: rideau 1000ms cubic-bezier(0.86, 0, 0.07, 1);
}

@keyframes rideau {
  0% {
    left: 0;
    right: 100%;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
@-webkit-keyframes rideau {
  0% {
    left: 0;
    right: 100%;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 105%;
    right: 0;
  }
}
@media only screen and (max-width : 600px) {
  #actualites .bg-lightblue {
    background: #fff;
  }
}

#actualites #prefooter {
  background: #eef9f8;
}

@media only screen and (max-width : 600px) {
  #mainNews {
    padding-bottom: 40px;
  }
}
#mainNews a {
  display: block;
  margin: 0 0 50px 0;
}
@media only screen and (max-width : 991px) {
  #mainNews a {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #mainNews a {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #mainNews a {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 500px) {
  #mainNews a {
    margin-bottom: 35px;
  }
}
#mainNews a::after {
  display: table;
  content: "";
  clear: both;
}
#mainNews a:last-child {
  margin: 0;
}
#mainNews a:last-child .deco::before {
  display: none;
}
#mainNews a h2 {
  max-width: 600px;
  transition: color 250ms;
}
#mainNews a .m10 {
  position: relative;
  line-height: 0;
}
#mainNews a .m10::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #000;
  opacity: 0.1;
  transition: opacity 250ms;
}
#mainNews a .m10 img {
  width: 100%;
}
@media only screen and (max-width : 991px) {
  #mainNews a .slave {
    padding: 0 0 0 40px;
  }
}
@media only screen and (max-width : 767px) {
  #mainNews a .slave {
    padding: 0 0 0 25px;
  }
}
@media only screen and (max-width : 600px) {
  #mainNews a .slave {
    padding: 25px 0 0 0;
    line-height: normal !important;
  }
}

#news {
  position: relative;
}
@media only screen and (max-width : 600px) {
  #news {
    background: #fff;
  }
}
#news::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  content: "";
  background: #fff;
}
@media only screen and (max-width : 1600px) {
  #news::before {
    height: 60px;
  }
}
@media only screen and (max-width : 1200px) {
  #news::before {
    height: 50px;
  }
}
@media only screen and (max-width : 991px) {
  #news::before {
    height: 30px;
  }
}
@media only screen and (max-width : 767px) {
  #news::before {
    height: 100px;
  }
}
@media only screen and (max-width : 600px) {
  #news::before {
    display: none;
  }
}

#newIntro h2 {
  margin: 0;
}
@media only screen and (max-width : 767px) {
  #newIntro h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width : 600px) {
  #newIntro h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width : 500px) {
  #newIntro h2 {
    font-size: 26px;
  }
}
#newIntro div {
  margin: 60px 0 0 0;
}
@media only screen and (max-width : 1600px) {
  #newIntro div {
    margin-top: 50px;
  }
}
@media only screen and (max-width : 1200px) {
  #newIntro div {
    margin-top: 40px;
  }
}
@media only screen and (max-width : 991px) {
  #newIntro div {
    margin-top: 30px;
  }
}
#newIntro div img {
  width: 100%;
}

@media only screen and (max-width : 600px) {
  #moreNews .alignCenter {
    text-align: left;
  }
}

#mainNews {
  transition: opacity 400ms, margin 400ms;
  opacity: 1;
}
#mainNews.loading {
  margin-top: 50px;
  opacity: 0;
}

#sites #etat > .col > h2 {
  margin-top: 100px;
}
@media only screen and (max-width : 1200px) {
  #sites #etat > .col > h2 {
    margin-top: 80px;
  }
}
@media only screen and (max-width : 767px) {
  #sites #etat > .col > h2 {
    margin-top: 60px;
  }
}
@media only screen and (max-width : 600px) {
  #sites #etat > .col > h2 {
    margin-top: 50px;
  }
}
#sites #etat > .col > h2:first-child {
  margin-top: 0;
}

#sites .ocList .listIcon {
  display: none;
}
#sites .ocList .opened .opened {
  display: block;
}
#sites .ocList .closed .closed {
  display: block;
}
#sites .ocList .misc .misc {
  display: block;
}
#sites .ocList .noDesc h3.ocBtn {
  color: #434242;
  cursor: default;
}
#sites .ocList .noDesc h3.ocBtn::before, #sites .ocList .noDesc h3.ocBtn::after {
  opacity: 0;
}
#sites .ocList .noDesc h3.ocBtn .listIcon {
  right: 50px;
}
@media only screen and (max-width : 1600px) {
  #sites .ocList .noDesc h3.ocBtn .listIcon {
    right: 30px;
  }
}
@media only screen and (max-width : 767px) {
  #sites .ocList .noDesc h3.ocBtn .listIcon {
    right: 20px;
  }
}
#sites .ocList h3.ocBtn {
  position: relative;
  padding-right: 180px;
}
@media only screen and (max-width : 1600px) {
  #sites .ocList h3.ocBtn {
    padding-right: 160px;
  }
}
@media only screen and (max-width : 767px) {
  #sites .ocList h3.ocBtn {
    padding-right: 150px;
  }
}
#sites .ocList h3.ocBtn .listIcon {
  right: 80px;
}
@media only screen and (max-width : 1600px) {
  #sites .ocList h3.ocBtn .listIcon {
    right: 60px;
  }
}
@media only screen and (max-width : 767px) {
  #sites .ocList h3.ocBtn .listIcon {
    right: 50px;
  }
}

#eventsList {
  margin: 0 auto;
  width: 62.5%;
}
@media only screen and (max-width : 1400px) {
  #eventsList {
    width: 70%;
  }
}
@media only screen and (max-width : 1200px) {
  #eventsList {
    width: 80%;
  }
}
@media only screen and (max-width : 767px) {
  #eventsList {
    width: 100%;
    padding: 0 20px;
  }
}
@media only screen and (max-width : 600px) {
  #eventsList {
    padding: 0;
  }
}
#eventsList a {
  position: relative;
  display: block;
  margin: 0 0 120px 0;
  line-height: 0px;
  z-index: 1;
}
@media only screen and (max-width : 1400px) {
  #eventsList a {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width : 991px) {
  #eventsList a {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width : 767px) {
  #eventsList a {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width : 600px) {
  #eventsList a {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 500px) {
  #eventsList a {
    margin-bottom: 30px;
  }
}
#eventsList a:last-child {
  margin: 0;
}
#eventsList a::after {
  display: table;
  content: "";
  clear: both;
}
#eventsList a .pic {
  position: relative;
}
#eventsList a .pic::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #000;
  opacity: 0.1;
  transition: opacity 250ms;
}
#eventsList a .pic img {
  width: 100%;
}
@media only screen and (max-width : 600px) {
  #eventsList a .pic {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}
@media only screen and (max-width : 500px) {
  #eventsList a .pic {
    height: 260px;
  }
}
#eventsList a .from {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-family: "Roboto-Regular";
  color: #fff;
}
@media only screen and (max-width : 600px) {
  #eventsList a .from {
    top: -25px;
    font-size: 15px;
  }
}
#eventsList a .date {
  position: absolute;
  left: 450px;
  right: 0;
  font: 70px/1 "Roboto-Black";
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
}
@media only screen and (max-width : 1600px) {
  #eventsList a .date {
    font-size: 60px;
  }
}
@media only screen and (max-width : 1400px) {
  #eventsList a .date {
    font-size: 50px;
  }
}
@media only screen and (max-width : 1200px) {
  #eventsList a .date {
    font-size: 44px;
  }
}
@media only screen and (max-width : 991px) {
  #eventsList a .date {
    left: 350px;
  }
}
@media only screen and (max-width : 767px) {
  #eventsList a .date {
    left: 300px;
  }
}
@media only screen and (max-width : 600px) {
  #eventsList a .date {
    left: auto;
    right: 15px;
    font-size: 36px;
  }
}
@media only screen and (max-width : 500px) {
  #eventsList a .date {
    font-size: 32px;
  }
}
#eventsList a .eventDesc {
  position: relative;
  float: left;
  width: 450px;
  padding: 50px 70px;
  margin-top: -178px;
  background: #5ac4be;
}
@media only screen and (max-width : 1600px) {
  #eventsList a .eventDesc {
    padding: 40px 50px;
    margin-top: -158px;
  }
}
@media only screen and (max-width : 1400px) {
  #eventsList a .eventDesc {
    padding: 30px 50px 30px 30px;
    margin-top: -132px;
  }
}
@media only screen and (max-width : 1200px) {
  #eventsList a .eventDesc {
    padding: 25px 50px 25px 20px;
    margin-top: -114px;
  }
}
@media only screen and (max-width : 991px) {
  #eventsList a .eventDesc {
    width: 350px;
    margin-top: -106px;
  }
}
@media only screen and (max-width : 767px) {
  #eventsList a .eventDesc {
    padding: 25px 50px 25px 0px;
    width: 300px;
  }
}
@media only screen and (max-width : 600px) {
  #eventsList a .eventDesc {
    margin: 0;
    width: auto;
    padding: 25px 20px 0 20px;
    background: transparent;
  }
}
#eventsList a .eventDesc h3 {
  margin: 0;
  min-height: 80px;
  color: #fff;
}
@media only screen and (max-width : 1400px) {
  #eventsList a .eventDesc h3 {
    min-height: 74px;
  }
}
@media only screen and (max-width : 1200px) {
  #eventsList a .eventDesc h3 {
    min-height: 66px;
  }
}
@media only screen and (max-width : 991px) {
  #eventsList a .eventDesc h3 {
    min-height: 58px;
  }
}
@media only screen and (max-width : 600px) {
  #eventsList a .eventDesc h3 {
    min-height: 0px;
    margin: 0 0 10px 0;
    font-size: 24px;
  }
}
@media only screen and (max-width : 500px) {
  #eventsList a .eventDesc h3 {
    font-size: 22px;
  }
}
#eventsList a .eventDesc .link {
  position: absolute;
  left: 100%;
  top: 89px;
  margin: -10px 0 0 -45px;
}
@media only screen and (max-width : 1600px) {
  #eventsList a .eventDesc .link {
    top: 79px;
  }
}
@media only screen and (max-width : 1400px) {
  #eventsList a .eventDesc .link {
    top: 64px;
  }
}
@media only screen and (max-width : 1200px) {
  #eventsList a .eventDesc .link {
    top: 58px;
    margin-left: -35px;
  }
}
@media only screen and (max-width : 600px) {
  #eventsList a .eventDesc .link {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
  }
}
@media only screen and (max-width : 1200px) {
  #eventsList a .eventDesc .link span {
    width: 80px;
  }
}

#evenement #banner {
  margin-bottom: 0;
}

#evenements #letterS {
  left: 78%;
  top: 150px;
}
@media only screen and (max-width : 1200px) {
  #evenements #letterS {
    left: 85%;
  }
}
#evenements #letterC {
  right: 82%;
  top: 950px;
}
@media only screen and (max-width : 1400px) {
  #evenements #letterC {
    right: 84%;
  }
}
@media only screen and (max-width : 1200px) {
  #evenements #letterC {
    top: 700px;
  }
}
@media only screen and (max-width : 991px) {
  #evenements #letterC {
    right: 90%;
    top: 600px;
  }
}
#evenements #letterB {
  left: 83%;
  top: 1300px;
}
@media only screen and (max-width : 1400px) {
  #evenements #letterB {
    left: 81%;
  }
}
@media only screen and (max-width : 1400px) {
  #evenements #letterB {
    left: 85%;
  }
}
@media only screen and (max-width : 991px) {
  #evenements #letterB {
    top: auto;
    bottom: -50px;
  }
}
#evenements .noInformation h3 {
  margin-bottom: 15px;
}
#evenements .noInformation p {
  margin-bottom: 40px;
}

#batiments #content {
  z-index: 1;
}
#batiments .banner {
  position: absolute;
  left: 0;
  right: 0;
  top: 84px;
  z-index: -1;
}
@media only screen and (max-width : 1400px) {
  #batiments .banner {
    padding-left: 0;
    padding-right: 0;
  }
}
#batiments .banner .relative {
  height: 750px;
  background: url("../../images/content/batiments.jpg") no-repeat center top;
  background-size: cover;
}
@media only screen and (max-width : 1400px) {
  #batiments .banner .relative {
    height: 600px;
  }
}
@media only screen and (max-width : 991px) {
  #batiments .banner .relative {
    height: 500px;
    background-position: 30% center;
  }
}
@media only screen and (max-width : 767px) {
  #batiments .banner .relative {
    height: 350px;
  }
}
#batiments #title .relative {
  padding: 20px 0 50px 0;
  text-align: center;
}
@media only screen and (max-width : 767px) {
  #batiments #title .relative {
    padding-bottom: 80px;
    text-align: left;
  }
}
#batiments #title .relative h6 {
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
#batiments #title .relative h4 {
  max-width: 780px;
  margin: 0 auto;
  color: #fff;
  font-family: "Roboto-Regular";
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width : 767px) {
  #batiments #title .relative h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width : 600px) {
  #batiments #title .relative h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width : 500px) {
  #batiments #title .relative h4 {
    font-size: 14px;
  }
}
#batiments #title a {
  transition: color 250ms;
}
#batiments #title .breadcrumbs {
  color: #fff;
}
#batiments #title .breadcrumbs span .icon {
  stroke: #fff;
}
#batiments #title .breadcrumbs a {
  color: #fff;
}
#batiments #title .breadcrumbs a .icon {
  stroke: #fff;
}
#batiments .noInformation {
  margin-top: -50px;
  text-align: center;
}
@media only screen and (max-width : 991px) {
  #batiments .noInformation {
    margin-top: -80px;
  }
}
@media only screen and (max-width : 767px) {
  #batiments .noInformation {
    margin-top: -120px;
    text-align: left;
  }
  #batiments .noInformation p {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width : 600px) {
  #batiments .noInformation {
    margin-top: -100px;
  }
}
#batiments .noInformation h3, #batiments .noInformation p {
  color: #fff;
}

#batimentsList {
  margin: 0 auto;
  width: 62.5%;
  max-width: 1200px;
}
@media only screen and (max-width : 1400px) {
  #batimentsList {
    width: 72%;
  }
}
@media only screen and (max-width : 1200px) {
  #batimentsList {
    width: 80%;
  }
}
@media only screen and (max-width : 991px) {
  #batimentsList {
    width: 100%;
    padding: 0 20px;
  }
}
#batimentsList a {
  display: block;
  height: 370px;
  margin: 0 0 80px 0;
  line-height: 370px;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
}
#batimentsList a:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width : 1400px) {
  #batimentsList a {
    height: 340px;
    line-height: 340px;
  }
}
@media only screen and (max-width : 1200px) {
  #batimentsList a {
    margin-bottom: 70px;
    height: 300px;
    line-height: 300px;
  }
}
@media only screen and (max-width : 767px) {
  #batimentsList a {
    margin-bottom: 60px;
    height: auto;
    line-height: normal;
    box-shadow: none;
  }
}
#batimentsList a::after {
  display: table;
  content: "";
  clear: both;
}
#batimentsList a .pic {
  position: relative;
  float: left;
  width: 65%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width : 767px) {
  #batimentsList a .pic {
    float: none;
    width: auto;
    height: 320px;
    line-height: 320px;
  }
}
@media only screen and (max-width : 600px) {
  #batimentsList a .pic {
    height: 300px;
    line-height: 300px;
  }
}
@media only screen and (max-width : 500px) {
  #batimentsList a .pic {
    height: 260px;
    line-height: 260px;
  }
}
#batimentsList a .pic::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #000;
  opacity: 0.1;
  transition: opacity 250ms;
}
#batimentsList a .desc {
  position: relative;
  float: left;
  width: 35%;
  height: 100%;
  padding: 0 20px 0 50px;
  background: #fff;
  z-index: 1;
}
@media only screen and (max-width : 1200px) {
  #batimentsList a .desc {
    padding-left: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #batimentsList a .desc {
    float: none;
    width: auto;
    margin: -60px 30px 0 30px;
    padding: 30px 30px 25px 30px;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
  }
  #batimentsList a .desc .centerize {
    text-align: left;
  }
}
@media only screen and (max-width : 600px) {
  #batimentsList a .desc {
    margin: -60px 20px 0 20px;
    padding: 25px 20px 20px 20px;
  }
}
#batimentsList a .desc h3 {
  margin: 0 0 0 -160px;
  padding: 20px 0 20px 40px;
  font-size: 32px;
  background: #fff;
}
@media only screen and (max-width : 1400px) {
  #batimentsList a .desc h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width : 1200px) {
  #batimentsList a .desc h3 {
    margin-left: -110px;
    font-size: 24px;
    padding-left: 30px;
  }
}
@media only screen and (max-width : 767px) {
  #batimentsList a .desc h3 {
    margin: 0 0 20px 0;
    padding: 0;
  }
  #batimentsList a .desc h3 br {
    display: none;
  }
}
@media only screen and (max-width : 600px) {
  #batimentsList a .desc h3 {
    font-size: 22px;
  }
}
#batimentsList a .desc h3 span {
  padding-left: 90px;
}
@media only screen and (max-width : 1200px) {
  #batimentsList a .desc h3 span {
    padding-left: 80px;
  }
}
@media only screen and (max-width : 767px) {
  #batimentsList a .desc h3 span {
    padding: 0;
  }
}

#batiments #title .relative a:hover {
  color: #5ac4be;
}

#galerie .btn {
  margin: 30px 0 0 0;
}

.galerieLayer {
  width: calc(100% + 40px);
  margin-left: -20px;
}
@media only screen and (max-width : 1200px) {
  .galerieLayer {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
@media only screen and (max-width : 991px) {
  .galerieLayer {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
@media only screen and (max-width : 500px) {
  .galerieLayer {
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}
.galerieLayer::after {
  display: table;
  content: "";
  clear: both;
}
.galerieLayer > a {
  position: relative;
  float: left;
  display: block;
  width: calc(25% - 40px);
  margin: 0 20px 40px 20px;
  line-height: 0;
}
.galerieLayer > a::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.25);
  transition: background 250ms;
}
@media only screen and (max-width : 1400px) {
  .galerieLayer > a {
    width: calc(33.33% - 40px);
  }
}
@media only screen and (max-width : 1200px) {
  .galerieLayer > a {
    width: calc(33.33% - 30px);
    margin: 0 15px 30px 15px;
  }
}
@media only screen and (max-width : 991px) {
  .galerieLayer > a {
    width: calc(33.33% - 20px);
    margin: 0 10px 20px 10px;
  }
}
@media only screen and (max-width : 600px) {
  .galerieLayer > a {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width : 500px) {
  .galerieLayer > a {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
  }
}
.galerieLayer > a img {
  width: 100%;
}
.galerieLayer.videos > a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  content: "";
  background: url("../../images/icones/play.png") no-repeat center center;
  background-size: cover;
}

.galerieLayer > a:hover::after {
  background: rgba(0, 0, 0, 0);
}

#emplois #formWrapper {
  background: #eef9f8;
}
#emplois #formWrapper .col > h2 {
  margin-top: -30px;
}
@media only screen and (max-width : 767px) {
  #emplois #formWrapper .col > h2 {
    margin-top: -20px;
  }
}
@media only screen and (max-width : 600px) {
  #emplois #formWrapper .col > h2 {
    margin-top: -10px;
  }
}
#emplois form h2 {
  color: #434242;
}
#emplois #mainContent {
  margin-top: 0;
}
#emplois .emploiDesc > h3 {
  margin-top: 100px;
  color: #5ac4be;
}
#emplois .emploiDesc > h3:first-child {
  margin-top: 0;
}

#emplois aside a h6 {
  margin: 0;
  padding-bottom: 15px;
}
@media only screen and (max-width : 600px) {
  #emplois aside a h6 {
    padding-bottom: 10px;
  }
}
#emplois aside a span {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.docs .margin {
  margin-bottom: 120px;
}
@media only screen and (max-width : 1400px) {
  .docs .margin {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width : 1200px) {
  .docs .margin {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width : 767px) {
  .docs .margin {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 600px) {
  .docs .margin {
    margin-bottom: 20px;
  }
}
.docs .margin:last-child {
  margin-bottom: 0px;
}
.docs .list {
  margin-top: 50px;
}
@media only screen and (max-width : 1200px) {
  .docs .list {
    margin-top: 40px;
  }
}
@media only screen and (max-width : 767px) {
  .docs .list {
    margin-top: 30px;
  }
}
@media only screen and (max-width : 600px) {
  .docs .list {
    margin-top: 25px;
  }
}
.docs .list:first-child {
  margin-top: 15px;
}
@media only screen and (max-width : 600px) {
  .docs .list:first-child {
    margin-top: 0px;
  }
}

#documentsWrapper:not(:first-child) {
  padding-top: 50px;
  clear: both;
}
@media only screen and (max-width : 1200px) {
  #documentsWrapper:not(:first-child) {
    padding-top: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #documentsWrapper:not(:first-child) {
    padding-top: 30px;
  }
}
@media only screen and (max-width : 600px) {
  #documentsWrapper:not(:first-child) {
    padding-top: 25px;
  }
}
#documentsWrapper:not(:first-child)::after {
  display: table;
  content: "";
  clear: both;
}

#contact #banner {
  margin-bottom: 0;
}
@media only screen and (max-width : 991px) {
  #contact #bannerDesc > div {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width : 767px) {
  #contact #bannerDesc > div {
    margin-bottom: 60px;
  }
}
#contact #bannerDesc > div ul {
  margin-bottom: 20px;
}
#contact #bannerDesc > div li {
  font-size: 16px;
  padding: 0;
  margin-bottom: 5px;
}
#contact #bannerDesc > div li strong {
  display: inline-block;
  width: 110px;
  font-family: "Roboto-Medium";
}
@media only screen and (max-width : 991px) {
  #contact #bannerDesc > div li strong {
    display: inline;
    width: auto;
  }
}
#contact #bannerDesc > div li .tel {
  color: #fff !important;
  cursor: default;
}
#contact #bannerDesc > div p {
  margin-bottom: 20px;
  font-size: 16px;
}
#contact .bicol {
  position: relative;
}
#contact .bicol > .col {
  padding-top: 100px;
}
@media only screen and (max-width : 1400px) {
  #contact .bicol > .col {
    padding-top: 80px;
  }
}
@media only screen and (max-width : 1200px) {
  #contact .bicol > .col {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 767px) {
  #contact .bicol > .col {
    padding-top: 40px;
  }
}
#contact #coords {
  position: relative;
}
#contact #coords .coordsWrapper {
  margin: 0 auto;
  max-width: 1000px;
}
#contact #coords h2 {
  margin: 0 0 50px 0;
}
@media only screen and (max-width : 1200px) {
  #contact #coords h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 600px) {
  #contact #coords h2 {
    margin-bottom: 30px;
  }
}
#contact #coords .ocList .ocBtn {
  padding: 30px 80px 30px 30px;
  font-size: 20px;
  line-height: 24px;
  font-family: "Roboto-Regular";
}
@media only screen and (max-width : 991px) {
  #contact #coords .ocList .ocBtn {
    padding-left: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #contact #coords .ocList .ocBtn {
    padding: 30px 65px 30px 0px;
  }
}
@media only screen and (max-width : 600px) {
  #contact #coords .ocList .ocBtn {
    line-height: 22px;
    padding-right: 55px;
  }
}
@media only screen and (max-width : 500px) {
  #contact #coords .ocList .ocBtn {
    font-size: 18px;
    padding: 25px 45px 25px 0px;
  }
}
@media only screen and (max-width : 1400px) {
  #contact #formCol {
    padding-right: calc(6% + 70px);
  }
}
@media only screen and (max-width : 991px) {
  #contact #formCol {
    padding-right: 100px;
  }
}
@media only screen and (max-width : 767px) {
  #contact #formCol {
    padding-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  #contact #form_contact {
    max-width: 500px;
  }
}
#contact #form_contact h2 {
  color: #434242;
}
#contact #form_contact .select-field {
  margin-bottom: 40px;
}
@media only screen and (max-width : 600px) {
  #contact #form_contact .select-field {
    margin-bottom: 30px;
  }
}
#contact #form_contact .btn {
  margin-top: 70px;
}
@media only screen and (max-width : 767px) {
  #contact #form_contact .btn {
    margin-top: 50px;
  }
}

#recherche #title #filter {
  bottom: 68px;
}
@media only screen and (max-width : 1400px) {
  #recherche #title #filter {
    bottom: 58px;
  }
}
@media only screen and (max-width : 1200px) {
  #recherche #title #filter {
    bottom: 53px;
  }
}
@media only screen and (max-width : 991px) {
  #recherche #title #filter {
    bottom: 48px;
  }
}
@media only screen and (max-width : 767px) {
  #recherche #title #filter {
    bottom: auto;
  }
}
#recherche .list li a {
  padding-right: 20px;
}
#recherche .list li a > * {
  max-width: 1200px;
}
#recherche .list li a .underline {
  position: relative;
  right: auto;
  top: auto;
  margin: 0 0 10px 0;
}
#recherche .list h6 {
  margin-bottom: 20px;
  color: #5ac4be;
}
#recherche .list h6 span {
  text-transform: none;
  font-family: "Roboto-Medium";
  color: rgba(67, 66, 66, 0.6);
}
#recherche .list h4 {
  margin-bottom: 15px;
  font-family: "Roboto-Regular";
  color: #5ac4be;
}
#recherche .list p {
  margin-bottom: 0;
}
#recherche .list mark {
  font-style: normal;
  background: rgba(90, 196, 190, 0.3);
}

.recherche-slider {
  position: relative;
}
.recherche-slider__container .swiperRecherche .swiper-wrapper {
  margin-bottom: 50px;
}
.recherche-slider__container .swiperRecherche .swiper-wrapper .swiper-slide {
  width: max-content;
}
.recherche-slider__container .swiperRecherche .swiper-wrapper .swiper-slide__btn {
  padding-bottom: 5px;
  background-color: transparent;
  font-family: "Roboto-Medium";
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  color: rgba(67, 66, 66, 0.6);
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}
.recherche-slider__container .swiperRecherche .swiper-wrapper .swiper-slide__btn.active {
  color: #434242;
  border-bottom: 2px solid #5ac4be;
  transition: all 0.3s ease;
}
.recherche-slider__container .swiperRecherche .swiper-wrapper .swiper-slide__btn:hover {
  color: #434242;
}
.recherche-slider .button-slider-nav-of-recherche {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.recherche-slider .button-slider-nav-of-recherche__prev-container, .recherche-slider .button-slider-nav-of-recherche__next-container {
  position: absolute;
  top: -50%;
}
.recherche-slider .button-slider-nav-of-recherche__prev-container {
  left: 0;
}
.recherche-slider .button-slider-nav-of-recherche__next-container {
  right: 0;
}
.recherche-slider .button-slider-nav-of-recherche__prev, .recherche-slider .button-slider-nav-of-recherche__next {
  position: relative;
  width: 40px;
  height: 40px;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0.3s, visibility 0.3s;
  border: 0;
  background-color: transparent;
  z-index: 1;
  margin: 0 20px;
  cursor: pointer;
}
.recherche-slider .button-slider-nav-of-recherche__prev.disabled, .recherche-slider .button-slider-nav-of-recherche__next.disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.recherche-slider .button-slider-nav-of-recherche__prev::after, .recherche-slider .button-slider-nav-of-recherche__next::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #5ac4be;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.recherche-slider .button-slider-nav-of-recherche__prev:hover::after, .recherche-slider .button-slider-nav-of-recherche__next:hover::after {
  background-color: #434242;
}
.recherche-slider .button-slider-nav-of-recherche__prev-svg, .recherche-slider .button-slider-nav-of-recherche__next-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 13px;
  stroke: white;
  transition: stroke 0.3s;
  z-index: 1;
}
.recherche-slider .button-slider-nav-of-recherche__prev-svg {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.recherche-slider .button-slider-nav-of-recherche__prev:hover .recherche-slider .button-slider-nav-of-recherche__prev-svg, .recherche-slider .button-slider-nav-of-recherche__next:hover .recherche-slider .button-slider-nav-of-recherche__next-svg {
  stroke: #5ac4be;
}
.recherche-slider .button-slider-nav-of-recherche__prev-background, .recherche-slider .button-slider-nav-of-recherche__next-background {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 58px;
  background-color: white;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s;
}
.recherche-slider .button-slider-nav-of-recherche__prev-background::after, .recherche-slider .button-slider-nav-of-recherche__next-background::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
}
.recherche-slider .button-slider-nav-of-recherche__prev-background {
  left: 0;
}
.recherche-slider .button-slider-nav-of-recherche__prev-background::after {
  left: 58px;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.recherche-slider .button-slider-nav-of-recherche__next-background {
  right: 0;
}
.recherche-slider .button-slider-nav-of-recherche__next-background::after {
  right: 58px;
  background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.recherche-slider .button-slider-nav-of-recherche__prev.disabled + .button-slider-nav-of-recherche__prev-background, .recherche-slider .button-slider-nav-of-recherche__next.disabled + .button-slider-nav-of-recherche__next-background {
  opacity: 0;
  visibility: hidden;
}

#portail #title .breadcrumbs span .icon {
  stroke: #434242;
}
#portail #title h1 {
  color: #fff;
}
#portail #title h1::before {
  width: 220px;
}
@media only screen and (max-width : 1200px) {
  #portail #title h1::before {
    width: 180px;
  }
}
@media only screen and (max-width : 991px) {
  #portail #title h1::before {
    width: 150px;
  }
}
#portail .titlePortail {
  padding-bottom: 0 !important;
}
@media only screen and (max-width : 1400px) {
  #portail #mainContent {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #portail #mainContent {
    margin-bottom: 60px;
  }
}
#portail #mainContent h2 {
  margin-bottom: 10px;
}
#portail #mainContent h3 {
  margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
  #portail #mainContent h3 {
    margin-bottom: 30px;
  }
}
#portail #mainContent p {
  color: #fff;
  max-width: 900px;
}

/*** CYCLE ***/
#portailCycleArrows {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width : 1400px) {
  #portailCycleArrows {
    left: 80%;
    right: auto;
  }
}
@media only screen and (max-width : 1200px) {
  #portailCycleArrows {
    left: 80%;
    right: auto;
  }
}
@media only screen and (max-width : 991px) {
  #portailCycleArrows {
    left: 84%;
  }
}
@media only screen and (max-width : 767px) {
  #portailCycleArrows {
    left: auto;
    right: 0px;
    top: -15px;
  }
}
@media only screen and (max-width : 600px) {
  #portailCycleArrows {
    left: auto;
    right: 0px;
    top: -25px;
  }
}

#portailCycle {
  position: relative;
  z-index: 6;
}
#portailCycle .portail-cycle-layer {
  margin-left: -20px;
  width: calc(100% + 20px);
}
@media only screen and (max-width : 1400px) {
  #portailCycle .portail-cycle-layer {
    width: 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width : 991px) {
  #portailCycle .portail-cycle-layer {
    width: calc(100% + 20px);
  }
}
#portailCycle .card-view {
  margin: auto;
  height: 100%;
  max-width: 100%;
  width: 100%;
  padding-left: 20px;
}
#portailCycle .card-view .card {
  position: relative;
  background: white;
  display: inline-block;
  width: 100%;
  height: auto;
  min-height: 500px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width : 1200px) {
  #portailCycle .card-view .card {
    min-height: 450px;
  }
}
@media only screen and (max-width : 991px) {
  #portailCycle .card-view .card {
    min-height: 400px;
  }
}
@media only screen and (max-width : 600px) {
  #portailCycle .card-view .card {
    min-height: 360px;
  }
}
#portailCycle .card-view .card .info {
  padding: 15px;
  text-align: center;
  margin-bottom: 75px;
}
#portailCycle .card-view .card .info .card-title {
  padding-bottom: 10px;
  font-size: 30px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  margin: 0;
}
@media only screen and (max-width : 767px) {
  #portailCycle .card-view .card .info .card-title {
    font-size: 22px;
  }
}
#portailCycle .card-view .card .info p {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  margin: 0;
}
@media only screen and (max-width : 767px) {
  #portailCycle .card-view .card .info p {
    font-size: 16px;
  }
}
#portailCycle .card-view .card .info .card-img {
  display: block;
  margin: 50px auto;
  height: 90px;
  width: 90px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
@media only screen and (max-width : 1600px) {
  #portailCycle .card-view .card .info .card-img {
    margin: 40px auto;
    height: 70px;
    width: 70px;
  }
}
@media only screen and (max-width : 991px) {
  #portailCycle .card-view .card .info .card-img {
    margin: 30px auto;
    height: 60px;
    width: 60px;
  }
}
@media only screen and (max-width : 767px) {
  #portailCycle .card-view .card .info .card-img {
    margin: 20px auto;
    height: 50px;
    width: 50px;
  }
}
#portailCycle .card-view .card .info .card-img--reclamation {
  margin: 35px auto;
  width: 120px;
  height: 120px;
}
@media only screen and (max-width : 1600px) {
  #portailCycle .card-view .card .info .card-img--reclamation {
    margin: 25px auto;
    height: 100px;
    width: 100px;
  }
}
@media only screen and (max-width : 991px) {
  #portailCycle .card-view .card .info .card-img--reclamation {
    margin: 15px auto;
    height: 90px;
    width: 90px;
  }
}
@media only screen and (max-width : 767px) {
  #portailCycle .card-view .card .info .card-img--reclamation {
    margin: 5px auto;
    height: 80px;
    width: 80px;
  }
}
#portailCycle .card-view .card .info .icon {
  width: 100%;
  height: 100%;
  fill: #b2b2b2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: all 350ms;
}
#portailCycle .card-view .card .info .icon-stroke {
  fill: none;
  stroke: #b2b2b2;
  stroke-width: 2px;
}
@media only screen and (max-width : 600px) {
  #portailCycle .card-view .card .info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#portailCycle .card-view .card .card-button {
  background: white;
  border-top: 1px solid #e0e6e5;
  position: absolute;
  color: white;
  bottom: 0;
  height: 75px;
  width: 100%;
  padding: 10px;
  text-align: center;
  line-height: 65px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#portailCycle .card-view .card .card-button:hover {
  background-color: #EEF9F8;
}
#portailCycle .slick-track {
  margin: 0;
}
@media only screen and (max-width : 991px) {
  #portailCycle .slick-list {
    padding-right: 60%;
  }
}
@media only screen and (max-width : 767px) {
  #portailCycle .slick-list {
    padding-right: 40%;
  }
}
@media only screen and (max-width : 600px) {
  #portailCycle .slick-list {
    padding-right: 150px;
  }
}
@media only screen and (max-width : 500px) {
  #portailCycle .slick-list {
    padding-right: 95px;
  }
}

/*** Letters à ajuster au besoin ***/
#portail #letterS {
  left: 78%;
  top: 150px;
}
@media only screen and (max-width : 1200px) {
  #portail #letterS {
    left: 85%;
  }
}
#portail #letterC {
  right: 82%;
  top: 950px;
}
@media only screen and (max-width : 1400px) {
  #portail #letterC {
    right: 84%;
  }
}
@media only screen and (max-width : 1200px) {
  #portail #letterC {
    top: 700px;
  }
}
@media only screen and (max-width : 991px) {
  #portail #letterC {
    right: 90%;
    top: 600px;
  }
}
#portail #letterB {
  left: 83%;
  top: 1300px;
}
@media only screen and (max-width : 1400px) {
  #portail #letterB {
    left: 81%;
  }
}
@media only screen and (max-width : 1400px) {
  #portail #letterB {
    left: 85%;
  }
}
@media only screen and (max-width : 991px) {
  #portail #letterB {
    top: 1100px;
  }
}

/*** FORMS ***/
#but-intervention label {
  float: left;
  width: 33.33%;
  height: auto;
  padding-right: 20px;
  margin-right: 0 !important;
}
#but-intervention label:nth-child(6n+2) {
  clear: both;
}
@media only screen and (max-width : 767px) {
  #but-intervention label {
    width: 50%;
  }
  #but-intervention label:nth-child(6n+2) {
    clear: none;
  }
  #but-intervention label:nth-child(4n+2) {
    clear: both;
  }
}
@media only screen and (max-width : 500px) {
  #but-intervention label {
    width: 100%;
  }
}

/* Z-INDEX
Header 		300
SearchBar	275
SideMenu 	250
Footer		235
FastLink 	225
*/
/* OCTOBER overide */
.stripe-loading-indicator {
  z-index: 20000 !important;
}

.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {
  background: #5ac4be !important;
}

/* HTML FONT */
html {
  font: 12px/1 "Roboto-Regular", Arial;
  color: #434242;
}

/*** SHORT-KEY ***/
.relative {
  position: relative;
}

.centerize {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

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

.clearfloat {
  clear: both;
}

.hidden {
  display: none !important;
}

.alignCenter {
  text-align: center;
}

.lientel {
  cursor: default;
}

.maxWidth {
  max-width: 900px;
}

/*** FRAMESET ***/
.y-padding {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media only screen and (max-width : 1600px) {
  .y-padding {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
@media only screen and (max-width : 1400px) {
  .y-padding {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width : 1200px) {
  .y-padding {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (max-width : 991px) {
  .y-padding {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 767px) {
  .y-padding {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width : 600px) {
  .y-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.x-padding {
  padding-right: 12%;
  padding-left: 12%;
}
@media only screen and (max-width : 1600px) {
  .x-padding {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media only screen and (max-width : 1400px) {
  .x-padding {
    padding-right: 6%;
    padding-left: 6%;
  }
}
@media only screen and (max-width : 991px) {
  .x-padding {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xsm-padding {
  padding-left: 8%;
  padding-right: 8%;
}
@media only screen and (max-width : 1600px) {
  .xsm-padding {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media only screen and (max-width : 991px) {
  .xsm-padding {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xxsm-padding {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width : 1600px) {
  .xxsm-padding {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width : 1400px) {
  .xxsm-padding {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width : 1200px) {
  .xxsm-padding {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (max-width : 991px) {
  .xxsm-padding {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.noTopPadding {
  padding-top: 0;
}

.noBottomPadding {
  padding-bottom: 0;
}

.noLeftPadding {
  padding-left: 0;
}

.noRightPadding {
  padding-right: 0;
}

/*** FRAMESET ***/
.transition-container {
  width: 100%;
}

.col.f-right {
  float: right;
}

#content {
  position: relative;
  padding-top: 135px;
  overflow: hidden;
}
@media only screen and (max-width : 767px) {
  #content {
    padding-top: 115px;
  }
}
#content.wBanner {
  padding-top: 84px;
}

.bg-lightblue {
  background: #eef9f8;
}

.bg-cyan {
  background: #5ac4be;
}

#mainContent {
  margin-top: 100px;
}
@media only screen and (max-width : 1400px) {
  #mainContent {
    margin-top: 80px;
  }
}
@media only screen and (max-width : 1200px) {
  #mainContent {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 767px) {
  #mainContent {
    margin-top: 40px;
  }
}
#mainContent > h2 {
  margin: 20px 0 60px 0;
}
@media only screen and (max-width : 991px) {
  #mainContent > h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 767px) {
  #mainContent > h2 {
    margin-top: 0px;
  }
}

/*** BANNER FOCUS ***/
.focus_0 {
  background-position: center center !important;
}

.focus_1 {
  background-position: left center !important;
}

.focus_2 {
  background-position: right center !important;
}

/*** STYLES ***/
h1 {
  margin: 0;
  font: 65px/1.2 "Oswald-Medium";
  color: #434242;
  text-transform: uppercase;
  letter-spacing: 4px;
}
h1.bicolor {
  color: #5ac4be;
}
h1.bicolor:first-line {
  color: #434242;
}
@media only screen and (max-width : 1400px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width : 1200px) {
  h1 {
    font-size: 55px;
  }
}
@media only screen and (max-width : 991px) {
  h1 {
    font-size: 50px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width : 767px) {
  h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width : 600px) {
  h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width : 500px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  margin: 0 0 30px 0;
  font: 45px/1.3 "Oswald-Regular";
  color: #434242;
}
h2.xMargin {
  margin-bottom: 50px;
}
@media only screen and (max-width : 1200px) {
  h2.xMargin {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 767px) {
  h2.xMargin {
    margin-bottom: 30px;
    font-family: "Oswald-Medium";
  }
}
@media only screen and (max-width : 600px) {
  h2.xMargin {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width : 1400px) {
  h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width : 1200px) {
  h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width : 991px) {
  h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width : 767px) {
  h2 {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media only screen and (max-width : 600px) {
  h2 {
    font-size: 25px;
  }
}
@media only screen and (max-width : 500px) {
  h2 {
    font-size: 23px;
  }
}

h3 {
  margin: 0 0 30px 0;
  font: 30px/1.3 "Oswald-Regular";
  color: #434242;
}
@media only screen and (max-width : 1400px) {
  h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width : 1200px) {
  h3 {
    font-size: 25px;
  }
}
@media only screen and (max-width : 991px) {
  h3 {
    margin-bottom: 25px;
    font-size: 22px;
  }
}
@media only screen and (max-width : 600px) {
  h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media only screen and (max-width : 500px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  margin: 0 0 10px 0;
  font: 25px/1.3 "Roboto-Medium";
  color: #434242;
}
@media only screen and (max-width : 1200px) {
  h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width : 991px) {
  h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width : 600px) {
  h4 {
    font-size: 18px;
  }
}

h6 {
  margin: 0 0 15px 0;
  font: 14px/1.25 "Roboto-Bold";
  letter-spacing: 1px;
  color: #5ac4be;
  text-transform: uppercase;
}
@media only screen and (max-width : 600px) {
  h6 {
    margin-bottom: 10px;
    font-size: 13px;
  }
}
h6 span {
  white-space: nowrap;
}

p {
  margin: 0 0 20px 0;
  font-size: 18px;
  line-height: 1.8;
  color: #434242;
}
@media only screen and (max-width : 600px) {
  p {
    font-size: 16px;
  }
}

.noMargin {
  margin-bottom: 0;
}

.xMargin {
  margin-bottom: 50px;
}
@media only screen and (max-width : 600px) {
  .xMargin {
    margin-bottom: 40px;
  }
}

.subTitle {
  margin-bottom: 100px;
}
@media only screen and (max-width : 1200px) {
  .subTitle {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width : 767px) {
  .subTitle {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width : 600px) {
  .subTitle {
    margin-bottom: 50px;
  }
}

.btn {
  position: relative;
  display: inline-block;
  margin: 50px auto 0 auto;
  font: 14px/16px "Roboto-Bold";
  color: #5ac4be;
  padding: 17px 30px;
  border: solid 2px #5ac4be;
  z-index: 1;
  transition: color 250ms;
}
.btn::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0%;
  content: "";
  background: #5ac4be;
  z-index: -1;
  transition: height 250ms;
}
.btn.oc-loading::after {
  position: absolute;
  right: 6px;
  top: 16px;
  display: block;
}
.btn.white {
  border: solid 2px white;
  color: white;
}
.btn.white::before {
  background: white;
}
.btn.dark {
  border: solid 2px #3b3a3a;
  color: #3b3a3a;
}
.btn.dark::before {
  background: #3b3a3a;
}
.btn.lessMargin {
  margin-top: 25px;
}
@media only screen and (max-width : 600px) {
  .btn {
    margin-top: 40px;
  }
}

.link {
  margin: 0;
  display: inline-block;
  line-height: 1;
}
.link span {
  display: inline-block;
  height: 20px;
  padding: 5px 0;
  width: 95px;
  overflow: hidden;
  transition: all 200ms;
}
@media only screen and (max-width : 991px) {
  .link span {
    width: 80px;
  }
}
.link span.sm {
  width: 80px;
}
@media only screen and (max-width : 991px) {
  .link span.sm {
    width: 60px;
  }
}
@media only screen and (max-width : 600px) {
  .link span.sm {
    width: 50px;
  }
}
.link span img {
  float: right;
  max-width: none;
  margin-right: 1px;
}

.underlined {
  position: relative;
  display: inline-block;
  padding: 0 0 10px 0;
  font: 14px/16px "Roboto-Bold";
  color: #434242;
}
.underlined::after {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 2px;
  width: 60%;
  content: "";
  background: #5ac4be;
  transition: width 250ms;
}
.underlined.white {
  color: #fff;
}
.underlined.white::after {
  background: #fff;
}

.shadow {
  box-shadow: inset 0px -8px 0 rgba(90, 196, 190, 0.4);
}

.italic {
  font-family: "Roboto-Italic";
}

.bannerLegend {
  margin: 0;
  width: 100%;
  max-width: 1000px;
  padding: 7px 0 0 0;
  font: 13px/20px "Roboto-Italic";
  color: #434242;
  clear: left;
}
.credit {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px 15px;
  font: 12px/14px "Roboto-Medium";
  color: #fff;
  text-align: right;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}
@media only screen and (max-width : 600px) {
  .credit {
    font-size: 12px;
    padding: 10px 15px;
  }
}

.cyan {
  color: #5ac4be;
}

/*** TITLE ***/
#custom #title {
  padding-bottom: 0;
}

#title {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1400px) {
  #title {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width : 1200px) {
  #title {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 991px) {
  #title {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 767px) {
  #title {
    padding-bottom: 55px;
  }
}
@media only screen and (max-width : 600px) {
  #title {
    padding-bottom: 40px;
  }
}
#title.wFilter h1 {
  /* margin-right: 350px;

  @media only screen and (max-width : 991px) {
      margin-right: 280px;
  }

  @media only screen and (max-width : 767px) {
      margin-right: 0;
  } */
}
#title.wFilter #filter {
  margin-top: 30px;
}
#title h1 {
  color: #434242;
}
#title h1 span {
  color: #5ac4be;
}

/*** BREADCRUMBS ***/
.breadcrumbs {
  margin: 0 0 30px 0;
  font: 13px/18px "Roboto-Medium";
  height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width : 991px) {
  .breadcrumbs {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 600px) {
  .breadcrumbs {
    font-size: 12px;
  }
}
.breadcrumbs span {
  display: inline-block;
  padding: 0 8px;
}
.breadcrumbs span .icon {
  stroke: #5ac4be;
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.1em;
}
.breadcrumbs a {
  color: #434242;
}
.breadcrumbs a .icon {
  width: 1.4em;
  height: 1.4em;
  vertical-align: -0.2em;
}

/*** ICON ***/
.icon {
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.2em;
  fill: #434242;
  stroke: none;
  transition: all 250ms;
}
.icon.icon-stroke {
  fill: none;
  stroke: #434242;
}

/*** BLOC MEDIA SOCIAUX ***/
.media {
  width: 290px;
}
.media span {
  float: left;
  font: 14px/59px "Roboto-Bold";
  color: #434242;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.media ul {
  float: right;
  font-size: 15px;
  border: solid 2px #434242;
}
.media ul::after {
  display: table;
  content: "";
  clear: both;
}
.media ul li {
  float: left;
  position: relative;
  display: block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
}
.media ul li:first-child::after {
  position: absolute;
  left: -25px;
  top: 50%;
  height: 2px;
  width: 32px;
  margin-top: -1px;
  content: "";
  background: #434242;
}
.media ul li:first-child a::after {
  left: 0;
  right: -1px;
}
.media ul li:last-child .icon {
  vertical-align: -0.3em;
}
.media ul li:last-child::after {
  position: absolute;
  left: -1px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  content: "";
  background: #434242;
}
.media ul li:last-child a::after {
  left: -1px;
  right: 0;
}
.media ul li a {
  position: relative;
  display: block;
  z-index: 1;
}
.media ul li a::after {
  position: absolute;
  bottom: 0;
  height: 0px;
  content: "";
  background: #434242;
  z-index: -1;
  transition: height 250ms;
}
.media.w-mail {
  width: auto;
}
.media.w-mail span {
  display: none;
}
.media.w-mail ul {
  float: left;
  width: 114px;
}
@media only screen and (max-width : 767px) {
  .media.w-mail ul {
    float: right;
  }
}
@media only screen and (max-width: 350px) {
  .media.w-mail ul {
    float: none;
  }
}
.media.w-mail ul li:first-child::after {
  display: none;
}
.media.w-mail ul li:last-child .icon {
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}

/*** FILTER ***/
#filter {
  position: absolute;
  right: 0;
  bottom: 10px;
  float: none;
}
@media only screen and (max-width : 1200px) {
  #filter {
    bottom: 5px;
  }
}
@media only screen and (max-width : 991px) {
  #filter {
    width: 270px;
  }
}
@media only screen and (max-width : 767px) {
  #filter {
    position: relative;
    right: auto;
    bottom: auto;
  }
}

#dt-filter {
  text-align: center;
}
#dt-filter ul {
  display: inline-block;
}
#dt-filter ul li {
  float: left;
  margin: 0 20px;
  font: 14px/30px "Roboto-Medium";
  text-transform: uppercase;
  letter-spacing: 1px;
}
#dt-filter ul li a {
  position: relative;
  display: block;
  color: #fff;
  opacity: 0.5;
}
#dt-filter ul li a::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  content: "";
  background: #5ac4be;
}
#dt-filter ul li.active a {
  opacity: 1;
}
#dt-filter ul li.active a::after {
  background: #fff;
}

/*** PAGINATION ***/
#pagination {
  padding: 50px 0 0 0;
  text-align: center;
}
@media only screen and (max-width : 600px) {
  #pagination {
    padding-top: 40px;
  }
}
#pagination ul {
  display: inline-block;
}
#pagination ul li {
  float: left;
  font: 16px/40px "Oswald-SemiBold";
}
#pagination ul li.active a {
  border-color: #434242;
  color: #434242;
  cursor: default;
}
#pagination ul li a {
  display: block;
  padding: 0 10px;
  color: rgba(67, 66, 66, 0.3);
  border-bottom: solid 2px rgba(67, 66, 66, 0.3);
}

/*** DECO ***/
.deco::before {
  position: absolute;
  height: 60px;
  width: 50%;
  content: "";
  background: url("../../images/content/deco.png") repeat-x left top;
  background-size: 87px 60px;
  z-index: 1;
}
@media only screen and (max-width : 767px) {
  .deco::before {
    height: 50px;
    width: 40%;
  }
}
.deco.deco-w::before {
  background-image: url("../../images/content/deco-w.png");
}
.deco.top::before {
  top: -30px;
}
@media only screen and (max-width : 767px) {
  .deco.top::before {
    top: -20px;
  }
}
@media only screen and (max-width : 500px) {
  .deco.top::before {
    top: -15px;
  }
}
.deco.bottom::before {
  bottom: -30px;
}
.deco.left::before {
  left: -30px;
}
.deco.right::before {
  right: -30px;
}

/*** SLICK ARROW ***/
.slick-arrow {
  position: relative;
  float: left;
  display: block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border: solid 2px #fff;
  text-align: center;
  background: transparent;
  z-index: 1;
}
.slick-arrow::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 0;
  background: #fff;
  z-index: -1;
  transition: height 250ms;
}
.slick-arrow span {
  display: inline-block;
  line-height: 1px;
  vertical-align: middle;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #434242 transparent transparent;
}
.slick-arrow.slick-prev {
  border-right-width: 1px;
}
.slick-arrow.slick-next {
  border-left-width: 1px;
}
.slick-arrow.slick-next span {
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #434242;
}

.cyan-arrow .slick-arrow span {
  border-color: transparent #5ac4be transparent transparent;
}
.cyan-arrow .slick-arrow.slick-next span {
  border-color: transparent transparent transparent #5ac4be;
}

/*** CENTERBANNER ***/
.centerBanner #title {
  padding-bottom: 55px;
}
@media only screen and (max-width : 600px) {
  .centerBanner #title {
    padding-bottom: 40px;
  }
}
.centerBanner #title .breadcrumbs span .icon {
  stroke: #434242;
}
.centerBanner #title h1 {
  margin: 100px 0 70px 0;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width : 1400px) {
  .centerBanner #title h1 {
    margin: 80px 0 50px 0;
  }
}
@media only screen and (max-width : 991px) {
  .centerBanner #title h1 {
    margin: 50px 0 30px 0;
  }
}
@media only screen and (max-width : 767px) {
  .centerBanner #title h1 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
  }
}
.centerBanner #title h1:first-line {
  color: #fff;
}

/*** LETTERS ***/
.letter {
  position: absolute;
  font-size: 750px;
  line-height: 1;
  font-family: "Oswald-SemiBold";
  color: #434242;
  opacity: 0.15;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 5;
}
@media only screen and (max-width : 1600px) {
  .letter {
    font-size: 650px;
  }
}
@media only screen and (max-width : 1400px) {
  .letter {
    font-size: 550px;
  }
}
@media only screen and (max-width : 1200px) {
  .letter {
    font-size: 450px;
  }
}
@media only screen and (max-width : 991px) {
  .letter {
    font-size: 350px;
  }
}
@media only screen and (max-width : 767px) {
  .letter {
    font-size: 300px;
  }
}
@media only screen and (max-width : 600px) {
  .letter {
    font-size: 220px;
  }
}
.letter div {
  position: relative;
}

/*** SCROLLBACK ***/
#scrollBack {
  position: fixed;
  right: 51px;
  bottom: 50%;
  display: block;
  width: 75px;
  margin: 0 0 -20px 0;
  font-family: "Roboto-Medium";
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transition: margin-bottom 250ms, opacity 250ms, visibility 0ms ease 250ms;
  transition: margin-bottom 250ms, opacity 250ms, visibility 0ms ease 250ms;
}
@media only screen and (max-width : 1600px) {
  #scrollBack {
    right: 41px;
  }
}
@media only screen and (max-width : 1400px) {
  #scrollBack {
    right: 36px;
  }
}
@media only screen and (max-width : 991px) {
  #scrollBack {
    display: none;
  }
}
#scrollBack span {
  transition: padding 300ms;
}
#scrollBack:hover span {
  padding-left: 15px;
}

.show-scrollBack #scrollBack {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: margin-bottom 500ms, opacity 500ms;
}

/*# sourceMappingURL=style.css.map */