/*
NORMALISATION

1. Utilisation
----------------------------------------------------------
Feuille de normalisation adapté de Normalize.css v3.0.2 
MIT License | git.io/normalize

Certains éléments ont été déplacés dans des feuilles de style spécifiques

2. Versions
----------------------------------------------------------
1.0 Création


*/
* {
  zoom: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%;
}
body * {
  position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  cursor: pointer;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
img {
  border: 0;
  max-width: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
  padding: 0;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/*FORM*/
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.alignleft,
.alignright,
.aligncenter {
  display: block;
  margin: 20px auto;
}
.wp-caption {
  max-width: 100% !important;
  padding: 10px;
  background: #dcdad7;
  border: 1px solid #CCC;
  display: inline-block;
}
.wp-caption-text {
  margin: 0;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
@media (min-width: 640px) {
  .alignleft {
    float: left;
    margin-left: 0;
  }
  .alignright {
    float: right;
    margin-right: 0;
  }
  .aligncenter {
    display: block;
    margin: 10px auto;
  }
}
/* ***************** */
/* *BLOCKS DE TEXTE* */
/* ***************** */
html,
body {
  font-size: 16px;
  font-family: sans-serif;
  line-height: 1.8;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'Rubik', sans-serif;
  height: 100%;
  color: #51616E;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
@media print {
  body {
    height: auto;
  }
}
main {
  min-height: 100%;
  padding-bottom: 80px;
}
p,
blockquote,
h1,
h2 {
  margin: 0 0 1.8rem;
}
p.sansinterligne {
  margin: 0;
}
.parent {
  min-width: 150px;
  display: inline-block;
  font-size: 20px;
  color: #d9dcdf;
  font-weight: 500;
  text-transform: uppercase;
}
h1,
.h1,
h2.h1:first-child {
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #5A99C8;
  font-weight: 500;
  font-size: 36px;
}
@media screen and (min-width: 1400px) {
  h1,
  .h1,
  h2.h1:first-child {
    font-size: 40px;
  }
}
h1.alt,
.h1.alt,
h2.h1:first-child.alt {
  font-size: 28px;
  color: #51616E;
  font-weight: normal;
  margin-bottom: 15px;
}
h1 .clear,
.h1 .clear,
h2.h1:first-child .clear {
  cursor: pointer;
  text-decoration: underline;
}
h1 .block,
.h1 .block,
h2.h1:first-child .block {
  display: inline-block;
  font-weight: 400;
  font-size: 0.8em;
}
h1 .block:before,
.h1 .block:before,
h2.h1:first-child .block:before {
  display: inline-block;
  margin: 0 5px;
  content: " \203A ";
  color: #d9dcdf;
  font-weight: 400;
}
@media (max-width: 1000px) {
  h1 .block,
  .h1 .block {
    display: block;
    font-size: 0.6em;
  }
}
h2 {
  margin-top: 30px;
  color: #5A99C8;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.8;
}
@media screen and (min-width: 1400px) {
  h2 {
    font-size: 28px;
  }
}
h2.titrepro {
  color: #51616E;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 1.8rem;
  border-bottom: 1.4px solid #86939C;
}
h2.lined,
.article + aside h2 {
  padding: 8px 0 8px 12px;
  font-size: 19px;
  color: #51616E;
  text-transform: uppercase;
}
h2.lined {
  padding: 8px 0 8px 12px;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
h2:first-child {
  margin-top: 0;
}
h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  font-family: 'Rubik', sans-serif;
  color: #5a99c8;
}
.pretitle {
  font-size: 19px;
  color: #d9dcdf;
  font-weight: 500;
  text-transform: uppercase;
}
.pretitle + h1 {
  margin-top: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  line-height: 1.2;
}
blockquote {
  color: #86939C;
  font-size: 28px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 1400px) {
  blockquote {
    font-size: 32px;
  }
}
blockquote p:first-child:before,
blockquote p:last-child:after {
  content: "\00ab\00a0";
  color: transparent;
  text-shadow: 0 0.08em 0 #5A99C8;
  font-size: 1.1em;
  font-weight: bold;
}
blockquote p:last-child:after {
  content: "\00a0\00bb";
}
[lang="en-CA"] blockquote p:first-child:before {
  font-family: Arial, sans-serif;
  content: "\201C";
}
[lang="en-CA"] blockquote p:last-child:after {
  font-family: Arial, sans-serif;
  content: '\201D';
}
.pushover {
  z-index: 100;
  position: relative;
}
.click {
  cursor: pointer;
}
.datalist {
  padding: 0;
  list-style: none;
  line-height: 1.4;
}
.datalist li {
  margin-top: 1em;
}
a {
  color: inherit;
}
.could a {
  color: #5A99C8;
  text-decoration: none;
}
.grecaptcha-badge {
  position: absolute;
  top: -10000px;
  left: -1000000px;
}
.gform_confirmation_message {
  margin: 20px 0;
}
hr {
  border: 0;
  border-bottom: 1px solid #d9dcdf;
}
@media (min-width: 1001px) {
  p {
    text-align: justify;
  }
}
p.auteur {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #909ca4;
}
.ginput_recaptcha,
.ginput_recaptcha > div {
  max-width: 100% !important;
}
ul {
  list-style: square;
}
ul.colored {
  list-style: none;
}
ul.colored > li:before {
  position: absolute;
  left: -1.3em;
  display: inline-block;
  content: "■";
  font-size: 0.7em;
  top: 0.1em;
  color: #5A99C8;
}
ul.breadcrumbs {
  list-style: none;
  padding: 0;
}
ul.breadcrumbs li {
  display: inline-block;
}
ul.breadcrumbs li + li {
  margin-left: 2px;
}
ul.breadcrumbs li + li:before {
  color: #d9dcdf;
  content: " > ";
}
ul.breadcrumbs a {
  color: inherit;
}
@font-face {
  font-family: 'robic';
  src: url('../fonts/robic.eot?sdfssjh');
  src: url('../fonts/robic.eot?sdfssjh#iefix') format('embedded-opentype'), url('../fonts/robic.ttf?sdfssjh') format('truetype'), url('../fonts/robic.woff?sdfssjh') format('woff'), url('../fonts/robic.svg?sdfssjh#robic') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="i-"],
[class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'robic' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.i-upload:before {
  content: "\e90b";
}
.i-bulletin:before {
  content: "\e900";
}
.i-personne:before {
  content: "\e90a";
}
.i-imprimer:before {
  content: "\e904";
}
.i-v-card:before {
  content: "\e905";
}
.i-linkedin-alt:before {
  content: "\e906";
}
.i-facebook-alt:before {
  content: "\e907";
}
.i-courriel:before {
  content: "\e908";
}
.i-twitter-alt:before {
  content: "\e909";
}
.i-facebook:before {
  content: "\e901";
}
.i-linkedin:before {
  content: "\e902";
}
.i-twitter:before {
  content: "\e903";
}
.i-bars:before {
  content: "\e90c";
}
/* **************** */
/* ***CONTAINERS*** */
/* **************** */
.container {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1400px) {
  .container {
    width: 1366px;
  }
}
@media screen and (max-width: 1000px) {
  .container {
    width: 100vw;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn,
button,
input[type=submit],
input[type=submit],
input[type=button] {
  display: inline-block;
  padding: 0.6em 1em;
  font: 15px/1.2em sans-serif;
  border-radius: 0px;
  text-align: center;
  border: 1px solid #5A99C8;
  background: #ffffff;
  text-decoration: none;
  background: #5A99C8;
  color: #FFF;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
}
button {
  font-family: 'Rubik', sans-serif;
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=number],
textarea,
select,
input[type=number] {
  padding: 5px 10px;
  border-radius: 0px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  border: 1px solid #86939C;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
input[type=number]:focus {
  outline: none;
  border: 1px solid #86939C;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #FFF;
  background-image: url('../img/selectarrow.svg');
  padding-left: 0;
}
select option {
  background: #FFF;
  color: #000;
}
input[type=hidden] {
  display: none;
}
.gform_wrapper ul.gform_fields.top_label .gfield {
  position: relative;
}
.gform_wrapper ul.gform_fields.top_label label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 100;
  font-weight: 400;
  text-transform: uppercase;
  padding: 11px 63px 11px 11px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  white-space: nowrap;
}
.gform_wrapper ul.gform_fields.top_label input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper ul.gform_fields.top_label select,
.gform_wrapper ul.gform_fields.top_label textarea,
.gform_wrapper ul.gform_fields.top_label .ginput_container_fileupload {
  padding: 10px;
  border: 1px solid #86939C;
  border-radius: 0;
}
.gform_wrapper ul.gform_fields.top_label input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper ul.gform_fields.top_label select:focus,
.gform_wrapper ul.gform_fields.top_label textarea:focus,
.gform_wrapper ul.gform_fields.top_label .ginput_container_fileupload:focus,
.gform_wrapper ul.gform_fields.top_label input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):active,
.gform_wrapper ul.gform_fields.top_label select:active,
.gform_wrapper ul.gform_fields.top_label textarea:active,
.gform_wrapper ul.gform_fields.top_label .ginput_container_fileupload:active {
  outline: 0;
}
.gform_wrapper ul.gform_fields.top_label .ginput_container_select {
  z-index: 200;
}
.gform_wrapper ul.gform_fields.top_label li.gfield {
  margin-top: 20px;
  padding-right: 0;
}
.gform_wrapper ul.gform_fields.top_label .isnotempty label {
  font-size: 10px;
  margin-top: -24px !important;
  padding-left: 2px;
  line-height: 15px;
}
.gform_wrapper ul.gform_fields.top_label label,
.gform_wrapper ul.gform_fields.top_label input {
  margin: 0;
  line-height: 1.3;
  font-size: 16px;
}
.gform_wrapper ul.gform_fields.top_label .ginput_container_fileupload {
  height: 42px;
}
.gform_wrapper ul.gform_fields.top_label .ginput_container_fileupload:after {
  content: "\e90b";
  font-family: 'robic' !important;
  display: block;
  position: absolute;
  right: 0;
  width: 42px;
  top: 0;
  bottom: 0;
  background-color: #5A99C8;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 42px;
  font-size: 20px;
  text-align: center;
  color: #FFF;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gform_wrapper ul.gform_fields.top_label .ginput_container_fileupload input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
  line-height: 1.3 !important;
  min-height: none !important;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.gform_wrapper li.gfield.gfield_creditcard_warning {
  padding: 0 !important;
  border: 0 !important;
}
.gform_wrapper li.gfield.gfield_error label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning label,
.gform_wrapper li.gfield.gfield_creditcard_warning label {
  margin-top: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.isnotempty label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning.isnotempty label,
.gform_wrapper li.gfield.gfield_creditcard_warning.isnotempty label {
  margin-top: -24px !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container span.gfield_required {
  display: inline-block !important;
  width: auto !important;
  margin-left: 4px !important;
}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  min-width: 100% !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  font-size: 16px !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container .isnotempty label {
  font-size: 10px !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container span {
  width: 100%  !important;
  padding: 0 !important;
  margin: 0 !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container span + span {
  margin-top: 20px !important;
}
form .top_label div.ginput_complex.ginput_container.gf_name_has_1,
form .top_label div.ginput_complex.ginput_container.gf_name_has_2,
form .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
  width: 100% !important;
}
#navOpen {
  display: none;
}
#navbox,
#navinside {
  height: 100%;
}
nav.principal {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  width: 100%;
  text-align: right;
}
nav.principal select {
  padding-left: 10px;
}
nav.principal .home-link {
  margin-top: -5px;
  margin-right: 2px;
}
nav.principal img {
  vertical-align: baseline;
}
nav.principal ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
nav.principal ul a {
  color: #86939C;
  text-decoration: none;
  cursor: pointer !important;
}
nav.principal ul li.subpages > a {
  cursor: default !important;
}
nav.principal ul li {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
nav.principal ul li a {
  display: block;
}
nav.principal ul li a:before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  bottom: -1px;
  left: -10px;
  right: -10px;
  background-color: transparent;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  z-index: -1;
}
nav.principal ul li.hover > a,
nav.principal ul li.active > a {
  color: #FFF;
}
nav.principal ul li.hover > a:before,
nav.principal ul li.active > a:before {
  background-color: #5A99C8;
}
nav.principal ul li.hover li a:before,
nav.principal ul li.active li a:before {
  background-color: transparent !important;
}
nav.principal ul li + li {
  margin-left: 19px;
}
nav.principal ul .box {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
  visibility: hidden;
  display: block;
  width: 350px;
  padding: 25px;
  position: absolute;
  left: 50%;
  top: 20px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-top: 1.4px solid #5A99C8;
  background-color: #fbfbfb;
  -webkit-box-shadow: 0 0 10px rgba(179, 179, 179, 0.2);
          box-shadow: 0 0 10px rgba(179, 179, 179, 0.2);
  text-align: left;
  text-align: center;
}
nav.principal ul .box .ou {
  font-size: 10px;
  font-weight: 400;
  padding: 5px 0;
  color: #86939C;
}
nav.principal ul .box input,
nav.principal ul .box select {
  border: 1px solid #dadada;
  color: #8996a0;
  line-height: 20px;
  padding: 5px 40px 5px 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  width: 100%;
}
nav.principal ul .box input:focus,
nav.principal ul .box select:focus {
  outline: 0;
}
nav.principal ul .box select {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  color: #8996a0;
  line-height: 20px;
  padding: 5px 40px 6px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 0;
  background-image: url('../img/selectarrow.svg');
}
nav.principal ul .box select option {
  background: #FFF;
  color: #000;
}
nav.principal ul .box input + input,
nav.principal ul .box select + input,
nav.principal ul .box input + select,
nav.principal ul .box select + select,
nav.principal ul .box input + button,
nav.principal ul .box select + button {
  margin-top: 10px;
}
nav.principal ul .box button {
  width: auto;
  margin-bottom: 0;
}
nav.principal ul li.hover .box {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  opacity: 1;
  visibility: visible;
}
nav.principal ul ul {
  display: none;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 1s;
  transition: -webkit-box-shadow 1s;
  -o-transition: box-shadow 1s;
  transition: box-shadow 1s;
  transition: box-shadow 1s, -webkit-box-shadow 1s;
  visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
nav.principal ul li ul {
  min-width: 150px;
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
  visibility: hidden;
  display: block;
  position: absolute;
  padding: 12px 24px;
  line-height: 24px;
  top: 21px;
  left: 50%;
  right: auto;
  white-space: nowrap;
  width: auto;
  background-color: #fbfbfb;
  text-align: left;
  border-top: 1.4px solid #5A99C8;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-weight: 400;
  -webkit-box-shadow: 0 0 10px rgba(179, 179, 179, 0.2);
          box-shadow: 0 0 10px rgba(179, 179, 179, 0.2);
  margin-top: -1px;
  font-size: 13px;
}
nav.principal ul li ul li {
  width: auto;
  display: block;
  float: left;
  overflow: visible;
}
nav.principal ul li ul li ul {
  border-top: 0;
}
nav.principal ul li ul li a {
  display: block;
  color: #607381;
}
nav.principal ul li ul li a:before {
  display: inline-block;
  content: "\003e";
  position: static;
  background-color: transparent;
  width: 15px;
  margin-left: -15px;
  color: #dadada;
}
nav.principal ul li ul li.hover a,
nav.principal ul li ul li.hover a:before {
  color: #5A99C8;
}
nav.principal ul li ul li + li {
  margin: 0px;
}
nav.principal ul li.multi {
  position: static;
  z-index: auto;
}
nav.principal ul li.multi ul {
  left: 0;
  right: 0;
  -webkit-transform: translate(0, 0) rotate(360deg);
      -ms-transform: translate(0, 0) rotate(360deg);
          transform: translate(0, 0) rotate(360deg);
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  table-layout: fixed;
  font-size: 15px;
  padding: 10px 0;
  z-index: auto;
}
nav.principal ul li.multi ul li {
  width: 25%;
  display: table-cell;
  padding: 0 20px;
}
nav.principal ul li.multi ul li a {
  color: #5A99C8;
  font-weight: 500;
}
nav.principal ul li.multi ul li a:before {
  display: none;
}
nav.principal ul li.multi ul li + li {
  border-left: 1px solid #dadada;
}
nav.principal ul li.multi ul ul {
  padding-top: 15px;
  position: relative;
  top: 0;
  left: 0;
  white-space: normal;
  display: block;
  padding: 15px 0 0;
  margin: 0;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  font-size: 13px;
}
nav.principal ul li.multi ul ul li {
  display: block;
  width: 100%;
  padding: 0;
  position: relative;
}
nav.principal ul li.multi ul ul li a {
  display: block;
  color: #607381;
  padding-left: 15px;
  font-weight: 400;
}
nav.principal ul li.multi ul ul li a:before {
  display: inline-block;
  content: "\003e";
  position: static;
  background-color: transparent;
  width: 15px;
  margin-left: -15px;
  color: #dadada;
}
nav.principal ul li.multi ul ul li.hover > a,
nav.principal ul li.multi ul ul li.hover > a:before {
  color: #5A99C8;
}
nav.principal ul li.multi ul ul li + li {
  border-left: none;
}
nav.principal ul li.hover ul {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  opacity: 1;
  visibility: visible;
}
nav.principal ul li.hover ul li a {
  color: #607381;
}
nav.principal ul li.hover ul li a:before {
  display: none;
}
nav.principal ul li.hover ul li a:before {
  display: inline-block;
  content: "\003e";
  position: static;
  background-color: transparent;
  width: 15px;
  margin-left: -15px;
  color: #dadada;
}
nav.principal ul li.hover ul li.hover > a,
nav.principal ul li.hover ul li.hover > a:before {
  color: #5A99C8;
  font-weight: 500;
}
nav.principal ul li.multi.hover ul {
  opacity: 1;
}
nav.principal ul li.multi.hover ul li a {
  color: #5A99C8;
}
nav.principal ul li.multi.hover ul li a:before {
  display: none;
}
nav.principal ul li.multi.hover ul li ul li a {
  color: #607381;
}
nav.principal ul li.multi.hover ul li.hover a,
nav.principal ul li.multi.hover ul li.hover a:before {
  color: #5A99C8;
  font-weight: 500;
}
nav.principal ul li.multi.hover ul ul li a,
nav.principal ul li.multi.hover ul ul li.hover a {
  color: #86939C !important;
  font-weight: 400 !important;
}
nav.principal ul li.multi.hover ul ul li a:before,
nav.principal ul li.multi.hover ul ul li.hover a:before {
  display: inline-block;
  content: "\003e";
  position: static;
  background-color: transparent;
  width: 15px;
  margin-left: -15px;
  color: #dadada !important;
}
nav.principal ul li.multi.hover ul ul li.hover > a,
nav.principal ul li.multi.hover ul ul li.hover.hover > a,
nav.principal ul li.multi.hover ul ul li.hover > a:before,
nav.principal ul li.multi.hover ul ul li.hover.hover > a:before {
  color: #5A99C8 !important;
  font-weight: 500 !important;
}
nav.principal ul li.multi.hover ul ul li + li {
  border-left: none;
}
nav.principal ul li.multi.hover ul ul ul {
  padding-top: 0;
  padding-left: 10px;
}
nav.principal ul li.multi.hover ul ul ul li a {
  color: #a9aeb3 !important;
}
nav.principal ul li.multi.hover ul ul ul li a:before {
  display: none !important;
}
nav.principal ul li.multi.hover ul ul ul li.active.hover > a,
nav.principal ul li.multi.hover ul ul ul li.active.hover > a:before,
nav.principal ul li.multi.hover ul ul ul li:active.hover > a,
nav.principal ul li.multi.hover ul ul ul li:active.hover > a:before,
nav.principal ul li.multi.hover ul ul ul li.hover > a,
nav.principal ul li.multi.hover ul ul ul li.hover > a:before,
nav.principal ul li.multi.hover ul ul ul li:hover > a,
nav.principal ul li.multi.hover ul ul ul li:hover > a:before {
  color: #5A99C8 !important;
  font-weight: 400 !important;
}
nav.secondaire {
  position: absolute;
  top: 25px;
  right: 0;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  width: 100%;
  text-align: right;
}
nav.secondaire li.home-link {
  display: none;
}
nav.secondaire ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  display: inline-block;
}
nav.secondaire ul a {
  color: #86939C;
  text-decoration: none;
}
nav.secondaire ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 19px;
}
nav.secondaire ul .box {
  display: none;
}
nav.secondaire ul ul {
  display: none;
}
nav.secondaire .langbox {
  display: inline-block;
}
nav.secondaire .langbox ul li {
  margin: 0;
}
nav.secondaire .langbox li + li {
  padding-left: 4px;
  border-left: 1.4px solid #86939C;
  margin-left: 4px;
}
.navtoggle {
  display: none;
}
.mobile {
  display: none;
}
@media screen and (min-width: 1400px) {
  nav.principal {
    width: 994px;
    font-size: 16px;
  }
}
@-webkit-keyframes fadeIn {
  from {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}
@keyframes fadeIn {
  from {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}
@-webkit-keyframes fadeOut {
  from {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}
@keyframes fadeOut {
  from {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}
@media screen and (max-width: 1000px) {
  .mobile {
    display: block;
  }
  header,
  header .container {
    position: static;
  }
  #navinside {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
  }
  #navbox {
    -webkit-transform-style: preserve-3d;
    display: block;
    position: fixed;
    overflow: hidden;
    left: 0;
    right: 48px;
    top: 0;
    bottom: 0;
    background: #FFF;
    z-index: 10000;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #navbox * {
    position: static;
  }
  #navbox a:hover {
    color: #5A99C8 !important;
  }
  #navbox nav.secondaire {
    top: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    border-bottom: 1px solid #d9dcdf;
    padding: 20px 10px 10px;
    background-color: #FFF;
  }
  #navbox nav.secondaire li.home-link {
    display: inline-block;
    margin-top: -5px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  #navbox nav.secondaire ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline;
  }
  #navbox nav.secondaire ul a {
    color: #86939C;
    text-decoration: none;
  }
  #navbox nav.secondaire ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  #navbox nav.secondaire ul .box {
    display: none;
  }
  #navbox nav.secondaire ul ul {
    display: none;
  }
  #navbox nav.secondaire .langbox {
    display: inline-block;
  }
  #navbox nav.secondaire .langbox ul li {
    margin: 0;
  }
  #navbox nav.secondaire .langbox li + li {
    padding-left: 4px;
    border-left: 1.4px solid #86939C;
    margin-left: 4px;
  }
  #navbox nav.principal ul {
    border: 0;
  }
  #navbox nav.principal ul li {
    display: block;
    border: 0;
    border-bottom: 1px solid #d9dcdf;
    margin: 0;
    padding: 20px;
    text-align: left;
    font-size: 18px;
  }
  #navbox nav.principal ul li a:before {
    display: none;
  }
  #navbox nav.principal ul li a {
    color: #86939C;
  }
  #navbox nav.principal ul li.hover a {
    color: #86939C;
  }
  #navbox nav.principal ul li.subpages:hover > a {
    color: #86939C;
  }
  #navbox nav.principal ul li.home-link {
    display: none;
  }
  #navbox nav.principal ul li + li {
    margin: 0;
  }
  #navbox nav.principal ul .box {
    display: none;
  }
  #navbox nav.principal ul li,
  #navbox nav.principal ul li.hover,
  #navbox nav.principal ul li.multi,
  #navbox nav.principal ul li.multi.hover,
  #navbox nav.principal ul li:hover,
  #navbox nav.principal ul li.subpages,
  #navbox nav.principal ul li.subpages.hover {
    display: block;
    position: static;
    width: 100%;
    opacity: 1;
  }
  #navbox nav.principal ul li ul,
  #navbox nav.principal ul li.hover ul,
  #navbox nav.principal ul li.multi ul,
  #navbox nav.principal ul li.multi.hover ul,
  #navbox nav.principal ul li:hover ul,
  #navbox nav.principal ul li.subpages ul,
  #navbox nav.principal ul li.subpages.hover ul {
    width: 100%;
    -webkit-animation-name: none;
            animation-name: none;
    opacity: 1;
    visibility: visible;
    border: 0;
    position: static;
    padding: 0;
    margin: 0;
    display: block;
    float: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transform-style: flat;
    -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: transparent;
  }
  #navbox nav.principal ul li ul li,
  #navbox nav.principal ul li.hover ul li,
  #navbox nav.principal ul li.multi ul li,
  #navbox nav.principal ul li.multi.hover ul li,
  #navbox nav.principal ul li:hover ul li,
  #navbox nav.principal ul li.subpages ul li,
  #navbox nav.principal ul li.subpages.hover ul li,
  #navbox nav.principal ul li ul li.hover,
  #navbox nav.principal ul li.hover ul li.hover,
  #navbox nav.principal ul li.multi ul li.hover,
  #navbox nav.principal ul li.multi.hover ul li.hover,
  #navbox nav.principal ul li:hover ul li.hover,
  #navbox nav.principal ul li.subpages ul li.hover,
  #navbox nav.principal ul li.subpages.hover ul li.hover {
    width: auto;
    display: block;
    float: none;
    overflow: visible;
    border: 0;
    padding: 10px 0 0 10px;
    font-size: 16px;
    font-weight: 400;
    position: static;
  }
  #navbox nav.principal ul li ul li a,
  #navbox nav.principal ul li.hover ul li a,
  #navbox nav.principal ul li.multi ul li a,
  #navbox nav.principal ul li.multi.hover ul li a,
  #navbox nav.principal ul li:hover ul li a,
  #navbox nav.principal ul li.subpages ul li a,
  #navbox nav.principal ul li.subpages.hover ul li a,
  #navbox nav.principal ul li ul li.hover a,
  #navbox nav.principal ul li.hover ul li.hover a,
  #navbox nav.principal ul li.multi ul li.hover a,
  #navbox nav.principal ul li.multi.hover ul li.hover a,
  #navbox nav.principal ul li:hover ul li.hover a,
  #navbox nav.principal ul li.subpages ul li.hover a,
  #navbox nav.principal ul li.subpages.hover ul li.hover a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #86939C;
    cursor: pointer !important;
  }
  #navbox nav.principal ul li ul li a:before,
  #navbox nav.principal ul li.hover ul li a:before,
  #navbox nav.principal ul li.multi ul li a:before,
  #navbox nav.principal ul li.multi.hover ul li a:before,
  #navbox nav.principal ul li:hover ul li a:before,
  #navbox nav.principal ul li.subpages ul li a:before,
  #navbox nav.principal ul li.subpages.hover ul li a:before,
  #navbox nav.principal ul li ul li.hover a:before,
  #navbox nav.principal ul li.hover ul li.hover a:before,
  #navbox nav.principal ul li.multi ul li.hover a:before,
  #navbox nav.principal ul li.multi.hover ul li.hover a:before,
  #navbox nav.principal ul li:hover ul li.hover a:before,
  #navbox nav.principal ul li.subpages ul li.hover a:before,
  #navbox nav.principal ul li.subpages.hover ul li.hover a:before {
    display: inline-block;
    content: "\003e";
    position: static;
    background-color: transparent;
    width: 15px;
    margin-left: -15px;
    color: #dadada;
  }
  #navbox nav.principal ul li ul li a.hover,
  #navbox nav.principal ul li.hover ul li a.hover,
  #navbox nav.principal ul li.multi ul li a.hover,
  #navbox nav.principal ul li.multi.hover ul li a.hover,
  #navbox nav.principal ul li:hover ul li a.hover,
  #navbox nav.principal ul li.subpages ul li a.hover,
  #navbox nav.principal ul li.subpages.hover ul li a.hover,
  #navbox nav.principal ul li ul li.hover a.hover,
  #navbox nav.principal ul li.hover ul li.hover a.hover,
  #navbox nav.principal ul li.multi ul li.hover a.hover,
  #navbox nav.principal ul li.multi.hover ul li.hover a.hover,
  #navbox nav.principal ul li:hover ul li.hover a.hover,
  #navbox nav.principal ul li.subpages ul li.hover a.hover,
  #navbox nav.principal ul li.subpages.hover ul li.hover a.hover,
  #navbox nav.principal ul li ul li a.hover:before,
  #navbox nav.principal ul li.hover ul li a.hover:before,
  #navbox nav.principal ul li.multi ul li a.hover:before,
  #navbox nav.principal ul li.multi.hover ul li a.hover:before,
  #navbox nav.principal ul li:hover ul li a.hover:before,
  #navbox nav.principal ul li.subpages ul li a.hover:before,
  #navbox nav.principal ul li.subpages.hover ul li a.hover:before,
  #navbox nav.principal ul li ul li.hover a.hover:before,
  #navbox nav.principal ul li.hover ul li.hover a.hover:before,
  #navbox nav.principal ul li.multi ul li.hover a.hover:before,
  #navbox nav.principal ul li.multi.hover ul li.hover a.hover:before,
  #navbox nav.principal ul li:hover ul li.hover a.hover:before,
  #navbox nav.principal ul li.subpages ul li.hover a.hover:before,
  #navbox nav.principal ul li.subpages.hover ul li.hover a.hover:before {
    color: inherit;
  }
  #navbox nav.principal ul li ul ul,
  #navbox nav.principal ul li.hover ul ul,
  #navbox nav.principal ul li.multi ul ul,
  #navbox nav.principal ul li.multi.hover ul ul,
  #navbox nav.principal ul li:hover ul ul,
  #navbox nav.principal ul li.subpages ul ul,
  #navbox nav.principal ul li.subpages.hover ul ul {
    width: auto;
    display: block;
    visibility: hidden;
    position: fixed;
    overflow: auto;
    left: 48px;
    top: 0px;
    right: 0;
    bottom: 0;
    background: #FFF;
    z-index: 100;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    z-index: 10;
    white-space: normal;
    -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
            transform: translate(100%, 0);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-bottom: 40px;
  }
  #navbox nav.principal ul li ul ul a,
  #navbox nav.principal ul li.hover ul ul a,
  #navbox nav.principal ul li.multi ul ul a,
  #navbox nav.principal ul li.multi.hover ul ul a,
  #navbox nav.principal ul li:hover ul ul a,
  #navbox nav.principal ul li.subpages ul ul a,
  #navbox nav.principal ul li.subpages.hover ul ul a {
    color: #86939C;
  }
  #navbox nav.principal ul li ul ul .close,
  #navbox nav.principal ul li.hover ul ul .close,
  #navbox nav.principal ul li.multi ul ul .close,
  #navbox nav.principal ul li.multi.hover ul ul .close,
  #navbox nav.principal ul li:hover ul ul .close,
  #navbox nav.principal ul li.subpages ul ul .close,
  #navbox nav.principal ul li.subpages.hover ul ul .close {
    font-size: 18px;
    font-weight: 500;
    padding: 20px 40px 0 20px;
    position: relative;
    white-space: normal;
    cursor: pointer;
  }
  #navbox nav.principal ul li ul ul .close:before,
  #navbox nav.principal ul li.hover ul ul .close:before,
  #navbox nav.principal ul li.multi ul ul .close:before,
  #navbox nav.principal ul li.multi.hover ul ul .close:before,
  #navbox nav.principal ul li:hover ul ul .close:before,
  #navbox nav.principal ul li.subpages ul ul .close:before,
  #navbox nav.principal ul li.subpages.hover ul ul .close:before {
    content: attr(data-title);
    color: #246087;
  }
  #navbox nav.principal ul li ul ul .close:after,
  #navbox nav.principal ul li.hover ul ul .close:after,
  #navbox nav.principal ul li.multi ul ul .close:after,
  #navbox nav.principal ul li.multi.hover ul ul .close:after,
  #navbox nav.principal ul li:hover ul ul .close:after,
  #navbox nav.principal ul li.subpages ul ul .close:after,
  #navbox nav.principal ul li.subpages.hover ul ul .close:after {
    content: "\00d7";
    position: absolute;
    top: 20px;
    right: 20px;
  }
  #navbox nav.principal ul li ul li + li,
  #navbox nav.principal ul li.hover ul li + li,
  #navbox nav.principal ul li.multi ul li + li,
  #navbox nav.principal ul li.multi.hover ul li + li,
  #navbox nav.principal ul li:hover ul li + li,
  #navbox nav.principal ul li.subpages ul li + li,
  #navbox nav.principal ul li.subpages.hover ul li + li {
    margin: 0px;
  }
  #navbox nav.principal ul li ul ul.clicked,
  #navbox nav.principal ul li.hover ul ul.clicked,
  #navbox nav.principal ul li.multi ul ul.clicked,
  #navbox nav.principal ul li.multi.hover ul ul.clicked,
  #navbox nav.principal ul li:hover ul ul.clicked,
  #navbox nav.principal ul li.subpages ul ul.clicked,
  #navbox nav.principal ul li.subpages.hover ul ul.clicked {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    visibility: visible;
  }
  #navOpen:checked ~ #navbox {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  .navtoggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 52px;
    cursor: pointer;
    font-size: 16px;
  }
  .navtoggle i {
    vertical-align: bottom;
    height: 58px;
    text-align: center;
    margin-left: 5px;
    display: inline-block;
    width: 58px;
    line-height: 58px;
    font-size: 20px;
  }
  .navtoggle i:before {
    display: inline-block;
    vertical-align: middle;
  }
  #navOpen:checked ~ .navtoggle i {
    background-color: #d9dcdf;
  }
}
#navfooter {
  display: none;
}
@media (max-width: 1000px) {
  #navfooter {
    display: block;
    background: #86939C;
    padding: 10px 20px;
    line-height: 48px;
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
  }
  #navfooter i {
    display: inline-block;
    margin: 0 5px;
    font-size: 2em;
    vertical-align: middle;
  }
  #navfooter span {
    display: inline-block;
    vertical-align: middle;
  }
  #navfooter a {
    text-decoration: none;
    color: inherit;
  }
  #navfooter a:hover {
    color: #5A99C8;
  }
  #navfooter .legal {
    margin-top: 10px;
    line-height: 1.2;
    font-size: 12px;
    color: #FFF;
    padding-top: 10px;
    border-top: 1px solid #d9dcdf;
  }
}
@media (max-width: 374px) {
  #navfooter {
    font-size: 14px;
  }
}
@media print {
  nav,
  #navfooter {
    display: none;
  }
}
header .container {
  height: 110px;
}
header {
  z-index: 1000;
  margin-bottom: 30px;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}
