@charset "UTF-8";
/* ==== Scroll down to find where to put your styles :) ==== */
/*  HTML5 ? Boilerplate  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*body { font-size:0.750em; font-family: Arial, Helvetica, sans-serif; } */
select, input, textarea, button {
  font: 99% sans-serif;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

html {
  overflow-y: scroll;
}

ul, ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

textarea {
  overflow: auto;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

input:invalid, textarea:invalid {
  box-shadow: none;
}

/*::selection { background:#004481; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #004481; }
*/
button {
  width: auto;
  overflow: visible;
}

body, select, input, textarea {
  color: #444;
}

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

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

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

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

.invisible {
  visibility: hidden;
}

/* ====================== */
/* colors */
/* ====================== */
/*--- blue logo ---*/
/*--- pale orange ---*/
/*---  ---*/
/*--- blue for contrast ---*/
/*--- chimie : green ---*/
/*--- numerique : pink ---*/
/*--- chimie : light green for contrast ---*/
/*--- numerique : light pink for contrast ---*/
/*--- chimie : dark green for contrast ---*/
/*--- numerique : dark pink for contrast ---*/
/*--- dark grey ---*/
/*--- middle grey ---*/
/*--- ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*--- dark grey ---*/
/*--- black grey ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*--- pale grey ---*/
/*--- dark grey ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*--- red ---*/
/*--- dark red ---*/
/*--- white ---*/
/*--- black ---*/
/*--- bleu facebook ---*/
/*--- bleu twitter ---*/
/*--- bleu linkedin ---*/
/*--- rouge pinterest ---*/
/*--- rouge google+ ---*/
/*--- rouge youtube ---*/
/*--- orange viadeo ---*/
/*--- bleu instagram ---*/
/* ====================== */
/* font */
/* ====================== */
@font-face {
  font-family: 'houschka';
  src: url("../fonts/houschka_rounded_demibold-webfont.woff2") format("woff2"), url("../fonts/houschka_rounded_demibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* ====================== */
/* grid */
/* ====================== */
/* --- 400px --- */
/* --- 512px --- */
/* --- 656px --- */
/* --- 800px --- */
/* --- 1008px --- */
/* --- 1216px --- */
/* --- 1360px --- */
/* ====================== */
/* transition */
/* ====================== */
/* ====================== */
/* general */
/* ====================== */
/* ====================== */
/* helpers */
/* ====================== */
/* ====================== */
/* deco picto */
/* ====================== */
/* ====================== */
/* specifiques projet */
/* ====================== */
/* ====================== */
/* common */
/* ====================== */
html {
  font-size: .625em;
}

body {
  background: #fff;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
}

body,
select,
input,
textarea,
button {
  color: #575759;
  font-family: "Open Sans", Arial, sans-serif;
}

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

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

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

a {
  transition: all 0.15s ease-in-out;
}

/*::-moz-selection{ 
        background: $color-site-1; color: $color-white; 
        text-shadow: none; 
        .contrast & {
            background: $color-site-1-dark;
        }
    }
    ::selection { 
        background: $color-site-1; color: $color-white; 
        text-shadow: none; 
        .contrast & {
            background: $color-site-1-dark;
        }
    }
    a:link { 
        -webkit-tap-highlight-color: rgba($color-site-1, .2); 
    }*/
/* ====================== */
/* body */
/* ====================== */
@media only screen and (max-width: 50em) {
  #body {
    overflow: hidden;
  }
}

section {
  margin-bottom: 5rem;
}

section:after {
  content: '';
  display: block;
  clear: both;
}

/* ====================== */
/* classes extend */
/* ====================== */
.center, #body, #footer {
  margin: 0 auto;
  width: 134em;
  max-width: 100%;
}

.reset-btn {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1.2;
  box-shadow: none;
}

.reset-btn:hover, .reset-btn:focus {
  background: transparent;
  color: inherit;
}

.reset-btn::before, .reset-btn::after {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
}

.link, .btn-1, button,
input[type="submit"],
.input-button,
.input-submit, .cta-action-formulary, .cta-contact-footer, .cta-back-content, .editor-wysiwyg .cta-wysiwyg, .btn-banner, .title-nav-aside, .cta-more-squared, .cta-more-testimony, .cta-more-news, .cta-more-lead, .title-cat, .pager .pages,
.pager .current,
.pager .page,
.pager .extend,
.pager .previouspostslink,
.pager .nextpostslink,
.pager .first,
.pager .last, .cta-nav-principal-level-1, .title-galaxy-resp, .cta-galaxy-resp, .cta-galaxy, .cta-lang, .block-partner, .cta-backtop, .cta-social, .btn-tab-banner, .squared, .block-news, .lead, .cta-nav-direct, .cta-cat {
  display: block;
  color: inherit;
  text-decoration: none;
}

.link-inside a {
  color: inherit;
}

.link-inside a:hover, .link-inside a:focus {
  color: #17aed9;
}

.contrast .link-inside a:hover, .contrast .link-inside a:focus {
  color: #00779A;
}

.media img, .media-block-partner img {
  display: block;
  width: 100%;
  height: auto;
}

.sprite, .title-resp:before, .cta-nav-principal-level-1:after, .title-galaxy-resp:after, .cta-close-galaxy-resp:before, .title-galaxy:after, .breadcrumb a:first-child:before, .cta-backtop:before, .cta-social:before, .editor-wysiwyg blockquote:before,
.editor-wysiwyg q:before, .editor-wysiwyg .download-wysiwyg a:before, .title-nav-aside:after, .item-nav-aside.is-active > .cta-nav-aside:after, .form-search form:before, .form-search .input-submit:before, .squared.type-download .link-list-squared:before, .cta-nav-direct:before, .title-cat:after, .cta-cat:after, .pager .previouspostslink:before,
.pager .nextpostslink:before,
.pager .first:before,
.pager .last:before {
  background-image: url("../img/sprite-1.svg");
  background-repeat: no-repeat;
}

.contrast .sprite, .contrast .title-resp:before, .contrast .cta-nav-principal-level-1:after, .contrast .title-galaxy-resp:after, .contrast .cta-close-galaxy-resp:before, .contrast .title-galaxy:after, .contrast .breadcrumb a:first-child:before, .breadcrumb .contrast a:first-child:before, .contrast .cta-backtop:before, .contrast .cta-social:before, .contrast .editor-wysiwyg blockquote:before, .editor-wysiwyg .contrast blockquote:before,
.contrast .editor-wysiwyg q:before, .editor-wysiwyg .contrast q:before, .contrast .editor-wysiwyg .download-wysiwyg a:before, .editor-wysiwyg .download-wysiwyg .contrast a:before, .contrast .title-nav-aside:after, .contrast .item-nav-aside.is-active > .cta-nav-aside:after, .contrast .form-search form:before, .form-search .contrast form:before, .contrast .form-search .input-submit:before, .form-search .contrast .input-submit:before, .contrast .squared.type-download .link-list-squared:before, .squared.type-download .contrast .link-list-squared:before, .contrast .cta-nav-direct:before, .contrast .title-cat:after, .contrast .cta-cat:after, .contrast .pager .previouspostslink:before, .pager .contrast .previouspostslink:before,
.contrast .pager .nextpostslink:before, .pager .contrast .nextpostslink:before,
.contrast .pager .first:before, .pager .contrast .first:before,
.contrast .pager .last:before, .pager .contrast .last:before {
  background-image: url("../img/sprite-1-contrast.svg");
}

.click.is-link {
  cursor: pointer;
}

.list-col, .grid-form, .list-partner, .list-social, .list-grid, .list-training-home, .list-current {
  margin: -1rem;
}

.list-col:after, .grid-form:after, .list-partner:after, .list-social:after, .list-grid:after, .list-training-home:after, .list-current:after {
  content: '';
  display: block;
  clear: both;
}

.item-col, .grid-form .field, .item-partner, .item-social, .item-grid, .item-training-home, .item-current {
  display: block;
  float: left;
  padding: 1rem;
}

.list-col-center {
  margin: -1rem;
  text-align: center;
  letter-spacing: -0.31em;
}

.item-col-center {
  float: none;
  display: inline-block;
  padding: 1rem;
  letter-spacing: 0;
  vertical-align: top;
}

/* ====================== */
/* classes generales */
/* ====================== */
.full-width {
  width: 100% !important;
  height: auto;
}

.full-height {
  height: 100% !important;
  width: auto;
}

.faded {
  opacity: 0;
}

.table-scroll {
  overflow: auto;
}

/* ====================== */
/* ajax */
/* ====================== */
.loader-ajax {
  display: none;
  padding: 3rem;
}

.text-loader-ajax {
  position: relative;
  font-size: 1.6em;
  text-align: center;
}

.text-loader-ajax::before {
  content: '';
}

/* ====================== */
/* classes projet */
/* ====================== */
.title-1, .title-formulary {
  padding-bottom: .5em;
  font-size: 4rem;
  color: #17aed9;
  font-family: "Open Sans", Arial, sans-serif, Arial, sans-serif;
  font-weight: 900;
}

.btn-1, button,
input[type="submit"],
.input-button,
.input-submit, .cta-action-formulary, .cta-contact-footer, .cta-back-content, .editor-wysiwyg .cta-wysiwyg, .btn-banner, .title-nav-aside, .cta-more-squared, .cta-more-testimony, .cta-more-news, .cta-more-lead, .title-cat, .pager .pages,
.pager .current,
.pager .page,
.pager .extend,
.pager .previouspostslink,
.pager .nextpostslink,
.pager .first,
.pager .last {
  display: inline-block;
  padding: .5em 1.5em;
  border: 1px solid;
  background: none;
  color: inherit;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.15s ease-in-out;
}

.btn-1:hover, button:hover,
input:hover[type="submit"],
.input-button:hover,
.input-submit:hover, .cta-action-formulary:hover, .cta-contact-footer:hover, .cta-back-content:hover, .editor-wysiwyg .cta-wysiwyg:hover, .btn-banner:hover, .title-nav-aside:hover, .cta-more-squared:hover, .cta-more-testimony:hover, .cta-more-news:hover, .cta-more-lead:hover, .title-cat:hover, .pager .pages:hover,
.pager .current:hover,
.pager .page:hover,
.pager .extend:hover,
.pager .previouspostslink:hover,
.pager .nextpostslink:hover,
.pager .first:hover,
.pager .last:hover, .btn-1:focus, button:focus,
input:focus[type="submit"],
.input-button:focus,
.input-submit:focus, .cta-action-formulary:focus, .cta-contact-footer:focus, .cta-back-content:focus, .editor-wysiwyg .cta-wysiwyg:focus, .btn-banner:focus, .title-nav-aside:focus, .cta-more-squared:focus, .cta-more-testimony:focus, .cta-more-news:focus, .cta-more-lead:focus, .title-cat:focus, .pager .pages:focus,
.pager .current:focus,
.pager .page:focus,
.pager .extend:focus,
.pager .previouspostslink:focus,
.pager .nextpostslink:focus,
.pager .first:focus,
.pager .last:focus {
  border-color: #17aed9;
  background-color: #17aed9;
  color: #fff;
}

.contrast .btn-1:hover, .contrast button:hover,
.contrast input:hover[type="submit"],
.contrast .input-button:hover,
.contrast .input-submit:hover, .contrast .cta-action-formulary:hover, .contrast .cta-contact-footer:hover, .contrast .cta-back-content:hover, .contrast .editor-wysiwyg .cta-wysiwyg:hover, .editor-wysiwyg .contrast .cta-wysiwyg:hover, .contrast .btn-banner:hover, .contrast .title-nav-aside:hover, .contrast .cta-more-squared:hover, .contrast .cta-more-testimony:hover, .contrast .cta-more-news:hover, .contrast .cta-more-lead:hover, .contrast .title-cat:hover, .contrast .pager .pages:hover, .pager .contrast .pages:hover,
.contrast .pager .current:hover, .pager .contrast .current:hover,
.contrast .pager .page:hover, .pager .contrast .page:hover,
.contrast .pager .extend:hover, .pager .contrast .extend:hover,
.contrast .pager .previouspostslink:hover, .pager .contrast .previouspostslink:hover,
.contrast .pager .nextpostslink:hover, .pager .contrast .nextpostslink:hover,
.contrast .pager .first:hover, .pager .contrast .first:hover,
.contrast .pager .last:hover, .pager .contrast .last:hover, .contrast .btn-1:focus, .contrast button:focus,
.contrast input:focus[type="submit"],
.contrast .input-button:focus,
.contrast .input-submit:focus, .contrast .cta-action-formulary:focus, .contrast .cta-contact-footer:focus, .contrast .cta-back-content:focus, .contrast .editor-wysiwyg .cta-wysiwyg:focus, .editor-wysiwyg .contrast .cta-wysiwyg:focus, .contrast .btn-banner:focus, .contrast .title-nav-aside:focus, .contrast .cta-more-squared:focus, .contrast .cta-more-testimony:focus, .contrast .cta-more-news:focus, .contrast .cta-more-lead:focus, .contrast .title-cat:focus, .contrast .pager .pages:focus, .pager .contrast .pages:focus,
.contrast .pager .current:focus, .pager .contrast .current:focus,
.contrast .pager .page:focus, .pager .contrast .page:focus,
.contrast .pager .extend:focus, .pager .contrast .extend:focus,
.contrast .pager .previouspostslink:focus, .pager .contrast .previouspostslink:focus,
.contrast .pager .nextpostslink:focus, .pager .contrast .nextpostslink:focus,
.contrast .pager .first:focus, .pager .contrast .first:focus,
.contrast .pager .last:focus, .pager .contrast .last:focus {
  border-color: #00779A;
  background-color: #00779A;
  color: #fff;
}

.sprite-highlight {
  background-image: url("../img/sprite-highlight.svg");
  background-repeat: no-repeat;
}

/* ====================== */
/* form */
/* ====================== */
form {
  position: relative;
}

:-ms-input-placeholder {
  color: inherit;
  font-style: italic;
  opacity: .75;
}

::placeholder {
  color: inherit;
  font-style: italic;
  opacity: .75;
}

legend,
label,
.label {
  display: block;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.4em;
}

.field > label,
.field > .label {
  margin-bottom: 0.714em;
  color: #575759;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}

input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="color"],
input[type="password"],
input[type="search"],
input[type="url"],
select,
textarea,
input[type="file"],
.input-text,
.input-date,
.input-file {
  position: relative;
  overflow: visible;
  padding: .75em 1em;
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 0;
  background: #fff;
  font-size: 1.4em;
  vertical-align: top;
  box-shadow: none;
  transition: all 0.15s ease-in-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="color"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus,
input[type="file"]:focus,
.input-text:focus,
.input-date:focus,
.input-file:focus {
  border-color: #17aed9;
}

.contrast input[type="text"]:focus, .contrast
input[type="email"]:focus, .contrast
input[type="tel"]:focus, .contrast
input[type="number"]:focus, .contrast
input[type="date"]:focus, .contrast
input[type="color"]:focus, .contrast
input[type="password"]:focus, .contrast
input[type="search"]:focus, .contrast
input[type="url"]:focus, .contrast
select:focus, .contrast
textarea:focus, .contrast
input[type="file"]:focus, .contrast
.input-text:focus, .contrast
.input-date:focus, .contrast
.input-file:focus {
  border-color: #00779A;
}

input[type="text"].is-error,
.field.is-error input[type="text"],
input[type="email"].is-error,
.field.is-error
input[type="email"],
input[type="tel"].is-error,
.field.is-error
input[type="tel"],
input[type="number"].is-error,
.field.is-error
input[type="number"],
input[type="date"].is-error,
.field.is-error
input[type="date"],
input[type="color"].is-error,
.field.is-error
input[type="color"],
input[type="password"].is-error,
.field.is-error
input[type="password"],
input[type="search"].is-error,
.field.is-error
input[type="search"],
input[type="url"].is-error,
.field.is-error
input[type="url"],
select.is-error,
.field.is-error
select,
textarea.is-error,
.field.is-error
textarea,
input[type="file"].is-error,
.field.is-error
input[type="file"],
.input-text.is-error,
.field.is-error
.input-text,
.input-date.is-error,
.field.is-error
.input-date,
.input-file.is-error,
.field.is-error
.input-file {
  border-color: #e63735;
}

.contrast input[type="text"].is-error, .contrast
.field.is-error input[type="text"], .contrast
input[type="email"].is-error, .contrast
.field.is-error
input[type="email"], .contrast
input[type="tel"].is-error, .contrast
.field.is-error
input[type="tel"], .contrast
input[type="number"].is-error, .contrast
.field.is-error
input[type="number"], .contrast
input[type="date"].is-error, .contrast
.field.is-error
input[type="date"], .contrast
input[type="color"].is-error, .contrast
.field.is-error
input[type="color"], .contrast
input[type="password"].is-error, .contrast
.field.is-error
input[type="password"], .contrast
input[type="search"].is-error, .contrast
.field.is-error
input[type="search"], .contrast
input[type="url"].is-error, .contrast
.field.is-error
input[type="url"], .contrast
select.is-error, .contrast
.field.is-error
select, .contrast
textarea.is-error, .contrast
.field.is-error
textarea, .contrast
input[type="file"].is-error, .contrast
.field.is-error
input[type="file"], .contrast
.input-text.is-error, .contrast
.field.is-error
.input-text, .contrast
.input-date.is-error, .contrast
.field.is-error
.input-date, .contrast
.input-file.is-error, .contrast
.field.is-error
.input-file {
  color: #A72828;
}

.contrast input[type="text"], .contrast
input[type="email"], .contrast
input[type="tel"], .contrast
input[type="number"], .contrast
input[type="date"], .contrast
input[type="color"], .contrast
input[type="password"], .contrast
input[type="search"], .contrast
input[type="url"], .contrast
select, .contrast
textarea, .contrast
input[type="file"], .contrast
.input-text, .contrast
.input-date, .contrast
.input-file {
  border-color: currentColor;
}

fieldset {
  margin: 0 0 1em;
}

.field {
  position: relative;
  margin: 0 0 1em;
}

.field:after {
  content: '';
  display: block;
  clear: both;
}

textarea {
  min-height: 15em;
  min-width: 100%;
  max-width: 100%;
}

/* select */
/* select personnalise */
select,
.input-select {
  padding-right: 40px;
  background: #fff url("../img/form-select.svg") right center no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select::-ms-expand,
.input-select::-ms-expand {
  display: none;
}

.contrast select, .contrast
.input-select {
  background-image: url("../img/form-select-contrast.svg");
}

/* END select personnalise */
/* input type password personnalise */
.input-password {
  position: relative;
}

.input-password.is-visible .cta-password::before {
  background-position: -30px top;
}

.cta-password {
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 4em;
  border: none;
}

.cta-password::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 30px;
  height: 30px;
  background: url("../img/form-password.svg") left top no-repeat;
}

.contrast .cta-password::before {
  background-image: url("../img/form-password-contrast.svg");
}

/* END input type password personnalise */
/* checkbox & radio */
.choice {
  display: inline-block;
  position: relative;
  margin: 0 0 1em;
}

.choice label {
  display: inline-block;
  margin: 0 1em 0 0;
  width: auto;
  color: #a5a6a7;
}

.contrast .choice label {
  color: inherit;
}

/* checkbox & radio personnalises */
input[type="checkbox"],
input[type="radio"],
.input-checkbox,
.input-radio {
  position: absolute;
  z-index: -1;
  display: inline-block;
  margin: .5em .5em .5em 0;
  vertical-align: top;
  opacity: 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label,
.input-checkbox + label,
.input-radio + label {
  position: relative;
  z-index: 0;
  padding: .15em 2em .15em 30px;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before,
.input-checkbox + label:before,
.input-radio + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 1px solid #e7e7e7;
  transition: all 0.15s ease-in-out;
}

.contrast input[type="checkbox"] + label:before, .contrast
input[type="radio"] + label:before, .contrast
.input-checkbox + label:before, .contrast
.input-radio + label:before {
  border-color: currentColor;
}

input[type="checkbox"] + label:after,
input[type="radio"] + label:after,
.input-checkbox + label:after,
.input-radio + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 6px;
  height: 6px;
  margin: 5px;
  background-color: #17aed9;
  opacity: 0;
  transition: all 0.15s ease-in-out;
}

.contrast input[type="checkbox"] + label:after, .contrast
input[type="radio"] + label:after, .contrast
.input-checkbox + label:after, .contrast
.input-radio + label:after {
  background-color: #00779A;
}

input[type="checkbox"]:hover + label:before, input[type="checkbox"]:focus + label:before,
input[type="radio"]:hover + label:before,
input[type="radio"]:focus + label:before,
.input-checkbox:hover + label:before,
.input-checkbox:focus + label:before,
.input-radio:hover + label:before,
.input-radio:focus + label:before {
  border-color: #17aed9;
  background-color: rgba(0, 0, 0, 0.08);
  box-shadow: #17aed9 0 0 0 2px inset;
}

.contrast input[type="checkbox"]:hover + label:before, .contrast input[type="checkbox"]:focus + label:before, .contrast
input[type="radio"]:hover + label:before, .contrast
input[type="radio"]:focus + label:before, .contrast
.input-checkbox:hover + label:before, .contrast
.input-checkbox:focus + label:before, .contrast
.input-radio:hover + label:before, .contrast
.input-radio:focus + label:before {
  border-color: #00779A;
  background-color: transparent;
  box-shadow: #00779A 0 0 0 2px inset;
}

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label,
.input-checkbox:checked + label,
.input-radio:checked + label {
  color: #17aed9;
}

.contrast input[type="checkbox"]:checked + label, .contrast
input[type="radio"]:checked + label, .contrast
.input-checkbox:checked + label, .contrast
.input-radio:checked + label {
  color: #00779A;
}

input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after,
.input-checkbox:checked + label:after,
.input-radio:checked + label:after {
  opacity: 1;
}

input[type="checkbox"].is-error + label:before,
input[type="radio"].is-error + label:before,
.input-checkbox.is-error + label:before,
.input-radio.is-error + label:before {
  border-color: #e63735;
}

input[type="radio"] + label:before, input[type="radio"] + label:after,
.input-radio + label:before,
.input-radio + label:after {
  top: .3em;
}

input[type="radio"] + label:before,
.input-radio + label:before {
  border-radius: 50%;
}

input[type="radio"] + label:after,
.input-radio + label:after {
  border-radius: 50%;
}

input[type="checkbox"] + label::before,
.input-checkbox + label::before {
  width: 22px;
  height: 22px;
}

input[type="checkbox"] + label:after,
.input-checkbox + label:after {
  width: 20px;
  height: 20px;
  margin: 1px;
  background: url("../img/form-checkbox.svg") center center no-repeat;
}

.contrast input[type="checkbox"] + label:after, .contrast
.input-checkbox + label:after {
  background-image: url("../img/form-checkbox-contrast.svg");
  background-color: transparent;
}

/* END checkbox & radio personnalises */
/* submit */
.field-submit {
  margin: 5em 0;
}

button,
input[type="submit"],
.input-button,
.input-submit {
  position: relative;
  overflow: visible;
  background: none;
  white-space: normal;
  line-height: normal;
  vertical-align: top;
}

input[type="submit"],
.input-submit {
  padding: 1.333em 2.667em;
}

/* info, message */
.msg-form,
.info-form,
.mention-form {
  margin-bottom: 1em;
  font-size: 1.2em;
}

.mention-form {
  color: #a5a6a7;
}

.contrast .mention-form {
  color: inherit;
}

.info-form {
  margin-bottom: 2.5em;
  color: #a5a6a7;
  font-family: "Montserrat", Arial, sans-serif;
}

.contrast .info-form {
  color: inherit;
}

.msg-form {
  padding: 1.5em 2em 1em;
  margin-bottom: 2em;
  border: 1px solid;
  font-size: 1.4em;
}

.msg-form p {
  margin-bottom: .5em;
}

.msg-form ol,
.msg-form ul {
  overflow: hidden;
  margin-left: 1.5em;
}

.msg-form li {
  margin-bottom: .5em;
}

.msg-form ul > li {
  position: relative;
  padding: 0 0 0 1.5em;
}

.msg-form ul > li:before {
  content: "";
  position: absolute;
  top: .45em;
  left: .25em;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #575759;
}

.msg-form a {
  color: inherit;
}

.contrast .msg-form {
  border: 1px solid #00779A;
  background-color: transparent;
}

.msg-form-error {
  margin-bottom: 2.143em;
  color: #e63735;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.75;
}

.msg-form-error a {
  color: inherit;
}

.contrast .msg-form-error {
  color: #A72828;
}

.msg-field-error {
  position: relative;
  display: block;
  padding: 1em 0;
  color: #e63735;
  font-family: "Montserrat", Arial, sans-serif;
  text-align: right;
  font-size: 1.2em;
}

.contrast .msg-field-error {
  color: #A72828;
}

.grid-form {
  margin: 0 -2rem;
}

.grid-form .field {
  padding: 0 2rem;
  width: 50%;
}

.grid-form .field:nth-child(2n+1) {
  clear: both;
}

.grid-form .field.type-large {
  width: 100%;
}

/* ====================== */
/* formularye */
/* ====================== */
.title-formulary {
  padding-bottom: 0.625em;
}

.subtitle-formulary {
  margin-bottom: 1.154em;
  color: #a5a6a7;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 2.6em;
}

.contrast .subtitle-formulary {
  color: inherit;
}

.main-formulary {
  padding: 5em 9em;
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 30px;
}

.list-formulary {
  margin-bottom: 5em;
}

.list-formulary::after {
  content: '';
  display: block;
  clear: both;
}

.item-formulary {
  width: 50%;
  float: left;
}

.item-formulary:nth-child(odd) {
  padding-right: 5em;
}

.item-formulary:nth-child(even) {
  padding-left: 5em;
}

.title-block-formulary {
  margin-bottom: 1.538em;
  color: #17aed9;
  font-size: 2.6em;
  font-weight: bold;
}

.contrast .title-block-formulary {
  color: #00779A;
}

.bottom-formulary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.msg-formulary {
  margin-bottom: 1em;
  color: #17aed9;
  font-size: 2.4em;
  font-weight: bold;
}

.contrast .msg-formulary {
  color: #00779A;
}

.msg-formulary.type-error {
  color: #e63735;
}

.contrast .msg-formulary.type-error {
  color: #A72828;
}

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

.cta-action-formulary {
  padding: .75em 2em;
  color: #17aed9;
}

.contrast .cta-action-formulary {
  color: #00779A;
}

/* ====================== */
/* filters form */
/* ====================== */
.filters-form {
  margin-bottom: 3rem;
  border: 1px solid #e7e7e7;
  border-bottom-width: 0;
}

@media only screen and (min-width: 32em) {
  .filters-form {
    border-bottom-width: 1px;
  }
}

.contrast .filters-form {
  border-color: currentColor;
}

@media only screen and (min-width: 32em) {
  .filters-form .wrap-filters-form {
    display: -ms-flexbox;
    display: flex;
  }
}

.filters-form fieldset {
  margin: 0;
}

.filters-form .field {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0;
  border: 0 solid #e7e7e7;
  border-bottom-width: 1px;
}

.contrast .filters-form .field {
  border-color: currentColor;
}

@media only screen and (min-width: 32em) {
  .filters-form .field {
    border-bottom-width: 0;
    border-left-width: 1px;
  }
}

.filters-form .title-filters + .field {
  border-left: 0;
}

.filters-form .title-filters {
  position: relative;
  z-index: 0;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding: 1rem 2rem;
  border-left: none;
}

@media only screen and (min-width: 32em) {
  .filters-form .title-filters {
    padding-right: 3rem;
  }
  .filters-form .title-filters:before, .filters-form .title-filters:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 3em solid transparent;
    border-bottom: 3em solid transparent;
    transform: translateY(-50%);
  }
  .filters-form .title-filters:before {
    right: 0;
    z-index: 1;
    border-left: 2em solid #e7e7e7;
  }
  .contrast .filters-form .title-filters:before {
    border-left-color: currentColor;
  }
  .filters-form .title-filters:after {
    right: 1px;
    z-index: 1;
    border-left: 2em solid #fff;
  }
}

@media only screen and (min-width: 76em) {
  .filters-form .title-filters {
    padding-left: 3rem;
  }
}

.filters-form .choice {
  margin: 1rem 2rem;
}

@media only screen and (min-width: 63em) {
  .filters-form .choice {
    margin: 2rem;
  }
}

.filters-form label,
.filters-form .label,
.filters-form .title-filters {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.75;
}

@media only screen and (min-width: 32em) {
  .filters-form input[type="checkbox"] + label,
  .filters-form input[type="radio"] + label,
  .filters-form .input-checkbox + label,
  .filters-form .input-radio + label {
    padding: .15em 3em .15em 0;
  }
  .filters-form input[type="checkbox"] + label:before, .filters-form input[type="checkbox"] + label:after,
  .filters-form input[type="radio"] + label:before,
  .filters-form input[type="radio"] + label:after,
  .filters-form .input-checkbox + label:before,
  .filters-form .input-checkbox + label:after,
  .filters-form .input-radio + label:before,
  .filters-form .input-radio + label:after {
    left: auto;
    right: 0;
  }
}

.filters-form select,
.filters-form .input-select {
  border-color: transparent;
}

@media only screen and (min-width: 63em) {
  .filters-form select,
  .filters-form .input-select {
    margin: 1rem 0;
  }
}

.filters-form select:focus,
.filters-form .input-select:focus {
  border-color: #17aed9;
}

.contrast .filters-form select:focus, .contrast
.filters-form .input-select:focus {
  border-color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 63em) {
  .main-formulary {
    padding: 5em;
  }
  .item-formulary:nth-child(odd) {
    padding-right: 2em;
  }
  .item-formulary:nth-child(even) {
    padding-left: 2em;
  }
}

@media only screen and (max-width: 50em) {
  .main-formulary {
    padding: 5em 2em;
  }
}

@media only screen and (max-width: 41em) {
  .item-formulary {
    width: 100%;
    float: none;
    padding: 0 !important;
  }
  .bottom-formulary {
    display: block;
  }
  .field-submit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media only screen and (max-width: 32em) {
  .main-formulary {
    box-shadow: none;
    padding: 0;
  }
}

/* ====================== */
/* infinite scroll */
/* ====================== */
.infscr {
  margin-bottom: 3rem;
}

#infscr-loading {
  width: auto !important;
}

#infscr-loading > img {
  display: none;
}

.msg-loading {
  position: relative;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 1.6em;
  /*&:before {
		content: '';
	}*/
}

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

.more-infscr {
  margin-bottom: 2rem;
  text-align: center;
}

.cta-more-infscr {
  color: #17aed9;
}

.contrast .cta-more-infscr {
  color: #00779A;
}

.finished-infscr,
.empty-infscr {
  display: none;
  text-align: center;
}

.finished-infscr.is-visible,
.empty-infscr.is-visible {
  display: block;
}

.text-finished-infscr,
.text-empty-infscr {
  padding: .5em 1em;
  margin-bottom: 1em;
  border: 1px solid;
  background: none;
  color: #17aed9;
  font-size: 1.6em;
}

.contrast .text-finished-infscr, .contrast
.text-empty-infscr {
  color: #00779A;
}

/* ====================== */
/* header */
/* ====================== */
#header {
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
}

