@charset "UTF-8";
/* # Config */
/****************/
/* # Media Queries with _Sass-mq_ */
/****************/
/* https://github.com/sass-mq/sass-mq */
/****************/
/* # Variables */
/****************/
/* # Sass plugins */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid:before, .container-fluid:after { content: " "; display: table; }

.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lb-loader, .lightbox { text-align: center; line-height: 0; }

body:after { content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png); display: none; }

.lb-dataContainer:after, .lb-outerContainer:after { content: ""; clear: both; }

body.lb-disable-scrolling { overflow: hidden; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; font-weight: 400; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid #fff; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: #fff; }

.lb-loader, .lb-nav { position: absolute; left: 0; }

.lb-outerContainer:after { display: table; }

.lb-loader { top: 43%; height: 25%; width: 100%; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/lightbox/loading.gif) no-repeat; }

.lb-nav { top: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.lb-next, .lb-prev { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/lightbox/prev.png) left 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; transition: opacity .6s; }

.lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/lightbox/next.png) right 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; transition: opacity .6s; }

.lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { display: table; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em; }

.lb-data .lb-caption a { color: #4ae; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/lightbox/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7; transition: opacity .2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/* Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 8/9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

th, td { padding: 0; }

/* # Utilities */
/* # Clearfix */
/*
http://nicolasgallagher.com/micro-clearfix-hack/
*/
/* # _Reset_  */
/**** Keyframes Animation ****/
/*
Accessibility hidden
https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
*/
/* # block stretching */
/* # Fonts */
@font-face { font-family: 'Univers'; src: url("../fonts/Univers.eot"); src: url("../fonts/Univers.eot?#iefix") format("embedded-opentype"), url("../fonts/Univers.woff2") format("woff2"), url("../fonts/Univers.woff") format("woff"); font-weight: normal; font-style: normal; }

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

@font-face { font-family: 'Univers-cond'; src: url("Univer-cond.eot"); src: url("Univer-cond.eot?#iefix") format("embedded-opentype"), url("Univer-cond.woff2") format("woff2"), url("Univer-cond.woff") format("woff"); font-weight: normal; font-style: normal; }

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

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

@font-face { font-family: 'Univers-light-cond'; src: url("../fonts/Univers-light-cond.eot"); src: url("../fonts/Univers-light-cond.eot?#iefix") format("embedded-opentype"), url("../fonts/Univers-light-cond.woff2") format("woff2"), url("../fonts/Univers-light-cond.woff") format("woff"); font-weight: 300; font-style: normal; }

/*****************/
/****** _Project *****/
/*****************/
/* # Base */
/* # Font Mixins */
/* One mixin by font-style, order by asc */
/*****************/
/****** Custom *****/
/*****************/

@keyframes first-bar { 0% { top: 0;
    transform: rotate(0deg); }
  40% { transform: rotate(0deg);
    top: 50%; }
  60% { top: 50%;
    transform: rotate(0deg); }
  100% { top: 50%;
    transform: rotate(45deg); } }

@keyframes second-bar { 0% { opacity: 1; }
  60% { top: 50%;
    transform: rotate(0deg);
    opacity: 1; }
  61% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes last-bar { 0% { bottom: 0;
    transform: rotate(0deg); }
  40% { bottom: 50%;
    transform: translate(0, 50%) rotate(0deg); }
  60% { bottom: 50%;
    transform: translate(0, 50%) rotate(0deg); }
  100% { bottom: 50%;
    transform: translate(0, 50%) rotate(-45deg); } }

@keyframes first-bar-close { 0% { top: 50%;
    transform: rotate(45deg); }
  40% { top: 50%;
    transform: rotate(0deg); }
  60% { transform: rotate(0deg);
    top: 50%; }
  100% { top: 0;
    transform: rotate(0deg); } }

@keyframes second-bar-close { 0% { opacity: 0; }
  40% { opacity: 0; }
  60% { opacity: 0; }
  61% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes last-bar-close { 0% { bottom: 50%;
    transform: translate(0, 50%) rotate(-45deg); }
  40% { bottom: 50%;
    transform: translate(0, 50%) rotate(0deg); }
  60% { transform: translate(0, 50%) rotate(0deg);
    bottom: 50%; }
  100% { bottom: 0;
    transform: translate(0, 0) rotate(0deg); } }

@keyframes arrow-circle { 0% { transform: translate(0, 0); }
  49% { transform: translate(0, 4rem);
    opacity: 1;
    visibility: visible; }
  50% { opacity: 0;
    visibility: hidden; }
  51% { transform: translate(0, -4rem);
    opacity: 1;
    visibility: visible; }
  100% { transform: translate(0, 0); } }

@keyframes menu-arrow-rotate { from { transform: rotate(0deg); }
  to { transform: rotate(180deg); } }

@keyframes fadeInOpacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

/* # Base */
/*****************/
/******HTML5 Elements*****/
/*****************/
* { box-sizing: border-box; }

html { font-size: 62.5%; -webkit-font-smoothing: antialiased; }

body { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; color: #585756; }

@media all and (min-width: 75em) and (max-width: 85.365em) { body { font-size: 1.6rem; line-height: 2.5rem; } }

@media all and (min-width: 85.375em) { body { font-size: 1.9rem; line-height: 3rem; } }

body.loading { overflow: hidden; }

body.toolbar-drawer, body.toolbar { padding: 0; }

*, *::before, *::after { background-repeat: no-repeat; }

h1, h2, h3, h4 { margin: 0; }

p { margin: 0 0 2rem 0; }

@media all and (min-width: 75em) { p { margin: 0 0 3rem 0; } }

svg, img { width: 100%; max-width: 100%; }

li { list-style: none; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }

em, strong { color: #1a4c93; }

blockquote { padding: 0; margin: 0; }

button:focus, input:focus { outline: 0; }

video { max-width: 100%; }

/*****************/
/****** MAIN *****/
/*****************/
.container { max-width: 1000px; margin: 0 auto; padding-right: 1rem; padding-left: 1rem; width: 100%; }

@media all and (min-width: 75em) { .container { padding-right: 0; padding-left: 0; } }

@media all and (min-width: 75em) { .sub-container { margin-left: 10rem; margin-right: 10rem; } }

.pull-right { float: right; }

.pull-left { float: left; }

@media all and (min-width: 75em) { .col-6 { float: left; width: 40%; margin-right: 10%; } }

@media all and (min-width: 75em) { .col-4 { float: left; width: 30%; margin-right: 10%; } }

@media all and (min-width: 75em) { .col-8 { float: left; width: 50%; margin-right: 10%; } }

@media all and (min-width: 75em) { .wrapping-img { float: left; max-width: 40%; margin-right: 5%; margin-bottom: 3rem; } }

.row { margin: 0; clear: both; }

.row::before { display: table; content: ' '; }

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

.row-relative { position: relative; }

.v-container { display: table; height: 100%; width: 100%; }

.v-align { display: table-cell; vertical-align: middle; }

/*****************/
/****** USEFUL CLASSES *****/
/*****************/
.fullheight { height: 100vh; }

.hide-for-viewer { position: absolute; height: 1px; width: 1px; padding: 0; border: 0; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

/* # Font Mixins */
/* One mixin by font-style, order by asc */
/*****************/
/****** Custom *****/
/*****************/
.text-formatted li { color: #585756; font-size: 1.8rem; font-family: 'Lato', serif; font-weight: 400; margin-bottom: 2.5rem; list-style-type: disc; line-height: 2.6rem; }

@media all and (min-width: 75em) { .text-formatted li { font-size: 1.8rem; line-height: 2.6rem; } }

.text-formatted h2, .text-formatted h3, .text-formatted h4, .text-formatted h5, .text-formatted h6 { margin-top: 2rem; margin-bottom: 2rem; font-family: "Lato", sans-serif; text-transform: uppercase; }

.text-formatted h3, .text-formatted h4, .text-formatted h5, .text-formatted h6 { font-weight: normal; color: #585756; }

.text-formatted h4 { font-weight: 300; }

.text-formatted em { font-style: italic; }

.text-formatted ul { padding-left: 2rem; }

.underline { display: inline-block; position: relative; }

.underline:after { content: ''; position: absolute; left: 0; bottom: -1rem; width: 100%; height: 0.8rem; background-color: #fff; }

blockquote { position: relative; font-family: "Univers", sans-serif; font-size: 1.8rem; line-height: 2.4rem; font-weight: 400; padding: 3rem 0 0 4.5rem; margin: 4rem 0; }

@media all and (min-width: 75em) and (max-width: 85.365em) { blockquote { font-size: 2rem; line-height: 2.8rem; padding: 3rem 7rem 0 7rem; margin: 6rem 0 4rem 0; } }

@media all and (min-width: 85.375em) { blockquote { font-size: 2.6rem; line-height: 3.6rem; padding: 5rem 10rem 0 10rem; margin: 8rem 0 6rem 0; } }

blockquote::before { content: '“'; font-family: "Lato", sans-serif; font-size: 4.5rem; font-weight: 900; color: #1a4c93; position: absolute; top: 0; left: 0; }

@media all and (min-width: 75em) { blockquote::before { font-size: 9rem; } }

blockquote em { display: block; font-family: "Univers", sans-serif; font-size: 1.4rem; line-height: 1.5rem; margin-top: 2rem; text-align: right; }

@media all and (min-width: 75em) { blockquote em { font-size: 1.9rem; line-height: 3rem; margin-right: -10rem; } }

.chapo { font-family: "Univers", sans-serif; font-weight: 400; font-size: 1.8rem; line-height: 2.4rem; letter-spacing: .05em; }

@media all and (min-width: 75em) { .chapo { font-size: 2.6rem; line-height: 4rem; letter-spacing: .1em; } }

h1 { font-size: 1.7rem; line-height: 2rem; text-transform: uppercase; padding: 3rem 0; margin: 1.5rem 0 0 0; }

@media all and (min-width: 75em) and (max-width: 85.365em) { h1 { font-size: 2.8rem; line-height: 3.4rem; } }

@media all and (min-width: 85.375em) { h1 { font-size: 3.4rem; line-height: 4.6rem; } }

h1 { font-family: "Lato", sans-serif; font-size: 3.6rem; font-weight: 900; text-transform: uppercase; line-height: 4rem; color: #1a4c93; margin-bottom: 1rem; margin-top: 0; padding-top: 1rem; padding-bottom: 1rem; }

@media all and (min-width: 75em) { h1 { font-size: 3.6rem; line-height: 4rem; } }

h1.main-title { font-family: "Lato", sans-serif; font-style: normal; font-weight: 700; font-size: 2.6rem; line-height: 3rem; text-align: center; margin: 0; padding: 0; }

@media all and (min-width: 75em) { h1.main-title { font-size: 5rem; line-height: 6rem; } }

h2 { font-family: "Lato", sans-serif; font-size: 2.6rem; font-weight: 900; text-transform: uppercase; line-height: 3.2rem; color: #1a4c93; margin-bottom: 1rem; margin-top: 0; padding-top: 1rem; padding-bottom: 1rem; }

@media all and (min-width: 75em) { h2 { font-size: 2.6rem; letter-spacing: 0; line-height: 4rem; padding: 0; } }

@media all and (min-width: 75em) { .page-node-type-homepage h2 { font-size: 3.6rem; letter-spacing: 0; line-height: 3.8rem; padding: 0; } }

h2.title-centered { text-align: center; }

.vm-search-result-wrapper h2 { font-weight: normal; }

.page-node-type-homepage h2 { text-align: center; }

h3 { font-family: "Lato", sans-serif; font-size: 1.8rem; font-weight: 400; text-transform: uppercase; line-height: 2.1rem; color: #585756; margin-bottom: 0; }

@media all and (min-width: 75em) { h3 { font-size: 1.8rem; margin-bottom: 0; letter-spacing: .1em; line-height: 2.1rem; } }

h3.news-title { font-weight: 900; font-size: 2.2rem; line-height: 2.6rem; color: #1a4c93; margin: 1rem 0; }

h3.field--name-title { color: #1a4c93; font-size: 1.8rem; margin: 1rem 0; }

p { color: #585756; font-size: 1.8rem; font-family: 'Lato', serif; font-weight: 400; line-height: 2.6rem; }

@media all and (min-width: 75em) { p { font-size: 1.8rem; } }

p a { font-weight: 700; color: #1a4c93; text-decoration: underline; }

ul li:not(.header_social_item):before { /* content: "• "; color: $blue; */ }

ol li { list-style: inherit; }

ol { counter-reset: item; }

ol li { display: block; }

ol li:before { content: counter(item) ". "; counter-increment: item; color: #1a4c93; }

.main-content { padding: 4.5rem 2rem 0 2rem; }

.main-content a { font-weight: 700; color: #1a4c93; text-decoration: underline; }

.main-content hr { border-color: #1a4c93; }

@media all and (min-width: 75em) { .main-content { padding: 3rem 2rem 0 2rem; } }

.main-content section { margin: 3rem 0; }

@media all and (min-width: 75em) and (max-width: 85.365em) { .main-content section { margin: 5rem 0; } }

@media all and (min-width: 85.375em) { .main-content section { margin: 7rem 0; } }

.main-content .chapo { font-family: "Univers", sans-serif; font-weight: 400; font-size: 1.8rem; line-height: 2.4rem; letter-spacing: .05em; }

@media all and (min-width: 75em) { .main-content .chapo { font-size: 2.6rem; line-height: 4rem; letter-spacing: .1em; } }

.main-content ol li { list-style: inherit; }

.main-content ol { counter-reset: item; }

.main-content ol li { display: block; }

.main-content ol li:before { content: counter(item) ". "; counter-increment: item; color: #1a4c93; }

.main-content ul li { margin-bottom: 0.5rem; text-indent: -.7em; }

.main-content ul li:before { content: "• "; color: #1a4c93; /* or whatever color you prefer */ }

.main-content .row-photo:first-of-type { margin-top: 5rem; }

.main-content .row-photo:last-of-type { margin-bottom: 5rem; }

.main-content .row-photo::before, .main-content .row-photo::after { clear: both; }

.main-content .row-photo .photo { position: relative; width: 100%; background-size: cover; cursor: pointer; background-position: center; }

@media all and (max-width: 74.99em) { .main-content .row-photo .photo { margin: 3rem 0 0 0; } }

@media all and (min-width: 75em) { .main-content .row-photo .photo { float: left; } }

.main-content .row-photo .photo:hover .photo_overlay { opacity: 1; }

.main-content .row-photo .photo_overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; flex-flow: column wrap; justify-content: flex-end; color: #fff; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.6s ease; padding: 1.5rem; }

@media all and (min-width: 75em) { .main-content .row-photo .photo_overlay { padding: 0 0 4rem 10%; } }

.main-content .row-photo .photo-1:before, .main-content .row-photo .photo-4:before { content: ''; float: left; padding-bottom: 133.33333%; }

.main-content .row-photo .photo-1:after, .main-content .row-photo .photo-4:after { content: ''; display: table; clear: both; }

@media all and (min-width: 75em) { .main-content .row-photo .photo-1, .main-content .row-photo .photo-4 { width: 30%; margin-right: 10%; margin-bottom: 10rem; } }

.main-content .row-photo .photo-2:before, .main-content .row-photo .photo-5:before { content: ''; float: left; padding-bottom: 66.66667%; }

.main-content .row-photo .photo-2:after, .main-content .row-photo .photo-5:after { content: ''; display: table; clear: both; }

@media all and (min-width: 75em) { .main-content .row-photo .photo-2, .main-content .row-photo .photo-5 { width: 60%; margin-bottom: 10rem; } }

.main-content .row-photo .photo-3:before, .main-content .row-photo .photo-6:before { content: ''; float: left; padding-bottom: 41.66667%; }

.main-content .row-photo .photo-3:after, .main-content .row-photo .photo-6:after { content: ''; display: table; clear: both; }

@media all and (min-width: 75em) { .main-content .row-photo .photo-3, .main-content .row-photo .photo-6 { margin-bottom: 10rem; } }

.subtitle, .field--name-field-subtitle { font-size: 1.8rem; text-transform: uppercase; text-align: center; color: #585756; }

.description, .field--name-field-description { font-size: 1.8rem; line-height: 2.1rem; color: #585756; padding-left: 1rem; padding-right: 1rem; text-align: center; max-width: 98rem; margin: 0 auto; }

@media all and (min-width: 75em) { .description, .field--name-field-description { font-size: 2rem; line-height: 3rem; } }

.txt-white { color: #fff; }

.txt-white a { color: #fff; }

.txt-white p { color: #fff; }

.txt-white h2, .txt-white h3 { color: #fff; }

.txt-white .field--name-field-description { color: #fff; }

.header-banner h1, .slider-banner h1 { text-transform: uppercase; color: #fff; line-height: 3.7rem; }

@media all and (min-width: 75em) { .header-banner h1, .slider-banner h1 { line-height: 5.8rem; } }

.header-banner .subtitle, .header-banner .field--name-field-subtitle, .header-banner .field--name-field-page-subtitle, .slider-banner .subtitle, .slider-banner .field--name-field-subtitle, .slider-banner .field--name-field-page-subtitle { font-size: 1.8rem; line-height: 2.2rem; color: #fff; font-weight: 300; text-transform: unset; }

@media all and (min-width: 75em) { .header-banner .subtitle, .header-banner .field--name-field-subtitle, .header-banner .field--name-field-page-subtitle, .slider-banner .subtitle, .slider-banner .field--name-field-subtitle, .slider-banner .field--name-field-page-subtitle { margin-top: 0; font-size: 3.6rem; line-height: 4.3rem; } }

.slider-banner .subtitle, .slider-banner .field--name-field-subtitle { font-size: 3.2rem; }

@media all and (min-width: 75em) { .slider-banner .subtitle, .slider-banner .field--name-field-subtitle { font-size: 5rem; line-height: 6rem; } }

@media all and (min-width: 75em) { .slider-banner h1 { margin-top: 7rem; } }

.slider-home-wrapper { color: #fff; }

.slider-home-wrapper h2 { color: #fff; font-size: 3.2rem; line-height: 3.8rem; margin-bottom: 0; letter-spacing: .2rem; padding: 0; }

@media all and (min-width: 75em) { .slider-home-wrapper h2 { font-size: 5rem; line-height: 6rem; font-weight: 600; } }

.slider-home-wrapper .subtitle-wrapper { font-size: 3.2rem; line-height: 3.8rem; font-family: 'Lato', serif; font-weight: 300; }

a.facebook { background: url(../images/icons/svg/facebook.svg) no-repeat left center; text-decoration: none; color: #585756; font-weight: normal; }

.footer-item a.facebook { padding-left: 2.5rem; font-weight: 700; color: #1a4c93; text-decoration: underline; }

.footer-item a.facebook:hover { text-decoration: none; }

.show-on-desktop { display: none; }

@media all and (min-width: 75em) { .show-on-desktop { display: block; } }

@media all and (min-width: 75em) { .display-flex { display: flex; } }

.display-flex-on-desktop { display: none; }

@media all and (min-width: 75em) { .display-flex-on-desktop { display: flex; } }

.align-item-center { align-items: center; }

.hide-on-desktop { display: none; }

@media all and (max-width: 74.99em) { .hide-on-desktop { display: block; } }

@media all and (max-width: 74.99em) { .mobile-centered { text-align: center; } }

.video-container { position: relative; display: inline-block; }

.video-container .video-poster { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-position: center; background-size: cover; }

.video-container .video-poster .video-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 2; width: 10rem; }

@media all and (min-width: 75em) { .video-container .video-poster .video-btn { width: 20rem; } }

.video-container .video-controls { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; background-color: #fff; height: 4rem; }

.video-container .video-play { width: 3rem; display: flex; flex-flow: column wrap; padding: 0 0.5rem; }

.video-container .video-play img { max-width: 100%; margin: 0 auto; }

.video-container .info-time { font-size: 1.2rem; width: 10rem; text-align: center; color: #1a4c93; }

.video-container .load { width: calc(80% - 10rem); padding: 1.5rem 2rem; cursor: pointer; }

.video-container .load-bar { position: relative; background-color: #fff; height: 3px; }

.video-container .load-bar_inner { position: absolute; top: 0; left: 0; bottom: 0; background-color: #1a4c93; }

.video-container .volume { width: calc(20% - 10rem); padding: 1rem 0; cursor: pointer; padding: 1.5rem 2rem; }

.video-container .volume-bar { position: relative; background-color: #fff; height: 3px; }

.video-container .volume-bar_inner { position: absolute; top: 0; left: 0; bottom: 0; background-color: #1a4c93; }

/* # Atoms */
.home_header_discover .arrow-circle polygon, .page_header_discover .arrow-circle polygon { transition: transform .4s ease; }

@media all and (min-width: 75em) { .home_header_discover:hover .arrow-circle polygon, .page_header_discover:hover .arrow-circle polygon { animation: arrow-circle .8s ease forwards; } }

.bloc-bleu { padding: 1.5rem; background-color: #1a4c93; color: #d8d8d8; margin-bottom: 3rem; }

.bloc-bleu p { margin: 0; }

.bloc-bleu p + p { margin-top: 3rem; }

.burger { position: absolute; top: 50%; right: 2rem; height: 1.4rem; width: 1.5rem; transform: translate(0, -50%); cursor: pointer; }

@media all and (min-width: 75em) { .burger { width: 2rem; height: 1.6rem; right: 4.5rem; } }

.burger_bar { position: absolute; width: 1.5rem; height: .2rem; background-color: #fff; transform-origin: 50% 50%; animation-duration: 1s; animation-fill-mode: forwards; transition: all 0.6s ease; }

@media all and (min-width: 75em) { .burger_bar { width: 2rem; height: .2rem; } }

.burger_bar:first-of-type { animation-name: first-bar-close; }

.burger_bar:nth-of-type(2) { top: 50%; transform: translate(0, -50%); animation-name: second-bar-close; }

.burger_bar:last-of-type { animation-name: last-bar-close; }

.open .burger_bar:first-of-type { animation-name: first-bar; }

.open .burger_bar:nth-of-type(2) { top: 50%; transform: translate(0, -50%); animation-name: second-bar; }

.open .burger_bar:last-of-type { animation-name: last-bar; }

/* # Buttons */
.btn { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; display: inline-block; padding: 1.5rem 3.5rem; border: 1px solid #1a4c93; margin: 1rem 0; border-radius: 2.5rem; cursor: pointer; transition: all .6s ease; color: #1a4c93; }

@media all and (min-width: 85.375em) { .btn { font-size: 1.4rem; } }

.btn:hover { background-color: #1a4c93; color: #fff; }

.btn.btn-bg { background-color: #1a4c93; color: #fff; text-decoration: none; }

.btn.btn-bg:hover { background-color: #fff; color: #1a4c93; }

.btn.faire-un-don { font-weight: 600; padding-left: 3rem; padding-right: 3rem; font-size: 1.4rem; transition: none; }

@media all and (max-width: 74.99em) { .btn.faire-un-don { text-align: center; width: 100%; } }

.btn.btn-slider-homepage { font-size: 1.4rem; font-family: 'Lato', serif; font-weight: 300; border: 1px solid #fff; padding-left: 2.5rem; padding-right: 2.5rem; color: #fff; }

.btn.btn-slider-homepage:hover { background: #fff; color: #1a4c93; }

.btn.btn-top { background-color: #1a4c93; color: #fff; }

.btn.btn-white { background-color: #fff; color: #1a4c93; border: none; }

.btn.c-blue { color: #1a4c93; }

.btn.c-blue:hover { background-color: #1a4c93; color: #fff; }

.btn.text-bold { font-weight: 900; }

.btn.more-news { margin-bottom: 2rem; padding-left: 4rem; padding-right: 4rem; }

.btn.mobile-centered { display: table; margin: 2rem auto 0 auto; }

.btn_donate { position: fixed; bottom: 2rem; right: 2rem; display: inline-block; align-self: flex-end; z-index: 5; }

@media all and (min-width: 75em) { .btn_donate { bottom: 3.5rem; right: 2.5rem; } }

.btn_donate.white { background-color: #fff; color: #1a4c93; }

@media all and (min-width: 75em) { .btn_donate_mobile { display: none; } }

@media all and (max-width: 74.99em) { .btn_donate_desktop { display: none; } }

.btn.twitter { color: #1a4c93; fill: #1a4c93; text-transform: capitalize; text-decoration: none; padding: 1.2rem 2rem 1rem 4rem; background: url(../images/icons/svg/twitter2.svg) no-repeat 1.25rem center; }

@media all and (min-width: 75em) { .btn.twitter { padding: 1.2rem 4rem 1rem 6rem; width: 14.3rem; background: url(../images/icons/svg/twitter2.svg) no-repeat 2.5rem center; } }

.btn.facebook { color: #1a4c93; text-transform: capitalize; text-decoration: none; padding: 1.2rem 2rem 1rem 4rem; background: url(../images/icons/svg/facebook2.svg) no-repeat 2rem center; }

@media all and (min-width: 75em) { .btn.facebook { padding: 1.2rem 3rem 1rem 5rem; width: 14.3rem; background: url(../images/icons/svg/facebook2.svg) no-repeat 2.5rem center; } }

.btn.linkedin { color: #1a4c93; text-transform: capitalize; text-decoration: none; padding: 1.2rem 2rem 1rem 4rem; background: url(../images/icons/svg/linkedin2.svg) no-repeat 1.3rem 0.9rem; }

@media all and (min-width: 75em) { .btn.linkedin { padding: 1.2rem 4rem 1rem 6rem; width: 14.3rem; background: url(../images/icons/svg/linkedin2.svg) no-repeat 2.5rem 0.9rem; } }

.btn.btn-download { text-transform: uppercase; text-decoration: none; padding: 2rem 7rem 2rem 3rem; background: url(../images/icons/svg/download.svg) no-repeat right 1.3rem center; line-height: 1.8rem; width: 100%; max-width: 23rem; }

.btn.btn-download:hover { color: #fff; background-color: #1a4c93; background-image: url(../images/icons/svg/download-hover.svg); background-repeat: no-repeat; background-position: right 1.3rem center; }

@media all and (max-width: 74.99em) { .btn.btn-download { padding: 1rem 7rem 1rem 3rem; background-size: 3.2rem; } }

.btn.btn-popup-video { text-transform: uppercase; text-decoration: none; padding: 1.5rem; color: #fff; background: #1a4c93 url(../images/icons/svg/video-play.svg) no-repeat right 0.3rem center; text-align: center; line-height: 2rem; font-size: 1.4rem; margin: 0.5rem 0; width: 100%; }

.btn.btn-popup-video:hover { color: #1a4c93; background: #fff url(../images/icons/svg/video-play.svg) no-repeat right 1.3rem center; }

@media all and (min-width: 75em) { .btn.btn-popup-video { padding: 1.5rem 6rem 1.5rem 2.5rem; width: auto; } }

.btn.load-more { cursor: pointer; padding-left: 2rem; text-transform: uppercase; text-decoration: none; color: #1a4c93; background-color: transparent; margin: 4rem auto; padding: 1.5rem 4rem; }

.btn.load-more.loading { background: transparent url(../images/icons/svg/load-more.svg) no-repeat 1.5rem center; transition: none; }

.btn.load-more:hover { background: transparent; }

.dropbutton-wrapper { margin-left: 2rem; }

.dropbutton-wrapper .dropbutton-widget { position: relative; }

.dropbutton-wrapper .dropbutton-widget ul li { margin-bottom: 0; text-indent: -5px; }

.dropbutton-wrapper .dropbutton-widget .active-language { width: 48px; height: 48px; color: #1a4c93; display: block; background-color: #E4EAF2; border-radius: 100%; font-size: 1.28rem; line-height: 5rem; padding-left: 1.5rem; }

.dropbutton-wrapper .dropbutton { position: relative; }

.dropbutton-wrapper .dropbutton .dropbutton-arrow { /* transition: all 0.75s 0.25s; */ /* height: 1.3rem; */ display: inline-block; border: none; background: url(../images/icons/svg/menu-arrow.svg) no-repeat 35px center; position: absolute; width: 48px; /* transition: all 0.75s 0.25s; */ /* height: 1.3rem; */ height: 48px; top: 2px; border-radius: 28px; }

.dropbutton-wrapper .dropbutton-toggle { position: absolute; right: -1rem; top: 0.3rem; }

.dropbutton-wrapper.open .dropbutton { overflow: initial; }

.dropbutton-wrapper.open .dropbutton .active-language { border-radius: 24px 24px 0 0; }

.dropbutton-wrapper.open .dropbutton .secondary-action { position: absolute; background: #E4EAF2; border-radius: 0 0 24px 24px; width: 48px; top: 48px; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.12); color: #1a4c93; font-size: 1.1rem; }

.dropbutton-wrapper.open .dropbutton .secondary-action .language-link { padding: 5px 0 10px 0; }

.js .dropbutton-multiple .dropbutton-widget { padding-right: 0; }

.hug-input { position: relative; }

.hug-input::before { content: url("../images/icons/loupe-white.svg"); position: absolute; width: 1.3rem; top: 50%; left: 0; transform: translate(0, -50%); }

.hug-input input { font-size: 1.8rem; letter-spacing: .05em; width: 100%; background-color: transparent; border: none; border-bottom: 2px solid #fff; padding: 1rem 3.5rem 1rem 3rem; color: #fff; }

@media all and (min-width: 75em) { .hug-input input { padding: 2rem 7rem 2rem 2.5rem; font-size: 2.6rem; letter-spacing: .1em; } }

.hug-input_control { display: flex; flex-flow: row nowrap; position: absolute; top: 50%; transform: translate(0, -50%); right: 0; visibility: hidden; }

@media all and (max-width: 74.99em) { .hug-input_control { right: 2rem; } }

.hug-input_clear { cursor: pointer; width: 1.1rem; }

.hug-input_submit { background-color: transparent; border: none; padding: 0; margin-right: 2rem; width: 1.9rem; }

.hug-input_submit img { width: 1.9rem; max-width: none; }

.field--name-field-listing { margin: 3rem 0; }

.field--name-field-listing .field__item:first-child .promise_number { padding: 2rem 2rem 0 0; }

@media all and (min-width: 75em) { .field--name-field-listing .field__item:first-child .promise_number { padding: 1rem 1rem 0 0; } }

.field--name-field-listing .field__item:first-child .promise_text { padding: 0 0 1.5rem 2rem; }

@media all and (min-width: 75em) { .field--name-field-listing .field__item:first-child .promise_text { padding: 0 0 1.5rem 4rem; } }

.promise { display: flex; flex-flow: row wrap; }

@media all and (min-width: 75em) { .promise { margin: 0; } }

@media all and (min-width: 75em) { .promise-container { padding: 8rem 10rem 0 10rem; } }

.promise_number, .promise_text { display: inline-block; font-size: 1.9rem; }

@media all and (min-width: 75em) { .promise_number, .promise_text { line-height: 3.6rem; } }

.promise_number { font-weight: 700; color: #1a4c93; padding: 2rem 2rem 0 0; }

@media all and (min-width: 75em) { .promise_number { width: 7rem; padding: 2.5rem 1rem 0 0; } }

.promise_text { width: 87.5%; padding: 1.5rem 0 1.5rem 2rem; border-left: 1px solid #d9d9d9; margin: 0; }

.promise_text p { margin-bottom: 0; padding: 1.5rem 0 0 0; }

@media all and (min-width: 75em) { .promise_text { width: calc(100% - 7rem); padding: 1.5rem 0 1.5rem 4rem; } }

/* # Molecules */
/* # Formulaires */
::-webkit-input-placeholder { /* Chrome */ color: #585756; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

:-ms-input-placeholder { /* IE 10+ */ color: #585756; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

::-moz-placeholder { /* Firefox 19+ */ color: #585756; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }

:-moz-placeholder { /* Firefox 4 - 18 */ color: #585756; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }

:focus::-webkit-input-placeholder { /* Chrome */ color: transparent; }

:focus:-ms-input-placeholder { /* IE 10+ */ color: transparent; }

:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; }

:focus:-moz-placeholder { /* Firefox 4 - 18 */ color: transparent; }

input, textarea, button, select { line-height: normal; border-radius: 0px; border: 1px solid; }

input:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #585756; }

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

.ie9 input { line-height: normal !important; }

input[type="radio"], input[type="checkbox"] { padding: 0 !important; }

input[type="radio"], input[type="checkbox"], input[type="submit"] { width: auto; height: auto; min-height: 0; }

textarea { resize: none; }

select { line-height: normal; }

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

@media all and (min-width: 75em) { .projects-search, .partners-search { font-size: 1.4rem; line-height: 3rem; } }

.projects-search .container, .partners-search .container { padding: 0; }

@media all and (min-width: 75em) { .projects-search .filter, .partners-search .filter { float: left; width: 20%; border-right: 1px solid #d8d8d8; } }

@media all and (max-width: 74.99em) { .projects-search .filter, .partners-search .filter { position: absolute; font-size: 1.2rem; width: 100%; background-color: #f2f2f2; z-index: 1; line-height: 4rem; margin-left: -2rem; padding-left: 2rem; transition: transform 0.6s ease; }
  .projects-search .filter:nth-child(1), .partners-search .filter:nth-child(1) { top: calc(7.1rem + (1 - 1) * 4rem); }
  .projects-search .filter:nth-child(2), .partners-search .filter:nth-child(2) { top: calc(7.1rem + (2 - 1) * 4rem); }
  .projects-search .filter:nth-child(3), .partners-search .filter:nth-child(3) { top: calc(7.1rem + (3 - 1) * 4rem); }
  .projects-search .filter:nth-child(4), .partners-search .filter:nth-child(4) { top: calc(7.1rem + (4 - 1) * 4rem); } }

@media all and (max-width: 74.99em) { .projects-search .filter.closed, .partners-search .filter.closed { transform: translate(-100%, 0); } }

.projects-search .filter p, .partners-search .filter p { text-transform: uppercase; }

@media all and (min-width: 75em) { .projects-search .filter p, .partners-search .filter p { width: 100%; max-width: 100%; } }

@media all and (max-width: 74.99em) { .projects-search .filter p, .partners-search .filter p { float: left; width: 70%; } }

@media all and (min-width: 75em) { .projects-search .filter label, .partners-search .filter label { margin-right: 2rem; } }

@media all and (max-width: 74.99em) { .projects-search .filter label, .partners-search .filter label { float: left; } }

@media all and (min-width: 75em) { .projects-search .col-lg-6, .partners-search .col-lg-6 { width: 40%; float: left; } }

@media all and (max-width: 74.99em) { .projects-search .col-lg-6, .partners-search .col-lg-6 { width: 75%; float: left; padding: 0; } }

.projects-search .col-lg-6 > div, .partners-search .col-lg-6 > div { position: relative; }

@media all and (max-width: 74.99em) { .projects-search .col-lg-6 > div, .partners-search .col-lg-6 > div { text-align: center; line-height: 7rem; border-left: 1px solid #d8d8d8; } }

.projects-search .col-lg-6 > div::before, .partners-search .col-lg-6 > div::before { content: url("../images/icons/loupe.svg"); position: absolute; top: .2rem; width: 1.1rem; height: 1.1rem; }

@media all and (min-width: 75em) { .projects-search .col-lg-6 > div::before, .partners-search .col-lg-6 > div::before { width: 1.7rem; height: 1.7rem; } }

@media all and (min-width: 75em) { .projects-search .filter, .projects-search .col-lg-6, .partners-search .filter, .partners-search .col-lg-6 { text-align: center; padding: 3.5rem 0; } }

.projects-search input[type="checkbox"], .partners-search input[type="checkbox"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-color: #585756; background: transparent; width: 1rem; height: 1rem; }

@media all and (max-width: 74.99em) { .projects-search input[type="checkbox"], .partners-search input[type="checkbox"] { position: absolute; top: 50%; margin-left: 1rem; transform: translate(0, -50%); } }

.projects-search input[type="checkbox"]::after, .partners-search input[type="checkbox"]::after { content: ''; position: absolute; width: 1rem; height: 1rem; background-color: #f2f2f2; right: -75%; top: -75%; }

.projects-search input[type="checkbox"]:checked, .partners-search input[type="checkbox"]:checked { border-color: #1a4c93; }

.projects-search input[type="checkbox"]:checked::before, .partners-search input[type="checkbox"]:checked::before { content: url("../images/icons/check.svg"); position: absolute; top: -.8rem; right: -.4rem; width: 1rem; height: 1rem; z-index: 1; }

.projects-search input[type="text"], .partners-search input[type="text"] { background-color: #f2f2f2; border: none; border-bottom: 1px solid #d8d8d8; text-transform: uppercase; }

@media all and (min-width: 75em) { .projects-search input[type="text"], .partners-search input[type="text"] { padding-left: 4rem; padding-bottom: 2rem; } }

@media all and (max-width: 74.99em) { .projects-search input[type="text"], .partners-search input[type="text"] { font-size: 1rem; max-width: 80%; padding: 1rem 0 1rem 3rem; } }

.projects-search input[type="text"]:-webkit-autofill, .partners-search input[type="text"]:-webkit-autofill { -webkit-box-shadow: unset; -webkit-text-fill-color: #585756; }

@media all and (min-width: 75em) { .partners-search .filter { width: 25%; } }

.page-description_search-toggle { text-transform: uppercase; font-size: .9rem; cursor: pointer; }

@media all and (max-width: 74.99em) { .page-description_search-toggle { float: left; width: 25%; height: 7rem; padding: 1.5rem 0; text-align: center; } }

@media all and (min-width: 75em) { .page-description_search-toggle { display: none; } }

@media all and (max-width: 74.99em) { .page-description_search-toggle.closed .opened { display: none; } }

@media all and (max-width: 74.99em) { .page-description_search-toggle.opened .closed { display: none; } }

/* # Organisms */
.annuals-reports-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; }

@media all and (min-width: 75em) { .annuals-reports-wrapper { display: grid; /* flex-wrap: initial; */ gap: 2rem; /* grid-column: 2; */ /*grid-template-rows: [row1-start] 50% [row1-end row2-start] 50% [row2-end];*/ grid-template-columns: 1fr 1fr; flex: none; } }

.annuals-reports-item { display: flex; }

@media all and (min-width: 75em) { .annuals-reports-item { flex: 50%; } }

.annual-report-node-wrapper { display: flex; flex-direction: row; gap: 1.5rem; margin-top: 3rem; }

@media all and (min-width: 75em) { .annual-report-node-wrapper { flex-direction: column; gap: 0; } }

.annual-repport-image img { width: auto; height: auto; max-width: 115px; border: 1px solid #888; }

@media all and (min-width: 75em) { .annual-repport-image img { max-width: 227px; } }

.annual-repport-content h3 { font-size: 1.8rem; font-weight: 700; color: #1a4c93; line-height: 2.6rem; margin: 1rem 0; text-transform: none; }

.annual-repport-content p { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.8rem; }

@media all and (min-width: 75em) { .annual-repport-content p { font-size: 1.8rem; line-height: 4rem; } }

.people-top { width: 100%; height: auto; max-width: 100%; max-height: 430px; display: block; background: transparent; position: relative; }

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

.comite-default-wrapper .field--name-field-p-people .paragraph { background: #fff; box-shadow: none; padding: 2rem; }

.comite-default-wrapper .field--name-field-p-people .paragraph .title { margin-bottom: 2rem; }

.wrapper-comite-description { background: #FAFAFA; margin: -60px 0 -80px 40px; padding: 20px; border: 1px solid #F4F4F4; z-index: 2; position: relative; }

@media all and (min-width: 75em) { .wrapper-comite-description { max-width: 43rem; margin: -40px 0 auto 40px; padding: 1.5rem 3rem; min-height: 34rem; } }

@media all and (min-width: 75em) { .partenaires-listing-wrapper .wrapper-comite-description { margin: 0 auto; } }

.wrapper-comite-description .field--name-body p { color: #585756; font-size: 1.4rem; line-height: 2rem; }

@media all and (min-width: 75em) { .wrapper-comite-description .field--name-body p { font-size: 1.8rem; line-height: 2.6rem; } }

.wrapper-comite-description .field--name-field-project-category { text-transform: uppercase; color: #2EBBE1; font-size: 1.4rem; line-height: 2.6rem; }

.wrapper-comite-description .field--name-field-project-population { font-size: 1.4rem; text-transform: uppercase; }

.wrapper-comite-description h3 { font-weight: 500; font-size: 2rem; }

.list-circle-big-blue { display: flex; justify-content: space-between; }

.list-circle-big-blue li { list-style-type: none; height: 190px; width: 190px; color: white; background: transparent; font-weight: 900; font-size: 20px; text-align: center; padding: 10.5rem 2rem 0 2rem; position: relative; line-height: 2rem; }

.list-circle-big-blue li:before { display: block; content: ''; width: 190px; height: 95px; background: transparent url("../images/icons/svg/circle-li.svg") no-repeat center top; position: absolute; top: 0; z-index: -1; left: 0; }

.list-circle-big-blue li:after { display: block; content: ''; width: 190px; height: 95px; background: transparent url("../images/icons/svg/circle-li.svg") no-repeat center bottom; position: absolute; bottom: 0; z-index: -1; left: 0; }

.list-circle-big-blue li.icon-conseil { background-image: url("../images/icons/svg/icon-conseil.svg"); background-repeat: no-repeat; background-position: top; background-size: 70px 125px; }

.list-circle-big-blue li.icon-comite { background-image: url("../images/icons/svg/icon-comite.svg"); background-repeat: no-repeat; background-position: top; background-size: 88px 125px; }

.list-circle-big-blue li.icon-secretariat { background-image: url("../images/icons/svg/icon-secretariat.svg"); background-repeat: no-repeat; background-position: top; background-size: 68px 136px; }

.list-circle-big-blue li.icon-organe { background-repeat: no-repeat; background-position: top; background-size: 76px 145px; background-image: url("../images/icons/svg/icon-organe.svg"); }

@media screen and (max-width: 600px) { .list-circle-big-blue { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; } }

@media screen and (max-width: 840px) and (min-width: 600px) { .list-circle-big-blue .list-circle-big-blue { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } }

.donner-en-confiance { position: relative; }

.donner-en-confiance p { color: #fff; font-size: 1.8rem; line-height: 2.6rem; font-weight: 300; }

.donner-en-confiance .paragraph { border-radius: 6px; background: #1a4c93; color: #fff; padding: 3rem 2rem; margin: 2rem auto; width: 23rem; max-width: 22.8rem; height: 28rem; }

@media all and (min-width: 75em) { .donner-en-confiance .paragraph { margin: 2rem 1rem; } }

.donner-en-confiance .paragraph strong { color: #fff; }

.donner-en-confiance .paragraph .field--name-field-count { font-size: 3rem; line-height: 3.6rem; font-weight: 700; margin: auto auto 2rem 0; }

.donner-en-confiance .slick-slide:nth-child(odd) .paragraph { background: #1a4c93; }

.donner-en-confiance .slick-slide:nth-child(even) .paragraph { margin-top: 8rem; background: #2EBBE1; }

.donner-en-confiance .slick-list { padding: 0 37% 0 0 !important; }

@media all and (min-width: 75em) { .donner-en-confiance .slick-list { padding: 0 !important; } }

.donner-en-confiance .slick-track { max-width: 1200px; }

@media all and (min-width: 75em) { .donner-en-confiance .slick-track { width: 100% !important; display: flex !important; transform: none !important; }
  .donner-en-confiance .slick-track .slick-slide { width: auto !important; margin: 0 auto; } }

.donner-en-confiance .slick-slide { padding: 0 1.5rem; }

@media all and (max-width: 74.99em) { .donner-en-confiance .slick-slide { max-width: 240px; } }

@media all and (min-width: 75em) { .donner-en-confiance .slick-slide > div { display: flex; } }

@media all and (min-width: 75em) { .donner-en-confiance .slick-slide .field__item:nth-child(odd) .paragraph { background: #1a4c93; } }

@media all and (min-width: 75em) { .donner-en-confiance .slick-slide .field__item:nth-child(even) .paragraph { margin-top: 8rem; background: #2EBBE1; } }

.donner-en-confiance .blue-arrow-nav { position: absolute; right: 2rem; display: block; width: 28px; height: 18px; background: url(../images/icons/svg/blue-arrow-right.svg) no-repeat center center; z-index: 10; top: -1rem; }

.donner-en-confiance .blue-arrow-nav.left { left: 2rem; transform: scaleX(-1); display: none; }

@media all and (min-width: 75em) { .donner-en-confiance .blue-arrow-nav.hide-on-desktop { display: none; } }

body.flyout-menu { --mobile-width: 100%; --mobile-height: 6rem; --background-color: white; --link-color: $blue; --border-color: $blue; transition: transform 0.25s; }

body.flyout-menu .flyout-menu-wrapper ul { list-style: none; padding: 0; }

body.flyout-menu .flyout-menu-wrapper ul li a { text-decoration: none; }

@media all and (min-width: 75em) { body.flyout-menu .flyout-menu-wrapper ul li a { padding: 1rem; } }

@media all and (min-width: 85.375em) { body.flyout-menu .flyout-menu-wrapper ul li a { padding: 1rem; } }

@media all and (min-width: 85.375em) { body.flyout-menu .flyout-menu-wrapper ul li { padding: 0 1rem; } }

@media all and (min-width: 85.375em) { body.flyout-menu .flyout-menu-wrapper ul li.dropbutton-action { padding: 0; } }

body.flyout-menu #flyout-menu-horizontal { display: none; }

body.flyout-menu #flyout-menu-offcanvas { display: none; position: fixed; top: 0; width: var(--mobile-width); height: 100vh; background-color: var(--background-color); overflow: scroll; z-index: 99; }

body.flyout-menu #flyout-menu-offcanvas ul { margin: 0; }

body.flyout-menu #flyout-menu-offcanvas ul li { padding: 0.75rem 0; }

body.flyout-menu #flyout-menu-offcanvas ul li .sub-menu-toggle { display: block; clear: both; float: right; width: 24px; height: 24px; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23fff" d="M 22.800781 9 L 15 9 L 15 1.199219 C 15 0.539062 14.460938 0 13.800781 0 L 10.199219 0 C 9.539062 0 9 0.539062 9 1.199219 L 9 9 L 1.199219 9 C 0.539062 9 0 9.539062 0 10.199219 L 0 13.800781 C 0 14.460938 0.539062 15 1.199219 15 L 9 15 L 9 22.800781 C 9 23.460938 9.539062 23.996094 10.199219 24 L 13.800781 24 C 14.460938 24 15 23.460938 15 22.800781 L 15 15 L 22.800781 15 C 23.460938 14.996094 23.996094 14.460938 24 13.800781 L 24 10.199219 C 24 9.539062 23.460938 9.003906 22.800781 9 Z M 22.800781 9 "/%3E%3C/svg%3E'); background-position: 50%; background-size: 0.75rem; background-repeat: no-repeat; cursor: pointer; }

body.flyout-menu #flyout-menu-offcanvas ul .sub-menu { display: none; list-style: none; padding: 0; margin-left: 2rem; margin-bottom: 1rem; }

body.flyout-menu #flyout-menu-offcanvas ul .sub-menu li { border-bottom: 0; padding: 0.25rem 0; }

body.flyout-menu #flyout-menu-offcanvas ul .open a { color: #1a4c93; }

body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu { display: block; margin: 0; }

body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li { line-height: 3rem; border: none; }

body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li:first-child { margin-top: 2rem; }

body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu a { margin-right: 0; color: #585756; }

body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu a.is-active { color: #1a4c93; }

body.flyout-menu #flyout-menu-offcanvas ul .sub-menu-open > .sub-menu-toggle { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23fff" d="M 22.800781 9 C 23.460938 9 24 9.539062 24 10.199219 L 24 13.800781 C 24 14.460938 23.460938 15 22.800781 15 L 1.199219 15 C 0.539062 15 0.00390625 14.460938 0 13.800781 L 0 10.199219 C 0.00390625 9.539062 0.539062 9.003906 1.199219 9 Z M 22.800781 9 "/%3E%3C/svg%3E'); }

body.flyout-menu #flyout-menu-offcanvas ul .sub-menu-open > .sub-menu { display: block; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu { border-bottom: none; z-index: 999; margin: 0; font-size: 1.6rem; text-transform: uppercase; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li { display: inline-block; position: relative; line-height: 11.5rem; padding: 0; margin: 0; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li a { line-height: 2rem; display: inline-block; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li:hover { background: url("../images/icons/svg/menu-bottom.svg") no-repeat bottom center; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li.menu-item--active-trail { color: #1a4c93; background: url("../images/icons/svg/menu-bottom.svg") no-repeat bottom center; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li.menu-item--expanded { padding-right: .5rem; list-style-type: none; list-style-image: none; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li.menu-item--expanded::after { content: url("../images/icons/svg/menu-arrow.svg"); position: absolute; width: 9px; top: -2px; right: 2px; /* transition: all 0.75s 0.25s; */ /* height: 1.3rem; */ display: inline-block; height: 5px; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li:hover { color: #1a4c93; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li a { font-size: 1.6rem; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul { display: none; position: absolute; top: 11.5rem; left: -20px; background-color: #ffffff; border: 0; box-shadow: none; min-width: 35rem; height: auto; z-index: 999; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li { display: block; border-bottom: 1px solid #d8d8d8; text-transform: uppercase; line-height: 4rem; padding: 1em; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a { display: inline; padding: 0 1.5rem; line-height: 4rem; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.is-active { color: #1a4c93; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li:hover { color: #1a4c93; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul.sub-menu li { color: #585756; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul.sub-menu li:hover { color: #1a4c93; background: none; }

body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li:hover ul { display: block; }

@media all and (min-width: 75em) { body.flyout-menu #flyout-menu-horizontal .hug-main-menu { display: flex; align-items: center; } }

@media all and (min-width: 85.375em) { body.flyout-menu #flyout-menu-horizontal .hug-main-menu { gap: 1rem; } }

@media all and (min-width: 75em) { body.flyout-menu #flyout-menu-horizontal { display: flex; align-items: center; } }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu { margin: 0; padding: 0; }

@media all and (min-width: 75em) { body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu { padding: 0 1rem 0 1rem; } }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu li { text-transform: uppercase; border-bottom: 1px solid #f2f2f2; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu li:first-child { border-top: 1px solid #f2f2f2; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu a { display: block; width: 100%; padding-left: 1rem; line-height: 3rem; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open .main-menu-aside { padding: 0 1rem 0 1rem; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open li { position: relative; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.menu-item--expanded { padding-right: 1.25rem; list-style-type: none; list-style-image: none; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.menu-item--expanded::after { content: url("../images/icons/svg/menu-arrow.svg"); position: absolute; width: 9px; top: 1rem; right: 1rem; display: inline-block; height: 5px; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.menu-item--active-trail { color: #1a4c93; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.open.menu-item--expanded::after { transform: rotate(180deg); top: 3rem; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left { transform: translateX(calc(var(--mobile-width))); overflow: hidden; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left #flyout-menu-offcanvas { left: calc(var(--mobile-width) * -1); text-transform: uppercase; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left #flyout-menu-offcanvas > ul { margin: 0; padding: 0; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left #flyout-menu-offcanvas > ul > li { border-top: 1px solid #f2f2f2; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-right { overflow: hidden; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-right #flyout-menu-offcanvas { top: 8rem; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open #flyout-menu-offcanvas { display: block; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open .bottom-page { margin: 2rem -1.5rem; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open .block-content--bottom-2 { padding: 0 1.5rem; }

body.flyout-menu.flyout-menu-mobile.flyout-menu-open .block-content--bottom-2 p { display: flex; justify-content: space-between; }

body.flyout-menu.flyout-menu-mobile #flyout-menu-horizontal { display: none; }

.flyout-menu-toggle { --color: $blue; --open-color: $blue; --hover-opacity: 1; display: inline-block; background-color: transparent; border: 0; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; margin: 0; overflow: visible; cursor: pointer; padding: 0; }

.flyout-menu-toggle:hover { opacity: var(--hover-opacity); }

.flyout-menu-toggle .toggle-wrapper { width: 24px; height: 18px; display: inline-block; position: relative; margin-top: 1em; }

.flyout-menu-toggle .toggle-wrapper .toggle, .flyout-menu-toggle .toggle-wrapper .toggle::before, .flyout-menu-toggle .toggle-wrapper .toggle::after { width: 24px; height: 1px; background-color: #1a4c93; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.flyout-menu-toggle .toggle-wrapper .toggle { display: block; top: 50%; transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); margin-top: -2px; }

.flyout-menu-toggle .toggle-wrapper .toggle::before, .flyout-menu-toggle .toggle-wrapper .toggle::after { content: ""; display: block; }

.flyout-menu-toggle .toggle-wrapper .toggle::before { top: -10px; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.flyout-menu-toggle .toggle-wrapper .toggle::after { bottom: -10px; transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.flyout-menu-toggle.is-open:hover { opacity: var(--hover-opacity); }

.flyout-menu-toggle.is-open .toggle { background-color: #1a4c93; transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.flyout-menu-toggle.is-open .toggle::before { background-color: #1a4c93; top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.flyout-menu-toggle.is-open .toggle::after { background-color: #1a4c93; 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); }

body:not(.flyout-menu-mobile) .flyout-menu-toggle-block { display: none; }

@media all and (min-width: 75em) { .keys-number .field--name-field-p-numbers { display: flex; margin: 12rem auto; max-width: 92rem; align-items: center; } }

.keys-number .field--name-field-p-numbers > .field__item { text-align: center; }

@media all and (min-width: 75em) { .keys-number .field--name-field-p-numbers > .field__item { flex: 30%; }
  .keys-number .field--name-field-p-numbers > .field__item:not(:last-child) { border-right: 1px solid #e6e6e6; } }

.keys-number .field--name-field-text-number { font-weight: 900; font-size: 6rem; line-height: 7.2rem; color: #2EBBE1; margin-bottom: 1rem; }

.keys-number .field--name-field-text { color: #1a4c93; font-size: 2rem; line-height: 2.4rem; font-weight: 900; max-width: 20rem; margin: 0 auto; }

@media all and (min-width: 75em) { .keys-number .field--name-field-text { min-height: 6rem; } }

.keys-number .paragraph.paragraph--type--key-number.paragraph--view-mode--default { padding-top: 2rem; margin: 0 auto; padding-bottom: 2rem; max-width: 240px; }

@media all and (min-width: 75em) { .keys-number .paragraph.paragraph--type--key-number.paragraph--view-mode--default { padding-bottom: 0; } }

.keys-number .field__item:not(:last-child) .paragraph { border-bottom: 1px solid #e6e6e6; }

@media all and (min-width: 75em) { .keys-number .field__item:not(:last-child) .paragraph { border: none; } }

.block-hug-news-home-block { padding: 0 1rem; }

.block-hug-news-home-block img { width: auto; -o-object-fit: cover; object-fit: cover; }

@media all and (min-width: 75em) { .block-hug-news-home-block img { padding: 0; min-height: 20rem; } }

@media all and (min-width: 75em) { .block-hug-news-home-block { padding: 0; } }

.block-hug-news-home-block .news-home-block-title .subtitle, .block-hug-news-home-block .news-home-block-title .field--name-field-subtitle { color: #585756; }

.block-hug-news-home-block .news-img.in-background img { width: 100%; }

.featured-news .news-date { color: #2EBBE1; font-size: 1.4rem; }

.featured-news .news-date time { display: block; margin-bottom: 1.5rem; }

.featured-news .news-date time:before { content: ''; background: url(../images/icons/svg/time.svg) no-repeat; display: inline-block; width: 20px; height: 17px; margin-right: .5rem; position: relative; top: 0.25rem; }

.news-home-inside { max-width: 145rem; margin: 0 auto; }

@media all and (min-width: 75em) { .news-home-inside { margin: 5rem auto; padding: 0 1.5rem; } }

@media all and (min-width: 75em) { .news-home-content { display: flex; justify-content: space-between; } }

@media all and (min-width: 40em) { .news-home-content .left { flex: 2.2; max-width: 94rem; } }

@media all and (min-width: 40em) and (max-width: 85.365em) { .news-home-content .left { flex: unset; max-width: none; } }

@media all and (min-width: 75em) { .news-home-content .right { flex: 0.8; -moz-columns: 1; columns: 1; max-width: 38rem; } }

@media all and (max-width: 74.99em) { .big-featured-news .news-content { padding-right: 1rem; padding-left: 1rem; box-shadow: 0 30px 30px #f2f2f2; } }

@media all and (min-width: 75em) { .big-featured-news { box-shadow: #e6e6e6 0 0 20px; display: flex; }
  .big-featured-news .news-img .field--name-field-image { height: 100%; }
  .big-featured-news .news-img img { width: auto; height: 100%; float: left; -o-object-fit: cover; object-fit: cover; }
  .big-featured-news .news-content { flex: 2; padding: 2.4rem; } }

@media all and (min-width: 85.375em) { .big-featured-news .news-content { flex: 54%; } }

@media all and (max-width: 74.99em) { .big-featured-news .news-img { text-align: center; } }

.small-featured-news { position: relative; overflow: hidden; height: 20rem; }

.small-featured-news .in-background { position: absolute; z-index: -1; }

.small-featured-news h3 { font-size: 2rem; color: #fff; }

.small-featured-news .news-content { padding: 30px; }

.small-featured-news:first-child { margin-bottom: 2rem; }

.small-featured-news .small-featured-link { background-color: rgba(27, 76, 147, 0.34); display: block; min-height: 20rem; }

.small-featured-news .small-featured-link:hover { background-color: rgba(27, 76, 147, 0.93); }

.small-featured-news:hover { cursor: pointer; }

@media all and (max-width: 85.365em) { .small-featured-news { display: none; } }

.all-news-link { color: #1a4c93; text-transform: uppercase; text-decoration: underline; font-size: 1.5rem; }

.all-news-link.desktop { display: none; text-align: right; color: #1a4c93; margin: 0; }

@media all and (min-width: 85.375em) { .all-news-link.desktop { display: block; } }

.all-news-link.mobile { margin-top: 2.2rem; display: block; text-align: center; }

@media all and (min-width: 85.375em) { .all-news-link.mobile { display: none; } }

header[role="banner"] { clear: both; width: 100%; box-shadow: 0 0 10px #d8d8d8; z-index: 999; position: fixed; background: #fff; }

@media all and (min-width: 75em) { header[role="banner"] { position: relative; box-shadow: none; z-index: unset; } }

header[role="banner"] .block-system-branding-block { flex-grow: 1; }

@media all and (min-width: 85.375em) { header[role="banner"] .block-system-branding-block { width: auto; } }

header[role="banner"] .region-header { display: flex; position: relative; align-items: center; max-width: 1652px; margin: 0 auto; padding: 0 1.5rem; }

@media all and (min-width: 75em) { header[role="banner"] .region-header { justify-content: space-around; } }

header[role="banner"] nav[role="navigation"] { border: none; }

header[role="banner"] nav[role="navigation"] > ul { width: auto; }

header[role="banner"] nav[role="navigation"] > ul li { text-indent: 0; }

header[role="banner"] nav[role="navigation"] > ul li:before { display: none; margin: 0 10px; }

header[role="banner"] .language-switcher-language-url { float: left; }

header[role="banner"] .header-search-form { margin: 0 6rem 0 4rem; }

@media all and (min-width: 75em) and (max-width: 85.365em) { header[role="banner"] .header-search-form { margin: 0 2rem 0 1rem; } }

.header-banner-wrapper { background: rgba(27, 76, 147, 0.8); }

.header-banner { width: 100%; mix-blend-mode: multiply; }

.header-banner .banner-image { position: absolute; z-index: -1; width: 100%; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); mix-blend-mode: multiply; }

.layout-builder--content-preview-disabled .header-banner .banner-image { position: relative; transform: unset; mix-blend-mode: unset; z-index: unset; top: unset; left: unset; }

.header-banner .banner-image img { max-height: 65vh; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }

@media all and (min-width: 75em) { .header-banner .banner-image img { height: auto; } }

.header-banner .back-link { color: white; font-size: 1.2rem; }

.header-banner .back-link:before { display: inline-block; content: ' '; height: 18px; width: 28px; margin-right: 10px; background-image: url("../images/icons/svg/back-link.svg"); top: 0.5rem; position: relative; }

.header .site-logo { float: left; }

.header .site-logo img { width: 140px; max-width: none; }

@media all and (min-width: 75em) { .header .site-logo img { width: 210px; } }

.featured-block-title-centered.mission-valeurs-block-title { text-align: center; }

.charte-ethique .field__item h2:not(.page-node-type-homepage) { margin-left: 25px; }

.charte-ethique .clearfix.text-formatted.field.field--name-field-footer.field--type-text-long.field--label-hidden.field__item > p { color: #585756; font-weight: 400; }

.charte-ethique .clearfix.text-formatted.field.field--name-field-formated-text.field--type-text-long.field--label-hidden.field__item { margin: auto; }

.paragraph.paragraph--type--pane-listing.paragraph--view-mode--default.pane-slick { display: flex; flex-direction: column; }

@media screen and (min-width: 700px) { .mission-valeurs { width: auto; margin: 0px 8rem 30px 8rem; } }

@media all and (max-width: 74.99em) { .mission-valeurs { flex: 30%; }
  .mission-valeurs .field__item { padding: 2rem; }
  .mission-valeurs .field__item .paragraph:after { content: ''; display: block; position: relative; width: 80%; border: 1px solid #e6e6e6; margin: 0 auto 0 auto; border-right: none; }
  .mission-valeurs .field__item:last-child .paragraph:after { display: none; } }

@media all and (min-width: 75em) { .mission-valeurs .field--name-field-p-numbers { display: flex; margin: 4.5rem auto; align-items: center; } }

.mission-valeurs .field--name-field-p-numbers > .field__item { text-align: center; }

@media all and (min-width: 75em) { .mission-valeurs .field--name-field-p-numbers > .field__item { flex: 30%; } }

@media all and (min-width: 75em) and (min-width: 75em) { .mission-valeurs .field--name-field-p-numbers > .field__item .paragraph { width: 200px; margin: auto; } }

@media all and (min-width: 75em) { .mission-valeurs .field--name-field-p-numbers > .field__item:not(:last-child) .paragraph { border-bottom: 1px solid #e6e6e6; } }

@media all and (min-width: 75em) and (min-width: 75em) { .mission-valeurs .field--name-field-p-numbers > .field__item:not(:last-child) .paragraph { border: none; } }

@media all and (min-width: 75em) { .mission-valeurs .field--name-field-p-numbers > .field__item:not(:last-child) { border-right: 1px solid #e6e6e6; } }

.mission-valeurs .field--name-field-text-number { font-weight: 900; font-size: 20px; line-height: 3.2rem; color: #1B4C93; margin-bottom: 1rem; }

.mission-valeurs .field--name-field-text { color: #1a4c93; font-size: 2rem; line-height: 2.4rem; font-weight: 900; max-width: 20rem; margin: 0 auto; }

@media all and (min-width: 75em) { .mission-valeurs .field--name-field-text { min-height: 6rem; } }

nav[role="navigation"] { width: 100%; /*margin-top: 2em; border-bottom: 4px solid #47a3da;*/ }

nav[role="navigation"].tabs { clear: both; }

/* general ul style */
nav[role="navigation"] ul { margin: 0; padding: 0; list-style-type: none; }

/* first level ul style */
nav[role="navigation"] > ul, nav[role="navigation"] .cbp-hrsub-inner { width: 90%; max-width: 70em; /*margin: 0 auto; padding: 0 1.875em;*/ }

nav[role="navigation"] > ul > li { display: inline-block; }

nav[role="navigation"] > ul > li > a { font-weight: 700; padding: 1em; color: #999; display: inline-block; }

nav[role="navigation"] > ul > li > a:hover { color: #47a3da; }

nav[role="navigation"] > ul > li.cbp-hropen a, nav[role="navigation"] > ul > li.cbp-hropen > a:hover { color: #fff; background: #47a3da; }

/* sub-menu */
nav[role="navigation"] .menu li .menu { display: none; position: absolute; background: #47a3da; width: 100%; left: 0; }

.cbp-hropen .cbp-hrsub { display: block; padding-bottom: 3em; }

nav[role="navigation"] .cbp-hrsub-inner > div { width: 33%; float: left; padding: 0 2em 0; }

nav[role="navigation"] .cbp-hrsub-inner:before, nav[role="navigation"] .cbp-hrsub-inner:after { content: " "; display: table; }

nav[role="navigation"] .cbp-hrsub-inner:after { clear: both; }

nav[role="navigation"] .cbp-hrsub-inner > div a { line-height: 2em; }

.cbp-hrsub h4 { color: #afdefa; padding: 2em 0 0.6em; margin: 0; font-size: 160%; font-weight: 300; }

/* Examples for media queries */
@media screen and (max-width: 52.75em) { nav[role="navigation"] { font-size: 80%; } }

@media screen and (max-width: 43em) { nav[role="navigation"] { font-size: 120%; border: none; }
  nav[role="navigation"] > ul, nav[role="navigation"] .cbp-hrsub-inner { width: 100%; padding: 0; }
  nav[role="navigation"] .cbp-hrsub-inner { padding: 0 2em; font-size: 75%; }
  nav[role="navigation"] > ul > li { display: block; border-bottom: 4px solid #47a3da; }
  nav[role="navigation"] > ul > li > a { display: block; padding: 1em 3em; }
  nav[role="navigation"] .cbp-hrsub { position: relative; }
  .cbp-hrsub h4 { padding-top: 0.6em; } }

@media screen and (max-width: 36em) { nav[role="navigation"] .cbp-hrsub-inner > div { width: 100%; float: none; padding: 0 2em; } }

.block-partager-cette-page { text-align: center; }

.block-partager-cette-page p { color: #1a4c93; margin-bottom: .25rem; display: flex; justify-content: center; gap: 1rem; }

@media all and (min-width: 75em) { .block-partager-cette-page p { gap: 2rem; } }

@media all and (min-width: 75em) { .block-partager-cette-page .inside { margin: 3rem 0; display: flex; justify-content: center; align-items: center; gap: 2rem; } }

.partenaires-carousel-wrapper { max-width: 800px; margin: 0 auto; }

.partenaires-carousel-wrapper .slick-slide { margin-right: 2rem; }

.partenaires-carousel-wrapper .js-partenaires-carousel { margin: 3rem 0; }

.partenaires-carousel-wrapper img { width: auto; height: auto; }

.partenaires-carousel-wrapper .control { display: flex; justify-content: center; gap: 2rem; }

.partenaires-carousel-wrapper .control span { display: inline-block; cursor: pointer; }

.partenaires-carousel-wrapper .control span svg { fill: #C0C0C0; }

.partenaires-carousel-wrapper .control span svg:hover, .partenaires-carousel-wrapper .control span svg:active { fill: #1a4c93; }

.with-margin-bottom.layout { margin-bottom: 2rem; }

.comite-slider-carousel-wrapper .field--name-field-p-people .people-top img { width: auto; height: auto; max-width: 100%; }

.comite-slider-carousel-wrapper .field--name-field-p-people .paragraph { background: #fff; padding: 0; box-shadow: none; width: 35rem; }

.comite-slider-carousel-wrapper .field--name-field-p-people .people-top { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; }

.comite-slider-carousel-wrapper .field--name-field-p-people .field--name-field-subtitle { text-align: left; text-transform: unset; font-size: 18px; font-family: 'Lato'; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.0271806px; }

.comite-slider-carousel-wrapper .field__item { margin-bottom: 2rem; }

@media all and (min-width: 75em) { .comite-slider-carousel-wrapper .field__item { margin-bottom: 0; } }

.comite-slider-carousel-wrapper img.image-style-people-slider { width: auto; height: auto; }

.comite-slider-carousel-wrapper .people-top { padding-right: 10rem; }

.comite-slider-carousel-wrapper .people-top .title { width: 18rem; }

.comite-slider-carousel-wrapper .people-top .title .field--name-field-title { margin-bottom: 1rem; }

.comite-slider-carousel-wrapper .people-top .photo { overflow: hidden; border-radius: 100%; height: 70px; width: 70px; position: relative; display: block; }

.comite-slider-carousel-wrapper .people-top .photo img { height: auto; width: 90px; position: absolute; max-width: none; top: 0; z-index: 999; left: 50%; margin-left: -45px; }

.comite-slider-carousel-wrapper .control { display: flex; justify-content: center; gap: 2rem; margin-bottom: 3.5rem; }

.comite-slider-carousel-wrapper .control span { display: inline-block; cursor: pointer; }

.comite-slider-carousel-wrapper .control span svg { fill: #C0C0C0; }

.comite-slider-carousel-wrapper .control span svg:hover, .comite-slider-carousel-wrapper .control span svg:active { fill: #1a4c93; }

@media all and (min-width: 75em) { .field--name-field-p-people { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; margin-top: 3rem; } }

.field--name-field-p-people .paragraph { background: #fff; box-shadow: #e6e6e6 0 0 20px; padding: 2rem; }

@media all and (min-width: 75em) { .field--name-field-p-people .paragraph { height: 100%; } }

.field--name-field-p-people .people-top { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; width: 100%; }

.field--name-field-p-people .people-top img { width: auto; height: auto; max-width: none; }

@media all and (max-width: 74.99em) { .field--name-field-p-people .people-top img { max-width: 152px; } }

@media all and (min-width: 75em) { .field--name-field-p-people .people-bottom { height: 100%; } }

.field--name-field-p-people .field--name-field-title { color: #1a4c93; font-family: "Lato", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2rem; }

.field--name-field-p-people .field--name-field-subtitle { text-align: left; text-transform: unset; }

.field--name-field-p-people .field__item { margin-bottom: 2rem; }

@media all and (min-width: 75em) { .field--name-field-p-people .field__item { margin-bottom: 0; } }

.project-slider { position: relative; margin-bottom: 1rem; }

@media all and (min-width: 75em) { .project-slider { margin-bottom: 6rem; } }

.project-slider_count { display: block; line-height: 5rem; letter-spacing: .2em; text-transform: uppercase; text-decoration: underline; color: #1a4c93; text-align: right; }

@media all and (min-width: 75em) { .project-slider_count { float: right; font-size: 1.4rem; } }

@media all and (min-width: 75em) { .even .project-slider_count { float: left; } }

.project-slider .owl-item { position: relative; display: inline-block; height: 100%; }

.project-slider .owl-stage-outer { overflow: hidden; }

.project-slider_visual { position: relative; }

.project-slider_visual:before { content: ''; float: left; padding-bottom: 50%; }

.project-slider_visual:after { content: ''; display: table; clear: both; }

@media all and (min-width: 75em) { .project-slider_visual { width: 60%; }
  .project-slider_visual:before { content: ''; float: left; padding-bottom: 100%; }
  .project-slider_visual:after { content: ''; display: table; clear: both; } }

@media all and (min-width: 75em) { .even .project-slider_visual { margin-left: 40%; } }

.project-slider_visual .project-slider_slide { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-position: center; background-size: cover; }

.project-slider_visual .owl-stage-outer { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }

.project-slider_visual .owl-stage { height: 100%; }

@media all and (min-width: 75em) { .project-slider_text-block { position: absolute; width: 60%; bottom: 0; top: 8rem; } }

@media all and (min-width: 75em) { .odd .project-slider_text-block { right: 0; } }

@media all and (min-width: 75em) { .even .project-slider_text-block { left: 0; } }

.project-slider_control { padding: 2rem 1.5rem; background-color: #1a4c93; color: #fff; }

@media all and (min-width: 75em) { .project-slider_control { padding: 4rem 10rem; } }

.project-slider_title { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; display: inline-block; }

@media all and (min-width: 85.375em) { .project-slider_title { font-size: 1.4rem; } }

.project-slider_arrows { display: inline-block; float: right; }

.project-slider_arrows img { width: 2rem; cursor: pointer; }

.project-slider_arrows img:last-of-type { margin-left: 2.5rem; }

.project-slider_content { padding: 2.5rem 1.75rem; background-color: #f2f2f2; }

@media all and (min-width: 75em) { .project-slider_content { padding: 5rem 10rem 4rem 10rem; } }

@media all and (min-width: 75em) and (max-width: 85.365em) { .project-slider_content { height: calc(100% - 10.4rem); } }

@media all and (min-width: 85.375em) { .project-slider_content { height: calc(100% - 11rem); } }

.project-slider_content_title { font-family: "Univers", sans-serif; font-style: normal; font-size: 1.8rem; font-weight: 400; letter-spacing: .05em; line-height: 2.3rem; color: #1a4c93; margin-bottom: 2rem; }

.project-slider_content_text { margin-bottom: 2rem; }

.project-slider_content_link { align-self: right; }

.tabs-wrapper { margin: 4rem auto 0 auto; position: relative; max-width: 146rem; }

.featured-projects [data-tab-content] { display: none; }

.featured-projects .tab-content .hug-nodes-wrapper { display: none; }

@media all and (min-width: 75em) { .featured-projects .tab-content .hug-nodes-wrapper.active { display: flex; justify-content: center; } }

.featured-projects .active[data-tab-content] { display: block; }

.featured-projects .projects-tabs { padding: 0 10px 0 10px; position: absolute; z-index: 99; width: 100%; margin: 0; top: -2rem; }

@media all and (min-width: 75em) { .featured-projects .projects-tabs { display: flex; margin-left: 0; position: static; margin-bottom: 3.8rem; } }

.featured-projects .tabs .hug-nodes-wrapper { max-width: 100%; }

@media all and (min-width: 75em) { .featured-projects .tabs { justify-content: space-around; list-style-type: none; padding: 0; border-bottom: 1px solid black; display: flex; overflow: auto; margin: 0 auto; width: 600px; } }

.featured-projects .tab { background: #1a4c93; color: #fff; font-weight: 700; text-transform: uppercase; text-indent: 2rem; line-height: 5.5rem; margin: 0; border-bottom: 1px solid #0A2B5C; border-left: none; border-right: none; display: none; }

@media all and (min-width: 75em) { .featured-projects .tab { cursor: pointer; padding: 10px; color: #2EBBE1; flex: auto; text-align: center; background-color: transparent; border: none; display: block; text-indent: 0; } }

.featured-projects .tab.active { display: block; background: #1a4c93 url(../images/icons/svg/search-white.svg) no-repeat right 2rem center; color: #fff; }

@media all and (min-width: 75em) { .featured-projects .tab.active { color: #1B4C93; background: transparent url(../images/icons/svg/tabs-hover-arrow-bottom.svg) no-repeat bottom center; } }

@media all and (min-width: 75em) { .featured-projects .tab:hover { color: #1B4C93; background: transparent url(../images/icons/svg/tabs-hover-arrow-bottom.svg) no-repeat bottom center; } }

.featured-projects .open-project-menu-mobile .tab { display: block; }

.featured-projects .tab-content { margin-left: 10px; margin-right: 10px; }

@media all and (min-width: 75em) { .featured-projects .tab-content { margin: 0 auto; } }

.featured-projects .tab-content .slick-slide { height: auto; }

.featured-projects .tab-content .slick-slide img { display: block; max-width: 100%; height: auto; width: 100%; }

@media all and (min-width: 75em) { .featured-projects .tab-content .slick-track { width: 100% !important; display: flex !important; justify-content: space-between; gap: 1rem; }
  .featured-projects .tab-content .slick-track .slick-slide { max-width: 47rem; flex-grow: 9999; } }

.featured-projects .slick-dots { margin-top: 0; margin-bottom: 0; }

.featured-projects .slick-dots li { border: 1px solid rgba(26, 76, 147, 0.5); }

.featured-projects .slick-dots li.slick-active { border: 1px solid #1a4c93; }

.featured-projects .js-simple-carousel-control { text-align: center; }

@media all and (min-width: 75em) { .featured-projects .js-simple-carousel-control { display: none; } }

.featured-projects .btn { width: 100%; }

@media all and (min-width: 75em) { .featured-projects .btn { width: auto; } }

.featured-projects ul li { margin-bottom: 0; text-indent: 0; }

.featured-projects .node__links { text-align: center; }

@media all and (min-width: 75em) { .featured-projects .node__links { text-align: left; } }

@media all and (min-width: 75em) { .tab-content .hug-nodes-wrapper { max-width: 146rem; } }

.tab-content .hug-nodes-wrapper .project-teaser-top .field--name-field-project-status { top: 5rem; }

@media all and (min-width: 75em) { .tab-content .hug-nodes-wrapper .project-teaser-top .field--name-field-project-status { top: 3rem; } }

.contribute-block { text-align: center; padding: 6rem 1rem; background: rgba(27, 76, 147, 0.5); }

@media all and (min-width: 75em) and (max-width: 85.365em) { .contribute-block { padding: 5rem 0; } }

@media all and (min-width: 85.375em) { .contribute-block { padding: 15rem 0; } }

.contribute-block .field--name-field-description { margin-bottom: 5rem; margin-top: 3rem; }

.contribute-block .subtitle, .contribute-block .field--name-field-subtitle { text-transform: none; color: #fff; font-size: 2.6rem; font-weight: 300; }

@media all and (min-width: 75em) { .contribute-block .subtitle, .contribute-block .field--name-field-subtitle { font-size: 3.6rem; line-height: 4.3rem; } }

.contribute-block .btn { border: 1px solid #fff; width: 100%; display: block; }

.contribute-block .btn:hover { background: #fff; color: #1a4c93; }

.contribute-block .inline-fields .field { display: block; }

@media all and (min-width: 75em) { .contribute-block .inline-fields .field { display: flex; justify-content: center; } }

.contribute-block .inline-fields .field__item { display: block; width: 100%; }

@media all and (min-width: 75em) { .contribute-block .inline-fields .field__item { width: auto; } }

.contribute-block .inline-fields .field__item:first-child { margin-bottom: 2rem; }

.contribute-block .inline-fields .field__item:last-child .btn { border: 1px solid #fff; background: #fff; color: #1a4c93; }

.contribute-block h2 { font-weight: 600; }

@media all and (min-width: 75em) { .contribute-block h2 { line-height: 4.3rem; } }

.image-has-bg { position: absolute; z-index: -1; top: 0; left: 0; mix-blend-mode: multiply; }

.image-has-bg img { -o-object-fit: cover; object-fit: cover; width: auto; max-width: none; }

@media all and (min-width: 75em) { .image-has-bg img { max-width: 120%; } }

/* # Templates */
.bottom-page { background: #F5F5F5; }

.bottom-page p, .bottom-page a { font-size: 1.5rem; text-align: center; color: #585756; text-decoration: none; font-weight: normal; }

@media all and (min-width: 75em) { .bottom-page p, .bottom-page a { text-align: left; } }

.bottom-page img { width: auto; max-width: 150px; }

@media all and (min-width: 75em) { .bottom-page .bottom-page-inside { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 120rem; padding-left: 1.5rem; padding-right: 1.5rem; } }

@media all and (min-width: 75em) { .bottom-page .bottom-item { flex-grow: 1; width: 50%; justify-content: space-around; } }

.footer .btn-top img { width: 1em; }

.region-bottom-col2 { padding: 0 1.5rem; }

.region-bottom-col2 p { display: flex; justify-content: space-between; }

@media all and (min-width: 75em) { .region-bottom-col2 p { justify-content: flex-end; gap: 2rem; } }

#block-bottom2 { padding: 0 1.5rem; max-width: 39rem; margin: 0 auto; }

#block-bottom2 p { display: flex; justify-content: space-between; }

.footer img { width: auto; }

@media all and (min-width: 75em) { .footer-page { border-top: 1px solid #d8d8d8; } }

.footer-page-inside { display: block; }

@media all and (min-width: 75em) { .footer-page-inside { display: flex; flex-wrap: wrap; padding-top: 3rem; margin: 0 auto; max-width: 120rem; padding-left: 1.5rem; padding-right: 1.5rem; } }

.footer-page-inside p { font-size: 1.4rem; color: #585756; line-height: 2.2rem; }

.footer-page-inside svg { width: auto; }

.footer-page-inside .footer-item { width: 100%; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; border-bottom: 1px solid #d8d8d8; }

.footer-page-inside .footer-item:first-child { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }

@media all and (min-width: 75em) { .footer-page-inside .footer-item:first-child { border: none; } }

.footer-page-inside .footer-item:last-child { border-top: none; border-bottom: none; }

@media all and (min-width: 75em) { .footer-page-inside .footer-item { border: none; } }

.footer-page-inside .footer-item h2 { font-size: 1.5rem; text-align: left; line-height: 5rem; padding: 0 1.5rem 0 1.5rem; font-weight: 600; background: url(../images/icons/svg/arrow-down-small.svg) no-repeat right 1.5rem center; position: relative; margin-bottom: 0; }

@media all and (min-width: 75em) { .footer-page-inside .footer-item h2 { background: none; padding: 0; } }

.footer-page-inside .footer-item h2 .open-footer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }

@media all and (min-width: 75em) { .footer-page-inside .footer-item h2 .open-footer { display: none; } }

.footer-page-inside .footer-item .field--name-body { font-size: 1.4rem; color: #585756; padding: 0 1.5rem; line-height: 2.2rem; margin-bottom: 2rem; font-family: "Lato", sans-serif; display: none; }

@media all and (min-width: 75em) { .footer-page-inside .footer-item .field--name-body { display: block; padding: 0; } }

.footer-page-inside .footer-item .open .field--name-body { display: block; }

.footer-page-inside .footer-item .open h2 { border-bottom: none; margin-bottom: 1rem; }

@media all and (min-width: 75em) { .footer-page-inside .footer-item { justify-content: space-evenly; flex: 1; flex-basis: content; flex-basis: content; } }

.footer { padding: 1.5rem 0 0 0; }

@media all and (min-width: 75em) { .footer { padding: 7rem 0 0 0; } }

.footer_column { margin-bottom: 4rem; }

@media all and (min-width: 75em) { .footer_column { float: left; width: 30%; } }

@media all and (min-width: 75em) { .footer_column:last-of-type { width: 40%; } }

.footer_title { font-family: "Univers-bold", sans-serif; font-style: normal; font-size: 1.4rem; font-weight: 700; letter-spacing: .05em; line-height: 1.5rem; text-transform: uppercase; color: #1a4c93; margin-bottom: 1.5rem; }

@media all and (min-width: 75em) { .footer_title { font-size: 1.9rem; line-height: 3rem; } }

.footer_text img:not(.footer_icon) { width: 10%; max-width: 100%; float: left; margin-right: 5%; }

.footer_text p { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; margin-bottom: 0; }

@media all and (min-width: 75em) { .footer_text p { float: left; width: 100%; } }

.footer_icon { width: 1.5rem; margin-right: 1rem; }

.footer_logo { padding: 2rem 0; background-color: #f2f2f2; }

.footer_logo img { width: 30%; float: right; margin-right: 3rem; }

@media all and (min-width: 75em) { .footer_logo img { width: auto; margin-left: 8rem; } }

.footer .btn-top { position: fixed; bottom: 2rem; right: 2rem; transform: translate(0, 11rem); transition: transform .8s ease; font-size: 1rem; padding: 1.5rem; }

@media all and (min-width: 75em) { .footer .btn-top { bottom: 2rem; right: 2rem; } }

.footer .btn-top.appear { transform: translate(0, 0); }

.footer .btn-top img { width: 1rem; }

.header { top: 0; right: 0; left: 0; height: 8rem; z-index: 99; transform: translate3d(0, 0, 0); transition: background 0.6s ease; }

@media all and (min-width: 75em) { .header { height: 11.5rem; } }

.home .header .header_logo { opacity: 0; visibility: hidden; }

.header.fixed { background: #1a4c93; }

.header.fixed .header_logo { opacity: 1; visibility: visible; }

@media all and (max-width: 74.99em) { .header.search-open { background-color: #1a4c93; } }

.header .site-logo { float: left; width: auto; }

.header_container { position: absolute; top: 50%; transform: translate(0, -50%); left: 10rem; }

@media all and (min-width: 75em) { .header_container { left: 50%; transform: translate(-50%, -50%); } }

.header .item-list { display: inline-block; }

.header ul.lang { margin-left: 50px; margin-top: 10px; display: inline-block; }

.header ul.lang li.active a.active { color: #fff; }

.header ul.lang li:not(.header_social_item)::before { display: none; }

@media all and (min-width: 75em) and (max-width: 85.365em) { .header ul.lang { margin-left: 10rem; } }

@media all and (min-width: 75em) { .header ul.lang { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; margin-right: 3rem; } }

.header ul.lang_item { display: inline-block; margin-right: 1rem; color: #fff; opacity: 0.2; }

@media all and (min-width: 75em) { .header ul.lang_item { display: block; } }

.header ul.lang_item.active, .header ul.lang_item:hover { opacity: 1; }

.header_back-link { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; vertical-align: top; line-height: 4rem; display: inline-block; color: #fff; }

@media all and (max-width: 74.99em) { .header_back-link { position: absolute; right: 16rem; top: 50%; transform: translate(0, -50%); } }

.header_back-link img { display: inline-block; max-width: 1rem; margin-right: 2rem; }

@media all and (max-width: 74.99em) { .header_back-link img { margin-right: 3.5rem; max-width: 1.5rem; } }

.header_type-nav { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; vertical-align: top; line-height: 4rem; display: none; color: #fff; }

@media all and (min-width: 75em) { .header_type-nav { display: inline-block; } }

@media all and (max-width: 74.99em) { .header_type-nav span { display: none; } }

.header_type-nav img { max-width: 1rem; }

@media all and (min-width: 75em) and (max-width: 85.365em) { .header_type-nav img { margin: 0 1rem; } }

@media all and (min-width: 85.375em) { .header_type-nav img { margin: 0 1.5rem; } }

.header_mobile-search-toggle { position: absolute; top: 50%; right: 16rem; width: 1.2rem; transform: translate(0, -50%); cursor: pointer; }

@media all and (min-width: 75em) { .header_mobile-search-toggle { display: none; } }

.header_search { position: absolute; display: inline-block; vertical-align: top; transition: transform .6s ease; }

@media all and (min-width: 75em) { .header_search { top: 50%; right: 24rem; transform: translate(0, -50%); } }

@media all and (max-width: 74.99em) { .header_search { position: absolute; left: 0; width: 100%; top: 5rem; background-color: #1a4c93; padding: 2rem; transform: translate(100%, 0); } }

.header_search.opened { transform: translate(0, 0); }

@media all and (min-width: 75em) { .front .header_search, .page-search .header_search { display: none; } }

@media all and (min-width: 75em) { .fixed .header_search { display: inline-block; } }

@media all and (min-width: 75em) { .header_search::before { content: url("../images/icons/loupe-white.svg"); position: absolute; width: 1.3rem; top: 50%; left: 0; transform: translate(0, -50%); } }

@media all and (max-width: 74.99em) { .header_search::before { left: 2rem; } }

.header_search input { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; vertical-align: top; line-height: 4rem; line-height: 1; background: transparent; border: none; border-bottom: 1px solid #fff; color: #fff; }

.header_search input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }

.header_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }

.header_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }

.header_search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

.header_search input:focus::-webkit-input-placeholder { /* Chrome */ color: transparent; }

.header_search input:focus:-ms-input-placeholder { /* IE 10+ */ color: transparent; }

.header_search input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; }

.header_search input:focus:-moz-placeholder { /* Firefox 4 - 18 */ color: transparent; }

@media all and (min-width: 85.375em) { .header_search input { min-width: 30rem; } }

@media all and (min-width: 75em) and (max-width: 85.365em) { .header_search input { min-width: 25rem; } }

@media all and (min-width: 75em) { .header_search input { padding: 1rem 7rem 1rem 2.5rem; } }

@media all and (max-width: 74.99em) { .header_social { position: absolute; height: 1px; width: 1px; padding: 0; border: 0; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } }

@media all and (min-width: 75em) { .header_social { position: absolute; right: 6.5rem; top: 50%; transform: translate(0, -50%); } }

.header_social_item { display: inline-block; }

@media all and (min-width: 75em) { .header_social_item { margin-right: 4.5rem; } }

.header_social_item img { max-width: 1.5rem; }

/* # Layout styles */
/*****************/
/****** TABLE LAYOUT (DEFAULT)*****/
/*****************/
.table { display: table; width: 100%; }

.table-full { display: table; width: 100%; height: 100%; }

.table-row { display: table-row; height: auto; }

.table-row-min { display: table-row; height: 1px; }

.table-cell { display: table-cell; vertical-align: top; }

.table-cell-middle { vertical-align: middle; }

.table-cell-bottom { vertical-align: bottom; }

.page_header { position: relative; display: flex; flex-flow: column wrap; justify-content: center; background-position: center; background-size: cover; height: 60rem; }

.page_header.fullheight { height: 100vh; }

.page_header::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.35); }

.page_header .container { z-index: 1; }

.page_header_content { width: 100%; }

@media all and (min-width: 75em) { .page_header_content { width: 80%; margin-left: 10rem; } }

@media all and (min-width: 75em) { .page_header_content img { max-width: 20rem; } }

.page_header_title { font-family: "Univers-bold"; color: #fff; font-size: 1.7rem; line-height: 2rem; letter-spacing: .1em; text-transform: uppercase; padding: 3rem 0; margin: 1.5rem 0 0 0; }

@media all and (min-width: 75em) and (max-width: 85.365em) { .page_header_title { font-size: 2.8rem; line-height: 3.4rem; } }

@media all and (min-width: 85.375em) { .page_header_title { font-size: 3.4rem; line-height: 4.6rem; } }

.page_header_title_sub { display: block; font-family: 'Lato'; font-weight: 300; text-transform: initial; margin: 2.5rem 0 1rem 0; }

@media all and (min-width: 75em) { .page_header_title_sub { letter-spacing: .2em; } }

.page_header_search { position: relative; margin-bottom: 4rem; }

@media all and (min-width: 75em) { .page_header_search { width: 40rem; margin-bottom: 6rem; } }

.page_header_search input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }

.page_header_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }

.page_header_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }

.page_header_search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

.page_header_search input:focus::-webkit-input-placeholder { /* Chrome */ color: transparent; }

.page_header_search input:focus:-ms-input-placeholder { /* IE 10+ */ color: transparent; }

.page_header_search input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; }

.page_header_search input:focus:-moz-placeholder { /* Firefox 4 - 18 */ color: transparent; }

.page_header_discover { color: #fff; cursor: pointer; }

.page_header_discover img, .page_header_discover_arrow { width: 2rem; margin-right: 1.5rem; }

@media all and (min-width: 75em) { .page_header_discover img, .page_header_discover_arrow { width: 4rem; margin-right: 3rem; } }

.page_header_discover span { display: inline-block; font-size: 1rem; vertical-align: top; text-transform: uppercase; line-height: 4rem; }

@media all and (min-width: 75em) { .page_header_discover span { font-size: 1.2rem; } }

.page-description_title { color: #fff; background-color: #1a4c93; font-size: 1.2rem; line-height: 4.5rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; }

@media all and (min-width: 75em) { .page-description_title { font-size: 1.4rem; line-height: 9rem; } }

.page-description_title p { margin-bottom: 0; }

.page-description_title .pull-right { margin-right: 10rem; }

@media all and (max-width: 74.99em) { .page-description_title .pull-right { display: none; } }

.page-description_author { font-size: 1.2rem; line-height: 1.7rem; padding: 2rem 0; background-color: #f2f2f2; }

@media all and (min-width: 75em) { .page-description_author { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; padding: 3rem 0; } }

@media all and (min-width: 75em) and (min-width: 75em) and (max-width: 85.365em) { .page-description_author { font-size: 1.6rem; line-height: 2.5rem; } }

@media all and (min-width: 75em) and (min-width: 85.375em) { .page-description_author { font-size: 1.9rem; line-height: 3rem; } }

.page-description_author p { max-width: 75%; margin-bottom: 0; display: inline-block; }

@media all and (min-width: 75em) { .page-description_author p { max-width: 50%; } }

.page-description_author_social { float: right; }

@media all and (min-width: 75em) { .page-description_author_social { margin-right: 4rem; } }

.page-description_author_social_link { display: block; }

.page-description_author_social_link img, .page-description_author_social_link span { display: inline-block; }

.page-description_author_social_link span { display: none; }

@media all and (min-width: 75em) { .page-description_author_social_link span { display: inline-block; padding: 0 0 0 2.5rem; } }

.page-description_author_social_link img { width: 1rem; margin: 0 0 0.5rem 0; }

@media all and (min-width: 75em) { .page-description_author_social_link img { width: 1.7rem; margin: 0; } }

.page-description_search { position: relative; background-color: #f2f2f2; }

@media all and (max-width: 74.99em) { .page-description_search { border-bottom: 1px solid #d8d8d8; } }

.page-description_search p { margin: 0; }

.page-description_picture { display: none; }

@media all and (min-width: 75em) { .page-description_picture { display: inline-block; width: 5rem; margin-right: 5rem; } }

.region-top-header { position: fixed; top: 1.5rem; right: 10px; z-index: 1000; }

@media all and (min-width: 75em) { .region-top-header { z-index: unset; position: unset; } }

.user-login-form, .profile { padding: 0 1.5rem; max-width: 1353px; margin: 0 auto 3rem auto; }

.user-login-form .description, .profile .description { text-align: left; }

.user-login-form label, .profile label { display: block; }

/* # Pages */
.path-frontpage h1 { font-size: 2.6rem; line-height: 3.2rem; }

@media all and (min-width: 75em) { .path-frontpage h1 { font-size: 3.6rem; line-height: 4rem; } }

.partenaires-listing-wrapper .field--name-field-subtitle { color: #585756; font-size: 1.4rem; line-height: 2rem; text-transform: unset; text-align: unset; }

@media all and (min-width: 75em) { .partenaires-listing-wrapper .field--name-field-subtitle { font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 3rem; } }

.partenaires-listing-wrapper .field--name-field-link .field__item { margin-bottom: 1rem; }

.partenaires-listing-wrapper .field--name-field-link a { font-weight: 700; color: #1a4c93; text-decoration: underline; }

.partenaires-listing-wrapper .field--name-field-link a:hover { text-decoration: none; }

.search-project-fieldset { border: none; margin: 0; padding: 0 1.5rem; position: relative; color: #585756; font-weight: 200; }

.search-project-fieldset .projects-search-text { width: 100%; border-top-style: none; border-right-style: none; border-bottom: 1px solid; border-left-style: none; border-color: #585756; background: transparent; font-size: 2rem; line-height: 2.3rem; font-weight: bold; color: #1a4c93; font-style: italic; font-family: "Lato", sans-serif; padding: 2rem 1rem; }

.search-project-fieldset .projects-search-text::-moz-placeholder { font-weight: normal; }

.search-project-fieldset .projects-search-text::placeholder { font-weight: normal; }

.search-project-fieldset .search-btn { position: absolute; bottom: 2rem; width: 26px; height: 26px; background-image: url("../images/icons/svg/search-big.svg"); background-color: transparent; border: none; right: 2rem; font-size: 0; }

.search-project-fieldset .search-btn.form-disabled { background-image: url("../images/icons/svg/search-big-disable.svg"); }

.search-project-fieldset .reset-btn { display: none; }

@media all and (min-width: 75em) { .search-project-fieldset .reset-btn { cursor: pointer; display: block; position: absolute; bottom: 2rem; width: 29px; height: 29px; background-image: url("../images/icons/svg/reset.svg"); background-color: transparent; border: none; right: 6rem; font-size: 0; } }

.search-project-fieldset .fieldset-wrapper { display: flex; max-width: 97rem; margin: 0 auto; position: relative; }

.search-project-fieldset .fieldset-wrapper .js-form-type-textfield { width: 100%; }

.project-filters-search { border: none; max-width: 97rem; margin: .9rem auto 0 auto; }

.project-filters-search legend { float: left; font-size: 1.4rem; text-transform: uppercase; font-weight: 200; }

.project-filters-search { padding: 1.5rem 2.5rem 0 2.5rem; /* Aspect de la case */ /* Aspect de la coche */ /* Aspect non cochée */ /* Aspect cochée */ }

@media all and (min-width: 75em) { .project-filters-search { padding: 0 1rem; } }

.project-filters-search .fieldset-wrapper { display: flex; flex-direction: column; }

@media all and (min-width: 75em) { .project-filters-search .fieldset-wrapper { flex-direction: row; } }

.project-filters-search .fieldset-wrapper details { margin: 0; border: none; position: relative; }

@media all and (min-width: 75em) { .project-filters-search .fieldset-wrapper details.flex-filters-items-wrapper { margin-right: 4rem; } }

.project-filters-search .fieldset-wrapper details summary { color: #1a4c93; font-size: 1.8rem; padding: 0 3rem; margin-bottom: 3rem; background: url("../images/icons/svg/menu-arrow.svg") no-repeat right center; display: inline-block; width: 100%; max-width: 15rem; cursor: pointer; list-style: none; }

.project-filters-search .fieldset-wrapper details summary::-webkit-details-marker { display: none; }

@media all and (min-width: 75em) { .project-filters-search .fieldset-wrapper details summary { padding: 0 1.5rem 0 2rem; } }

.project-filters-search .fieldset-wrapper .form-wrapper { margin: 0; }

.project-filters-search .fieldset-wrapper .details-wrapper { position: absolute; background: #fff; top: 3rem; z-index: 9; left: 2.5rem; padding: 0; box-shadow: 0 30px 30px #f2f2f2; width: 24rem; }

@media all and (min-width: 75em) { .project-filters-search .fieldset-wrapper .details-wrapper { width: 40rem; } }

.project-filters-search .fieldset-wrapper .details-wrapper .fieldset-wrapper .form-item { border-bottom: 1px solid #f2f2f2; line-height: 4rem; padding: 0 1.5rem 0 1.5rem; }

.project-filters-search .fieldset-wrapper .details-wrapper .btn { float: right; margin-right: 1.5rem; padding: .7rem 1.5rem; font-weight: 700; }

.project-filters-search input { background: transparent; }

.project-filters-search [type="checkbox"]:not(:checked), .project-filters-search [type="checkbox"]:checked { /* Cache la checkbox sans la rendre invisible aux lecteurs d'écran */ position: absolute; left: 0; opacity: 0.01; }

.project-filters-search [type="checkbox"]:not(:checked) + label, .project-filters-search [type="checkbox"]:checked + label { position: relative; /* permet de positionner la checkbox */ padding-left: 2.5rem; /* place pour la box */ line-height: 1.7; cursor: pointer; }

.project-filters-search [type="checkbox"]:not(:checked) + label::before, .project-filters-search [type="checkbox"]:checked + label::before { content: ''; position: absolute; left: 0; top: .2rem; width: 1.7rem; height: 1.7rem; border: none; background: #d8d8d8; transition: all .275s; }

.project-filters-search [type="checkbox"]:not(:checked) + label::after, .project-filters-search [type="checkbox"]:checked + label::after { content: url(../images/icons/svg/valide.svg); speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */ position: absolute; top: .3rem; left: 0; width: 1.7rem; height: 1.7rem; color: #CB22ED; line-height: 0; transition: all .2s; /* Petite transition */ background: #1a4c93; text-indent: 0.1rem; }

.project-filters-search [type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0) rotate(45deg); }

.project-filters-search [type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1) rotate(0); }

.project-teaser-bottom { background: #FAFAFA; margin: -60px 0 -80px 40px; padding: 20px; border: 1px solid #F4F4F4; z-index: 2; position: relative; }

@media all and (min-width: 75em) { .project-teaser-bottom { max-width: 43rem; margin: -40px 0 auto 40px; padding: 1.5rem 3rem; min-height: 34rem; } }

@media all and (min-width: 75em) { .partenaires-listing-wrapper .project-teaser-bottom { margin: 0 auto; } }

.project-teaser-bottom .field--name-body p { color: #585756; font-size: 1.4rem; line-height: 2rem; }

@media all and (min-width: 75em) { .project-teaser-bottom .field--name-body p { font-size: 1.8rem; line-height: 2.6rem; } }

.project-teaser-bottom .field--name-field-project-category { text-transform: uppercase; color: #2EBBE1; font-size: 1.4rem; line-height: 2.6rem; }

.project-teaser-bottom .field--name-field-project-population { font-size: 1.4rem; text-transform: uppercase; }

.project-teaser-bottom h3 { font-weight: 500; font-size: 2rem; }

.news-listing-wrapper .project-teaser-bottom:hover a, .block-hug-projets .project-teaser-bottom:hover a { color: white; }

@media all and (min-width: 75em) { .news-listing-wrapper .project-teaser-bottom:hover, .block-hug-projets .project-teaser-bottom:hover { background: #1a4c93; color: #fff; cursor: pointer; border: 1px solid #1a4c93; }
  .news-listing-wrapper .project-teaser-bottom:hover .field--name-body p, .block-hug-projets .project-teaser-bottom:hover .field--name-body p { color: #fff; }
  .news-listing-wrapper .project-teaser-bottom:hover h3.field--name-title, .block-hug-projets .project-teaser-bottom:hover h3.field--name-title { color: #fff; }
  .news-listing-wrapper .project-teaser-bottom:hover .btn, .block-hug-projets .project-teaser-bottom:hover .btn { color: #fff; border-color: #fff; } }

.project-teaser-top { width: 100%; height: auto; max-width: 100%; max-height: 430px; display: block; background: transparent; position: relative; }

.project-teaser-top .block-field-blocknodeprojetfield-project-image { position: static; }

.partenaires-listing-wrapper .project-teaser-top { background: none; }

.project-teaser-top .field--name-field-image img, .project-teaser-top .field--name-field-project-image img { height: auto; max-width: 100%; max-height: 100%; }

.project-teaser-top .field--name-field-project-status { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; position: absolute; top: 4rem; left: 3rem; border-radius: 2.5rem; background-color: #fff; color: #1a4c93; font-weight: 900; text-transform: uppercase; display: inline-block; padding: 1.5rem; margin: 1rem 3rem 0 1rem; line-height: 2rem; }

@media all and (min-width: 85.375em) { .project-teaser-top .field--name-field-project-status { font-size: 1.4rem; } }

@media all and (min-width: 75em) { .project-teaser-top .field--name-field-project-status { top: 2rem; } }

.hug-nodes-wrapper .project-teaser-top .field--name-field-project-status { top: 1.5rem; left: 1.5rem; }

@media all and (min-width: 75em) { .hug-nodes-wrapper .project-teaser-top .field--name-field-project-status { left: 4rem; } }

.total-project-count { font-style: normal; font-weight: bold; font-size: 2.6rem; line-height: 31px; color: #1B4C93; display: block; width: 100%; margin-bottom: 2rem; text-transform: uppercase; }

.total-project-count > span { color: #00bcd4; font-size: 3.5rem; }

@media all and (min-width: 75em) { .total-project-count { max-width: 1428px; margin: 0 auto 4rem auto; } }

a.absolute-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-search #edit-basic { display: none; }

@media all and (max-width: 74.99em) { .page-search .search-results { padding: 0 2rem; } }

.page_header_title .links { font-family: "Lato", sans-serif; font-size: 1.9rem; font-weight: 300; text-transform: initial; letter-spacing: .2em; }

/*****************/
/****** _Dev (To remove once the front end dev will be more advanced) *****/
/*****************/
/* # Pages */
/** @file Styles for system messages. */
.messages { background: no-repeat 10px 17px; /* LTR */ border: 1px solid; border-width: 1px 1px 1px 0; /* LTR */ border-radius: 2px; padding: 15px 20px 15px 35px; /* LTR */ word-wrap: break-word; overflow-wrap: break-word; display: block; width: 90%; margin: 20px auto; text-align: center; left: auto; right: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; border-radius: 40px; }

[dir="rtl"] .messages { border-width: 1px 0 1px 1px; background-position: right 10px top 17px; padding-left: 20px; padding-right: 35px; text-align: right; }

.messages + .messages { margin-top: 1.538em; }

.messages__list { list-style: none; padding: 0; margin: 0; }

.messages__item + .messages__item { margin-top: 0.769em; }

/* See .color-success in Seven's colors.css */
.messages--status { color: #325e1c; background-color: #f3faef; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ background-image: url(../../../../misc/icons/73b355/check.svg); box-shadow: -8px 0 0 #77b259; /* LTR */ }

[dir="rtl"] .messages--status { border-color: #c9e1bd transparent #c9e1bd #c9e1bd; box-shadow: 8px 0 0 #77b259; margin-left: 0; }

/* See .color-warning in Seven's colors.css */
.messages--warning { background-color: #fdf8ed; background-image: url(../../../../misc/icons/e29700/warning.svg); border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ color: #734c00; box-shadow: -8px 0 0 #e09600; /* LTR */ }

[dir="rtl"] .messages--warning { border-color: #f4daa6 transparent #f4daa6 #f4daa6; box-shadow: 8px 0 0 #e09600; }

/* See .color-error in Seven's colors.css */
.messages--error { background-color: #fcf4f2; color: #a51b00; background-image: url(../../../../misc/icons/e32700/error.svg); border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ box-shadow: -8px 0 0 #e62600; /* LTR */ }

[dir="rtl"] .messages--error { border-color: #f9c9bf transparent #f9c9bf #f9c9bf; box-shadow: 8px 0 0 #e62600; }

.messages--error p.error { color: #a51b00; }

nav[role="navigation"] > ul.pager__items { text-align: center; margin: 0 auto; }

.field--name-field-multipes-links .btn { width: 100%; text-align: center; line-height: 2rem; font-size: 1.4rem; margin: .5rem 0; }

@media all and (min-width: 75em) { .field--name-field-multipes-links { display: flex; gap: 3rem; } }

.inline-fields .field, .inline-fields .field__item { display: inline-flex; gap: 1rem; }

.field--name-field-categorie, .field--name-field-project-status, .field--name-field-project-population, .field--name-field-project-category { line-height: 2rem; }

.field--name-field-categorie.field--label-inline .field__label, .field--name-field-project-status.field--label-inline .field__label, .field--name-field-project-population.field--label-inline .field__label, .field--name-field-project-category.field--label-inline .field__label { text-transform: uppercase; display: inline-block; font-weight: bold; }

.field--name-field-categorie.field--label-inline .field__label:after, .field--name-field-project-status.field--label-inline .field__label:after, .field--name-field-project-population.field--label-inline .field__label:after, .field--name-field-project-category.field--label-inline .field__label:after { content: ' : '; display: inline-block; }

.field--name-field-categorie.field--label-inline .field__item, .field--name-field-project-status.field--label-inline .field__item, .field--name-field-project-population.field--label-inline .field__item, .field--name-field-project-category.field--label-inline .field__item { display: inline-block; }

.field--name-field-categorie.field--label-inline .field__item:not(:last-child):after, .field--name-field-project-status.field--label-inline .field__item:not(:last-child):after, .field--name-field-project-population.field--label-inline .field__item:not(:last-child):after, .field--name-field-project-category.field--label-inline .field__item:not(:last-child):after { content: ', '; display: inline-block; }

.field--name-field-categorie.field--label-inline .field__items, .field--name-field-project-status.field--label-inline .field__items, .field--name-field-project-population.field--label-inline .field__items, .field--name-field-project-category.field--label-inline .field__items { display: inline; }

.field--name-field-findout-more { margin-top: 2rem; }

.field--name-field-findout-more img { width: auto; max-width: 100%; border: 1px solid #f2f2f2; }

@media all and (min-width: 48em) { .field--name-field-findout-more { display: flex; /* align-items: center; */ justify-content: space-between; } }

.list-links { padding-left: 2rem; }

.list-links li { list-style: disc; color: #1a4c93; margin-bottom: 1rem; }

.list-links a { color: #1a4c93; text-decoration: underline; }

.field--name-field-articles-associes { -moz-columns: 2; columns: 2; margin-top: 2rem; }

.field--name-field-articles-associes a { color: #1a4c93; text-decoration: underline; font-weight: 600; font-size: 2.2rem; }

.global-search-form { float: left; width: 100%; }

.global-search-form form { display: flex; }

.global-search-form form input[type="text"] { width: 130px; }

.vm-search-result { display: flex; }

.vm-search-result .search-result-img { width: auto; height: 100%; }

.vm-search-result .excerpt { padding: 0 0 0 20px; }

.vm-search-result .hug-custom-link a { width: 28px; display: block; }

.vm-search-result-wrapper { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 20px; }

.no-results, .hug-search__results__count { color: #1B4C93; font-size: 2.6rem; font-weight: bold; }

.no-results .search-count, .hug-search__results__count .search-count { color: #2EBBE1; font-size: 2.6rem; }

.search-header-wrapper { border: none; padding: 0; margin: 0; position: relative; }

.search-header-wrapper legend { display: none; }

.main-menu-aside-desktop .js-toggle-search { width: 18px; height: 18px; background-image: url("../images/icons/svg/search.svg"); display: block; cursor: pointer; }

.main-menu-aside-desktop .search-header-wrapper { display: none; }

@media all and (min-width: 75em) { .main-menu-aside-desktop .search-header-wrapper { float: left; position: relative; border: none; }
  .main-menu-aside-desktop .search-header-wrapper summary { font-size: 0; width: 18px; height: 18px; background-image: url("../images/icons/svg/search.svg"); }
  .main-menu-aside-desktop .search-header-wrapper .details-wrapper { position: absolute; background: white; right: 0; border: 1px solid #e6e6e6; } }

.main-menu-aside-desktop .open { position: relative; }

.main-menu-aside-desktop .open .search-header-wrapper { display: block; position: absolute; top: -1.5rem; right: -2rem; z-index: 999; }

.main-menu-aside-desktop .open .search-header-wrapper .js-form-item { position: relative; margin: 0; }

.main-menu-aside-desktop .open .search-header-wrapper .js-form-item input { text-transform: unset; }

.main-menu-aside-desktop .open .search-header-wrapper .js-form-item input.btn { margin: 0; }

.main-menu-aside-desktop .open .search-header-wrapper .js-form-item input.btn:hover { background-color: #fff; color: #585756; }

.main-menu-aside-desktop .open .search-header-wrapper .search-btn { position: absolute; top: 1.5rem; width: 18px; height: 18px; background-image: url("../images/icons/svg/search.svg"); background-color: transparent; border: none; right: 2rem; font-size: 0; }

.main-menu-aside-mobile input { width: 100%; text-transform: none; }

.main-menu-aside-mobile input.form-text { margin-top: 0.25rem; }

.main-menu-aside-mobile input.form-text:hover { background-color: #fff; color: #585756; }

.main-menu-aside-mobile .js-form-item { position: relative; margin: 0; }

.main-menu-aside-mobile .search-btn { position: absolute; top: 1.5rem; width: 18px; height: 18px; background-image: url("../images/icons/svg/search.svg"); background-color: transparent; border: none; right: 2rem; font-size: 0; }

.flex-filters .fieldset-wrapper { display: flex; }

@media all and (min-width: 75em) { .flex-filters .fieldset-wrapper { align-items: center; } }

.fade-in { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: .25s; }

.search-counts-wrapper { border-bottom: 1px solid #e6e6e6; margin-bottom: 3rem; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-bottom: 1.5rem; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-dots { list-style: none; margin-left: 0; padding: 0; }

.slick-dots li { display: inline-block; width: 1.4rem; height: 1.4rem; border: 1px solid rgba(255, 255, 255, 0.219826); margin-left: 6px; margin-right: 6px; background-color: transparent; cursor: pointer; padding: 0 !important; border-radius: 100%; }

.slick-dots li:before { display: none !important; }

.slick-dots li span { cursor: pointer; }

.slick-dots li.slick-active { background-color: transparent; border: 1px solid #fff; }

@media all and (min-width: 75em) { .slick-dots li { width: 2rem; height: 2rem; } }

.slider-home-wrapper { position: relative; overflow: hidden; max-height: 400px; }

.slider-home-wrapper .js-slider-home { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }

.slider-home-wrapper .js-slider-home.slick-initialized { visibility: visible; opacity: 1; }

.slider-home-wrapper .slick-slide { position: relative; }

@media all and (min-width: 75em) { .slider-home-wrapper { max-height: 700px; } }

.slider-home-wrapper .cta-wrapper { margin-top: 2rem; }

@media all and (min-width: 75em) { .slider-home-wrapper .cta-wrapper { margin-top: 6.2rem; } }

.slider-home-wrapper .slider-bg-image { background: black; position: relative; overflow: hidden; max-width: 100%; }

.slider-home-wrapper .slider-bg-image img { height: auto; width: 100vw; max-width: none; -o-object-fit: cover; object-fit: cover; }

.slider-home-wrapper .slider-bg-image:before { content: ''; width: 100%; height: 100%; background: #000; opacity: 0.5; position: absolute; }

.slider-home-wrapper .slider-inside { position: absolute; top: 0; text-align: center; width: 100%; z-index: 999; display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; height: 100%; max-height: 400px; }

@media all and (min-width: 89.25em) { .slider-home-wrapper .slider-inside { justify-content: unset; top: 18rem; } }

.slider-home-wrapper .js-slider-home-control { bottom: 2rem; position: absolute; left: 50%; transform: translate(-50%, 0); }

@media all and (min-width: 75em) { .slider-home-wrapper .js-slider-home-control { bottom: 8rem; } }

.slider-home-wrapper .banner-arrow { display: none; }

@media all and (min-width: 75em) { .slider-home-wrapper .banner-arrow { cursor: pointer; display: block; position: absolute; width: 2.3rem; height: 3.4rem; background: url("../images/icons/svg/banner-arrow.svg") no-repeat center; left: 50%; transform: translate(-50%, 0); bottom: 3rem; animation: MoveUpDown 2s linear infinite; } }

@keyframes MoveUpDown { 0%, 100% { bottom: 4rem; }
  50% { bottom: 2rem; } }

.block-webform legend, .webform-submission-form legend { font-weight: bold; color: #1a4c93; }

@media all and (min-width: 75em) { .block-webform .form-radios, .webform-submission-form .form-radios { display: flex; align-items: center; gap: 1rem; } }

.block-webform section, .webform-submission-form section { margin-top: 3rem; }

@media all and (min-width: 75em) { .block-webform section h2, .webform-submission-form section h2 { margin-bottom: 3rem; } }

.block-webform section:first-child, .webform-submission-form section:first-child { margin-top: 0; }

@media all and (min-width: 75em) { .block-webform .grid-2-columns .form-radios, .webform-submission-form .grid-2-columns .form-radios { display: grid; grid-template-columns: 1fr 1fr; } }

.block-webform .webform-options-display-buttons.webform-options-display-buttons-wrapper, .webform-submission-form .webform-options-display-buttons.webform-options-display-buttons-wrapper { flex: auto; }

.block-webform .description, .webform-submission-form .description { text-align: left; padding-left: 0; margin-left: 0; font-size: 1.8rem; line-height: 2.2rem; color: #585756; font-weight: 300; margin-bottom: 2rem; }

.block-webform input, .webform-submission-form input { font-weight: 400; }

.block-webform .submitted, .webform-submission-form .submitted { display: none; }

.block-webform fieldset.captcha, .webform-submission-form fieldset.captcha { border: none; }

.block-webform fieldset.captcha legend, .webform-submission-form fieldset.captcha legend { font-size: 2.6rem; font-weight: 700; margin: 7rem 0 4rem 0; font-family: "Univers-bold", sans-serif; color: #1a4c93; text-transform: uppercase; }

.block-webform fieldset.captcha .fieldset-wrapper, .webform-submission-form fieldset.captcha .fieldset-wrapper { margin: 0 10rem; }

.block-webform fieldset.captcha img, .webform-submission-form fieldset.captcha img { width: auto; max-width: none; }

.block-webform .webform-section-wrapper.webform-component-markup, .block-webform .js-form-wrapper.webform-component-markup, .webform-submission-form .webform-section-wrapper.webform-component-markup, .webform-submission-form .js-form-wrapper.webform-component-markup { font-family: "Univers-bold", sans-serif; font-size: 1.8rem; color: #1a4c93; text-transform: uppercase; margin: 4rem 0 2rem 0; }

@media all and (min-width: 75em) { .block-webform .webform-section-wrapper.webform-component-markup, .block-webform .js-form-wrapper.webform-component-markup, .webform-submission-form .webform-section-wrapper.webform-component-markup, .webform-submission-form .js-form-wrapper.webform-component-markup { font-size: 2.6rem; font-weight: 700; margin: 7rem 0 4rem 0; } }

.block-webform .webform-section-wrapper.webform-component-markup p, .block-webform .js-form-wrapper.webform-component-markup p, .webform-submission-form .webform-section-wrapper.webform-component-markup p, .webform-submission-form .js-form-wrapper.webform-component-markup p { margin: 0; }

.block-webform .webform-section-wrapper .iti, .block-webform .js-form-wrapper .iti, .webform-submission-form .webform-section-wrapper .iti, .webform-submission-form .js-form-wrapper .iti { width: 100%; }

.block-webform .webform-section-wrapper:not(#webform-component-montant-radio):before, .block-webform .webform-section-wrapper:not(#webform-component-montant-radio):after, .block-webform .js-form-wrapper:not(#webform-component-montant-radio):before, .block-webform .js-form-wrapper:not(#webform-component-montant-radio):after, .webform-submission-form .webform-section-wrapper:not(#webform-component-montant-radio):before, .webform-submission-form .webform-section-wrapper:not(#webform-component-montant-radio):after, .webform-submission-form .js-form-wrapper:not(#webform-component-montant-radio):before, .webform-submission-form .js-form-wrapper:not(#webform-component-montant-radio):after { content: ''; display: table; }

.block-webform .webform-section-wrapper:not(#webform-component-montant-radio):after, .block-webform .js-form-wrapper:not(#webform-component-montant-radio):after, .webform-submission-form .webform-section-wrapper:not(#webform-component-montant-radio):after, .webform-submission-form .js-form-wrapper:not(#webform-component-montant-radio):after { clear: both; }

.block-webform .webform-section-wrapper:not(.js-form-type-textfield) label, .block-webform .webform-section-wrapper:not(.js-form-type-select) label, .block-webform .js-form-wrapper:not(.js-form-type-textfield) label, .block-webform .js-form-wrapper:not(.js-form-type-select) label, .webform-submission-form .webform-section-wrapper:not(.js-form-type-textfield) label, .webform-submission-form .webform-section-wrapper:not(.js-form-type-select) label, .webform-submission-form .js-form-wrapper:not(.js-form-type-textfield) label, .webform-submission-form .js-form-wrapper:not(.js-form-type-select) label { display: none; }

.block-webform .webform-section-wrapper.webform-component-checkboxes label, .block-webform .webform-section-wrapper.webform-component-webform_time label, .block-webform .webform-section-wrapper.webform-component-date label, .block-webform .js-form-wrapper.webform-component-checkboxes label, .block-webform .js-form-wrapper.webform-component-webform_time label, .block-webform .js-form-wrapper.webform-component-date label, .webform-submission-form .webform-section-wrapper.webform-component-checkboxes label, .webform-submission-form .webform-section-wrapper.webform-component-webform_time label, .webform-submission-form .webform-section-wrapper.webform-component-date label, .webform-submission-form .js-form-wrapper.webform-component-checkboxes label, .webform-submission-form .js-form-wrapper.webform-component-webform_time label, .webform-submission-form .js-form-wrapper.webform-component-date label { display: inline; }

.block-webform .webform-section-wrapper.webform-component-radios > label, .block-webform .webform-section-wrapper.webform-component-checkboxes > label, .block-webform .js-form-wrapper.webform-component-radios > label, .block-webform .js-form-wrapper.webform-component-checkboxes > label, .webform-submission-form .webform-section-wrapper.webform-component-radios > label, .webform-submission-form .webform-section-wrapper.webform-component-checkboxes > label, .webform-submission-form .js-form-wrapper.webform-component-radios > label, .webform-submission-form .js-form-wrapper.webform-component-checkboxes > label { display: none; }

.block-webform .webform-section-wrapper .js-form-type-select label, .block-webform .js-form-wrapper .js-form-type-select label, .webform-submission-form .webform-section-wrapper .js-form-type-select label, .webform-submission-form .js-form-wrapper .js-form-type-select label { display: block; }

.block-webform .webform-section-wrapper .js-form-type-select select, .block-webform .js-form-wrapper .js-form-type-select select, .webform-submission-form .webform-section-wrapper .js-form-type-select select, .webform-submission-form .js-form-wrapper .js-form-type-select select { margin: .5rem 0; line-height: 2rem; }

.block-webform .webform-section-wrapper .js-form-type-checkbox, .block-webform .js-form-wrapper .js-form-type-checkbox, .webform-submission-form .webform-section-wrapper .js-form-type-checkbox, .webform-submission-form .js-form-wrapper .js-form-type-checkbox { margin: .5rem 0; }

.block-webform .webform-section-wrapper .js-form-type-checkbox label, .block-webform .js-form-wrapper .js-form-type-checkbox label, .webform-submission-form .webform-section-wrapper .js-form-type-checkbox label, .webform-submission-form .js-form-wrapper .js-form-type-checkbox label { display: inline-block; cursor: pointer; }

.block-webform .webform-section-wrapper input[type="text"], .block-webform .webform-section-wrapper input[type="email"], .block-webform .webform-section-wrapper input[type="tel"], .block-webform .webform-section-wrapper input[type="number"], .block-webform .webform-section-wrapper textarea, .block-webform .js-form-wrapper input[type="text"], .block-webform .js-form-wrapper input[type="email"], .block-webform .js-form-wrapper input[type="tel"], .block-webform .js-form-wrapper input[type="number"], .block-webform .js-form-wrapper textarea, .webform-submission-form .webform-section-wrapper input[type="text"], .webform-submission-form .webform-section-wrapper input[type="email"], .webform-submission-form .webform-section-wrapper input[type="tel"], .webform-submission-form .webform-section-wrapper input[type="number"], .webform-submission-form .webform-section-wrapper textarea, .webform-submission-form .js-form-wrapper input[type="text"], .webform-submission-form .js-form-wrapper input[type="email"], .webform-submission-form .js-form-wrapper input[type="tel"], .webform-submission-form .js-form-wrapper input[type="number"], .webform-submission-form .js-form-wrapper textarea { font-family: 'Lato', serif; font-size: 1.4rem; letter-spacing: .2em; }

.block-webform .webform-section-wrapper input[type="text"], .block-webform .webform-section-wrapper input[type="email"], .block-webform .webform-section-wrapper input[type="number"], .block-webform .webform-section-wrapper input[type="tel"], .block-webform .js-form-wrapper input[type="text"], .block-webform .js-form-wrapper input[type="email"], .block-webform .js-form-wrapper input[type="number"], .block-webform .js-form-wrapper input[type="tel"], .webform-submission-form .webform-section-wrapper input[type="text"], .webform-submission-form .webform-section-wrapper input[type="email"], .webform-submission-form .webform-section-wrapper input[type="number"], .webform-submission-form .webform-section-wrapper input[type="tel"], .webform-submission-form .js-form-wrapper input[type="text"], .webform-submission-form .js-form-wrapper input[type="email"], .webform-submission-form .js-form-wrapper input[type="number"], .webform-submission-form .js-form-wrapper input[type="tel"] { width: 100%; padding: 1rem 0; border: none; border-bottom: 1px solid #585756; }

.block-webform .webform-section-wrapper input[type="text"].js-webform-telephone-international, .block-webform .webform-section-wrapper input[type="email"].js-webform-telephone-international, .block-webform .webform-section-wrapper input[type="number"].js-webform-telephone-international, .block-webform .webform-section-wrapper input[type="tel"].js-webform-telephone-international, .block-webform .js-form-wrapper input[type="text"].js-webform-telephone-international, .block-webform .js-form-wrapper input[type="email"].js-webform-telephone-international, .block-webform .js-form-wrapper input[type="number"].js-webform-telephone-international, .block-webform .js-form-wrapper input[type="tel"].js-webform-telephone-international, .webform-submission-form .webform-section-wrapper input[type="text"].js-webform-telephone-international, .webform-submission-form .webform-section-wrapper input[type="email"].js-webform-telephone-international, .webform-submission-form .webform-section-wrapper input[type="number"].js-webform-telephone-international, .webform-submission-form .webform-section-wrapper input[type="tel"].js-webform-telephone-international, .webform-submission-form .js-form-wrapper input[type="text"].js-webform-telephone-international, .webform-submission-form .js-form-wrapper input[type="email"].js-webform-telephone-international, .webform-submission-form .js-form-wrapper input[type="number"].js-webform-telephone-international, .webform-submission-form .js-form-wrapper input[type="tel"].js-webform-telephone-international { padding-left: 5rem; margin-bottom: 2em; }

.block-webform .webform-section-wrapper input[type="text"].error, .block-webform .webform-section-wrapper input[type="email"].error, .block-webform .webform-section-wrapper input[type="number"].error, .block-webform .webform-section-wrapper input[type="tel"].error, .block-webform .js-form-wrapper input[type="text"].error, .block-webform .js-form-wrapper input[type="email"].error, .block-webform .js-form-wrapper input[type="number"].error, .block-webform .js-form-wrapper input[type="tel"].error, .webform-submission-form .webform-section-wrapper input[type="text"].error, .webform-submission-form .webform-section-wrapper input[type="email"].error, .webform-submission-form .webform-section-wrapper input[type="number"].error, .webform-submission-form .webform-section-wrapper input[type="tel"].error, .webform-submission-form .js-form-wrapper input[type="text"].error, .webform-submission-form .js-form-wrapper input[type="email"].error, .webform-submission-form .js-form-wrapper input[type="number"].error, .webform-submission-form .js-form-wrapper input[type="tel"].error { border-bottom: 1px solid red; }

@media all and (min-width: 75em) { .block-webform .webform-section-wrapper input[type="text"], .block-webform .webform-section-wrapper input[type="email"], .block-webform .webform-section-wrapper input[type="number"], .block-webform .webform-section-wrapper input[type="tel"], .block-webform .js-form-wrapper input[type="text"], .block-webform .js-form-wrapper input[type="email"], .block-webform .js-form-wrapper input[type="number"], .block-webform .js-form-wrapper input[type="tel"], .webform-submission-form .webform-section-wrapper input[type="text"], .webform-submission-form .webform-section-wrapper input[type="email"], .webform-submission-form .webform-section-wrapper input[type="number"], .webform-submission-form .webform-section-wrapper input[type="tel"], .webform-submission-form .js-form-wrapper input[type="text"], .webform-submission-form .js-form-wrapper input[type="email"], .webform-submission-form .js-form-wrapper input[type="number"], .webform-submission-form .js-form-wrapper input[type="tel"] { padding: 1.5rem 0; margin-bottom: 2rem; } }

.block-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield, .block-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield, .webform-submission-form .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield, .webform-submission-form .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield { position: relative; }

.block-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix, .block-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix, .webform-submission-form .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix, .webform-submission-form .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix { position: absolute; top: 3.8rem; font-family: 'Lato', serif; font-size: 1.4rem; letter-spacing: .2em; }

.block-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield input[type="text"], .block-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield input[type="text"], .webform-submission-form .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield input[type="text"], .webform-submission-form .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield input[type="text"] { padding-left: 5rem; }

.block-webform .webform-section-wrapper #edit-submitted-valeur-autre, .block-webform .js-form-wrapper #edit-submitted-valeur-autre, .webform-submission-form .webform-section-wrapper #edit-submitted-valeur-autre, .webform-submission-form .js-form-wrapper #edit-submitted-valeur-autre { padding: 1rem 0; border: none; border-bottom: 1px solid #585756; }

@media all and (min-width: 75em) { .block-webform .webform-section-wrapper #edit-submitted-valeur-autre, .block-webform .js-form-wrapper #edit-submitted-valeur-autre, .webform-submission-form .webform-section-wrapper #edit-submitted-valeur-autre, .webform-submission-form .js-form-wrapper #edit-submitted-valeur-autre { padding: 1.5rem 0; margin-bottom: 2rem; } }

.block-webform .webform-section-wrapper textarea, .block-webform .js-form-wrapper textarea, .webform-submission-form .webform-section-wrapper textarea, .webform-submission-form .js-form-wrapper textarea { width: 100%; background-size: 100%; padding: 1.5rem; }

.block-webform .webform-section-wrapper textarea.error, .block-webform .js-form-wrapper textarea.error, .webform-submission-form .webform-section-wrapper textarea.error, .webform-submission-form .js-form-wrapper textarea.error { border: 1px solid red; }

.block-webform .webform-section-wrapper .form-type-radio, .block-webform .js-form-wrapper .form-type-radio, .webform-submission-form .webform-section-wrapper .form-type-radio, .webform-submission-form .js-form-wrapper .form-type-radio { display: block; width: 100%; text-align: center; }

@media all and (min-width: 75em) { .block-webform .webform-section-wrapper .form-type-radio, .block-webform .js-form-wrapper .form-type-radio, .webform-submission-form .webform-section-wrapper .form-type-radio, .webform-submission-form .js-form-wrapper .form-type-radio { display: inline-flex; text-align: center; } }

.block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre, .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre, .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-autre, .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio, .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-autre { width: auto; }

@media all and (min-width: 75em) { .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre, .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre, .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-autre, .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio, .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-autre { width: 20%; text-align: left; } }

@media all and (max-width: 74.99em) { .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre, .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre, .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-autre, .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio, .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-autre { margin-right: 1.5rem; } }

.block-webform .webform-section-wrapper .form-type-radio input[type="radio"], .block-webform .js-form-wrapper .form-type-radio input[type="radio"], .webform-submission-form .webform-section-wrapper .form-type-radio input[type="radio"], .webform-submission-form .js-form-wrapper .form-type-radio input[type="radio"] { display: none; }

.block-webform .webform-section-wrapper .form-type-radio input[type="radio"]:checked + label, .block-webform .js-form-wrapper .form-type-radio input[type="radio"]:checked + label, .webform-submission-form .webform-section-wrapper .form-type-radio input[type="radio"]:checked + label, .webform-submission-form .js-form-wrapper .form-type-radio input[type="radio"]:checked + label { background-color: #1a4c93; color: #fff; }

.block-webform .webform-section-wrapper .form-type-radio label, .block-webform .js-form-wrapper .form-type-radio label, .webform-submission-form .webform-section-wrapper .form-type-radio label, .webform-submission-form .js-form-wrapper .form-type-radio label { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; width: 100%; display: block; padding: 1.5rem; border: 1px solid #1a4c93; margin: 1rem 0; border-radius: 2.5rem; transition: all .6s ease; color: #1a4c93; cursor: pointer; }

@media all and (min-width: 85.375em) { .block-webform .webform-section-wrapper .form-type-radio label, .block-webform .js-form-wrapper .form-type-radio label, .webform-submission-form .webform-section-wrapper .form-type-radio label, .webform-submission-form .js-form-wrapper .form-type-radio label { font-size: 1.4rem; } }

.block-webform .webform-section-wrapper .form-type-radio label:hover, .block-webform .js-form-wrapper .form-type-radio label:hover, .webform-submission-form .webform-section-wrapper .form-type-radio label:hover, .webform-submission-form .js-form-wrapper .form-type-radio label:hover { background-color: #1a4c93; color: #fff; }

@media all and (min-width: 75em) { .block-webform .webform-section-wrapper .form-type-radio label, .block-webform .js-form-wrapper .form-type-radio label, .webform-submission-form .webform-section-wrapper .form-type-radio label, .webform-submission-form .js-form-wrapper .form-type-radio label { display: inline-block; margin: 0; } }

.block-webform .webform-section-wrapper .form-type-radio label.webform-options-display-buttons-label, .block-webform .js-form-wrapper .form-type-radio label.webform-options-display-buttons-label, .webform-submission-form .webform-section-wrapper .form-type-radio label.webform-options-display-buttons-label, .webform-submission-form .js-form-wrapper .form-type-radio label.webform-options-display-buttons-label { height: auto; }

.block-webform .webform-section-wrapper .js-form-type-webform-document-file label, .block-webform .js-form-wrapper .js-form-type-webform-document-file label, .webform-submission-form .webform-section-wrapper .js-form-type-webform-document-file label, .webform-submission-form .js-form-wrapper .js-form-type-webform-document-file label { display: block; }

.block-webform .webform-section-wrapper .js-form-type-webform-document-file input, .block-webform .js-form-wrapper .js-form-type-webform-document-file input, .webform-submission-form .webform-section-wrapper .js-form-type-webform-document-file input, .webform-submission-form .js-form-wrapper .js-form-type-webform-document-file input { display: inline-block; position: static; }

.block-webform .flex-large-items .form-radios, .webform-submission-form .flex-large-items .form-radios { flex-direction: column; gap: 0; text-align: center; }

@media all and (min-width: 75em) { .block-webform .flex-large-items .form-radios, .webform-submission-form .flex-large-items .form-radios { flex-direction: row; gap: 1rem; } }

.block-webform .flex-large-items .form-type-radio, .webform-submission-form .flex-large-items .form-type-radio { width: 100%; }

.block-webform .columns-items .fieldset-wrapper > .form-radios, .webform-submission-form .columns-items .fieldset-wrapper > .form-radios { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2vw; }

@media all and (min-width: 75em) { .block-webform .columns-items .fieldset-wrapper > .form-radios, .webform-submission-form .columns-items .fieldset-wrapper > .form-radios { flex-direction: row; display: flex; gap: 1rem; } }

.block-webform #webform-component-montant, .webform-submission-form #webform-component-montant { display: none; }

.block-webform input[type="submit"], .webform-submission-form input[type="submit"] { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; display: block; padding: 1.5rem; border: 1px solid #1a4c93; margin: 3rem auto 7rem auto; background: #1a4c93; border-radius: 2.5rem; transition: all .6s ease; color: #fff; cursor: pointer; width: 100%; }

@media all and (min-width: 85.375em) { .block-webform input[type="submit"], .webform-submission-form input[type="submit"] { font-size: 1.4rem; } }

@media all and (min-width: 75em) { .block-webform input[type="submit"], .webform-submission-form input[type="submit"] { padding: 1.5rem 6rem; width: auto; } }

.block-webform .comment-wrapper, .webform-submission-form .comment-wrapper { display: none; }

.block-webform .error, .webform-submission-form .error { border: none; box-shadow: none; }

.block-webform fieldset.error:before, .webform-submission-form fieldset.error:before { content: 'X'; color: red; position: absolute; margin-left: -2.5rem; margin-top: 0.8rem; display: block; font-weight: bold; font-size: 2.2rem; }

.block-webform h2.form-required:after, .block-webform label.form-required:after, .block-webform legend span.form-required:after, .webform-submission-form h2.form-required:after, .webform-submission-form label.form-required:after, .webform-submission-form legend span.form-required:after { content: '*'; color: red; display: inline; }

.block-webform strong.error.form-item--error-message, .webform-submission-form strong.error.form-item--error-message { color: red; }

#paypal-form { display: none; }

.webform-component-managed_file .file-icon { display: none; }

.webform-component-managed_file a { font-family: "Lato", sans-serif; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; display: inline-block; padding: 1.5rem; border: 1px solid #1a4c93; margin: 1rem 0; border-radius: 2.5rem; cursor: pointer; transition: all .6s ease; background-color: #1a4c93; color: #fff; }

@media all and (min-width: 85.375em) { .webform-component-managed_file a { font-size: 1.4rem; } }

.webform-component-managed_file a:hover { background-color: #fff; color: #1a4c93; }

.webform-component-managed_file input[type="submit"].form-submit { font-size: 1.3rem; margin: .5rem 0; padding: 1rem; }

@media all and (min-width: 75em) { .webform-component-managed_file input[type="submit"].form-submit { float: right; } }

.webform-component-managed_file .form-managed-file .form-file { margin: 1rem 0; font-size: 1.4rem; max-width: 60%; }

.webform-component-managed_file #edit-submitted-label-remove-button { display: none; }

.webform-component-managed_file .form-submit.ajax-processed { visibility: hidden; }

.webform-component-managed_file .form-submit.ajax-processed.show { visibility: visible; }

.file-upload-js-error { font-size: 1.5rem; }

.ui-datepicker { font-size: 1.4rem; }

.webform-options-display-buttons .webform-options-display-buttons-wrapper { margin: 0; }

select { background: #fff; line-height: 4rem; height: 4rem; padding: 0 1rem 0 1rem; border-radius: 8px; }

.shs-select.error { border: 1px solid red; }

.webform-preview label { display: inline-block !important; font-weight: bold; }

.webform-preview label:after { content: ': '; display: inline; }

.webform-submission-form.webform-submission-appel-projet-form .js-form-item { margin-bottom: 1.5rem; }

.webform-submission-form.webform-submission-appel-projet-form .js-form-item.form-type-tel { margin-bottom: 2.5em; }

.webform-submission-form.webform-submission-appel-projet-form .webform-section-wrapper label, .webform-submission-form.webform-submission-appel-projet-form .js-form-wrapper label { display: block; }

.webform-submission-form.webform-submission-appel-projet-form .webform-section-wrapper .js-form-type-textfield label, .webform-submission-form.webform-submission-appel-projet-form .js-form-wrapper .js-form-type-textfield label { display: block; }

.webform-submission-form.webform-submission-appel-projet-form .webform-section-wrapper .js-form-type-select label, .webform-submission-form.webform-submission-appel-projet-form .webform-section-wrapper .form-type-checkbox label, .webform-submission-form.webform-submission-appel-projet-form .js-form-wrapper .js-form-type-select label, .webform-submission-form.webform-submission-appel-projet-form .js-form-wrapper .form-type-checkbox label { display: inline-block; }

.webform-submission-form.webform-submission-appel-projet-form .webform-actions { display: flex; }

.webform-submission-form.webform-submission-appel-projet-form .form-type-checkbox { margin: 3rem 0 0 0; }

.webform-submission-form.webform-submission-appel-projet-form .form-type-checkbox label { padding-left: .5rem; }

.webform-submission-form.webform-submission-appel-projet-form .text-count-wrapper.webform-counter-warning { font-weight: normal; }

.webform-submission-form.webform-submission-appel-projet-form .js-form-item-titre-du-projet { margin: 4rem 0; }

.webform-submission-form.webform-submission-appel-projet-form .js-webform-radios { margin-top: 1rem; flex-wrap: wrap; }

@media all and (min-width: 75em) { .webform-submission-form.webform-submission-appel-projet-form .js-webform-radios .form-radios { display: block; margin: 1rem 0; } }

.webform-submission-form.webform-submission-appel-projet-form .js-webform-radios .form-radios .form-type-radio { margin: 1rem 0; }

.webform-submission-form.webform-submission-appel-projet-form .js-webform-radios .form-radios label { cursor: pointer; margin-left: .5rem; }

.webform-submission-form.webform-submission-appel-projet-form .js-form-type-textarea label { display: block; }

.webform-submission-form .shs-widget-container { margin: 1rem 0 2rem 0; }

.webform-submission-form .shs-widget-container > label { display: block !important; }

.form-type-webform-document-file > label { font-weight: bold; color: #1a4c93; }

.form-type-webform-document-file input[type="submit"] { padding: 1rem; margin: 1rem; font-size: 1.4rem; text-transform: none; }

@media all and (min-width: 75em) { .form-type-webform-document-file input[type="submit"] { padding: 1rem; margin: 1rem; } }

.form-type-webform-document-file .js-webform-document-file .button { margin: 0; }

input[type="tel"]::-moz-placeholder { color: #d8d8d8; content: ''; }

input[type="tel"]::placeholder { color: #d8d8d8; content: ''; }

.grid-wrapper .item { position: relative; overflow: hidden; }

@media all and (min-width: 48em) { .grid-wrapper .item { max-height: 48rem; } }

.grid-wrapper .title a { position: absolute; top: 1em; left: 1em; font-size: 1.5em; color: white; font-weight: bold; text-transform: uppercase; }

.grid-wrapper .title a:hover { text-decoration: none; color: white; }

.grid-wrapper img { height: auto; vertical-align: middle; display: inline-block; max-width: 100%; }

.grid-wrapper .item.tall img { position: relative; overflow: hidden; max-width: none; max-height: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; -o-object-position: center center; object-position: center center; }

/* Main CSS */
.grid-wrapper > div { display: flex; justify-content: center; }

.grid-wrapper > div > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.grid-wrapper { display: grid; grid-gap: 1rem; }

@media all and (min-width: 48em) { .grid-wrapper { grid-template-columns: 1fr 2fr; grid-auto-rows: unset; } }

.grid-wrapper .wide { grid-column: span 2; }

.grid-wrapper .big { grid-column: span 2; grid-row: span 2; }

.field--name-field-gallery { position: relative; margin-top: 3rem; }

@media all and (min-width: 48em) { .field--name-field-gallery { margin-top: 6rem; } }

.paragraph--type--gallery .field--name-field-legende-ligne-1 { display: none; position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.5); width: 100%; padding: 1rem; }

.paragraph--type--gallery:hover .field--name-field-legende-ligne-1 { display: block; }

main[role="main"] { padding-top: 8rem; }

@media all and (min-width: 75em) { main[role="main"] { padding-top: unset; } }

@media all and (max-width: 39.99em) { .comite-slider-carousel-wrapper { width: 35rem; margin: auto; } }

.hug-nodes-wrapper, .comite-default-wrapper > .field--name-field-p-people { display: flex; flex-wrap: wrap; gap: 3rem; flex-direction: column; }

@media all and (min-width: 40em) { .hug-nodes-wrapper, .comite-default-wrapper > .field--name-field-p-people { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; flex: none; max-width: 1428px; margin: 0 auto; } }

@media all and (min-width: 75em) { .hug-nodes-wrapper, .comite-default-wrapper > .field--name-field-p-people { grid-template-columns: 1fr 1fr 1fr; gap: 1rem; } }

@media all and (max-width: 39.99em) { .hug-nodes-wrapper, .comite-default-wrapper > .field--name-field-p-people { padding-bottom: 6rem; } }

.hug-nodes-wrapper > article, .hug-nodes-wrapper > .field__item, .comite-default-wrapper > .field--name-field-p-people > article, .comite-default-wrapper > .field--name-field-p-people > .field__item { position: relative; z-index: 0; }

@media all and (min-width: 75em) { .hug-nodes-wrapper > article, .hug-nodes-wrapper > .field__item, .comite-default-wrapper > .field--name-field-p-people > article, .comite-default-wrapper > .field--name-field-p-people > .field__item { flex-grow: 1; justify-content: space-around; margin-bottom: 3.7rem; } }

.hug-nodes-wrapper.no-results, .comite-default-wrapper > .field--name-field-p-people.no-results { display: block; max-width: 1000px; margin: 0 auto; }

.projects-nav { text-align: center; margin: 0 auto; width: 90%; display: flex; gap: 20px; justify-content: space-around; max-width: 25rem; }

.container-wild .container { max-width: 1630px; padding: 0 1.5rem; }

.other-articles-total-count { text-align: center; text-decoration: underline; width: 100%; margin-top: 2rem; }

.flex { display: flex; gap: 20px; }

.column-70 { flex: 70; }

.column-30 { flex: 30; }

.centered { text-align: center; }

.relative-block { position: relative; overflow: hidden; }

.no-margin-bottom { margin-bottom: 0; }

.block-hug-content-share-block { display: flex; align-items: center; gap: 1.5rem; float: right; }

@media all and (min-width: 75em) { .block-hug-content-share-block { display: block; float: none; } }

.block-partager-cette-page { display: block; }

@media all and (min-width: 75em) { .block-partager-cette-page { align-items: center; gap: 1.5rem; text-align: center; float: none; } }

.content-social-share-links { margin: 0; padding: 0; display: inline-flex; }

@media all and (min-width: 75em) { .content-social-share-links { display: block; } }

.content-social-share-links a { background-position: left center; }

.content-social-share-links a:before { display: inline-block; content: ' '; background-size: 15px 15px; height: 15px; width: 15px; margin-right: 1rem; }

.content-social-share-links a.facebook { background-image: url("../images/icons/svg/facebook.svg"); }

.content-social-share-links a.twitter { background-image: url("../images/icons/svg/twitter.svg"); }

.content-social-share-links a.linkedin { background-image: url("../images/icons/svg/linkedin.svg"); }

.block-language ul li { display: inline-block; padding: 0; }

.block-language ul li:first-child { margin-right: 1rem; }

.block-language ul li a { display: block; height: 4rem; width: 4rem; background: rgba(27, 76, 147, 0.12); border-radius: 100%; text-align: center; color: #1B4C93; line-height: 4rem; text-transform: uppercase; padding: 0; }

@media all and (min-width: 75em) { .block-language ul li a { padding: 0 0 0 .8rem; } }

.block-language ul li a:hover, .block-language ul li a:focus, .block-language ul li a.is-active { background: #1b4c93; border-radius: 100%; text-align: center; color: #fff; }

.video-hidden { display: none; }

.full-dev-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.block-field-blocknodeprojetfield-gallery-video h2 { max-width: 1000px; margin: 0 auto; }

.img-left-text-right { position: relative; }

@media all and (min-width: 75em) { .img-left-text-right .block-field-blocknodehomepagefield-multipes-links { float: left; margin-right: 3rem; } }

@media all and (min-width: 75em) { .share-text-hide-on-desktop { display: none; } }

.socials-links a { font-size: 0; display: block; }

@media all and (min-width: 75em) { .socials-links a { font-size: 1.8rem; } }

.shs-widget-container { display: block; }

.tabs.primary { max-width: 1000px; width: 100%; margin: 0 auto; }

.tabs.primary .is-active { color: #47a3da; }

.block-hug-book-navigation { padding-bottom: 1rem; }

@media all and (min-width: 75em) { .block-hug-book-navigation { padding-bottom: 3rem; } }

.error { border: 1px solid red; box-shadow: 0 0 10px red; }

.ajax-throbber.sk-double-bounce .sk-child { background-color: #1a4c93 !important; }

.read-more-wrapper { text-align: center; }

.qr-code-description { margin-left: 1.6rem; }

.js-more-items-wrapper > .hug-nodes-wrapper { margin-top: 3rem; }

.listing-slick-wrapper { position: relative; margin-top: 3rem; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

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

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); }
  .mfp-arrow-left { transform-origin: 0; }
  .mfp-arrow-right { transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

/* # Layout Builder */
/* @file Provides the layout styles for banner layout section. */
.layout-builder--content-preview-disabled .layout-builder-block { color: #585756; }

.header-banner { position: relative; overflow: hidden; display: flex; flex-direction: column; }

.top_header { display: flex; margin-top: 1rem; }

.top_header .layout__region { margin-top: 1.5rem; }

@media all and (min-width: 75em) { .top_header .layout__region { margin-top: 3rem; } }

.top_header-wrapper, .sub_banner_wrapper { display: flex; flex-wrap: wrap; flex: 0 1 100%; }

.top_header { max-width: 1170px; width: 100%; margin: 0 auto; }

.main-header { max-width: 1170px; margin: 0 auto; text-align: center; color: #fff; min-height: 24.8rem; display: inline-flex; /* align-items items in column */ flex-direction: column; /* center items horizontally */ align-items: center; /* center items vertically */ justify-content: center; padding: 0 1.5rem; }

@media all and (min-width: 75em) { .main-header { padding: unset; min-height: 31rem; } }

.page-node-type-homepage .main-header { min-height: 50vh; }

.sub_banner_wrapper { background: #F5F5F5; margin-bottom: 2em; }

.sub_banner_inside { max-width: 1000px; margin: 1.5rem auto; display: flex; color: #585756; font-size: 1.8rem; flex-direction: column; padding: 0; gap: 2rem; }

@media all and (min-width: 75em) { .sub_banner_inside { margin: 3rem auto; flex-direction: row; align-items: center; } }

.sub_banner_inside .field { line-height: 2.5rem; }

.sub_banner_inside .sub_banner_left { padding-left: 1.5rem; }

@media all and (min-width: 75em) { .sub_banner_inside .sub_banner_left { padding: 0; flex: 1 0 67%; } }

@media all and (min-width: 75em) { .sub_banner_inside .sub_banner_right { flex: auto; } }

.full_width_wrapper { padding: 1.4rem 0; margin: 1.4rem 0; }

.full_width_wrapper.slider-banner { margin-top: 0; padding-top: 0; margin-bottom: 0; }

@media all and (min-width: 75em) { .full_width_wrapper.slider-banner { margin-bottom: 9.5rem; } }

.layout--twocol-section.img-left-text-right { max-width: 149rem; margin: 0 1.2rem; flex-direction: column-reverse; padding: 1.5rem 0 0 0; }

.layout--twocol-section.img-left-text-right p { color: #585756; }

.layout--twocol-section.img-left-text-right .field--type-image { max-width: 100%; }

.layout--twocol-section.img-left-text-right .field--type-image img { width: auto; max-width: 100%; margin: 2rem auto 0 auto; display: block; height: auto; }

@media all and (min-width: 75em) { .layout--twocol-section.img-left-text-right { display: flex; flex-direction: row; margin: 0 auto; gap: 6rem; justify-content: flex-start; padding: 0 1.5rem; }
  .layout--twocol-section.img-left-text-right .layout__region--first { flex: 0 1 auto; }
  .layout--twocol-section.img-left-text-right .field--type-image { max-width: 100%; }
  .layout--twocol-section.img-left-text-right .field--type-image img { width: auto; margin: 0; height: auto; } }

@media all and (min-width: 48em) and (max-width: 85.365em) { .layout--twocol-section.img-left-text-right { gap: 3rem; } }

.layout--twocol-section.img-left-text-right .layout__region--second { flex: 1 1; }

.with-separator { margin-top: 1.85rem; border-top: 1px solid #e6e6e6; padding-top: 3.7rem; }

@media all and (min-width: 75em) { .with-separator { margin-top: 6rem; padding-top: 6rem; } }

.section-bg-grey { margin: 3rem 0; background: #F5F5F5; padding: 3rem 0; }

.section-bg-grey.sub_banner_full_width_wrapper, .section-bg-grey.sub_banner_wrapper { margin-top: 0; padding: 15px 0 15px 0; }

.section-bg-grey.slim { margin: 3rem 0 0 0; padding: 2rem 0; }

.section-bg-grey.hug-search__filters { margin-top: 0; }

.section-bg-grey.content-center .layout__region--content { max-width: 1000px; margin: 0 auto; padding-right: 20px; padding-left: 20px; width: 100%; }

@media all and (min-width: 75em) { .section-bg-grey.content-center .layout__region--content { padding-right: 0; padding-left: 0; }
  .section-bg-grey.content-center .layout__region--content h2 { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; } }

.section-bg-grey.large-content-center .container { max-width: 146rem; margin: 0 auto; padding-right: 1.5rem; padding-left: 1.5rem; width: 100%; }

@media all and (min-width: 75em) { .section-bg-grey.large-content-center .container h2 { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; } }

.section-basic { margin: 1.7rem 0; padding: 1.7rem 0; }

@media all and (min-width: 75em) { .section-basic { margin: 3rem 0; padding: 3rem 0; } }

.teaser_listing_two_col .teaser_listing_inside { display: flex; }

.teaser_listing_two_col .teaser_listing_inside > .layout__region { flex: 0 1 50%; }

@media screen and (min-width: 40em) { .top_header-wrapper > .layout__region { flex: 0 1 33%; }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first, .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second { flex: 0 1 33%; }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second, .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first { flex: 0 1 67%; }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { flex: 0 1 25%; }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first { flex: 0 1 75%; } }

.simple-back-link-mobile-centered { text-align: center; font-size: 1.5rem; text-transform: uppercase; text-decoration: underline; font-style: italic; margin-top: 3rem; }

.simple-back-link-mobile-centered a { color: #1a4c93; }

@media all and (min-width: 75em) { .simple-back-link-mobile-centered { margin-bottom: 1.8rem; } }

.sub_banner { margin-top: 0; padding: 0.2rem 0; }

@media all and (min-width: 75em) { .sub_banner { margin-top: 0 !important; } }

.top_header_right { padding-left: 1.5rem; }

.layout:last-child { margin-bottom: 0; }

.js-galerie-videos figure { margin: 0; }

.field--name-field-gallery-video { position: relative; }

.videos-control-prev-icon { position: absolute; left: 10%; z-index: 2; background: #1a4c93; padding: 0.5rem; top: 50%; cursor: pointer; }

.videos-control-next-icon { position: absolute; right: 10%; z-index: 999; background: #1a4c93; padding: 0.5rem; top: 50%; cursor: pointer; }

.overlay-left, .overlay-right { position: absolute; z-index: 998; display: block; background-color: #fff; opacity: .5; width: 10%; top: 0; height: 100%; }

.overlay-left { left: 0; }

.overlay-right { right: 0; }

.with-margin-bottom.layout { margin-bottom: 4.5rem; }

.layout-builder { background: transparent; }

.layout-top-content { max-width: 1353px; margin: 0 auto; }

.layout-top-content #block-fondation-help p { margin-bottom: .5rem; font-size: 1.5rem; }

form.entity-view-display-layout-builder-form, form.node-layout-builder-form { max-width: 1353px; margin: 0 auto; }

.layout-builder { margin: 0 auto; }

.layout-builder__add-section { outline: 1px grey dashed; display: inline-block; width: auto; border-radius: 20px; padding: 0.5rem 1rem; font-size: 1.4rem; }

.layout-builder__add-block { display: block; width: auto; border-radius: 20px; padding: 0.5rem 1rem; text-align: center; font-size: 1.4rem; max-width: 180px; margin: 1rem auto; }

.layout-builder-block__content-preview-placeholder-label { font-size: 1.6rem; text-transform: capitalize; background: #1a4c93; color: #fff; padding: 1rem 2rem; border-radius: 20px; }

.layout-builder__region { border-radius: 20px; border: 1px dashed #1a4c93; outline: none; }

.layout-builder__region[data-region="image_header"] { border: none; }

.layout-builder__region[data-region="image_header"] .layout-builder__add-block { display: none; }

.layout-builder-block { background: transparent; border: none; }

.layout-builder { border: none; }

.layout-builder__message--defaults, .layout-builder__message--overrides { display: none; }

.layout-builder--content-preview-disabled .layout-builder-block { border: none; }

.layout-builder-block { padding: 0.5em; }

.js-layout-builder-region .layout-builder__region-label, .js-layout-builder-region .layout-builder__add-block, .js-layout-builder-region .layout-builder__link { text-align: center; }

/* # Admin Path (Layout Builder) */
.compose-tips { max-width: 1200px; margin: 0 auto; }

.compose-tips table td { border: 1px solid; padding: 1rem; }

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