header .logo {
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 33px;
}
header .logo img {
  height: 72px;
}
@media screen and (max-width: 1399px) {
  header .container {
    height: 90px;
  }
  header .logo img {
    height: 52px;
  }
}
@media screen and (max-width: 1000px) {
  header {
    height: 59px;
    border-bottom: 1px solid #d9dcdf;
    margin-bottom: 10px;
    position: fixed;
    top: 0;
    background: #FFF;
  }
  header .container {
    height: auto;
  }
  header .logo {
    left: 10px;
    top: 10px;
    z-index: 1000;
  }
  header .logo img {
    height: 38px;
  }
  body {
    padding-top: 59px;
  }
}
footer {
  height: 40px;
  background: #d9dcdf;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  font-size: 0px;
  color: #778691;
}
footer .gauche {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 11px;
  line-height: 1.2;
  width: 50%;
  color: #778691;
}
footer .droite {
  margin-top: 2px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 11px;
  line-height: 1.2;
  width: 50%;
  text-align: right;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
footer .notice {
  text-decoration: underline;
}
footer i {
  display: inline-block;
  margin: 0 5px;
  font-size: 2em;
  vertical-align: middle;
}
footer span {
  display: inline-block;
  vertical-align: middle;
}
footer a {
  text-decoration: none;
  color: inherit;
}
footer a:hover {
  color: #5A99C8;
}
footer .copy {
  font-weight: bold;
}
footer .bulletin {
  display: inline-block;
  margin-left: 20px;
}
footer .social {
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  main {
    padding: 0;
  }
  footer {
    display: block;
    height: auto;
    text-align: center;
    position: relative;
    margin-top: 20px;
  }
  footer .gauche,
  footer .droite,
  footer .social {
    width: 100%;
    padding: 10px;
    text-align: center;
    display: block;
  }
  footer .droite {
    padding: 0;
  }
  .home footer {
    /*position: absolute;
    top: 100vh;*/
  }
}
@media print {
  footer {
    border-top: 1px solid #778691;
  }
  footer .notice,
  footer .droitevhs {
    display: none;
  }
}
.homeslider {
  position: absolute;
  top: 0px;
  bottom: 150px;
  left: 0;
  right: 0;
  background-color: #FFF;
}
.homeslider .slide {
  height: 100%;
  overflow: hidden;
}
.homeslider .slide + .slide {
  display: none;
}
.homeslider .container {
  height: 100%;
}
.homeslider .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
.homeslider .paysage {
  display: block;
}
.homeslider .portrait {
  display: none;
}
.hometitle {
  position: absolute;
  color: #FFF;
  text-align: center;
}
.homenews {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}
.homenews .container:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 15px;
  background: #5a99c8;
  top: 4px;
  bottom: 0;
  z-index: 100;
}
.homenews .news {
  padding-bottom: 0px;
  padding-left: 30px;
  width: 100%;
  max-width: 400px;
  text-transform: uppercase;
  line-height: 1.4;
}
.homenews .news .newstitle,
.homenews .news .date {
  font-weight: 500;
  color: #5a99c8;
  font-size: 18px;
}
.homenews .news h3 {
  color: #818f99;
  margin-bottom: 5px;
}
.homenews .news h3 a {
  text-decoration: none;
  color: #818f99;
}
.homenews .news .date {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  color: #818f99;
}
.homenews .news + .news {
  position: absolute;
  opacity: 0;
}
.flickity-enabled.homenewsslider .news + .news {
  display: block;
  opacity: 1;
}
.homenewsslider {
  width: 100%;
  max-width: 400px;
}
.flickity-enabled.homeslider {
  position: relative;
  height: 80vh;
}
.flickity-enabled.homeslider .slide + .slide {
  display: block;
}
@media screen and (max-width: 1000px) {
  .homenews {
    bottom: 0;
  }
  .homenews .news {
    padding-bottom: 5px;
    padding-left: 20px;
  }
  .homenews .news h3 {
    font-size: 12px;
  }
  .homeslider {
    bottom: 100px;
  }
}
@media (orientation: portrait) {
  .homeslider .paysage {
    display: none;
  }
  .homeslider .portrait {
    display: block;
  }
}
@media (orientation: landscape) and (max-width: 1000px) {
  .homenews {
    display: none;
  }
  .homeslider {
    bottom: 0px;
  }
}
.defaultsplit:after,
.thinsplit:after,
.articlesplit:after,
.widesplit:after {
  content: "";
  display: table;
  clear: both;
}
.defaultsplit section,
.thinsplit section,
.articlesplit section,
.widesplit section,
.defaultsplit article,
.thinsplit article,
.articlesplit article,
.widesplit article,
.defaultsplit .article,
.thinsplit .article,
.articlesplit .article,
.widesplit .article {
  width: 600px;
  float: left;
}
.defaultsplit aside,
.thinsplit aside,
.articlesplit aside,
.widesplit aside {
  float: right;
  width: 345px;
}
.defaultsplit aside h2:first-child,
.thinsplit aside h2:first-child,
.articlesplit aside h2:first-child,
.widesplit aside h2:first-child,
.defaultsplit aside h3:first-child,
.thinsplit aside h3:first-child,
.articlesplit aside h3:first-child,
.widesplit aside h3:first-child,
.defaultsplit aside h4:first-child,
.thinsplit aside h4:first-child,
.articlesplit aside h4:first-child,
.widesplit aside h4:first-child,
.defaultsplit aside h5:first-child,
.thinsplit aside h5:first-child,
.articlesplit aside h5:first-child,
.widesplit aside h5:first-child,
.defaultsplit aside h6:first-child,
.thinsplit aside h6:first-child,
.articlesplit aside h6:first-child,
.widesplit aside h6:first-child {
  margin-top: 0;
}
.widesplit section,
.widesplit article,
.widesplit .article {
  width: 500px;
}
.widesplit aside {
  width: 430px;
}
.halftitle {
  width: 700px;
}
.contactsplit:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.contactsplit .col {
  float: left;
  width: 460px;
}
.contactsplit .col + .col {
  float: right;
}
@media screen and (min-width: 1400px) {
  .defaultsplit section,
  .defaultsplit article,
  .defaultsplit .article {
    width: 812px;
  }
  .defaultsplit aside {
    width: 479px;
  }
  .halftitle {
    width: 757px;
  }
  .contactsplit .col {
    width: 648px;
  }
  .widesplit section,
  .widesplit article,
  .widesplit .article {
    width: 590px;
  }
  .widesplit aside {
    width: 761px;
  }
}
.thinsplit section,
.thinsplit article,
.thinsplit .article {
  width: 600px;
}
.thinsplit aside {
  width: 345px;
}
@media screen and (min-width: 1400px) {
  .thinsplit section,
  .thinsplit article,
  .thinsplit .article {
    width: 924px;
  }
  .thinsplit aside {
    width: 375px;
  }
}
.articlesplit section,
.articlesplit article,
.articlesplit .article {
  width: 700px;
}
.articlesplit aside {
  width: 230px;
}
@media screen and (min-width: 1400px) {
  .articlesplit section,
  .articlesplit article,
  .articlesplit .article {
    width: 757px;
  }
  .articlesplit aside {
    width: 515px;
  }
}
@media screen and (max-width: 1000px) {
  .defaultsplit section,
  .thinsplit section,
  .articlesplit section,
  .contactsplit section,
  .widesplit section,
  .defaultsplit article,
  .thinsplit article,
  .articlesplit article,
  .contactsplit article,
  .widesplit article,
  .defaultsplit .article,
  .thinsplit .article,
  .articlesplit .article,
  .contactsplit .article,
  .widesplit .article,
  .defaultsplit aside,
  .thinsplit aside,
  .articlesplit aside,
  .contactsplit aside,
  .widesplit aside,
  .defaultsplit .col,
  .thinsplit .col,
  .articlesplit .col,
  .contactsplit .col,
  .widesplit .col,
  .defaultsplit .col + .col,
  .thinsplit .col + .col,
  .articlesplit .col + .col,
  .contactsplit .col + .col,
  .widesplit .col + .col {
    width: 100%;
    float: none;
  }
  .defaultsplit aside,
  .thinsplit aside,
  .contactsplit aside,
  .widesplit aside {
    display: none;
  }
  .defaultsplit aside.showmobile,
  .thinsplit aside.showmobile,
  .contactsplit aside.showmobile,
  .widesplit aside.showmobile {
    padding-top: 40px;
    border-top: 1px solid #86939C;
    margin-top: 40px;
    display: block;
  }
  .page-template-template-startup .defaultsplit aside {
    margin-top: 40px;
    width: 100%;
    display: block;
  }
}
.slide {
  width: 100%;
  background-color: #FFF;
}
[data-load] * {
  display: none;
}
.subselect-horizontal,
.subselect-horizontal-same {
  font-size: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  cursor: pointer;
}
.subselect-horizontal a,
.subselect-horizontal-same a {
  text-decoration: none;
  color: #bfc2c4;
}
.subselect-horizontal li,
.subselect-horizontal-same li {
  border-bottom: 1px solid #bfc2c4;
  padding-right: 40px;
  display: inline-block;
  font-size: 20px;
  white-space: nowrap;
}
.subselect-horizontal li.active,
.subselect-horizontal-same li.active {
  border-bottom: 1px solid #246087;
}
.subselect-horizontal li.active a,
.subselect-horizontal-same li.active a {
  color: #246087;
}
.subselect-selectbox {
  border-top: 1px solid #dadada;
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-right: 20px;
  font-size: 20px;
  text-transform: uppercase;
  color: #d9dcdf;
  cursor: pointer;
}
.subselect-selectbox:after {
  position: absolute;
  display: inline-block;
  content: "\003e";
  position: static;
  background-color: transparent;
  width: 15px;
  color: #dadada;
  -webkit-transform: rotate(90deg) translate(2px, -10px);
      -ms-transform: rotate(90deg) translate(2px, -10px);
          transform: rotate(90deg) translate(2px, -10px);
}
.subselect-selectbox a {
  white-space: nowrap;
  text-decoration: none;
  color: #51626f;
  font-weight: 400;
}
.subselect-selectbox a:before {
  display: inline-block;
  content: "\003e";
  position: static;
  background-color: transparent;
  width: 15px;
  margin-left: -15px;
  color: #dadada;
}
.subselect-selectbox a:hover {
  color: #5A99C8;
}
.subselect-selectbox .subselect-select {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: auto;
  background-color: #fbfbfb;
  list-style: none;
  margin: 0;
  padding: 15px 30px;
  line-height: 30px;
  font-size: 13px;
  -webkit-box-shadow: 0 0 10px rgba(179, 179, 179, 0.2);
          box-shadow: 0 0 10px rgba(179, 179, 179, 0.2);
  min-width: 105%;
  max-width: 100vw;
}
.subselect-selectbox.hover .subselect-select {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  visibility: visible;
  opacity: 1;
}
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  left: 50%;
  top: 420px;
  -webkit-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
  transition: bottom 0.5s;
  background: none;
  text-transform: uppercase;
  color: #d9dcdf;
  font-weight: 500;
  border: 0;
  padding: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.flickity-prev-next-button svg {
  height: 12px;
  width: 12px;
  vertical-align: baseline;
  fill: #d9dcdf;
}
.flickity-prev-next-button:hover {
  color: #246087;
}
.flickity-prev-next-button:hover svg {
  fill: #246087;
}
.flickity-prev-next-button.previous {
  border-right: 1px solid #d9dcdf;
  padding-right: 10px;
  width: 135px;
  margin-left: 255px;
  font-size: 16px;
  text-align: left;
  z-index: 10;
}
.flickity-prev-next-button.previous:before {
  top: -20px;
  left: -20px;
  right: 0px;
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  background: #FFF;
  z-index: -1;
}
.flickity-prev-next-button.previous:after {
  font-size: 16px;
  content: ' Précédent';
}
.flickity-prev-next-button.next {
  width: 90px;
  margin-left: 400px;
  font-size: 16px;
  text-align: right;
}
.flickity-prev-next-button.next:after {
  z-index: -1;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  background: #FFF;
}
.flickity-prev-next-button.next:before {
  font-size: 16px;
  content: 'Suivant ';
}
[lang^='en'] .flickity-prev-next-button.previous {
  margin-left: 290px;
  width: 120px;
}
[lang^='en'] .flickity-prev-next-button.previous:after {
  content: ' Previous';
}
[lang^='en'] .flickity-prev-next-button.next:before {
  content: 'Next ';
}
.flickity-page-dots {
  position: absolute;
  right: 50%;
  width: auto;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  margin-right: -490px;
  -webkit-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
  transition: bottom 0.5s;
  list-style: none;
  text-align: right;
  line-height: 1;
  display: none;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 10px 8px;
  background: #d9dcdf;
  border-radius: 50%;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  background-color: #246087;
}
@media (min-width: 1400px) {
  .flickity-page-dots {
    display: block;
    top: 543px;
    margin-right: -683px;
  }
  .flickity-prev-next-button {
    top: 520px;
  }
  .flickity-prev-next-button.previous {
    margin-left: 448px;
  }
  .flickity-prev-next-button.next {
    margin-left: 593px;
  }
  [lang^='en'] .flickity-prev-next-button.previous {
    margin-left: 485px;
    width: 120px;
  }
}
@media (max-width: 1000px) {
  .flickity-page-dots {
    display: none;
  }
  .flickity-prev-next-button {
    display: none;
  }
}
@media print {
  .subselect-horizontal,
  .subselect-selectbox {
    display: none;
  }
}
.flickity-viewport .spinner {
  display: block !important;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.flickity-viewport .spinner img {
  display: inline-block !important;
}
aside p:first-child,
aside p:first-child *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.slide .defaultsplit,
.slide .wideslitsplit {
  min-height: 442px;
}
.slide .defaultsplit.fullheight,
.slide .wideslitsplit.fullheight {
  min-height: 520px;
}
.defaultsplit.fullheight aside,
.widesplit.fullheight aside {
  margin-top: 18px;
}
/* LISTE DE PROFESSIONELS */
.listepro {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  margin: 0 -10px;
}
.listepro li {
  margin: 0 10px 20px;
  font-size: 16px;
  width: 230px;
  display: inline-block;
  font-size: 13px;
  color: #8996a0;
  vertical-align: top;
}
.listepro a {
  color: inherit;
  text-decoration: none;
}
.listepro h3 {
  margin: 5px 0 0;
  color: #51626f;
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (max-width: 1399px) and (min-width: 1001px) {
  .listepro.smallpro li {
    width: calc(25% - 20px);
  }
  .listepro.smallpro li:nth-child(5) {
    display: none !important;
  }
  .defaultsplit .listepro.smallpro li {
    width: calc(50% - 20px);
  }
  .defaultsplit .listepro.smallpro li:nth-child(3),
  .defaultsplit .listepro.smallpro li:nth-child(4) {
    display: none !important;
  }
  .widesplit .listepro.smallpro li {
    width: calc(50% - 20px);
  }
  .widesplit .listepro.smallpro li:nth-child(3),
  .widesplit .listepro.smallpro li:nth-child(4) {
    display: none !important;
  }
}
@media screen and (min-width: 1400px) {
  .listepro.smallpro li {
    width: calc(20% - 54px);
  }
  .defaultsplit .listepro.smallpro li {
    width: calc(50% - 20px);
  }
  .defaultsplit .listepro.smallpro li:nth-child(4),
  .defaultsplit .listepro.smallpro li:nth-child(5) {
    display: none !important;
  }
}
.thinsplit .listepro li {
  width: 158px;
}
@media screen and (min-width: 1400px) {
  .listepro {
    margin: 0 -27px;
  }
  .listepro li {
    margin: 0 27px 54px;
  }
}
@media screen and (max-width: 1000px) {
  .lettrine {
    display: none;
  }
  .listepro {
    margin: 0;
  }
  .listepro li {
    margin: 0;
    width: auto;
    display: block;
  }
  .listepro li img {
    display: none;
  }
  .listepro li + li {
    margin-top: 20px;
  }
}
/* BLOCK DE PAGE */
.pro-pageblock h2,
.prorow h2 {
  padding: 0;
  font-size: 19px;
  color: #5A99C8;
  text-transform: uppercase;
}
.pro-pageblock h2 span,
.prorow h2 span {
  padding: 8px 0 8px 12px;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
  display: inline-block;
}
/* RECHERCHE */
.pro-search,
.top-search {
  overflow: hidden;
}
.pro-search .item,
.top-search .item,
.pro-search .item-long,
.top-search .item-long,
.pro-search .item-court,
.top-search .item-court,
.pro-search .ou,
.top-search .ou {
  width: 207px;
  float: left;
}
.pro-search .item-court,
.top-search .item-court {
  width: 157px;
}
.pro-search .item-long,
.top-search .item-long {
  width: 257px;
}
.pro-search .ou,
.top-search .ou {
  width: 30px;
  text-align: center;
  margin-right: 15px;
  margin-left: 15px;
  text-transform: uppercase;
  color: #8996a0;
  font-size: 10px;
  line-height: 32px;
}
.pro-search .item + .item,
.top-search .item + .item {
  margin-left: 30px;
}
.pro-search ul.breadcrumbs,
.top-search ul.breadcrumbs {
  color: #8996a0;
  text-transform: uppercase;
  width: 85%;
  float: left;
  font-size: 14px;
}
.pro-search ul.breadcrumbs li,
.top-search ul.breadcrumbs li {
  color: #246087;
}
.pro-search ul.breadcrumbs li:before,
.top-search ul.breadcrumbs li:before {
  color: #8996a0;
}
.pro-search ul.breadcrumbs li.title,
.top-search ul.breadcrumbs li.title,
.pro-search ul.breadcrumbs li.clear,
.top-search ul.breadcrumbs li.clear,
.pro-search ul.breadcrumbs li.back,
.top-search ul.breadcrumbs li.back {
  color: #8996a0;
}
.pro-search ul.breadcrumbs li.clear,
.top-search ul.breadcrumbs li.clear,
.pro-search ul.breadcrumbs li.back,
.top-search ul.breadcrumbs li.back {
  margin-left: 10px;
}
.pro-search ul.breadcrumbs li.clear,
.top-search ul.breadcrumbs li.clear {
  visibility: hidden;
}
.pro-search ul.breadcrumbs li.title + li:before,
.top-search ul.breadcrumbs li.title + li:before,
.pro-search ul.breadcrumbs li + li.clear:before,
.top-search ul.breadcrumbs li + li.clear:before,
.pro-search ul.breadcrumbs li + li.back:before,
.top-search ul.breadcrumbs li + li.back:before {
  content: ' ';
}
.pro-search input,
.top-search input,
.pro-search select,
.top-search select {
  width: 100%;
  border: 1px solid #dadada;
  color: #8996a0;
  line-height: 20px;
  padding: 5px 40px 5px 10px;
  font-size: 12px;
  text-transform: uppercase;
}
.pro-search input:focus,
.top-search input:focus,
.pro-search select:focus,
.top-search select:focus {
  outline: 0;
}
.pro-search select,
.top-search select {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  color: #8996a0;
  line-height: 20px;
  padding: 5px 30px 6px 5px;
  left: -5px;
  width: calc(100% + 5px);
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 0;
  background-image: url('../img/selectarrow.svg');
}
.pro-search select option,
.top-search select option {
  border: 0px solid #FFF;
  background: #FFF;
  color: #000;
}
.pro-search .hide,
.top-search .hide {
  display: none;
}
.pro-search .prevnext,
.top-search .prevnext {
  position: absolute;
  bottom: 1em;
  background: #FFF;
  right: 0;
  font-size: 15px;
  display: none;
  -ms-user-select: none;
      user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}
.pro-search .prevnext .prev,
.top-search .prevnext .prev,
.pro-search .prevnext .next,
.top-search .prevnext .next {
  display: inline-block;
  cursor: pointer;
  color: #86939C;
}
.pro-search .prevnext .prev:hover,
.top-search .prevnext .prev:hover,
.pro-search .prevnext .next:hover,
.top-search .prevnext .next:hover {
  color: #246087;
}
.pro-search .prevnext .next,
.top-search .prevnext .next {
  margin-left: 10px;
}
.slide {
  overflow: hidden;
}
.lettrine {
  position: absolute;
  left: -110px;
  right: -10px;
  z-index: -1;
  width: 340px;
  height: 398px;
  background-image: url(../img/lettrine.png);
  display: block !important;
}
@media screen and (min-width: 1400px) {
  .pro-search .item,
  .top-search .item {
    width: 304px;
  }
  .pro-search .item-court,
  .top-search .item-court {
    width: 204px;
  }
  .pro-search .item-long,
  .top-search .item-long {
    width: 404px;
  }
  .pro-search input,
  .top-search input,
  .pro-search select,
  .top-search select {
    font-size: 15px;
  }
}
/* PAGE PRO */
.prohead {
  overflow: hidden;
  color: #51626f;
  width: 100%;
  min-width: 980px;
  height: 385px;
  margin-bottom: 40px;
}
.prohead .quote {
  display: none;
}
@media (min-width: 1400px) {
  .prohead .quote {
    display: block;
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-60%, -50%);
        -ms-transform: translate(-60%, -50%);
            transform: translate(-60%, -50%);
    margin: 0;
    padding: 0;
    color: #5A99C8;
    text-align: left;
  }
  .prohead .quote blockquote {
    color: inherit;
    text-align: left;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    font-style: italic;
  }
  .prohead .quote blockquote:before {
    content: "\00ab\00a0";
  }
  .prohead .quote blockquote:after {
    content: "\00a0\00bb";
  }
  .prohead .quote cite {
    display: block;
    margin-top: 1em;
    font-size: 0.8em;
  }
}
.prohead h1,
.prohead .h1 {
  margin-top: 0;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 0;
  color: inherit;
}
.prohead .icone {
  font-size: 14px;
  margin-top: 0px;
  text-transform: uppercase;
}
.prohead .icone i {
  margin-top: -10px;
  line-height: 1.35em;
  line-height: 40px;
  font-size: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.prohead .icone i:before {
  vertical-align: middle;
  display: inline-block;
}
.prohead .icone a {
  margin-top: 10px;
  display: inline-block;
  margin-right: 20px;
}
.prohead .langue {
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: 45px;
  margin-bottom: 10px;
  font-weight: 400;
}
.prohead .fond {
  left: 0;
  width: 1192px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: none;
}
.prohead .box {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -490px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 500px;
}
.prohead p.titre {
  font-size: 18px;
  margin-bottom: 20px;
}
.prohead p.titre::first-letter {
  text-transform: uppercase;
}
.prohead p.titre + p.titre {
  margin-top: -20px;
}
.prohead a {
  text-decoration: none;
  color: inherit;
}
.prohead .data {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
}
.prohead .data + .data {
  font-weight: normal;
}
.prohead .lang {
  font-size: 14px;
  margin-top: 50px;
}
.prorow {
  min-height: 400px;
}
.prorow > * {
  display: none;
}
.prorow > *.active {
  display: block;
}
.prorow .termlist {
  padding: 0;
  list-style: none;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #8996a0;
}
.prorow .termlist > li,
.prorow .termlist ul {
  margin-bottom: 15px;
}
.prorow .termlist ul {
  margin-top: 14px;
  font-weight: 200;
  color: #8996a0;
  text-transform: none;
  color: #51626f;
  list-style: initial;
  padding-left: 17px;
}
@media (min-width: 1400px) {
  [lang^="en"] .prohead .quote blockquote:before {
    content: "\201C";
  }
  [lang^="en"] .prohead .quote blockquote:after {
    content: "\201D";
  }
}
@media screen and (min-width: 1192px) {
  .prohead {
    height: 414px;
  }
  .prohead .fond {
    width: 1280px;
  }
}
@media screen and (min-width: 1280px) {
  .prohead {
    height: 441px;
  }
  .prohead .fond {
    width: 1366px;
  }
}
@media screen and (min-width: 1366px) {
  .prohead {
    height: 465px;
  }
  .prohead .fond {
    width: 1440px;
  }
}
@media screen and (min-width: 1440px) {
  .prohead {
    height: 517px;
  }
  .prohead .fond {
    width: 1600px;
  }
}
@media screen and (min-width: 1600px) {
  .prohead {
    height: 620px;
  }
  .prohead .fond {
    width: 1920px;
  }
}
@media screen and (min-width: 1920px) {
  .prohead {
    height: auto;
  }
  .prohead .fond {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .prohead h1,
  .prohead .h1 {
    font-size: 36px;
  }
  .prohead .box {
    margin-left: -683px;
  }
}
@media screen and (max-width: 1000px) {
  .prohead {
    overflow: hidden;
    color: #51626f;
    width: 100%;
    min-width: 0;
    height: auto;
  }
  .prohead .fond {
    position: relative;
    top: 0;
    left: 0;
    width: 200%;
    max-width: 200%;
    -webkit-transform: translate(-45%, 0);
        -ms-transform: translate(-45%, 0);
            transform: translate(-45%, 0);
  }
  .prohead .box {
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100%;
    padding: 20px 10px;
  }
  .prorow {
    margin: 0;
  }
  .prorow:before {
    display: none;
  }
  .prorow .col {
    padding: 0;
    width: 100%;
    display: block;
  }
  .prorow h2 {
    cursor: pointer;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
  }
  .prorow h2:after {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    content: "\003e";
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .prorow h2.active:after {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .prorow h2 + div {
    display: none;
  }
  .prorow h2 + div ul {
    margin: 0;
  }
  .print {
    display: none !important;
  }
  .pro-search,
  .top-search {
    margin-bottom: 5px;
    overflow: hidden;
  }
  .pro-search .item,
  .top-search .item,
  .pro-search .ou,
  .top-search .ou {
    width: 100%;
    float: none;
    margin-top: 10px;
  }
  .pro-search .ou,
  .top-search .ou {
    display: none;
  }
  .pro-search .item + .item,
  .top-search .item + .item,
  .pro-search .ou,
  .top-search .ou {
    margin-left: 0;
  }
  .pro-search ul.breadcrumbs,
  .top-search ul.breadcrumbs {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    display: block;
  }
  .pro-search .hide,
  .top-search .hide {
    display: none;
  }
  .pro-search .prevnext,
  .top-search .prevnext {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-top: 1px solid #d9dcdf;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    display: block;
  }
  .pro-ville + .pro-ville {
    margin-top: 40px;
  }
}
@media print {
  .lettrine {
    display: none;
  }
  .container {
    width: auto;
    max-width: none;
    padding: 0 10px;
  }
  .prohead {
    overflow: hidden;
    color: #51626f;
    width: 100%;
    min-width: 0;
    height: auto;
  }
  .prohead .fond {
    display: none;
  }
  .prohead .box {
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100%;
    padding: 20px 10px;
  }
  .prohead .icone {
    display: none;
  }
  .prorow {
    margin: 0;
  }
  .prorow .col {
    padding: 0;
    width: 100%;
    display: block;
  }
  .pro-search {
    display: none;
  }
  .slidersinglepro {
    width: 100%;
    height: auto !important;
  }
  .flickity-viewport,
  .flickity-slider,
  .slide {
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    height: auto !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .slide {
    display: none;
  }
  .slide.is-selected {
    display: block;
  }
}
.pluspub {
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
  padding: 5px 20px;
  background-color: #5A99C8;
  color: #FFF;
  text-transform: uppercase;
}
.pronav {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
}
.pronav li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #51616E;
  font-weight: 400;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.pronav li:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  height: 2px;
  background-color: currentColor;
  width: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.pronav li a {
  text-decoration: none;
}
.pronav li.active {
  color: #5A99C8;
}
.pronav li.active::before {
  width: 110%;
}
@media (min-width: 1400px) {
  .pronav {
    font-size: 1.2em;
  }
  .pronav li {
    margin-right: 20px;
  }
}
@media (min-width: 680px) {
  .pronav {
    text-align: left;
  }
}
.pagination a,
.pagination span {
  display: inline-block;
  margin-right: 15px;
  text-decoration: none;
}
.pagination a:hover {
  color: #246087;
}
.publication_liste {
  padding-left: 0;
  list-style: none;
  border-top: 1px solid #88959e;
  border-bottom: 1px solid #88959e;
  padding-top: 30px;
}
.publication_liste li {
  padding-bottom: 30px;
}
.publication_liste li:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.publication_liste .article {
  width: 370px;
  float: left;
}
.publication_liste .authors {
  float: right;
  width: 220px;
}
.publication_liste .authors a {
  display: block;
}
@media screen and (min-width: 1400px) {
  .publication_liste .article {
    width: 645px;
  }
}
@media screen and (max-width: 1000px) {
  .publication_liste {
    /*
        .authors {
            padding-left: 0px;
        }
        */
  }
  .publication_liste .article,
  .publication_liste .authors {
    float: none;
    width: auto;
  }
  .publication_liste .article {
    font-weight: 500;
  }
}
.promosaique {
  margin-right: -5px;
}
.promosaique:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.promosaique img {
  float: left;
  margin: 0 5px 5px 0;
  width: 71px;
  height: 71px;
}
ul.onglets {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
ul.onglets h2 {
  margin: 0;
  padding: 10px 82px 10px 12px;
  line-height: 22px;
  font-size: 18px;
  background-color: #246087;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 2px solid #f4f4f5;
  cursor: pointer;
}
ul.onglets .onglet {
  background-color: #f4f4f5;
  padding: 10px 12px;
  display: none;
}
ul.onglets .trigger {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 12px;
  color: #FFF;
}
ul.onglets .trigger:before {
  font-weight: 400;
  text-transform: lowercase;
  margin-right: 10px;
  content: attr(data-open);
}
ul.onglets .trigger:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  display: inline-block;
  content: "\003e";
}
ul.onglets .active .trigger:before {
  content: attr(data-close);
}
ul.onglets .active .trigger:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.pro-startup {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pro-startup a {
  color: #77a9d0;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #7f8992;
}
.pro-startup a:after {
  display: inline-block;
  content: ' >';
}
.pro-startup li {
  padding-left: 60px;
  margin-bottom: 20px;
}
.pro-startup li img {
  width: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
}
.top-search .item {
  width: auto !important;
}
.nouvelles_liste {
  padding-left: 0;
  list-style: none;
  border-top: 1px solid #88959e;
  border-bottom: 1px solid #88959e;
}
.nouvelles_liste li {
  padding-top: 20px;
  padding-bottom: 20px;
}
.nouvelles_liste li:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.nouvelles_liste li + li {
  border-top: 1.4px solid #d9dcdf;
}
.nouvelles_liste h2,
.nouvelles_liste h3 {
  margin: 0;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: normal;
}
.nouvelles_liste a {
  text-decoration: none;
}
.nouvelles_liste .date {
  margin-bottom: 30px;
  font-size: 15px;
  color: #86939C;
}
.nouvelles_liste p {
  color: #51616e;
  font-size: 18px;
}
.nouvelles_liste p:last-child {
  margin-bottom: 0;
}
.nouvelles_liste .readmore {
  display: block;
  color: #246087;
  text-transform: uppercase;
  font-size: 14px;
  text-align: right;
}
.nouvelles_liste .evenements .meta {
  margin-bottom: 30px;
  font-size: 18px;
  color: #246087;
  margin-top: 3px;
}
.nouvelles_liste .evenements .meta .date {
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
  color: #51616E;
}
.article + aside > h2:first-child,
.article + aside > .yarpp-related:first-child > h2:first-child {
  height: 0px;
}
.article + aside > h2:first-child span,
.article + aside > .yarpp-related:first-child > h2:first-child span {
  display: inline-block;
  position: absolute;
  bottom: 0;
}
.yarpp-related h2:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.yarpp-related h2:first-child span {
  display: block;
}
.yarpp-related .nouvelles_liste {
  border-top: 0;
  border-bottom: 1.4px solid #d9dcdf;
  margin-top: 0;
}
.yarpp-related .nouvelles_liste h3,
.yarpp-related .nouvelles_liste a {
  font-weight: 400;
  color: #5a99c8;
  text-transform: uppercase;
}
.yarpp-related .nouvelles_liste .date {
  margin-bottom: 0;
}
.yarpp-related .nouvelles_liste .readmore {
  display: block;
  padding-left: 0;
  text-decoration: underline;
  text-align: right;
}
.yarpp-related .nouvelles_liste .readmore:after {
  content: "\003e";
}
h1.articletitle {
  font-weight: 400;
  color: #5a99c8;
  line-height: 1.2;
  padding-bottom: 15px;
  margin-bottom: 0;
}
article .date,
.article .date {
  padding-top: 17px;
  border-top: 1.4px solid #d9dcdf;
  margin-bottom: 30px;
  color: #909ca4;
}
article .socialbtn,
.article .socialbtn {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  top: -2px;
}
article .socialbtn i,
.article .socialbtn i {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 7px;
}
article .socialbtn li,
.article .socialbtn li {
  display: inline-block;
}
article .socialbtn li a,
.article .socialbtn li a {
  padding: 5px 7px;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  background-color: #86939C;
}
article .socialbtn li a.facebook,
.article .socialbtn li a.facebook {
  background-color: #4267b2;
}
article .socialbtn li a.twitter,
.article .socialbtn li a.twitter {
  background-color: #1da1f2;
}
article .socialbtn li a.linkedin,
.article .socialbtn li a.linkedin {
  background-color: #0076b7;
}
article .socialbtn li a:hover,
.article .socialbtn li a:hover {
  opacity: 0.9;
}
.cat-tag {
  display: inline-block;
  font-size: 12px;
  padding: 5px;
  line-height: 15px;
  text-transform: uppercase;
  margin-left: 20px;
  background-color: #d9dcdf;
  color: #86939C;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 4px;
}
.cat-tag:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 12.5px 12.5px 0;
  border-color: transparent #d9dcdf transparent transparent;
}
@media screen and (max-width: 1000px) {
  .article + aside > h2:first-child,
  .article + aside > .yarpp-related:first-child > h2:first-child {
    height: auto;
    margin-top: 0px;
  }
  .article + aside > h2:first-child span,
  .article + aside > .yarpp-related:first-child > h2:first-child span {
    display: block;
    position: static;
  }
  .yarpp-related {
    margin-top: 40px;
  }
  .yarpp-related .nouvelles_liste h3,
  .yarpp-related .nouvelles_liste a {
    margin-bottom: 0;
  }
  .yarpp-related .nouvelles_liste .date {
    margin-bottom: 0;
  }
  article .socialbtn,
  .article .socialbtn {
    margin-top: 10px;
    float: none;
    text-align: left;
  }
  article .socialbtn li,
  .article .socialbtn li {
    margin-top: 5px;
  }
}
.cloud a {
  color: #5a99c8;
}
@media print {
  .top-search {
    display: none;
  }
  .blog .thinsplit section {
    width: 100%;
  }
  .blog .thinsplit aside.cloud {
    display: none;
  }
  article .socialbtn {
    display: none;
  }
}
.retourbulletin {
  display: none;
  float: right;
  font-size: 12px;
  line-height: 36px;
  color: #86939C;
}
.fromBulletin .retourbulletin {
  display: inline-block;
}
.poste_liste {
  padding-left: 0;
  list-style: none;
  border-top: 1px solid #88959e;
  border-bottom: 1px solid #88959e;
  padding-top: 30px;
  line-height: 1.4;
}
.poste_liste a {
  text-decoration: none;
}
.poste_liste h3,
.poste_liste p {
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
}
.poste_liste h3 {
  font-weight: 500;
  font-size: 22px;
  color: #5a99c8;
}
.poste_liste p.desc {
  text-transform: none;
  margin-bottom: 10px;
}
.poste_liste li {
  padding-bottom: 30px;
}
.poste_liste li:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.poste_liste .article {
  width: 100%;
  float: none;
}
.poste_liste .note {
  text-align: right;
  color: #5a99c8;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
}
.poste_liste .note:after {
  display: inline-block;
  content: ' >';
}
/* FORMULAIRE */
.poste-form {
  border: 1.4px solid #5A99C8;
  padding: 20px 20px 0;
  margin-bottom: 30px;
}
.poste-form .gform_wrapper {
  margin-top: 0;
}
.poste-form .gform_wrapper .gform_footer input.button,
.poste-form .gform_wrapper .gform_footer input[type=submit] {
  width: 100%;
}
.poste-form h2.lined {
  font-size: 15px;
  margin-bottom: 0;
}
.poste-form h2.lined span {
  color: #5A99C8;
  width: 100%;
}
.poste-form h3.jobtitle {
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  color: #5a99c8;
  font-size: 18px;
}
.poste-form.postseoffers {
  background-color: #f5f6fa;
  border-color: #595a5e;
}
.poste-form.postseoffers .listeDePostes {
  padding-left: 12px;
  list-style: none;
}
.poste-form.postseoffers .listeDePostes li {
  margin-top: 10px;
  line-height: 1.1;
  text-transform: none;
}
.poste-form.postseoffers h2.lined span {
  color: #595a5e;
}
.poste-form.postseoffers a {
  color: #5A99C8;
}
.emploidesc h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1400px) {
  .poste-form h2.lined {
    font-size: 19px;
  }
  .poste-form h3.jobtitle {
    font-size: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .thinsplit.carrieres aside,
  .defaultsplit.carrieres aside {
    display: block;
  }
  .poste_liste .article {
    width: 100%;
    float: none;
  }
  .poste_liste .note {
    text-align: left;
    float: none;
    width: 100%;
  }
}
@media print {
  .thinsplit.carrieres section {
    width: 100%;
  }
  .thinsplit.carrieres section .article {
    width: 100%;
  }
  .thinsplit.carrieres section .note {
    display: none;
  }
  .thinsplit.carrieres aside {
    display: none;
  }
  .defaultsplit.carrieres section {
    width: 100%;
  }
  .defaultsplit.carrieres section .article {
    width: 100%;
  }
  .defaultsplit.carrieres section .note {
    display: none;
  }
  .defaultsplit.carrieres aside {
    display: none;
  }
  .defaultsplit.carrieres .socialbtn {
    display: none;
  }
}
#contacthead {
  overflow: hidden;
}
#contacthead h1 {
  position: absolute;
}
#contacthead img {
  z-index: 100;
  width: 100%;
}
#contactheadmobile {
  display: none;
}
.contactsplit h2 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 12px;
  padding-bottom: 12px;
  color: #51616e;
  border-bottom: 1px solid #51616e;
  text-transform: uppercase;
}
.contactsplit p {
  margin-top: 0;
  margin-bottom: 5px;
}
.contactsplit .carte {
  width: 100%;
  height: 400px;
}
.contactsplit .lienpro {
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 15px;
}
.contactsplit .lienpro a {
  color: #5a99c8;
  text-transform: uppercase;
}
.contactsplit .lienpro a:after {
  display: inline-block;
  content: ' >';
  margin-left: 5px;
}
@media screen and (min-width: 1400px) {
  #contacthead img {
    margin-left: 0;
  }
}
.map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.directionlink {
  z-index: 1000;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 11px;
  background-color: #FFF;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
}
.contactform {
  border: 1px solid #5A99C8;
  padding: 20px;
  margin-top: 40px;
}
.contactform:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.contactform h2 {
  color: #5A99C8;
  margin-top: 0;
  margin-bottom: 0;
}
.contactform .gform_multi_column_wrapper ul.gform_fields,
.contactform .gform_page_multi_column ul.gform_fields {
  float: left;
  width: 439px;
}
.contactform .gform_multi_column_wrapper ul.gform_fields.column_2,
.contactform .gform_page_multi_column ul.gform_fields.column_2 {
  float: right;
}
.contactform textarea {
  height: 190px !important;
}
@media screen and (min-width: 1400px) {
  .contactform .gform_multi_column_wrapper ul.gform_fields,
  .contactform .gform_page_multi_column ul.gform_fields {
    width: 627px;
  }
}
@media screen and (max-width: 1000px) {
  .contactform .gform_multi_column_wrapper ul.gform_fields,
  .contactform .gform_page_multi_column ul.gform_fields {
    width: 100%;
    float: none;
  }
}
@media print {
  .contactform {
    display: none;
  }
}
@media (max-width: 1000px) {
  #contacthead {
    display: none;
  }
  .contactsplit .col + .col {
    margin-top: 40px;
  }
  #contactheadmobile {
    display: block;
    margin: 0 -10px 20px;
  }
  #contactheadmobile img {
    width: 100%;
  }
}
.singleventmeta {
  margin-bottom: 30px;
  font-size: 18px;
  color: #246087;
  margin-top: 3px;
}
.singleventmeta h2 {
  text-transform: uppercase;
  font-weight: 400;
  color: #5a99c8;
  line-height: 1.2;
  margin-top: 30px;
}
.singleventmeta .date {
  margin: 0;
  border: 0;
  color: #51616E;
  padding: 0;
}
.reconnaissancelogo {
  max-height: 125px;
  display: block;
  margin-top: 10px;
}
.homeslider {
  /* ---- previous/next buttons ---- */
}
.homeslider .flickity-prev-next-button {
  position: absolute;
  left: 50%;
  top: 420px;
  -webkit-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
  transition: bottom 0.5s;
  background: none;
  text-transform: uppercase;
  color: #d9dcdf;
  font-weight: 500;
  border: 0;
  padding: 0;
  margin-bottom: 0;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.homeslider .flickity-prev-next-button svg {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
.homeslider .flickity-prev-next-button.previous,
.homeslider .flickity-prev-next-button.next {
  border: 0;
  padding: 0;
  width: 44px;
  line-height: 44px;
  left: 0;
  margin: 0;
  font-size: 16px;
  text-align: center;
  z-index: 10;
}
.homeslider .flickity-prev-next-button.previous:before,
.homeslider .flickity-prev-next-button.next:before,
.homeslider .flickity-prev-next-button.previous:after,
.homeslider .flickity-prev-next-button.next:after {
  display: none;
}
.homeslider .flickity-prev-next-button.next {
  left: auto;
  right: 0;
}
.homeslider .flickity-page-dots {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  bottom: auto;
  top: 100%;
  display: block;
  width: auto;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .homeslider .flickity-page-dots {
    display: none;
  }
  .homeslider .flickity-prev-next-button {
    display: block;
    background-color: #ffffff;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .homeslider .flickity-prev-next-button.previous,
  .homeslider .flickity-prev-next-button.next {
    top: auto;
    bottom: 0;
  }
}
@media (min-width: 1400px) {
  .homeslider .flickity-prev-next-button.previous {
    left: auto;
    right: 50%;
    margin-right: 700px;
  }
  .homeslider .flickity-prev-next-button.next {
    left: 50%;
    right: auto;
    margin-left: 700px;
  }
}
.bouton-bas {
  margin: 30px 0 60px;
}
img {
  height: auto;
}