.wrap-header {
  position: relative;
}

.main-header {
  position: relative;
}

.main-header:after {
  content: '';
  display: block;
  clear: both;
}

.bottom-header {
  position: relative;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
}

.bottom-header:after {
  content: '';
  display: block;
  clear: both;
}

/* ====================== */
/* logo */
/* ====================== */
.blog-logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}

.blog-logo .logo-desktop {
  display: block;
}

.blog-logo .logo-mobile {
  display: none;
}

.blog-name {
  text-align: center;
  padding: 4rem 13rem;
  font-family: 'houschka', sans-serif;
  font-weight: 400;
  font-size: 3.7rem;
  display: block;
  text-decoration: none;
}

/* ====================== */
/* menu */
/* ====================== */
.resp {
  display: none;
  float: right;
}

.resp.is-open .title-resp {
  color: #fff;
}

.resp.is-open .content-resp {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
  overflow: visible;
}

.title-resp {
  border-color: #e7e7e7;
  color: #575759;
  border-right: none;
  width: 6rem;
  height: 6rem;
  padding: 1em;
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
}

.title-resp:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content-resp {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.5) 0 500em 0 500em;
}

.wrap-content-resp {
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

/* ====================== */
/* nav principal pour wordpress */
/* ====================== */
.nav-principal {
  position: relative;
  transition: all 0.15s ease-in-out;
}

.nav-principal.is-open {
  transform: translateX(-100%);
}

.nav-principal-level-1 {
  position: relative;
  float: none;
  width: auto;
}

.item-nav-principal-level-1:last-child {
  border: none !important;
}

.cta-nav-principal-level-1 {
  width: 100%;
  padding: 1em 60px 1em 2em;
  border: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.6em;
  text-align: left;
}

.cta-nav-principal-level-1:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  display: none;
  width: 20px;
  height: 20px;
  background-position: -40px -100px;
  transform: translateY(-50%);
}

button.cta-nav-principal-level-1:after {
  display: block;
}

/* ====================== */
/* sites' galaxy in resp */
/* ====================== */
.galaxy-resp {
  display: none;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-left: none;
  border-bottom: none;
  background: #575759;
  color: #fff;
}

.galaxy-resp.is-open .content-galaxy-resp {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
}

.title-galaxy-resp {
  width: 100%;
  padding: 1em 60px 1em 2em;
  border: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.6em;
  text-align: left;
}

.title-galaxy-resp:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 20px;
  background-position: -40px -100px;
  transform: translateY(-50%);
}

.title-galaxy-resp:hover, .title-galaxy-resp:focus {
  background: #575759 !important;
  color: #fff;
}

.title-galaxy-resp:hover:after, .title-galaxy-resp:focus:after {
  background-position: -40px -100px !important;
}

.content-galaxy-resp {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  max-height: none !important;
  background: transparent;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
}

.close-galaxy-resp {
  border-bottom: 1px solid #e7e7e7;
}

.cta-close-galaxy-resp {
  width: 100%;
  padding: 1.5em 1.5em 1.5em 40px;
  border: none;
  background: #575759;
  color: #fff;
  text-align: left;
}

.cta-close-galaxy-resp:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  background-position: -60px -100px;
  transform: translateY(-50%);
}

.cta-close-galaxy-resp:hover, .cta-close-galaxy-resp:focus {
  background: #575759 !important;
  color: #fff;
}

.cta-close-galaxy-resp:hover:before, .cta-close-galaxy-resp:focus:before {
  background-position: -60px -100px;
}

.item-galaxy-resp:last-child {
  border: none !important;
}

.cta-galaxy-resp {
  position: relative;
  padding: 1em 40px 1em 1.25em;
  font-size: 1.4em;
  /*&:after {
        @extend .sprite;
        content: '';
        position: absolute; top: 50%; right: 10px;
        width: 20px; height: 20px;
        background-position: -40px -100px;
        transform: translateY(-50%);
    }*/
}

/* ====================== */
/* sites' galaxy */
/* ====================== */
.galaxy {
  position: relative;
  float: right;
  height: 100%;
  min-width: 20rem;
}

.galaxy.is-open .title-galaxy {
  color: #17aed9;
}

.galaxy.is-open .content-galaxy {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
}

.title-galaxy {
  display: block;
  height: 100%;
  padding: 2rem 2.5em;
  border-color: #e7e7e7 !important;
  border-top: none;
  border-bottom: none;
  color: #a5a6a7;
}

.title-galaxy:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  background-position: left -80px;
  vertical-align: middle;
}

.title-galaxy:hover, .title-galaxy:focus {
  background: none;
  color: #17aed9;
}

.content-galaxy {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
}

.list-galaxy {
  border: 1px solid #e7e7e7;
}

.item-galaxy {
  border-bottom: 1px solid #e7e7e7;
}

.item-galaxy:last-child {
  border: none;
}

.cta-galaxy {
  padding: 1em 2em;
  font-size: 1.4em;
}

.cta-galaxy:hover, .cta-galaxy:focus {
  color: #17aed9;
}

/* ====================== */
/* languages */
/* ====================== */
.lang {
  position: relative;
  float: left;
  padding: 1.9rem 1rem;
  border: 1px solid #e7e7e7;
  border-width: 0 1px;
}

.item-lang {
  float: left;
}

.item-lang.is-active .cta-lang {
  color: #17aed9;
  cursor: default;
}

.cta-lang {
  padding: .25em 1em;
  color: #a5a6a7;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cta-lang:hover, .cta-lang:focus {
  color: #17aed9;
}

/* ====================== */
/* blog nav */
/* ====================== */
.blog-nav {
  text-align: center;
}

.blog-nav li {
  display: inline-block;
}

.blog-nav li a {
  color: #17aed9;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 2.2rem 1rem 1.5rem;
  font-weight: 800;
  font-size: 15px;
}

.blog-nav li a:hover {
  text-decoration: underline;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 50em) {
  .blog-nav,
  .galaxy,
  .blog-logo .logo-desktop {
    display: none;
  }
  .galaxy-resp,
  .resp,
  .blog-logo .logo-mobile {
    display: block;
  }
  .blog-logo {
    left: 10px;
  }
  .blog-logo img {
    width: 60px;
  }
  #header {
    margin-bottom: 0;
  }
  .main-header {
    background: #fff !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    width: 100%;
  }
  .resp {
    -ms-flex-order: 2;
        order: 2;
    margin-left: auto;
  }
  .blog-name {
    padding: .2rem 4.5rem .6rem 8rem;
    font-size: 16px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .bottom-header {
    width: 45px;
    position: absolute;
    border: 0;
    top: 0;
    right: 60px;
  }
  .bottom-header .lang {
    border: 0;
    padding: 4px 0 0;
  }
  .bottom-header .lang .cta-lang {
    padding-top: 6px;
    padding-bottom: 2px;
  }
}

/* ====================== */
/* footer */
/* ====================== */
#footer {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-top: 5rem;
}

.wrap-footer {
  padding: 0 5rem 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
  border-bottom: 70px solid #17aed9;
}

.main-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* ====================== */
/* partners */
/* ====================== */
.partner {
  position: relative;
  margin-bottom: 7rem;
}

.partner.has-slider {
  border: 1px solid #e7e7e7;
}

.partner.has-slider .title-partner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 6rem;
  padding: 1.25em 8rem;
  margin: -1px 0 0;
  border-bottom: 1px solid #e7e7e7;
}

.contrast .partner.has-slider .title-partner {
  border-color: currentColor;
}

.partner.has-slider .list-partner {
  margin: 0;
}

.partner.has-slider .block-partner {
  border: none;
}

.contrast .partner.has-slider {
  border-color: currentColor;
}

.partner .bx-wrapper {
  margin: 0 -1px;
}

.title-partner {
  margin-bottom: 3rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.item-partner {
  width: 10%;
}

.block-partner {
  padding: 1rem;
  border: 1px solid #e7e7e7;
}

.block-partner:after {
  content: '';
  display: block;
  clear: both;
}

.block-partner:hover, .block-partner:focus {
  box-shadow: #17aed9 0 0 0 6px;
}

.contrast .block-partner:hover, .contrast .block-partner:focus {
  box-shadow: #00779A 0 0 0 6px;
}

.contrast .block-partner {
  border-color: currentColor;
}

.media-block-partner {
  position: relative;
  padding-top: 100%;
}

.media-block-partner img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* ====================== */
/* logo */
/* ====================== */
.logo-footer {
  position: relative;
  float: left;
  width: 33.33%;
  padding-right: 2rem;
  margin-bottom: 5rem;
}

.quick-links-footer li {
  margin-bottom: 13px;
}

.quick-links-footer a {
  font-size: 1.3em;
  color: #17aed9;
  text-decoration: none;
}

.quick-links-footer a:hover {
  text-decoration: underline;
}

/* ====================== */
/* contact */
/* ====================== */
.contact-footer {
  position: relative;
  float: left;
  width: 33.33%;
  padding: 0 2rem;
  margin-bottom: 5rem;
  text-align: center;
}

.title-contact-footer {
  margin-bottom: 5rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.text-contact-footer {
  margin-bottom: 3rem;
  color: #a5a6a7;
  font-size: 1.2em;
}

.text-contact-footer a {
  color: inherit;
}

.text-contact-footer a:hover, .text-contact-footer a:focus {
  color: #17aed9;
}

.contrast .text-contact-footer a:hover, .contrast .text-contact-footer a:focus {
  color: #00779A;
}

.cta-contact-footer {
  color: #17aed9;
}

.contrast .cta-contact-footer {
  color: #00779A;
}

/* ====================== */
/* social */
/* ====================== */
.social-footer {
  position: relative;
  float: left;
  width: 33.33%;
  padding-left: 2rem;
  margin-bottom: 5rem;
  text-align: center;
}

.social-footer .list-social {
  display: inline-block;
}

.social-footer .cta-social {
  width: 7rem;
  height: 7rem;
}

.social-footer .cta-social:before {
  transform: translate(-50%, -50%) scale(1);
}

.title-social-footer {
  margin-bottom: 5rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.title-social-footer a {
  color: #17aed9;
}

.social + .title-social-footer {
  margin-top: 5rem;
}

/* ====================== */
/* nav footer */
/* ====================== */
.nav-footer {
  margin-bottom: 5rem;
  color: #a5a6a7;
  font-size: 1.2em;
  text-align: center;
}

.contrast .nav-footer {
  color: inherit;
}

.item-nav-footer {
  display: inline-block;
  margin: .5rem 0;
}

.item-nav-footer:after {
  content: "|";
  margin: 0 1rem;
}

.item-nav-footer:last-child:after {
  display: none;
}

.cta-nav-footer {
  display: inline-block;
  color: inherit;
}

.cta-nav-footer[href]:hover, .cta-nav-footer[href]:focus {
  color: #17aed9;
}

.contrast .cta-nav-footer[href]:hover, .contrast .cta-nav-footer[href]:focus {
  color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  #footer:before, #footer:after {
    display: none;
  }
  .wrap-footer {
    padding: 0 2rem 1px;
  }
  .item-partner {
    width: 12.5%;
  }
  .social-footer .cta-social {
    width: 5rem;
    height: 5rem;
  }
  .social-footer .cta-social:before {
    transform: translate(-50%, -50%) scale(0.65);
  }
}

@media only screen and (max-width: 63em) {
  .main-footer {
    display: block;
  }
  .title-partner {
    margin-bottom: 1.5em;
  }
  .item-partner {
    width: 16.66%;
  }
  .logo-footer {
    width: 50%;
  }
  .contact-footer {
    width: 50%;
    padding: 0 0 0 2rem;
  }
  .title-contact-footer {
    margin-bottom: 1em;
  }
  .social-footer {
    float: none;
    width: auto;
    padding: 0;
  }
  .title-social-footer {
    margin-bottom: 1.5em;
  }
  .social + .title-social-footer {
    margin-top: 1.5em;
  }
}

@media only screen and (max-width: 41em) {
  .item-partner {
    width: 25%;
  }
  .logo-footer {
    float: none;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .media-block-logo-footer img {
    width: 80%;
  }
  .contact-footer {
    float: none;
    width: auto;
    padding: 0;
  }
}

@media only screen and (max-width: 25em) {
  .item-partner {
    width: 50%;
  }
}

/* ====================== */
/* breadcrumb */
/* ====================== */
.breadcrumb {
  margin: 3rem 0 3rem 0;
  font-size: 1.2em;
  color: #17aed9;
}

@media only screen and (max-width: 50em) {
  .breadcrumb {
    margin-bottom: 8rem;
  }
}

.breadcrumb a {
  position: relative;
  color: inherit;
  text-decoration: underline;
}

.breadcrumb a:hover, .breadcrumb a:focus {
  color: inherit;
}

.breadcrumb a:after,
.breadcrumb a > .after {
  content: " > ";
  display: inline-block;
  padding: 0 .5em;
  color: #17aed9;
  text-decoration: none;
}

.breadcrumb a:first-child {
  margin-left: 15px;
}

@media only screen and (max-width: 76em) {
  .breadcrumb a:first-child {
    margin-left: 4rem;
  }
}

.breadcrumb a:first-child:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-position: left -150px;
}

.breadcrumb span {
  color: inherit;
}

.breadcrumb ul {
  overflow: hidden;
}

.breadcrumb ul li {
  float: left;
}

#colorbox .breadcrumb {
  display: none;
}

.contrast .breadcrumb {
  color: #00779A;
}

/* ====================== */
/* pager */
/* ====================== */
/* ====================== */
/* back to top */
/* ====================== */
.backtop {
  margin-bottom: 2rem;
}

.cta-backtop {
  width: 6rem;
  height: 6rem;
  padding: 1em;
  margin: 0 auto;
  border-radius: 50%;
  background: #fff;
  color: #17aed9;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
  transform: translateY(-50%);
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
}

.cta-backtop:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 20px;
  height: 20px;
  background-position: -20px -80px;
}

.cta-backtop:hover, .cta-backtop:focus {
  background: #17aed9;
  color: #fff;
}

.cta-backtop:hover:before, .cta-backtop:focus:before {
  background-position: -20px -100px;
}

.contrast .cta-backtop:hover, .contrast .cta-backtop:focus {
  background-color: #00779A;
  color: #fff;
}

.contrast .cta-backtop {
  color: #00779A;
}

/* ====================== */
/* social */
/* ====================== */
.item-social.type-twitter .cta-social {
  background-color: #00aced;
}

.item-social.type-twitter .cta-social:before {
  background-position: left -180px;
}

.item-social.type-facebook .cta-social {
  background-color: #3b5998;
}

.item-social.type-facebook .cta-social:before {
  background-position: -40px -180px;
}

.item-social.type-flickr .cta-social {
  border: 1px solid #e7e7e7;
}

.item-social.type-flickr .cta-social:before {
  background-position: -80px -180px;
}

.item-social.type-linkedin .cta-social {
  background-color: #0077b5;
}

.item-social.type-linkedin .cta-social:before {
  background-position: -120px -180px;
}

.cta-social {
  width: 4.5rem;
  height: 4.5rem;
  padding: 1em;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
}

.cta-social:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%) scale(0.65);
}

.cta-social:hover, .cta-social:focus {
  box-shadow: #17aed9 0 0 0 6px;
}

.contrast .cta-social:hover, .contrast .cta-social:focus {
  box-shadow: #00779A 0 0 0 6px;
}

/* ====================== */
/* responsive */
/* ====================== */
/* ====================== */
/* content */
/* ====================== */
#content {
  position: relative;
  z-index: 0;
}

.wrap-content {
  position: relative;
  z-index: 0;
  padding: 0 5rem;
  margin-bottom: 5rem;
}

.top-content {
  margin-bottom: 3rem;
  position: relative;
}

.top-content:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.side-content {
  float: left;
  clear: left;
  width: 33.33%;
  padding-right: 2rem;
  padding-right: calc(2rem * 2 * 2 / 3);
  margin-bottom: 3rem;
}

.side-content [class|="grid"] .item-grid {
  width: 100%;
}

.main-content {
  clear: both;
}

.main-content.type-side {
  clear: none;
  float: right;
  width: 66.66%;
  padding-left: 2rem;
  padding-left: calc(2rem * 2 / 3);
  margin-bottom: 3rem;
}

.main-content.type-center {
  padding: 0 16.66%;
}

.main-content.type-center .editor-wysiwyg .img-wysiwyg, .main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft,
.main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright, .main-content.type-center .editor-wysiwyg .img-wysiwyg-center, .main-content.type-center .editor-wysiwyg .aligncenter, .main-content.type-center .editor-wysiwyg .alignnone {
  margin: 0 0 2em;
}

.main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft {
  margin: 0 2em 2em -16.66%;
}

.main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright {
  margin: 0 -16.66% 2em 2em;
}

#colorbox .main-content {
  padding: 0 5rem;
}

.back-content {
  float: right;
  margin: 0 0 3rem 5rem;
}

.top-content .back-content {
  margin: 0;
  position: absolute;
  top: -6px;
  right: 0;
}

@media only screen and (max-width: 50em) {
  .top-content .back-content {
    top: 30px;
  }
}

.top-content .banner-page + .back-content {
  top: 20px;
}

.top-content .banner-page + .back-content .cta-back-content {
  color: #fff;
}

@media only screen and (max-width: 50em) {
  .top-content .banner-page + .back-content {
    position: static;
    float: right;
  }
  .top-content .banner-page + .back-content .cta-back-content {
    color: #575759;
  }
}

.cta-back-content {
  color: #17aed9;
}

.contrast .cta-back-content {
  color: #00779A;
}

.title-content {
  margin-bottom: .5em;
  color: #17aed9;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.25;
  line-height: 1.25;
  text-align: center;
}

.contrast .title-content {
  color: #00779A;
}

/* ====================== */
/* chapo */
/* ====================== */
.chapo {
  margin-bottom: 1em;
  font-size: 1.8rem;
  font-weight: bold;
}

/* ====================== */
/* editor-wysiwyg */
/* ====================== */
.editor-wysiwyg {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5;
}

.editor-wysiwyg:after {
  content: '';
  display: block;
  clear: both;
}

.editor-wysiwyg h2,
.editor-wysiwyg h3,
.editor-wysiwyg h4,
.editor-wysiwyg h5,
.editor-wysiwyg h6 {
  clear: both;
  margin-bottom: 1em;
  color: #17aed9;
  font-weight: bold;
  line-height: 1.25;
}

.contrast .editor-wysiwyg h2, .contrast
.editor-wysiwyg h3, .contrast
.editor-wysiwyg h4, .contrast
.editor-wysiwyg h5, .contrast
.editor-wysiwyg h6 {
  color: #00779A;
}

.editor-wysiwyg h2 {
  font-size: 2.6rem;
}

.editor-wysiwyg h3 {
  font-size: 2.2rem;
}

.editor-wysiwyg h4 {
  font-size: 1.8rem;
}

.editor-wysiwyg h5 {
  font-size: 1.6rem;
}

.editor-wysiwyg h6 {
  font-size: 1.6rem;
}

.editor-wysiwyg p,
.editor-wysiwyg ul,
.editor-wysiwyg ol,
.editor-wysiwyg table,
.editor-wysiwyg iframe {
  margin-bottom: 3rem;
}

.editor-wysiwyg p:empty,
.editor-wysiwyg ul:empty,
.editor-wysiwyg ol:empty {
  display: none;
}

.editor-wysiwyg ul,
.editor-wysiwyg ol {
  overflow: hidden;
  margin-left: 0;
}

.editor-wysiwyg ul ul,
.editor-wysiwyg ul ol,
.editor-wysiwyg ol ul,
.editor-wysiwyg ol ol {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
}

.editor-wysiwyg li {
  margin-bottom: .5em;
}

.editor-wysiwyg ul > li {
  position: relative;
  margin-left: 1.5em;
}

.editor-wysiwyg ul > li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -1.2em;
  display: block;
  width: 6px;
  height: 6px;
  background: #17aed9;
}

.contrast .editor-wysiwyg ul > li:before {
  background: #00779A;
}

.editor-wysiwyg ol {
  counter-reset: my-badass-counter;
}

.editor-wysiwyg ol > li {
  position: relative;
  margin-left: 1.5em;
}

.editor-wysiwyg ol > li:before {
  position: absolute;
  top: 0;
  left: -1.3em;
  padding: 0 6px 0 0;
  margin-right: 0;
  content: counter(my-badass-counter, decimal);
  counter-increment: my-badass-counter;
  color: #17aed9;
}

.contrast .editor-wysiwyg ol > li:before {
  color: #00779A;
}

.editor-wysiwyg ul ul, .editor-wysiwyg ol ol, .editor-wysiwyg ul ol, .editor-wysiwyg ol ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

.editor-wysiwyg a {
  color: #17aed9;
}

.contrast .editor-wysiwyg a {
  color: #00779A;
}

.editor-wysiwyg a:hover, .editor-wysiwyg a:focus {
  color: inherit;
}

.editor-wysiwyg table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
}

.editor-wysiwyg th,
.editor-wysiwyg td {
  padding: .5em 1em;
  border: 1px solid #e7e7e7;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.contrast .editor-wysiwyg th, .contrast
.editor-wysiwyg td {
  border-color: currentColor;
}

.editor-wysiwyg iframe {
  max-width: 100%;
  display: block;
  margin: 3rem auto;
}

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

.editor-wysiwyg blockquote,
.editor-wysiwyg q {
  position: relative;
  margin: 25px 0;
  min-height: 100px;
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-style: italic;
  text-align: right;
}

@media only screen and (min-width: 76em) {
  .editor-wysiwyg blockquote,
  .editor-wysiwyg q {
    padding-left: 250px;
  }
}

@media only screen and (max-width: 41em) {
  .editor-wysiwyg blockquote,
  .editor-wysiwyg q {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.editor-wysiwyg blockquote:before,
.editor-wysiwyg q:before {
  content: '';
  position: absolute;
  top: 0;
  left: 125px;
  z-index: -1;
  width: 140px;
  height: 100px;
  background-position: left -260px;
  opacity: .15;
}

.editor-wysiwyg blockquote p,
.editor-wysiwyg q p {
  display: inline;
}

.editor-wysiwyg blockquote p:before,
.editor-wysiwyg q p:before {
  content: '« ';
}

.editor-wysiwyg blockquote p:after,
.editor-wysiwyg q p:after {
  content: ' »';
}

.editor-wysiwyg table caption {
  margin-bottom: .75em;
  font-style: italic;
}

.editor-wysiwyg .img-wysiwyg, .editor-wysiwyg .img-wysiwyg-left, .editor-wysiwyg .alignleft,
.editor-wysiwyg .img-wysiwyg-right, .editor-wysiwyg .alignright, .editor-wysiwyg .img-wysiwyg-center, .editor-wysiwyg .aligncenter, .editor-wysiwyg .alignnone {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .img-wysiwyg img, .editor-wysiwyg .img-wysiwyg-left img, .editor-wysiwyg .alignleft img, .editor-wysiwyg .img-wysiwyg-right img, .editor-wysiwyg .alignright img, .editor-wysiwyg .img-wysiwyg-center img, .editor-wysiwyg .aligncenter img, .editor-wysiwyg .alignnone img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.editor-wysiwyg .img-wysiwyg p, .editor-wysiwyg .img-wysiwyg-left p, .editor-wysiwyg .alignleft p, .editor-wysiwyg .img-wysiwyg-right p, .editor-wysiwyg .alignright p, .editor-wysiwyg .img-wysiwyg-center p, .editor-wysiwyg .aligncenter p, .editor-wysiwyg .alignnone p,
.editor-wysiwyg .img-wysiwyg figcaption,
.editor-wysiwyg .img-wysiwyg-left figcaption,
.editor-wysiwyg .alignleft figcaption,
.editor-wysiwyg .img-wysiwyg-right figcaption,
.editor-wysiwyg .alignright figcaption,
.editor-wysiwyg .img-wysiwyg-center figcaption,
.editor-wysiwyg .aligncenter figcaption,
.editor-wysiwyg .alignnone figcaption {
  padding: .75em 0;
  margin: 0;
  font-style: italic;
}

.editor-wysiwyg .img-wysiwyg-left, .editor-wysiwyg .alignleft,
.editor-wysiwyg .img-wysiwyg-right,
.editor-wysiwyg .alignright {
  display: table;
  max-width: 50%;
}

.editor-wysiwyg .img-wysiwyg-left p, .editor-wysiwyg .alignleft p,
.editor-wysiwyg .img-wysiwyg-left figcaption,
.editor-wysiwyg .alignleft figcaption,
.editor-wysiwyg .img-wysiwyg-right p,
.editor-wysiwyg .alignright p,
.editor-wysiwyg .img-wysiwyg-right figcaption,
.editor-wysiwyg .alignright figcaption {
  display: table-caption;
  caption-side: bottom;
}

.editor-wysiwyg .img-wysiwyg-left, .editor-wysiwyg .alignleft {
  float: left;
  margin: 0 2em 2em 0 !important;
}


.editor-wysiwyg .img-wysiwyg-right,
.editor-wysiwyg .alignright {
  float: right;
  margin: 0 0 2em 2em !important;
}

.editor-wysiwyg .img-wysiwyg-center img, .editor-wysiwyg .aligncenter img {
  margin: 0 auto;
}

.editor-wysiwyg .img-wysiwyg-center p, .editor-wysiwyg .aligncenter p,
.editor-wysiwyg .img-wysiwyg-center figcaption,
.editor-wysiwyg .aligncenter figcaption {
  text-align: center;
}

.editor-wysiwyg .cta-wysiwyg {
  color: #17aed9;
}

.contrast .editor-wysiwyg .cta-wysiwyg {
  color: #00779A;
}

.editor-wysiwyg .cta-wysiwyg:hover, .editor-wysiwyg .cta-wysiwyg:focus {
  color: #fff;
}

.editor-wysiwyg .framed-wysiwyg {
  clear: both;
  overflow: hidden;
  padding: 2.5em 3em;
  background: #17aed9;
  color: #fff;
}

.contrast .editor-wysiwyg .framed-wysiwyg {
  background: #00779A;
}

.editor-wysiwyg .highlight-wysiwyg {
  color: #17aed9;
}

.contrast .editor-wysiwyg .highlight-wysiwyg {
  color: #00779A;
}

.editor-wysiwyg .download-wysiwyg {
  margin: 3rem 0;
  padding: 35px;
  text-align: center;
}

.editor-wysiwyg .download-wysiwyg .title-1, .editor-wysiwyg .download-wysiwyg .title-formulary {
  font-size: 26px;
}

.editor-wysiwyg .download-wysiwyg dd {
  padding: 5px 0;
}

.editor-wysiwyg .download-wysiwyg a {
  text-decoration: none;
  position: relative;
}

.editor-wysiwyg .download-wysiwyg a:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  background-position: left -358px;
  vertical-align: middle;
}

.editor-wysiwyg .download-wysiwyg a:hover {
  text-decoration: underline;
}

/*--- extend styles pour wordpress ---*/
.alignnone {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*--- fin extend styles pour wordpress ---*/
/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  .wrap-content {
    padding: 0 3rem;
  }
  .side-content {
    padding-right: 1rem;
    padding-right: calc(1rem * 2 * 2 / 3);
  }
  .main-content.type-side {
    padding-left: 1rem;
    padding-left: calc(1rem * 2 / 3);
  }
  .main-content.type-center {
    padding: 0 7rem;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg, .main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft,
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright, .main-content.type-center .editor-wysiwyg .img-wysiwyg-center, .main-content.type-center .editor-wysiwyg .aligncenter, .main-content.type-center .editor-wysiwyg .alignnone {
    margin: 0 -7rem 2em;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft {
    margin: 0 2em 2em -7rem;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright {
    margin: 0 -7rem 2em 2em;
  }
  #colorbox .main-content {
    padding: 0 3rem;
  }
}

@media only screen and (max-width: 63em) {
  .side-content {
    float: none;
    width: auto;
    padding: 0;
  }
  .side-content [class|="grid"] .block-grid {
    margin: 0;
  }
  .side-content .grid-2 .item-grid {
    width: 50%;
  }
  .main-content.type-side {
    float: none;
    width: auto;
    padding: 0;
  }
  .main-content.type-center {
    padding: 0;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg, .main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft,
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright, .main-content.type-center .editor-wysiwyg .img-wysiwyg-center, .main-content.type-center .editor-wysiwyg .aligncenter, .main-content.type-center .editor-wysiwyg .alignnone {
    margin: 0 0 2em;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft {
    margin: 0 2em 2em 0;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright {
    margin: 0 0 2em 2em;
  }
}

@media only screen and (max-width: 50em) {
  .wrap-content {
    padding: 0 2rem;
  }
  #colorbox .main-content {
    padding: 0 2rem;
  }
  .back-content {
    float: none;
    margin: 0 0 2rem;
  }
  .title-content {
    font-size: 3.2em;
  }
}

@media only screen and (max-width: 32em) {
  .side-content .grid-2 .item-grid {
    width: 100%;
  }
  .main-content.type-center .editor-wysiwyg .img-wysiwyg-left, .main-content.type-center .editor-wysiwyg .alignleft, .main-content.type-center .editor-wysiwyg .img-wysiwyg-right, .main-content.type-center .editor-wysiwyg .alignright {
    margin: 0 0 2em;
  }
  .editor-wysiwyg .img-wysiwyg-left, .editor-wysiwyg .alignleft,
  .editor-wysiwyg .img-wysiwyg-right,
  .editor-wysiwyg .alignright {
    float: none;
    max-width: none;
    margin: 0 0 2em;
  }
  .editor-wysiwyg .framed-wysiwyg {
    padding: 1.5em 2em;
  }
}

@media only screen and (max-width: 25em) {
  .title-content {
    font-size: 2.6em;
  }
}

.banner-page {
  position: relative;
  margin: 0 -5rem 5rem;
}

.banner-page:before, .banner-page:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 20%;
  pointer-events: none;
}

.banner-page:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(44, 44, 44, 0.65) 0%, rgba(44, 44, 44, 0) 100%);
}

@media only screen and (min-width: 50em) {
  .banner-page:after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 0.65) 100%);
  }
}

.banner-page .breadcrumb {
  position: absolute;
  top: 0;
  left: 7rem;
  right: 7rem;
  padding-left: 15px;
  margin-top: 2rem;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
}

.contrast .banner-page .breadcrumb {
  text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
}

.banner-page .breadcrumb a:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 50em) {
  .banner-page .breadcrumb {
    left: 3rem;
    right: 3rem;
  }
}

.media-banner {
  position: relative;
  z-index: -1;
  overflow: hidden;
  background: #575759;
}

.media-banner:after {
  content: '';
  display: block;
  clear: both;
}

.media-banner:before {
  content: '';
  float: left;
  padding-top: 40%;
}

.media-banner img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.wrap-banner {
  padding: 0 2rem;
  text-align: center;
}

@media only screen and (min-width: 50em) {
  .wrap-banner {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
}

.main-banner {
  padding: 0 20%;
  margin: 3.5em 0;
}

@media only screen and (max-width: 63em) {
  .main-banner {
    padding: 0;
  }
}

.title-banner {
  color: #17aed9;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.25;
  color: inherit;
}

.contrast .title-banner {
  color: #00779A;
}

@media only screen and (min-width: 50em) {
  .title-banner {
    margin: auto;
    max-width: 70%;
    color: #fff !important;
    text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
  }
  .contrast .title-banner {
    text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
  }
}

.text-banner {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 2.6em;
}

@media only screen and (min-width: 50em) {
  .text-banner {
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
  }
  .contrast .text-banner {
    text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
  }
}

.btn-banner {
  position: relative;
  left: 50%;
  z-index: 1;
  margin-top: 2rem;
  transform: translateX(-50%);
}

@media only screen and (min-width: 50em) {
  .btn-banner {
    position: absolute;
    bottom: 2rem;
    color: #fff;
  }
}

.search-banner {
  padding: 1rem;
  background: rgba(23, 174, 217, 0.8);
  color: #fff;
}

.contrast .search-banner {
  background-color: #00779A;
}

/**
 * programs-banner
 */
.programs-banner {
  margin: 1rem auto 1rem;
}

@media only screen and (min-width: 32em) {
  .programs-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media only screen and (min-width: 50em) {
  .programs-banner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 5rem;
    margin: 2rem auto 7rem;
  }
}

.item-programs-banner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (min-width: 32em) {
  .item-programs-banner {
    max-width: 50%;
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 50em) {
  .item-programs-banner {
    width: 45em;
    padding: 0 2rem;
  }
}

.heading-tab-banner {
  background-color: rgba(87, 87, 89, 0.8);
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: normal;
}

@media only screen and (min-width: 63em) {
  .heading-tab-banner {
    font-size: 1.8rem;
  }
}

.cta-tab-banner {
  display: none;
  width: 100%;
  padding: 1.5em;
  border: none;
  background: none;
  color: inherit;
  font-size: 1em;
  letter-spacing: inherit;
}

@media only screen and (min-width: 50em) {
  .cta-tab-banner {
    display: block;
  }
}

.cta-tab-banner:hover .cta-tab-banner:focus {
  background-color: #575759;
}

.title-tab-banner {
  display: block;
  padding: 1em 0;
}

@media only screen and (min-width: 50em) {
  .title-tab-banner {
    display: none;
  }
}

.content-tab-banner {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

@media only screen and (min-width: 50em) {
  .content-tab-banner {
    position: absolute;
    left: 5rem;
    right: 5rem;
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
  }
  .is-open .content-tab-banner {
    padding: 2rem;
    visibility: visible;
    max-height: 1000em;
    opacity: 1;
  }
}

@media only screen and (min-width: 63em) {
  .is-open .content-tab-banner {
    padding: 4rem;
  }
}

.content-tab-banner ul {
  padding: 0 1rem;
}

@media only screen and (min-width: 50em) {
  .content-tab-banner ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0;
  }
}

.content-tab-banner li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 1rem;
}

@media only screen and (min-width: 50em) {
  .content-tab-banner li {
    width: 50%;
  }
}

@media only screen and (min-width: 76em) {
  .content-tab-banner li {
    padding: 2rem;
  }
}

.content-tab-banner.as--special-flex ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.content-tab-banner.as--special-flex li {
  padding: 1rem 2rem;
}

.btn-tab-banner {
  height: 100%;
  padding: 1rem;
  border: 1px solid;
  background: none;
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 63em) {
  .btn-tab-banner {
    padding: 2rem;
  }
}

.btn-tab-banner:hover, .btn-tab-banner:focus {
  background: #fff;
  color: #575759;
  border-color: transparent;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  .banner-page {
    margin: 0 -3rem 3rem;
  }
}

@media only screen and (max-width: 50em) {
  .banner-page {
    margin: 0 -2rem 2rem;
  }
  .media-banner {
    margin-bottom: 2rem;
  }
  .main-banner {
    padding: 0;
    margin: 2rem 0;
  }
  .title-banner {
    font-size: 3.2em;
  }
  .text-banner {
    font-size: 2em;
  }
  .tab-banner {
    padding: 0;
  }
}

@media only screen and (max-width: 25em) {
  .title-banner {
    font-size: 2.6em;
  }
}

.wrap-nav-aside {
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
  background-color: #fff;
  text-align: right;
  font-size: 1.4rem;
}

@media only screen and (max-width: 63em) {
  .wrap-nav-aside {
    box-shadow: none;
  }
}

.title-nav-aside {
  display: none;
  width: 100%;
  padding: 1.5em 60px 1.5em 1.5em;
  color: #17aed9;
  text-align: left;
}

.title-nav-aside:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 20px;
  background-position: left -80px;
  transform: translateY(-50%);
}

.title-nav-aside:hover:after, .title-nav-aside:focus:after {
  background-position: left -100px;
}

.contrast .title-nav-aside {
  color: #00779A;
}

@media only screen and (max-width: 63em) {
  .title-nav-aside {
    display: block;
    width: 100%;
  }
}

.content-nav-aside {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
  padding: 35px 73px;
}

@media only screen and (max-width: 63em) {
  .content-nav-aside {
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
    padding: 0;
  }
}

.wrap-nav-aside.is-open {
  border: 0 solid #e7e7e7;
}

.contrast .wrap-nav-aside.is-open {
  border-color: currentColor;
}

@media only screen and (max-width: 63em) {
  .wrap-nav-aside.is-open {
    border-width: 1px;
  }
}

.wrap-nav-aside.is-open .content-nav-aside {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
  overflow: visible;
  padding: 35px 73px;
}

.list-nav-aside > .item-nav-aside.is-open > .cta-nav-aside,
.list-nav-aside > .item-nav-aside.is-active > .cta-nav-aside {
  font-weight: 900;
}

.item-nav-aside.is-open > .cta-nav-aside, .item-nav-aside.is-active > .cta-nav-aside {
  position: relative;
  color: #17aed9;
}

.contrast .item-nav-aside.is-open > .cta-nav-aside, .contrast .item-nav-aside.is-active > .cta-nav-aside {
  color: #00779A;
}

.item-nav-aside.is-active > .cta-nav-aside:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-position: -40px -80px;
  transform: scale(0.75) translateY(-50%);
  vertical-align: middle;
}

@media only screen and (max-width: 63em) {
  .item-nav-aside.is-active > .cta-nav-aside:after {
    background-position: left -80px;
  }
}

.item-nav-aside.is-closed .sub-list-nav-aside {
  display: none;
}

.cta-nav-aside {
  display: block;
  padding: 11px 0;
  color: inherit;
  text-decoration: none;
}

.cta-nav-aside:hover, .cta-nav-aside:focus {
  color: #17aed9;
}

.contrast .cta-nav-aside:hover, .contrast .cta-nav-aside:focus {
  color: #00779A;
}

.sub-list-nav-aside .cta-nav-aside {
  font-size: 1.2rem;
  color: #a5a6a7;
}

.contrast .sub-list-nav-aside .cta-nav-aside {
  color: inherit;
}

.sub-list-nav-aside .cta-nav-aside:hover, .sub-list-nav-aside .cta-nav-aside:focus {
  color: #17aed9;
}

.contrast .sub-list-nav-aside .cta-nav-aside:hover, .contrast .sub-list-nav-aside .cta-nav-aside:focus {
  color: #00779A;
}

/* ====================== */
/* search */
/* ====================== */
.form-search form {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: 100%;
  padding-left: 55px;
}

.form-search form:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  width: 30px;
  height: 30px;
  background-position: -30px -150px;
  transform: translateY(-50%);
}

.form-search .input-text {
  float: left;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: .45em 1em;
  border: none;
  background: none;
  color: inherit;
  font-size: 1.7em;
}

.form-search .input-submit {
  float: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 20rem;
  padding: .75em 1em;
}

.form-search .input-submit:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  display: none;
  width: 30px;
  height: 30px;
  background-position: -30px -150px;
}

.form-search .input-submit:hover, .form-search .input-submit:focus {
  border-color: #fff;
  background: #fff;
  color: #17aed9;
}

.form-search .input-submit:hover:before, .form-search .input-submit:focus:before {
  background-position: -120px -120px;
}

.contrast .form-search .input-submit:hover, .contrast .form-search .input-submit:focus {
  color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 63em) {
  .form-search .input-submit {
    min-width: 0;
  }
}

@media only screen and (max-width: 32em) {
  .form-search form {
    padding: 0;
  }
  .form-search form:before {
    display: none;
  }
  .form-search .input-submit {
    width: 4rem;
    height: 4rem;
    border: none;
    position: relative;
    overflow: hidden;
    text-indent: -999em;
    text-align: left;
  }
  .form-search .input-submit:before {
    display: block;
  }
}

@media only screen and (max-width: 25em) {
  .form-search .input-text {
    max-width: 85%;
  }
}

/* ====================== */
/* grid */
/* ====================== */
.grid-2 .item-grid {
  width: 50%;
}

.grid-2 .item-grid:nth-child(2n+1) {
  clear: both;
}

.grid-3 .item-grid {
  width: 33.33%;
}

.grid-3 .item-grid:nth-child(3n+1) {
  clear: both;
}

.grid-3 .item-grid.type-large {
  width: 66.66%;
}

.list-grid {
  margin: -2rem;
}

.item-grid {
  padding: 2rem;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  .list-grid {
    margin: -1rem;
  }
  .item-grid {
    padding: 1rem;
  }
}

@media only screen and (max-width: 63em) {
  [class|="grid"] .item-grid {
    width: 50%;
  }
  [class|="grid"] .item-grid:nth-child(3n+1) {
    clear: none;
  }
  [class|="grid"] .item-grid:nth-child(2n+1) {
    clear: both;
  }
  [class|="grid"] .item-grid.type-large {
    width: 100%;
  }
}

@media only screen and (max-width: 32em) {
  [class|="grid"] .item-grid {
    width: 100%;
  }
}

/* ====================== */
/* date */
/* ====================== */
.date {
  font-weight: bold;
  line-height: 1.15;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  margin-left: 10px;
}

.date strong {
  display: block;
  font-size: 2.6em;
}

/* ====================== */
/* squared */
/* ====================== */
.squared {
  position: relative;
  background: #2c2c2c;
  color: #fff;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
}

.squared:after {
  content: '';
  display: block;
  clear: both;
}

.squared:before {
  content: '';
  float: left;
  padding-top: 100%;
}

.squared:hover .more-squared, .squared:focus .more-squared {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
  max-height: 10em;
}

.squared.type-more .title-squared {
  margin-bottom: 5rem;
}

.squared.type-more .more-squared {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
}

.squared.type-more:hover .cta-more-squared, .squared.type-more:focus .cta-more-squared {
  border-color: #17aed9;
  background-color: #17aed9;
  color: #fff;
}

.contrast .squared.type-more:hover .cta-more-squared, .contrast .squared.type-more:focus .cta-more-squared {
  border-color: #00779A;
  background-color: #00779A;
  color: #fff;
}

.squared.type-download {
  text-align: left;
}

.squared.type-download .content-squared {
  padding: 6rem;
}

@media only screen and (min-width: 32em) and (max-width: 85em) {
  .squared.type-download .content-squared {
    padding: 2rem;
  }
}

.squared.type-download .title-squared {
  margin: 0 0 2em;
  text-shadow: none;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

@media only screen and (min-width: 41em) and (max-width: 76em) {
  .squared.type-download .title-squared {
    font-size: 2rem;
    margin: 0 0 1.5em;
  }
}

.squared.type-download .item-list-squared {
  color: #fff;
  font-size: 1.4em;
}

.squared.type-download .link-list-squared {
  position: relative;
  display: block;
  padding: .5em 0 .5em 2em;
  color: inherit;
  text-decoration: none;
}

.squared.type-download .link-list-squared:hover, .squared.type-download .link-list-squared:focus, .squared.type-download .link-list-squared:active {
  text-decoration: underline;
}

.squared.type-download .link-list-squared:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: left -360px;
}

.squared.type-info, .squared.type-event {
  background: #fff;
  color: #17aed9;
  text-align: left;
}

.squared.type-info:hover .title-squared,
.squared.type-info:hover .text-squared, .squared.type-info:focus .title-squared,
.squared.type-info:focus .text-squared, .squared.type-event:hover .title-squared,
.squared.type-event:hover .text-squared, .squared.type-event:focus .title-squared,
.squared.type-event:focus .text-squared {
  color: #575759;
}

.squared.type-info .media-squared, .squared.type-event .media-squared {
  position: relative;
  opacity: 1;
  background: #17aed9;
}

.squared.type-info .media-squared:before, .squared.type-event .media-squared:before {
  content: '';
  float: left;
  padding-top: 60%;
}

.contrast .squared.type-info .media-squared, .contrast .squared.type-event .media-squared {
  background-color: #00779A;
}

.squared.type-info .subtitle-squared, .squared.type-event .subtitle-squared {
  color: #fff;
}

.squared.type-info .content-squared, .squared.type-event .content-squared {
  position: relative;
  top: 0;
  transform: none;
}

.squared.type-info .title-squared, .squared.type-event .title-squared {
  margin: 0 0 1em;
  font-size: 2em;
  text-shadow: none;
}

.squared.type-info .more-squared, .squared.type-event .more-squared {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
}

.squared.type-info .cta-more-squared, .squared.type-event .cta-more-squared {
  text-shadow: none;
}

.contrast .squared.type-info, .contrast .squared.type-event {
  color: #00779A;
}

.squared.type-info:hover .cta-more-squared, .squared.type-info:focus .cta-more-squared, .squared.type-event:hover .cta-more-squared, .squared.type-event:focus .cta-more-squared {
  border-color: #17aed9;
  background-color: #17aed9;
  color: #fff;
}

.contrast .squared.type-info:hover .cta-more-squared, .contrast .squared.type-info:focus .cta-more-squared, .contrast .squared.type-event:hover .cta-more-squared, .contrast .squared.type-event:focus .cta-more-squared {
  border-color: #00779A;
  background-color: #00779A;
  color: #fff;
}

.squared.type-event {
  /* &:hover,
    &:focus {
      background: $color-white; color: $color-site-1; 

    }   */
}

.squared.type-event .text-squared {
  float: left;
  max-width: 75%;
}

.squared.type-info .text-squared {
  color: #575759;
}

.squared.type-info .text-squared strong {
  color: #17aed9;
}

.media-squared {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: .35;
}

.media-squared:after {
  content: '';
  display: block;
  clear: both;
}

.media-squared img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.subtitle-squared {
  background: #17aed9;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 1rem 2rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
}

.contrast .subtitle-squared {
  text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
}

.content-squared {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  padding: 2rem 3rem;
  transform: translateY(-50%);
  transition: all 0.15s ease-in-out;
}

.title-squared {
  margin: 2rem 0;
  font-size: 2.6em;
  font-weight: bold;
  line-height: 1.25;
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
  transition: all 0.15s ease-in-out;
}

.contrast .title-squared {
  text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
}

.text-squared {
  margin-bottom: 1em;
  font-size: 1.4em;
  transition: all 0.15s ease-in-out;
}

.date-squared {
  float: right;
  max-width: 25%;
}

.more-squared {
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
  padding-bottom: 1px;
}

.cta-more-squared {
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
}

.contrast .cta-more-squared {
  text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 50em) {
  .content-squared {
    padding: 2rem;
  }
  .title-squared {
    font-size: 2em;
  }
}

/* ====================== */
/* testimony */
/* ====================== */
.testimony {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  background: #fff;
  color: #a5a6a7;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
}

.testimony:after {
  content: '';
  display: block;
  clear: both;
}

.contrast .testimony {
  color: inherit;
}

.media-testimony {
  position: relative;
  overflow: hidden;
  float: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50%;
  width: calc(50% - 2rem);
  background: #2c2c2c;
}

.media-testimony:before {
  content: '';
  float: left;
  padding-top: 100%;
}

.media-testimony:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 5rem;
  border: 2rem solid transparent;
  border-right-color: #fff;
}

.media-testimony img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.subtitle-testimony {
  background: #17aed9;
  position: absolute;
  top: 1rem;
  left: 25%;
  padding: 1rem 2rem;
  transform: translateX(-50%);
  z-index: 0;
  width: auto;
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
  /* &:before {
       @extend .sprite;
       content: '';
       position: absolute; top: 0; right: 50%; z-index: -1;
       width: 140px; height: 100px;
       background-position: left -260px;
   }*/
}

.contrast .subtitle-testimony {
  text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
}

@media only screen and (max-width: 41em) {
  .subtitle-testimony {
    left: 50%;
  }
}

.content-testimony {
  position: relative;
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 50%;
  padding: 4rem;
}

.text-testimony {
  margin-bottom: 1.5em;
  font-size: 1.4em;
  font-style: italic;
  line-height: 1.75;
}

.text-testimony:before {
  content: '« ';
}

.text-testimony:after {
  content: ' »';
}

.text-testimony p {
  display: inline;
}

.title-testimony {
  position: relative;
  padding-top: .75em;
  margin-bottom: .5em;
  font-size: 2.6em;
  font-weight: bold;
}

.title-testimony:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  border-top: 1px solid #e7e7e7;
}

.info-testimony {
  margin-bottom: 1.5em;
  font-size: 1.4em;
}

.cta-more-testimony {
  color: #17aed9;
}

.contrast .cta-more-testimony {
  color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  .media-testimony {
    width: calc(50% - 1rem);
  }
  .title-testimony {
    font-size: 2em;
  }
}

@media only screen and (max-width: 41em) {
  .testimony {
    display: block;
  }
  .media-testimony {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .media-testimony:after {
    right: auto;
    bottom: 0;
    left: 5rem;
    border-right-color: transparent;
    border-bottom-color: #fff;
  }
  .content-testimony {
    float: none;
    width: auto;
    padding: 3rem;
  }
  .cta-more-testimony {
    display: block;
    padding: 1em;
  }
}

@media only screen and (max-width: 32em) {
  .content-testimony {
    padding: 3rem;
  }
}

/* ====================== */
/* news */
/* ====================== */
.news {
  overflow: hidden;
}

.title-news {
  padding: 5rem 3rem 3rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.block-news {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #fff;
  background: #fff;
  color: #17aed9;
  box-shadow: rgba(0, 0, 0, 0.05) -10rem 0 30px;
}

.block-news:hover, .block-news:focus {
  background: #17aed9;
  color: #fff;
}

.block-news:hover .text-block-news, .block-news:focus .text-block-news {
  color: inherit;
}

.block-news:hover .date-block-news, .block-news:focus .date-block-news {
  background: #fff;
  color: #17aed9;
}

.contrast .block-news:hover .date-block-news, .contrast .block-news:focus .date-block-news {
  color: #00779A;
}

.contrast .block-news:hover, .contrast .block-news:focus {
  background-color: #00779A;
  color: #fff;
}

.contrast .block-news {
  color: #00779A;
}

.media-block-news {
  position: relative;
  overflow: hidden;
  float: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20%;
  background: #17aed9;
}

.media-block-news:after {
  content: '';
  display: block;
  clear: both;
}

.media-block-news:before {
  content: '';
  float: left;
  padding-top: 57.14%;
}

.media-block-news img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.content-block-news {
  overflow: hidden;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 3rem;
}

.title-block-news {
  font-size: 1.4em;
  font-weight: bold;
}

.subtitle-block-news {
  margin-bottom: .25em;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.text-block-news {
  color: #575759;
  font-size: 1.4em;
  transition: all 0.15s ease-in-out;
}

.date-block-news {
  position: relative;
  float: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 6rem;
  padding: 1rem;
  background: #17aed9;
  color: #fff;
  transition: all 0.15s ease-in-out;
}

.contrast .date-block-news {
  background-color: #00779A;
}

.more-news {
  padding: 3rem 3rem 5rem;
}

.cta-more-news {
  color: #17aed9;
}

.contrast .cta-more-news {
  color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 63em) {
  .title-news {
    padding: 3rem;
    text-align: center;
  }
  .more-news {
    padding: 3rem;
  }
  .cta-more-news {
    display: block;
    padding: 1em;
  }
}

@media only screen and (max-width: 50em) {
  .media-block-news {
    width: 33.33%;
  }
}

@media only screen and (max-width: 41em) {
  .content-block-news {
    padding: 2rem 3rem;
  }
}

@media only screen and (max-width: 32em) {
  .item-news.type-event .block-news {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .block-news {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .media-block-news {
    float: none;
    width: auto;
  }
}

@media only screen and (max-width: 25em) {
  .title-news {
    padding: 3rem 2rem;
  }
  .content-block-news {
    padding: 2rem;
  }
  .title-block-news {
    font-size: 1.3em;
  }
  .more-news {
    padding: 3rem 2rem;
  }
}

/* ====================== */
/* lead */
/* ====================== */
.lead {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  background: #17aed9;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;
}

.contrast .lead {
  text-shadow: #575759 0.3rem 0 2px, #575759 0.25rem 0.25rem 2px, #575759 0 0.3rem 2px, #575759 -0.25rem 0.25rem 2px, #575759 -0.3rem 0 2px, #575759 -0.25rem -0.25rem 2px, #575759 0 -0.3rem 2px, #575759 0.25rem -0.25rem 2px;
}

.lead:hover .media-lead, .lead:focus .media-lead {
  opacity: .25;
}

.lead:hover .more-lead, .lead:focus .more-lead {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
  max-height: 10em;
}

.lead.type-event .content-lead {
  background: rgba(23, 174, 217, 0.8);
  color: #fff;
}

.contrast .lead.type-event .content-lead {
  background-color: #00779A;
  color: #fff;
}

.lead.type-event .title-lead {
  float: left;
  max-width: 83.33%;
}

.contrast .lead {
  background-color: #00779A;
}

.media-lead {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #17aed9;
  transition: all 0.15s ease-in-out;
}

.media-lead:after {
  content: '';
  display: block;
  clear: both;
}

.media-lead:before {
  content: '';
  float: left;
  padding-top: 50%;
}

.media-lead img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.contrast .media-lead {
  background-color: #00779A;
}

.content-lead {
  position: relative;
  overflow: hidden;
  padding: 5rem;
  transition: all 0.15s ease-in-out;
}

.title-lead {
  margin-bottom: 1em;
  font-size: 4em;
  font-weight: bold;
}

.date-lead {
  float: right;
  max-width: 16.66%;
}

.date-lead .date {
  font-size: 1.4em;
}

.more-lead {
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
  clear: both;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 63em) {
  .lead {
    display: block;
    background: #fff;
    color: #17aed9;
    text-shadow: none !important;
  }
  .lead:hover, .lead:focus {
    background: #17aed9;
    color: #fff;
  }
  .lead:hover .media-lead, .lead:focus .media-lead {
    opacity: 1;
  }
  .contrast .lead:hover, .contrast .lead:focus {
    background-color: #00779A;
    color: #fff;
  }
  .lead.type-event .content-lead {
    background: none;
    color: inherit;
  }
  .contrast .lead {
    background: #fff;
    color: #00779A;
  }
  .media-lead {
    position: relative;
  }
  .content-lead {
    padding: 3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
  }
  .title-lead {
    margin: 0;
    font-size: 3em;
  }
  .date-lead .date {
    font-size: 1em;
  }
  .more-lead {
    display: none;
  }
}

@media only screen and (max-width: 41em) {
  .title-lead {
    font-size: 2em;
  }
}

@media only screen and (max-width: 32em) {
  .media-lead:before {
    padding-top: 66.66%;
  }
  .content-lead {
    padding: 2rem;
  }
}

/* ====================== */
/* nav-direct */
/* ====================== */
.title-nav-direct {
  margin: 2rem 0 3rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.item-nav-direct {
  margin-bottom: .5rem;
}

.cta-nav-direct {
  position: relative;
  padding: .5em 1em .5em 30px;
  font-size: 1.4em;
}

.cta-nav-direct:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: -40px -80px;
  transform: translateY(-50%);
}

.cta-nav-direct:hover, .cta-nav-direct:focus {
  color: #17aed9;
}

.contrast .cta-nav-direct:hover, .contrast .cta-nav-direct:focus {
  color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
/* ====================== */
/* categories */
/* ====================== */
.cat {
  position: relative;
  text-align: right;
}

.cat.is-open .content-cat {
  visibility: visible;
  max-height: 1000em;
  opacity: 1;
}

.title-cat {
  display: none;
  width: 100%;
  padding: 1.5em 60px 1.5em 1.5em;
  color: #17aed9;
  text-align: left;
}

.title-cat:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 20px;
  background-position: left -80px;
  transform: translateY(-50%);
}

.title-cat:hover:after, .title-cat:focus:after {
  background-position: left -100px;
}

.contrast .title-cat {
  color: #00779A;
}

.content-cat {
  position: relative;
  z-index: 1;
}

.list-cat {
  border: 1px solid #e7e7e7;
  background: #fff;
  color: #a5a6a7;
}

.contrast .list-cat {
  border-color: currentColor;
  color: inherit;
}

.item-cat {
  border-bottom: 1px solid #e7e7e7;
}

.item-cat:last-child {
  border: none;
}

.item-cat.is-active .cta-cat {
  color: #17aed9;
  cursor: default;
}

.item-cat.is-active .cta-cat:after {
  display: block;
}

.item-cat.is-active .cta-cat:hover, .item-cat.is-active .cta-cat:focus {
  background: #fff;
  color: #17aed9;
}

.contrast .item-cat.is-active .cta-cat {
  color: #00779A;
}

.contrast .item-cat {
  border-color: currentColor;
}

.cta-cat {
  position: relative;
  padding: 2em 60px 2em 2em;
  border: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cta-cat:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  display: none;
  width: 20px;
  height: 20px;
  background-position: -40px -80px;
  transform: translateY(-50%);
}

.cta-cat:hover, .cta-cat:focus {
  background: #17aed9;
  color: #fff;
}

.contrast .cta-cat:hover, .contrast .cta-cat:focus {
  background: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 63em) {
  .cat {
    text-align: left;
  }
  .title-cat {
    display: block;
  }
  .content-cat {
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.15s ease-in-out, max-height 0.15s ease-in-out;
  }
  .cta-cat {
    padding: 1.5em;
  }
  .cta-cat:after {
    display: none !important;
  }
}

/* ====================== */
/* pager wordpress */
/* ====================== */
.pager {
  margin: 3rem 0;
  text-align: center;
}

.pager .wp-pagenavi {
  display: inline-block;
}

.pager .wp-pagenavi:after {
  content: '';
  display: block;
  clear: both;
}

.pager .pages,
.pager .current,
.pager .page,
.pager .extend,
.pager .previouspostslink,
.pager .nextpostslink,
.pager .first,
.pager .last {
  position: relative;
  overflow: hidden;
  float: left;
  padding: 1em 1.25em;
  margin: .5em 0 .5em -1px;
  color: #17aed9;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
}

.pager .pages[href]:hover, .pager .pages[href]:focus,
.pager .current[href]:hover,
.pager .current[href]:focus,
.pager .page[href]:hover,
.pager .page[href]:focus,
.pager .extend[href]:hover,
.pager .extend[href]:focus,
.pager .previouspostslink[href]:hover,
.pager .previouspostslink[href]:focus,
.pager .nextpostslink[href]:hover,
.pager .nextpostslink[href]:focus,
.pager .first[href]:hover,
.pager .first[href]:focus,
.pager .last[href]:hover,
.pager .last[href]:focus {
  z-index: 20;
}

.pager .pages span,
.pager .current span,
.pager .page span,
.pager .extend span,
.pager .previouspostslink span,
.pager .nextpostslink span,
.pager .first span,
.pager .last span {
  position: absolute;
  right: 100%;
  bottom: 100%;
}

.contrast .pager .pages, .contrast
.pager .current, .contrast
.pager .page, .contrast
.pager .extend, .contrast
.pager .previouspostslink, .contrast
.pager .nextpostslink, .contrast
.pager .first, .contrast
.pager .last {
  color: #00779A;
}

.pager .pages {
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
  padding: 0;
  border: none;
}

.pager .current,
.pager .extend {
  z-index: 20;
  border-color: transparent !important;
  background: none !important;
  color: inherit !important;
  cursor: default;
}

.pager .previouspostslink,
.pager .nextpostslink,
.pager .first,
.pager .last {
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
  width: 3.25em;
  margin: .5em 1em;
}

.pager .previouspostslink:before,
.pager .nextpostslink:before,
.pager .first:before,
.pager .last:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 20px;
  height: 20px;
  background-position: -60px -80px;
}

.pager .previouspostslink[href]:hover:before, .pager .previouspostslink[href]:focus:before,
.pager .nextpostslink[href]:hover:before,
.pager .nextpostslink[href]:focus:before,
.pager .first[href]:hover:before,
.pager .first[href]:focus:before,
.pager .last[href]:hover:before,
.pager .last[href]:focus:before {
  background-position: -60px -100px;
}

.pager .nextpostslink:before {
  background-position: -40px -80px;
}

.pager .nextpostslink[href]:hover:before, .pager .nextpostslink[href]:focus:before {
  background-position: -40px -100px;
}

.pager .first:before {
  background-position: -100px -80px;
}

.pager .first[href]:hover:before, .pager .first[href]:focus:before {
  background-position: -100px -100px;
}

.pager .last:before {
  background-position: -80px -80px;
}

.pager .last[href]:hover:before, .pager .last[href]:focus:before {
  background-position: -80px -100px;
}

/* ====================== */
/* responsive */
/* ====================== */
#cookie-notice {
  position: fixed;
  z-index: 300;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #38A7D9 !important;
  transition: .15s;
  transform: translateY(0);
}

#cookie-notice.is-close {
  transform: translateY(60px);
}

@media only screen and (max-width: 41em) {
  #cookie-notice {
    height: 100px;
  }
  #cookie-notice.is-close {
    transform: translateY(100px);
  }
}

.cookie-notice-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 134rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  height: 100%;
}

#cn-notice-text {
  display: block;
  font-size: 1.4rem;
  margin-right: 1rem;
}

#cn-accept-cookie {
  display: block;
  padding: .5rem;
  border: solid 1px #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
  text-decoration: none;
  transition: .15s;
}

#cn-accept-cookie:hover, #cn-accept-cookie:focus {
  background-color: #fff;
  color: #17aed9;
}

@media only screen and (max-width: 41em) {
  #cn-accept-cookie {
    font-size: 1.2rem;
  }
}

.chatprompt {
  z-index: 200 !important;
}

/* ====================== */
/* header-home */
/* ====================== */
.header-home {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5rem;
}

.header-home:after {
  content: '';
  display: block;
  clear: both;
}

.side-header-home {
  float: left;
  display: -ms-flexbox;
  display: flex;
  width: 66.66%;
}

.main-header-home {
  position: relative;
  float: right;
  width: 33.33%;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
}

.lead-header-home {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* ====================== */
/* training-home */
/* ====================== */
.training-home {
  float: left;
  width: 66.66%;
  padding-right: 2rem;
  padding-right: calc(2rem * 2 / 3);
  margin-bottom: 90px;
}

.title-training-home {
  clear: both;
  min-height: 3rem;
  padding-bottom: 1rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid #e7e7e7;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.contrast .title-training-home {
  border-color: currentColor;
}

.list-training-home {
  margin: -2rem;
}

.item-training-home {
  width: 50%;
  padding: 2rem;
}

/* ====================== */
/* testimony-home */
/* ====================== */
.testimony-home {
  float: right;
  width: 33.33%;
  padding-left: 2rem;
  padding-left: calc(2rem * 2 * 2 / 3);
  margin-top: 8rem;
  margin-bottom: 90px;
}

.testimony-home .testimony {
  display: block;
}

.testimony-home .testimony:before {
  position: relative;
  content: '';
  float: left;
  padding-top: 200%;
  margin-top: 4rem;
}

.testimony-home .subtitle-testimony {
  width: auto;
  left: 50%;
}

.testimony-home .media-testimony {
  float: none;
  width: auto;
  margin-right: 0;
}

.testimony-home .media-testimony:after {
  right: auto;
  bottom: 0;
  left: 5rem;
  border-right-color: transparent;
  border-bottom-color: #fff;
}

.testimony-home .content-testimony {
  display: block;
  float: none;
  width: auto;
}

.testimony-home .title-1, .testimony-home .title-formulary {
  font-size: 21px;
}

.testimony-home a {
  font-size: 1.4em;
}

.practical-info-home {
  font-size: 1.4em;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
}

@media only screen and (max-width: 50em) {
  .practical-info-home {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.practical-info-home .practical-info-media {
  -ms-flex: 1 0 31%;
      flex: 1 0 31%;
  max-width: 31%;
}

.practical-info-home .practical-info-media img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 63em) {
  .practical-info-home .practical-info-media {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    max-width: calc(50% - 1rem);
  }
}

@media only screen and (max-width: 50em) {
  .practical-info-home .practical-info-media {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    max-width: 100%;
  }
}

.practical-info-home .practical-info-content {
  padding: 60px 60px 15px;
}

@media only screen and (max-width: 63em) {
  .practical-info-home .practical-info-content {
    padding: 40px 40px 15px;
  }
}

@media only screen and (max-width: 50em) {
  .practical-info-home .practical-info-content {
    padding: 30px;
  }
}

.practical-info-home .practical-info-content .title-1, .practical-info-home .practical-info-content .title-formulary {
  font-size: 21px;
}

.practical-info-home .practical-info-content .cta-more-testimony {
  margin-top: 15px;
}

.banner-home {
  font-size: 1.4em;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px;
  margin-bottom: 60px;
}

.banner-home .title-1, .banner-home .title-formulary {
  margin-top: 10px;
}

@media only screen and (max-width: 50em) {
  .banner-home {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .banner-home .title-1, .banner-home .title-formulary {
    font-size: 21px;
  }
}

.banner-home .banner-media {
  -ms-flex: 1 0 64.5%;
      flex: 1 0 64.5%;
  max-width: 64.5%;
}

@media only screen and (max-width: 63em) {
  .banner-home .banner-media {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    max-width: calc(50% - 1rem);
  }
}

@media only screen and (max-width: 50em) {
  .banner-home .banner-media {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    max-width: 100%;
  }
}

.banner-home .banner-media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-home .banner-content {
  padding: 50px 40px 30px;
}

@media only screen and (max-width: 63em) {
  .banner-home .banner-content {
    padding: 30px 40px;
  }
}

@media only screen and (max-width: 50em) {
  .banner-home .banner-content {
    padding: 30px 20px;
  }
}

.banner-home .banner-content .banner-tag {
  font-weight: 600;
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: uppercase;
  margin-right: 5px;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  .header-home {
    margin: 0 -3rem;
  }
  .training-home {
    padding-right: 1rem;
    padding-right: calc(1rem * 2 / 3);
  }
  .title-training-home {
    margin-bottom: 3rem;
  }
  .list-training-home {
    margin: -1rem;
  }
  .item-training-home {
    padding: 1rem;
  }
  .testimony-home {
    padding-left: 1rem;
    padding-left: calc(1rem * 2 * 2 / 3);
    margin-top: 6rem;
  }
}

@media only screen and (max-width: 63em) {
  .header-home {
    display: block;
  }
  .side-header-home,
  .main-header-home {
    float: none;
    width: auto;
  }
  .lead-header-home .content-lead {
    box-shadow: none;
  }
  .training-home {
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 2rem;
  }
  .testimony-home {
    float: none;
    width: auto;
    padding: 0;
    margin-top: 0;
  }
  .testimony-home .testimony {
    display: -ms-flexbox;
    display: flex;
  }
  .testimony-home .testimony:before {
    display: none;
  }
  .testimony-home .media-testimony {
    float: left;
    width: 50%;
    width: calc(50% - 1rem);
    margin-right: 0;
  }
  .testimony-home .media-testimony:after {
    visibility: hidden;
    right: 0;
    bottom: 5rem;
    left: auto;
    border-right-color: #fff;
    border-bottom-color: transparent;
  }
  .testimony-home .subtitle-testimony {
    width: auto;
    left: 25%;
  }
  .testimony-home .content-testimony {
    float: right;
    width: 50%;
  }
}

@media only screen and (max-width: 50em) {
  .header-home {
    margin: 0 -2rem;
  }
}

@media only screen and (max-width: 41em) {
  .testimony-home .testimony {
    display: block;
  }
  .testimony-home .testimony:before {
    display: none;
  }
  .testimony-home .media-testimony {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .testimony-home .media-testimony:after {
    visibility: visible;
    right: auto;
    bottom: 0;
    left: 5rem;
    border-right-color: transparent;
    border-bottom-color: #fff;
  }
  .testimony-home .subtitle-testimony {
    width: auto;
    left: 50%;
  }
  .testimony-home .content-testimony {
    float: none;
    width: auto;
  }
}

@media only screen and (max-width: 32em) {
  .item-training-home {
    width: 100%;
  }
}

article {
  margin-bottom: 1rem;
}

/* ====================== */
/* social */
/* ====================== */
.social-share {
  margin-top: 5rem;
}

.social-share:after {
  content: '';
  display: block;
  clear: both;
}

.wrap-social-share {
  float: right;
  width: 50%;
  padding-left: 2rem;
  margin-bottom: 5rem;
  border-top: 1px solid #e7e7e7;
  text-align: right;
}

.wrap-social-share .list-social-share {
  display: inline-block;
}

.wrap-social-share .cta-social {
  width: 45px;
  height: 45px;
}

.wrap-social-share .cta-social:before {
  transform: translate(-50%, -50%) scale(0.75);
}

.contrast .wrap-social-share {
  border-color: currentColor;
}

.title-social-share {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.title-read-next {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media only screen and (max-width: 41em) {
  .wrap-social-share {
    float: none;
    width: 100%;
  }
}

/* ====================== */
/* lead-current */
/* ====================== */
.lead-current .lead {
  min-height: 48em;
}

.list-current {
  margin: -2rem -2rem 3rem;
}

.item-current {
  width: 33.33%;
  padding: 2rem;
}

.item-current:nth-child(3n+1) {
  clear: both;
}

.cta-more-current {
  color: #17aed9;
}

.contrast .cta-more-current {
  color: #00779A;
}

/* ====================== */
/* responsive */
/* ====================== */
@media only screen and (max-width: 76em) {
  .list-current {
    margin: -1rem -1rem 2rem;
  }
  .item-current {
    padding: 1rem;
  }
}

@media only screen and (max-width: 63em) {
  .title-current {
    font-size: 2.6rem;
  }
  .cat-current,
  .filter-current,
  .lead-current {
    float: none;
    width: auto;
    padding: 0;
  }
  .lead-current .lead {
    min-height: 0;
  }
  .item-current {
    width: 50%;
  }
  .item-current:nth-child(3n+1) {
    clear: none;
  }
  .item-current:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 32em) {
  .item-current {
    width: 100%;
  }
}

@media only screen and (min-width: 50.0625em) {
  .text-light .blog-name {
    color: #fff !important;
  }
}

.text-light .wrap-content-resp,
.text-light .content-galaxy-resp,
.text-light .content-testimony,
.text-light .content-testimony .title-1,
.text-light .content-testimony .title-formulary,
.text-light .content-testimony a,
.text-light .squared.type-event,
.text-light .editor-wysiwyg .framed-wysiwyg,
.text-light .download-wysiwyg a .download-wysiwyg .title-1,
.text-light .download-wysiwyg a .download-wysiwyg .title-formulary {
  color: #fff;
}

.text-light .item-nav-principal-level-1,
.text-light .item-galaxy-resp {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.text-light .title-resp:before {
  background-position: 0 -40px;
}

.text-light .resp.is-open .title-resp:before {
  background-position: -40px -40px;
}

.text-dark .blog-name,
.text-dark .wrap-content-resp,
.text-dark .content-galaxy-resp,
.text-dark .content-testimony,
.text-dark .content-testimony .title-1,
.text-dark .content-testimony .title-formulary,
.text-dark .content-testimony a,
.text-dark .squared.type-event,
.text-dark .editor-wysiwyg .framed-wysiwyg,
.text-dark .download-wysiwyg a,
.text-dark .download-wysiwyg .title-1,
.text-dark .download-wysiwyg .title-formulary {
  color: #575759;
}

.text-dark .item-nav-principal-level-1,
.text-dark .item-galaxy-resp {
  border-bottom: 1px solid rgba(87, 87, 89, 0.25);
}

.text-dark .title-resp:before {
  background-position: 0 0;
}

.text-dark .resp.is-open .title-resp:before {
  background-position: -40px 0;
}

/* ====================== */
/* javascript */
/* ====================== */
.no-js .faded {
  opacity: 1;
}

/* ====================== */
/* dependances modernizr */
/* ====================== */
.placeholder .hidden-placeholder {
  position: absolute;
  top: -99999em;
  left: -99999em;
}

/* ====================== */
/* print */
/* ====================== */
@media print {
  * {
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  pre, blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    size: portrait 21cm 29.7cm;
    margin: 1cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .block-notice,
  #footer,
  .links-nav,
  .print-page {
    display: block;
  }
  .title-article {
    font-size: 3em;
  }
  .chapo {
    font-size: 1.4em;
  }
  .editor-wysiwyg a {
    text-decoration: underline;
  }
  .editor-wysiwyg ul, .editor-wysiwyg ul > li {
    list-style: disc;
  }
  .editor-wysiwyg ul:before, .editor-wysiwyg ul > li:before {
    display: none;
  }
  .editor-wysiwyg ol, .editor-wysiwyg ol > li {
    list-style: decimal;
  }
  .editor-wysiwyg ol > li:before {
    display: none;
  }
  /********DISPLAY NONE*********/
  .bottom-header,
  .resp,
  .tool-header,
  .info-block-logo,
  .text-block-logo,
  footer,
  .filters-form,
  .cat,
  .cta-more-infscr,
  .top-content,
  .side-content,
  .media-lead,
  .cta-wysiwyg,
  .social-share,
  .more-squared,
  .grid-2,
  .grid-3,
  .title-read-next,
  .side-header-home,
  .more-news,
  .media-testimony,
  .cta-more-testimony,
  .media-block-highlight,
  .more-block-highlight,
  .pict-block-highlight,
  .back-content,
  .side-block-search-res,
  .cta-item-programs,
  .infscr,
  .msg-form-error,
  .msg-field-error,
  .mention-form {
    display: none !important;
  }
  .wrap-content {
    margin-bottom: 10px;
  }
  /****LOGO*****/
  .logo {
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
    margin-left: 20px;
  }
  .media-block-logo img {
    width: 90px;
    height: auto;
  }
  .main-content.type-side {
    width: 100%;
    float: none;
    padding-left: 0;
  }
  .content-lead {
    padding: 1em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .title-lead {
    font-size: 2em;
    margin-right: 2em;
    margin-bottom: 0;
  }
  .date-lead {
    float: left;
  }
  .title-content {
    font-size: 2em;
  }
  .lead-current .lead {
    min-height: auto;
  }
  .list-current {
    margin: 0;
  }
  .item-current {
    padding: 0;
    width: 100%;
    margin-bottom: 2em;
  }
  .squared {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    box-shadow: none;
    background-color: transparent !important;
  }
  .squared::before {
    display: none;
  }
  .media-squared {
    display: none;
  }
  .title-squared {
    margin: 0;
    color: #17aed9;
    font-size: 1.4em;
    font-weight: normal;
  }
  .subtitle-squared {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    margin-right: 2em;
    padding: 0;
    color: #17aed9 !important;
  }
  .content-squared {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 0;
    transform: translateY(0);
  }
  .text-squared {
    margin-bottom: 0;
    margin-right: 2em;
    color: #17aed9 !important;
  }
  .date-squared {
    float: left;
    color: #17aed9;
  }
  .header-home {
    margin: 0;
  }
  .main-header-home {
    width: 100%;
    box-shadow: none;
  }
  .block-news {
    box-shadow: none;
  }
  .content-block-news {
    padding: 1em 2em;
    padding-left: 0;
  }
  .title-news {
    padding-left: 0;
  }
  .title-block-news {
    font-weight: normal;
  }
  .training-home,
  .testimony-home {
    width: 100%;
    float: none;
  }
  .list-training-home {
    margin: 0;
  }
  .item-training-home {
    padding: 0;
    margin-bottom: 1em;
    width: 100%;
    float: none;
  }
  .title-training-home {
    text-align: left;
  }
  .testimony-home {
    margin: 2em 0;
    padding: 0;
  }
  .testimony {
    box-shadow: none;
  }
  .testimony::before {
    display: none;
  }
  .subtitle-testimony {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 0;
    padding-bottom: 1rem;
    margin-bottom: 5rem;
    border-bottom: 1px solid #e7e7e7;
    color: #575759;
    text-align: left;
  }
  .subtitle-testimony::before {
    display: none;
  }
  .content-testimony {
    padding: 0;
  }
  .title-testimony {
    font-size: 1.6em;
  }
  .title-highlight {
    padding: 0;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e7e7e7;
    color: #575759;
    text-align: left;
  }
  .list-highlight {
    display: block;
  }
  .item-highlight {
    width: 100%;
    margin-bottom: 1em;
  }
  .item-highlight.type-1 .pict-block-highlight::before {
    background-position: 0px -50px !important;
  }
  .item-highlight.type-2 .pict-block-highlight::before {
    background-position: -50px -50px !important;
  }
  .item-highlight.type-3 .pict-block-highlight::before {
    background-position: -100px -50px !important;
  }
  .item-highlight.type-4 .pict-block-highlight::before {
    background-position: -150px -50px !important;
  }
  .item-highlight.type-5 .pict-block-highlight::before {
    background-position: -200px -50px !important;
  }
  .block-highlight {
    padding: 0;
    box-shadow: none !important;
    min-height: auto;
    background-color: transparent;
  }
  .block-highlight::before {
    display: none;
  }
  .content-block-highlight {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .pict-block-highlight {
    margin: 0;
    margin-right: 2em;
    background-color: #17aed9;
  }
  .pict-block-highlight::after {
    display: none;
  }
  .cta-title-block-highlight {
    color: #17aed9;
    font-weight: normal;
  }
  .info-profile {
    display: block;
    margin: 0;
    box-shadow: none;
  }
  .main-info-profile {
    margin-bottom: 2em;
  }
  .side-info-profile {
    width: 100%;
    float: none;
    box-shadow: none;
  }
  .media-block-news {
    display: none;
  }
  .title-news {
    padding: 0;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e7e7e7;
    color: #575759;
    text-align: left;
  }
  /***************PAGE PROGRAMME**********************/
  .item-programs {
    margin-bottom: 1em;
  }
  .cta-item-programs {
    display: none;
  }
  .desc-item-programs {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
  }
  /***************PAGE PROGRAMME**********************/
  .search-res {
    padding: 0;
  }
  .list-search-res {
    margin: 1em 0;
  }
  .item-search-res {
    padding: 1em 0;
  }
  .main-block-search-res {
    width: 100%;
    float: none;
  }
  .title-block-search-res {
    margin-bottom: 1em;
  }
  /***************PAGE FORMULAIRE**********************/
  .main-formulary {
    box-shadow: none;
    padding: 1em 0;
  }
  .item-formulary {
    padding: 0 !important;
    width: 100%;
    float: none;
  }
  .bottom-formulary {
    display: block;
  }
  .bottom-formulary .field-submit {
    display: none;
  }
}