@charset "UTF-8";
@font-face {
  src: url("../fonts/raleway/Raleway-Regular.eot?") format("eot"), url("../fonts/raleway/Raleway-Regular.woff") format("woff"), url("../fonts/raleway/Raleway-Regular.ttf") format("truetype");
  font-family: "raleway";
}

@font-face {
  src: url("../fonts/raleway/Raleway-Bold.eot?") format("eot"), url("../fonts/raleway/Raleway-Bold.woff") format("woff"), url("../fonts/raleway/Raleway-Bold.ttf") format("truetype");
  font-family: "ralewaybold";
}

@font-face {
  src: url("../fonts/raleway/SemiBold.eot?") format("eot"), url("../fonts/raleway/SemiBold.woff") format("woff"), url("../fonts/raleway/SemiBold.ttf") format("truetype");
  font-family: "ralewaysemibold";
}

@font-face {
  src: url("../fonts/raleway/Raleway-Light.eot?") format("eot"), url("../fonts/raleway/Raleway-Light.woff") format("woff"), url("../fonts/raleway/Raleway-Light.ttf") format("truetype");
  font-family: "ralewaylight";
}

@font-face {
  src: url("../fonts/fontello/fontello.eot?") format("eot"), url("../fonts/fontello/fontello.woff") format("woff"), url("../fonts/fontello/fontello.ttf") format("truetype");
  font-family: "fontello";
}

@font-face {
  src: url("../fonts/raleway/Raleway-SemiBoldItalic.eot?") format("eot"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBoldItalic.ttf") format("truetype");
  font-family: "ralewaybolditalic";
}

@font-face {
  src: url("../fonts/raleway/Raleway-Italic.eot?") format("eot"), url("../fonts/raleway/Raleway-Italic.woff") format("woff"), url("../fonts/raleway/Raleway-Italic.ttf") format("truetype");
  font-family: "ralewayitalic";
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

article .node__content {
  padding: 0 2.35rem;
}

.node__content p {
  font-size: 16px;
  font-size: 1rem;
  margin: 1rem 0;
  line-height: 1.5;
}

@media (max-width: 450px) {
  .node__content p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}

a {
  text-decoration: none;
  color: #E50040;
}

a:hover {
  -webkit-text-decoration: underline solid #29235C;
          text-decoration: underline solid #29235C;
}

h1 {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "ralewaybold", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  text-transform: uppercase;
  padding: 1rem;
  margin: 2rem;
  color: #E50040;
  font-weight: normal;
}

h1:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 70%;
  border-top: 4px solid #29235C;
  border-bottom: 4px solid #29235C;
  border-left: 4px solid #29235C;
  content: "";
}

h1:after {
  position: absolute;
  top: 4px;
  right: 0;
  width: 12px;
  height: 70%;
  border-top: 4px solid #29235C;
  border-right: 4px solid #29235C;
  border-bottom: 4px solid #29235C;
  content: "";
}

@media (max-width: 768px) {
  h1 {
    margin: 0rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
}

h2 {
  position: relative;
  text-align: left;
  margin: 1rem 0rem;
  padding-left: 1rem;
  font-size: 26px;
  font-size: 1.625rem;
  color: #29235C;
  font-family: "ralewaybold", sans-serif, sans-serif;
  font-weight: normal;
}

h2:before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #E50040;
  border-left: 3px solid #E50040;
  content: "";
}

h3 {
  text-align: left;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "ralewaybold", sans-serif, sans-serif;
  color: #29235C;
  margin: 1rem 0;
}

h4 {
  text-align: left;
  position: relative;
  padding: 1rem;
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: "ralewaybold", sans-serif, sans-serif;
}

h4:before {
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #29235C;
  border-left: 3px solid #29235C;
  content: "";
}

h5 {
  text-align: left;
  padding: 1em 0em;
  font-size: 18px;
  font-size: 1.125rem;
  color: #29235C;
  font-family: "ralewaybold", sans-serif;
}

h6 {
  font-family: "ralewaysemibold", sans-serif;
  font-size: 1rem;
}

blockquote {
  padding: 0 1rem;
  margin: 1rem;
  border-left: 1px solid #29235C;
}

.node__content ul li {
  position: relative;
  padding-left: 2rem;
  line-height: 1.4;
}

.node__content ul li:before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 5px;
  height: 5px;
  margin-left: 1rem;
  border-radius: 5px;
  background-color: #E50040;
  content: "";
}

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

ol {
  list-style: decimal;
  padding-left: 1.5rem;
}

.field--label-inline .field__label::after {
  content: ' :';
}

.block > h2,
.view-recommandation h2:not(.slide__title) {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "ralewaysemibold", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 1rem 1rem;
  margin: 1rem;
  color: #29235C;
  font-weight: normal;
}

.block > h2:before,
.view-recommandation h2:not(.slide__title):before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 7px;
  height: 60%;
  border-top: 3px solid #E50040;
  border-bottom: 3px solid #E50040;
  border-left: 3px solid #E50040;
  content: "";
}

.block > h2:after,
.view-recommandation h2:not(.slide__title):after {
  position: absolute;
  top: 6px;
  right: 0;
  width: 7px;
  height: 60%;
  border-top: 3px solid #E50040;
  border-right: 3px solid #E50040;
  border-bottom: 3px solid #E50040;
  content: "";
}

@media (max-width: 768px) {
  .block > h2,
  .view-recommandation h2:not(.slide__title) {
    margin: 1rem 0rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.field--name-field-chapo {
  display: block;
  position: relative;
  font-family: "ralewaybold", sans-serif, sans-serif;
  color: #E50040;
  font-size: 22px;
  font-size: 1.375rem;
  border-bottom: 2px solid #E50040;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .field--name-field-chapo {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.field--name-field-chapo p {
  margin: 1rem 0;
}

.classic-central-link-button,
.slide__link,
.more-link {
  text-align: center;
  margin: 2rem 0px;
}

@media (max-width: 768px) {
  .classic-central-link-button,
  .slide__link,
  .more-link {
    margin: 1rem 0px;
  }
}

.classic-central-link-button a,
.slide__link a,
.more-link a {
  font-family: "ralewaysemibold", sans-serif;
  text-decoration: none;
  padding: 15px;
  background-color: #29235C;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

.classic-central-link-button a:hover, .classic-central-link-button a:focus, .classic-central-link-button a:active,
.slide__link a:hover,
.slide__link a:focus,
.slide__link a:active,
.more-link a:hover,
.more-link a:focus,
.more-link a:active {
  background-color: #E50040;
}

.pager {
  margin-top: 1rem;
}

.field--name-field-thematique {
  display: inline-block;
  background-color: #EFEEEE;
  text-align: left;
  margin: 1rem 0;
}

.field--name-field-thematique .field__item {
  font-size: 11px;
  font-size: 0.6875rem;
  display: inline-block;
  padding: 0.35rem;
  position: relative;
  padding: 1.1em 1em 1.1em 4em;
  color: #000;
}

.field--name-field-thematique .field__item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.35rem;
  height: 100%;
  background-color: #E50040;
  background-image: url(../images/world.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  content: "";
}

.field--name-field-thematique .tous.field__item {
  padding: 1.1em 1em 1.1em 1em;
}

.field--name-field-thematique .tous.field__item::before {
  content: none;
}

/*
 * lien en savoir plus
 */
.base-detail-link {
  font-family: "raleway", sans-serif, sans-serif;
  text-align: right;
  margin: 0.5rem;
}

.base-detail-link a {
  position: relative;
  text-decoration: none;
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  color: #000;
}

.base-detail-link a:before {
  position: absolute;
  top: 0.1rem;
  left: -15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #E50040;
  border-left: 2px solid #E50040;
  content: "";
  pointer-events: all;
}

.base-detail-link a:hover, .base-detail-link a:focus, .base-detail-link a:active {
  -webkit-text-decoration: underline solid #29235C;
          text-decoration: underline solid #29235C;
}

strong {
  font-family: "ralewaybold", sans-serif, sans-serif;
  color: #29235C;
}

em {
  font-family: "ralewayitalic", sans-serif;
}

/**
  * formulaires
 **/
select {
  padding: 0.5rem 2.5rem 0.5rem 0.5rem;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  overflow: hidden;
  background: url("../images/select.svg") no-repeat left 100% center #fff;
  background-size: 37px 37px;
}

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

input::-moz-placeholder {
  opacity: 1;
}

form.user-form #edit-account {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

form.user-form #edit-account .form-type-password-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.required {
  font-family: "ralewaybold", sans-serif, sans-serif;
}

form .error {
  color: #ff0000;
}

.image-contenu {
  width: 100%;
  margin: 2rem 0 2rem 0;
  text-align: center;
}

.image-contenu .field {
  text-align: center;
}

.image-contenu .field--name-field-credits,
.image-contenu .field--name-field-type-de-licence {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "ralewayitalic", sans-serif;
  color: #000;
  opacity: 0.7;
  display: inline-block;
}

.paragraph--type--texte-image-a-gauche .field--name-field-illustration,
.align-left {
  float: left;
  margin: 0 0.5rem 0.5rem 0;
  max-width: 50%;
}

.paragraph--type--texte-image-a-droite .field--name-field-illustration,
.align-right {
  float: right;
  margin: 0 0 0.5rem 0.5rem;
  max-width: 50%;
}

.paragraph {
  clear: both;
}

.paragraph--type--texte-avec-bordure {
  background-color: #EFEEEE;
  padding: 0.1rem 2rem;
  margin: 1rem -2.35rem;
  font-family: "ralewayitalic", sans-serif, sans-serif;
}

.paragraph--type--texte-avec-bordure p {
  padding-left: 2rem;
  color: #000;
  position: relative;
}

.paragraph--type--texte-avec-bordure p::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #E50040;
  content: "";
}

.paragraph--type--texte-sur-fond-de-couleur-1 {
  background-color: #F4F3FA;
  padding: 0.1rem 2rem;
  margin: 1rem -2.35rem;
}

.paragraph--type--video {
  background-color: #29235C;
  padding: 1rem;
}

.paragraph--type--video .field--name-field-video {
  border: 10px solid #FFF;
}

.node--type-event .event--adresse,
.node--type-event .field--name-field-geocodage,
.node--type-event .event--type-tarif,
.node--type-event .field--name-field-en-savoir-plus {
  margin: 0rem -2.35rem;
}

.node-content--savoir-plus,
.node-content--fichiers-attaches {
  border-top: 1px solid #000;
  padding: 0.5rem 0;
  text-align: left;
  margin: 0.5rem 0;
  clear: both;
}

.field--name-field-en-savoir-plus, .field--name-field-fichier-attache {
  background-color: #EFEEEE;
  margin: 1rem 0;
  padding: 0.1rem 2rem 3rem 2rem;
}

.field--name-field-en-savoir-plus .field__label, .field--name-field-fichier-attache .field__label {
  margin: 1.5rem 0;
  position: relative;
  padding-left: 1rem;
  font-size: 23px;
  font-size: 1.4375rem;
  color: #29235C;
  font-family: "ralewaybold", sans-serif, sans-serif;
  font-weight: normal;
}

.field--name-field-en-savoir-plus .field__label:before, .field--name-field-fichier-attache .field__label:before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #E50040;
  border-left: 3px solid #E50040;
  content: "";
}

.field--name-field-en-savoir-plus .field__item, .field--name-field-fichier-attache .field__item {
  line-height: 2rem;
}

.field--name-field-en-savoir-plus .field__item a, .field--name-field-fichier-attache .field__item a {
  font-family: "raleway", sans-serif, sans-serif;
}

.event-dates {
  background-color: #F4F3FA;
  font-family: "ralewaybold", sans-serif, sans-serif;
  padding: 1.5rem 2rem;
  text-align: left;
  margin-bottom: 1.5rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.event-dates .field--type-datetime {
  display: inline-block;
}

.event-dates .event--button {
  float: right;
}

@media (max-width: 980px) {
  .event-dates .event--button {
    display: block;
    float: none;
  }
}

.event-dates .event--button a {
  background-color: #29235C;
  padding: 0.5rem;
  color: #FFF;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

.event-dates .event--button a:hover, .event-dates .event--button a:focus, .event-dates .event--button a:active {
  background-color: #E50040;
  text-decoration: none;
}

@media (max-width: 980px) {
  .event-dates .event--button a {
    line-height: 4rem;
  }
}

.event--adresse {
  background-color: #EFEEEE;
  text-align: center;
  padding: 1rem;
}

.event--adresse .field {
  display: inline-block;
  font-family: "ralewaybold", sans-serif, sans-serif;
}

.event--adresse .field.field--name-field-evt-adresse::after {
  content: ',';
}

.node--type-event .event--type-tarif {
  border-top: 1px solid #656565;
  border-bottom: 1px solid #656565;
  padding: 2rem 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: left;
}

.node--type-event .event--type-tarif .field, .node--type-event .event--type-tarif .field__item {
  display: inline-block;
}

.node--type-event .event--type-tarif .field--name-field-prix .field__label::before {
  content: '|';
  margin: 5px;
}

.field--name-field-video-embed {
  margin: 1rem -2.35rem;
}

form.vote-vote-votingapi-fivestar-form .form-item {
  margin: 0;
  width: auto;
}

.br-theme-css-stars .br-widget a {
  width: 25px;
  height: 25px;
  margin-right: 2px;
  float: none;
}

.br-theme-css-stars .br-widget a::after {
  content: url("../images/activateurs/etoile-vide.png");
}

.br-theme-css-stars .br-widget a.br-active::after,
.br-theme-css-stars .br-widget a.br-selected::after {
  content: url("../images/activateurs/etoile-pleine.png");
}

/* bandeau cookie */
#sliding-popup .popup-content {
  max-width: 1180px;
}

/* button show / hide */
.button--hide {
  background: none;
  border: 0;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  margin: 1rem;
  top: 0;
}

.button--hide::before {
  content: '';
  background-color: #29235C;
  display: inline-block;
  width: 1rem;
  height: 0.25rem;
  margin-left: 0.25rem;
  position: absolute;
  right: 0;
  margin-right: 0.5rem;
  top: 0.4rem;
  -webkit-transition: transform 0.33s ease-out, width 0.2s linear;
  -webkit-transition: width 0.2s linear, -webkit-transform 0.33s ease-out;
  transition: width 0.2s linear, -webkit-transform 0.33s ease-out;
  transition: transform 0.33s ease-out, width 0.2s linear;
  transition: transform 0.33s ease-out, width 0.2s linear, -webkit-transform 0.33s ease-out;
}

.button--hide::after {
  content: '';
  background-color: #29235C;
  display: inline-block;
  width: 1rem;
  height: 0.25rem;
  margin-left: 0.25rem;
}

.button--hide[name="afficher"]::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#block-bienvenueportailtpepme {
  margin-top: 30px;
  padding: 20px;
  background-color: #F4F3FA;
  text-align: left;
}

#block-bienvenueportailtpepme h3 {
  text-align: center;
  margin-bottom: 30px;
}

#block-bienvenueportailtpepme p {
  margin: 15px 0px;
}

#block-bienvenueportailtpepme ul {
  list-style-type: disc;
  padding-left: 40px;
  line-height: 18pt;
}

#block-seconnecter {
  margin-top: 3rem;
  margin-bottom: 25px;
  text-align: center;
  display: inline-block;
}

@media (min-width: 768px) {
  #block-seconnecter + .alert {
    max-width: 48%;
  }
}

@media (max-width: 768px) {
  #block-seconnecter ~ #block-francenum-content .form-item {
    width: auto;
  }
}

#block-reinitialiservotremotdepasse {
  margin: -1.5em 0px 2em 0px;
  text-align: left;
}

#block-creeruncompte {
  margin-top: 3rem;
  padding-left: 5%;
  width: 50%;
  min-height: 450px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  border-left: 2px solid #656565;
}

#block-creeruncompte h2 {
  display: inline-block;
  text-align: center;
  margin-bottom: calc(1rem + 25px);
}

#block-creeruncompte p {
  margin-bottom: 2em;
  text-align: left;
}

@media (max-width: 768px) {
  #block-creeruncompte {
    display: none;
  }
}

#block-creeruncompte2 {
  margin-top: 3rem;
}

#block-creeruncompte2 h2 {
  display: inline-block;
  text-align: center;
  margin-bottom: calc(1rem + 25px);
}

#block-creeruncompte2 p {
  margin-bottom: 2em;
  text-align: left;
}

@media (min-width: 769px) {
  #block-creeruncompte2 {
    display: none;
  }
}

@media (max-width: 550px) {
  form#save-diag-form #edit-save-reco {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 0;
  }
}

@media (max-width: 550px) {
  form#preciser-projet-form #edit-preciser-projet {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 0;
  }
}

@media (max-width: 550px) {
  div#block-sendmailblock .classic-central-link-button a {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

@media (max-width: 550px) {
  form#views-exposed-form-vue-autodiag-page-autodiag #edit-submit-vue-autodiag {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.field--name-field-auteur {
  font-family: "ralewaybold", sans-serif;
  color: #E50040;
  margin: 0.5rem 0 2rem;
}

#version-test {
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.path-frontpage .region-pre-content .content-main-width #block-titredublocrecommandation,
.page-recommandation .region-pre-content .content-main-width #block-titredublocrecommandation {
  color: #FFF;
  background-color: #E50040;
  padding: 1rem 0 0.5rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .path-frontpage .region-pre-content .content-main-width #block-titredublocrecommandation,
  .page-recommandation .region-pre-content .content-main-width #block-titredublocrecommandation {
    padding: 1rem 0;
  }
}

.path-frontpage .region-pre-content .content-main-width #block-blocrecommandationcomplet,
.page-recommandation .region-pre-content .content-main-width #block-blocrecommandationcomplet {
  background-color: #E50040;
  padding: 0 0 1rem;
}

@media (min-width: 768px) {
  .path-frontpage .region-pre-content .content-main-width #block-blocrecommandationcomplet,
  .page-recommandation .region-pre-content .content-main-width #block-blocrecommandationcomplet {
    padding: 1rem 0;
  }
}

#block-blocrecommandationcomplet {
  font-family: "ralewaylight", sans-serif;
}

#block-blocrecommandationcomplet .form-item {
  text-align: left;
  float: none;
  width: 100%;
}

#block-blocrecommandationcomplet .form-item label {
  color: #FFFFFF;
  margin: 0.75rem 0.25rem;
  display: block;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  margin: auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media (max-width: 450px) {
  #block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil {
    padding: 0 1rem;
  }
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-left,
#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-right,
#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-center {
  display: inline-block;
  width: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}

@media (min-width: 1080px) {
  #block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-left,
  #block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-right,
  #block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-center {
    width: 45%;
    margin: 0 1rem;
  }
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-right {
  background-color: #E50040;
  padding: 0.5rem 0.25rem;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form--reco-center .form-item input {
  margin-top: 0;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::placeholder {
  opacity: 1;
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::-moz-placeholder {
  opacity: 1;
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::-webkit-placeholder {
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::-webkit-input-placeholder {
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input::-ms-input-placeholder {
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-item-search-api-fulltext input:-ms-placeholder {
  color: #000;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-actions {
  cursor: pointer;
  width: 35%;
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  #block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-actions {
    width: 140px;
  }
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-actions:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  height: 17px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  content: "";
  pointer-events: all;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-actions:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  content: "";
  pointer-events: all;
}

#block-blocrecommandationcomplet #block-formulaireexposerecommandationpage-accueil .form-actions input[type="submit"] {
  margin-bottom: 0;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  padding: 8px 0px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "raleway", sans-serif;
}

#block-blocrecommandationcomplet .block--block-content--bloc-recommandation {
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  line-height: 1.4em;
  width: 15%;
  min-height: 200px;
  background-color: #29235C;
  padding: 20px;
  color: #FFFFFF;
  font-size: 17px;
  font-size: 1.0625rem;
  -webkit-box-shadow: 0px 0px 10px 0px #656565;
          box-shadow: 0px 0px 10px 0px #656565;
}

@media (max-width: 980px) {
  #block-blocrecommandationcomplet .block--block-content--bloc-recommandation {
    display: none;
  }
}

#block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 {
  font-size: 16px;
  font-size: 1rem;
  font-family: "ralewaysemibold", sans-serif;
  color: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60%;
  max-width: 585px;
  background-color: #29235C;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
  padding: 5px 40px 25px 40px;
}

@media (max-width: 980px) {
  #block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 {
    width: 485px;
  }
}

@media (max-width: 768px) {
  #block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 {
    width: 100%;
  }
}

@media (max-width: 450px) {
  #block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 {
    padding: 15px 15px;
  }
}

#block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 h2 {
  text-transform: uppercase;
  margin: 1rem;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  padding: 0;
}

#block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 h2::before, #block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 h2::after {
  content: none;
}

#block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 .field--name-field-lien {
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
}

#block-blocrecommandationcomplet #block-financezvotreprojetblocrecommandation-3 .field--name-field-lien a {
  display: block;
  padding: 8px;
  background-color: #E50040;
  text-decoration: none;
  color: #FFFFFF;
}

.search-module-save-search {
  text-align: center;
}

.search-module-save-search .search-module-save-search-save {
  vertical-align: middle;
  display: inline-block;
  max-width: 265px;
  margin: 1rem 0.2rem;
  background-color: #29235C;
}

@media (max-width: 450px) {
  .search-module-save-search .search-module-save-search-save {
    width: 100%;
    max-width: none;
    margin: 0;
    margin-bottom: 0.2rem;
  }
}

.search-module-save-search .search-module-save-search-search {
  vertical-align: middle;
  display: inline-block;
  max-width: 265px;
  margin: 1rem 0.2rem;
  background-color: #E50040;
}

@media (max-width: 450px) {
  .search-module-save-search .search-module-save-search-search {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

.search-module-save-search a {
  display: block;
  text-decoration: none;
  color: #FFF;
  padding: 3rem;
}

@media (max-width: 450px) {
  .search-module-save-search a {
    padding: 1.5rem;
  }
}

/**
/// Bloc affinage
**/
div[id*='edit-secondary'] {
  font-size: 16px;
  font-size: 1rem;
  font-family: "ralewaysemibold", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 3rem auto 1.5rem;
  text-align: center;
  display: block;
}

@media (max-width: 768px) {
  div[id*='edit-secondary'] {
    width: 100%;
  }
}

@media (max-width: 450px) {
  div[id*='edit-secondary'] {
    padding: 15px 15px;
  }
}

div[id*='edit-secondary'] > div:first-child {
  font-size: 33px;
  font-size: 2.0625rem;
  color: #29235C;
  margin-bottom: 30px;
}

div[id*='edit-secondary'] .form-type-select {
  font-family: "ralewaylight", sans-serif;
}

.path-frontpage #edit-secondary {
  display: none;
}

.path-recommandation #block-blocrecommandationcomplet #block-blocsrecommandations {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.path-recommandation #block-blocrecommandationcomplet #block-blocsrecommandations .block--block-content--bloc-recommandation {
  margin-top: 3.3rem;
}

.path-recommandation #block-financezvotreprojetblocrecommandation-3 {
  display: none;
}

/**
/// Bloc champs obligatoires
**/
#block-champsobligatoiresformulaires,
#block-champsobligatoiresformulaires-2 {
  margin: 0.5rem 1rem 1rem;
  font-family: "ralewayitalic", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 40px;
}

#block-champsobligatoiresformulaires {
  color: #FFF;
}

.required_filter {
  position: relative;
  font-weight: bold;
}

.required_filter select {
  border: 1px solid #29235C;
}

.required_filter::before {
  content: '*';
  color: #FFF;
  display: inline-block;
  position: absolute;
  left: -1rem;
  bottom: 0;
  font-size: 25px;
  font-size: 1.5625rem;
  font-family: "raleway", sans-serif;
}

.required_filter .required {
  font-weight: normal;
}

#block-actionsfrequentes {
  padding: 15px 0px;
  font-family: "ralewaysemibold", sans-serif;
}

#block-actionsfrequentes .field--name-field-intitule-lien {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

#block-actionsfrequentes .field--name-field-intitule-lien > .field__item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 5px;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
}

@media (min-width: 650px) {
  #block-actionsfrequentes .field--name-field-intitule-lien > .field__item {
    width: 49.5%;
    text-align: center;
  }
  #block-actionsfrequentes .field--name-field-intitule-lien > .field__item:nth-child(2n) {
    margin-left: 1px;
  }
}

@media (min-width: 768px) {
  #block-actionsfrequentes .field--name-field-intitule-lien > .field__item {
    width: 24%;
    text-align: center;
  }
}

#block-actionsfrequentes .field--name-field-intitule-lien a {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: #29235C;
  text-transform: uppercase;
  font-weight: 200;
  background-color: #F4F3FA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  padding: 1.2rem 1rem;
  height: 100%;
}

#block-actionsfrequentes .field--name-field-intitule-lien a:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 5px solid #E50040;
  border-right: 5px solid #E50040;
  content: "";
  pointer-events: all;
}

#block-actionsfrequentes .field--name-field-intitule-lien a:hover:before, #block-actionsfrequentes .field--name-field-intitule-lien afocus:before, #block-actionsfrequentes .field--name-field-intitule-lien aactive:before {
  content: "";
  width: 20px;
  height: 20px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.menu--menu-acces-rapide {
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  margin-left: -8px;
}

@media (min-width: 768px) {
  .menu--menu-acces-rapide {
    top: 22%;
    bottom: auto;
    right: 0;
    width: 85px;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

@media (min-width: 1190px) {
  .menu--menu-acces-rapide {
    left: 50%;
    margin-left: 550px;
  }
}

.menu--menu-acces-rapide .menu {
  margin-left: 0;
  font-size: 9.5px;
  font-size: 0.59375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background-color: #FFF;
}

@media (min-width: 768px) {
  .menu--menu-acces-rapide .menu {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    background-color: transparent;
  }
}

.menu--menu-acces-rapide .menu-item {
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  background-color: #29235C;
  width: 32%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 4px solid #29235C;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
  margin: 0 0.25rem;
}

.menu--menu-acces-rapide .menu-item:first-child {
  margin-left: 0;
}

.menu--menu-acces-rapide .menu-item:last-child {
  margin-right: 0;
}

.menu--menu-acces-rapide .menu-item:hover, .menu--menu-acces-rapide .menu-item:focus, .menu--menu-acces-rapide .menu-item:active {
  background-color: #E50040;
}

@media (min-width: 768px) {
  .menu--menu-acces-rapide .menu-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 0;
    width: 100%;
    margin: 0 0 5px 0;
    line-height: 1.2em;
    height: 85px;
  }
}

.menu--menu-acces-rapide .menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.45rem 0.1rem;
  color: #FFF;
  text-transform: uppercase;
}

.menu--menu-acces-rapide .menu-item a::before {
  content: '';
  width: 30px;
  height: 30px;
  margin: 0 auto 0.75rem auto;
  display: block;
}

.menu--menu-acces-rapide .menu-item a.bouton-recherche::before {
  content: url("../images/recherche.svg");
}

.menu--menu-acces-rapide .menu-item a.bouton-lettre-info::before {
  content: url("../images/lettreInfo.svg");
}

.menu--menu-acces-rapide .menu-item a.bouton-chatbot::before {
  content: url("../images/chatbot/chatbot-bouton.png");
  margin: 0 auto;
  width: auto;
  height: auto;
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter {
  background-color: #E50040;
  border: 4px solid #29235C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) {
  .menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter {
    padding: 7px 0;
    height: 85px;
  }
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter a {
  padding: 0.2rem 0;
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter:first-child:before {
  position: absolute;
  top: 0;
  left: -25px;
  width: 25px;
  height: 85px;
  background-color: #29235C;
  content: "";
}

@media (max-width: 450px) {
  .menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter:first-child:before {
    display: none;
  }
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter:nth-child(2n):before {
  position: absolute;
  top: 90px;
  left: -25px;
  width: 25px;
  height: 85px;
  background-color: #29235C;
  content: "";
}

@media (max-width: 450px) {
  .menu--menu-acces-rapide .menu-item.quick-access-button-active-search-newsletter:nth-child(2n):before {
    display: none;
  }
}

.menu--menu-acces-rapide .menu-item--chatbot {
  background-color: #FFFFFF;
  padding: 0;
}

.menu--menu-acces-rapide .menu-item--chatbot:hover, .menu--menu-acces-rapide .menu-item--chatbot:focus, .menu--menu-acces-rapide .menu-item--chatbot:active {
  background-color: #FFFFFF;
}

.menu--menu-acces-rapide .menu-item--chatbot a {
  padding: 0;
  color: #29235C;
}

.menu--menu-acces-rapide .menu-item--chatbot a:hover, .menu--menu-acces-rapide .menu-item--chatbot a:focus, .menu--menu-acces-rapide .menu-item--chatbot a:active {
  color: #E50040;
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-chatbot {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) {
  .menu--menu-acces-rapide .menu-item.quick-access-button-active-chatbot {
    height: 85px;
  }
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-chatbot a {
  color: #E50040;
}

.menu--menu-acces-rapide .menu-item.quick-access-button-active-chatbot:before {
  position: absolute;
  top: 180px;
  left: -25px;
  width: 25px;
  height: 85px;
  background-color: #29235C;
  content: "";
}

@media (max-width: 450px) {
  .menu--menu-acces-rapide .menu-item.quick-access-button-active-chatbot:before {
    display: none;
  }
}

.menu--menu-acces-rapide .menu-item svg {
  fill: #FFF;
  width: 30px;
  margin: 10px;
  height: 30px;
  display: block;
}

.menu--menu-acces-rapide .menu-item #quick-access-chatbot {
  background-color: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 2px #29235C;
}

.menu--menu-acces-rapide .menu-item #quick-access-chatbot a p {
  color: #29235C;
}

.menu--menu-acces-rapide .menu-item img {
  width: 50px;
}

@media (min-width: 768px) {
  .menu--menu-acces-rapide .menu-item img {
    width: 80%;
  }
}

.search-block-form,
.block-sendinblue,
.block-dgetn-chatbot {
  z-index: 9999;
  position: fixed;
  bottom: 75px;
  height: calc(100vh - 75px);
  width: 100vw;
  max-width: 1080px;
  text-align: center;
  left: 0;
  display: none;
  -webkit-box-shadow: 0 0 5px 0 #000;
          box-shadow: 0 0 5px 0 #000;
}

@media (min-width: 768px) {
  .search-block-form,
  .block-sendinblue,
  .block-dgetn-chatbot {
    width: calc(100% - 108px);
    top: 22%;
    left: 8px;
  }
}

@media (min-width: 1080px) {
  .search-block-form,
  .block-sendinblue,
  .block-dgetn-chatbot {
    height: auto;
    bottom: auto;
  }
}

@media (min-width: 1187px) {
  .search-block-form,
  .block-sendinblue,
  .block-dgetn-chatbot {
    left: calc(50% - 1080px / 2);
    padding: 0px 0px;
  }
}

.search-block-form .quick-access-content,
.block-sendinblue .quick-access-content,
.block-dgetn-chatbot .quick-access-content {
  width: 100%;
  height: 100%;
  background-color: #29235C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2rem 8rem 2rem 8rem;
  display: block;
  color: #FFF;
}

@media (max-width: 980px) {
  .search-block-form .quick-access-content,
  .block-sendinblue .quick-access-content,
  .block-dgetn-chatbot .quick-access-content {
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  .search-block-form .quick-access-content,
  .block-sendinblue .quick-access-content,
  .block-dgetn-chatbot .quick-access-content {
    height: 265px;
  }
}

@media (max-width: 450px) {
  .search-block-form .quick-access-content,
  .block-sendinblue .quick-access-content,
  .block-dgetn-chatbot .quick-access-content {
    padding: 2rem 0.5rem;
  }
}

.search-block-form .quick-access-content input[type="search"],
.search-block-form .quick-access-content input[type="text"],
.block-sendinblue .quick-access-content input[type="search"],
.block-sendinblue .quick-access-content input[type="text"],
.block-dgetn-chatbot .quick-access-content input[type="search"],
.block-dgetn-chatbot .quick-access-content input[type="text"] {
  width: 100%;
  padding: 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  color: #000;
}

.search-block-form .quick-access-content input[type="search"]::placeholder, .search-block-form .quick-access-content input[type="search"]::-moz-placeholder,
.search-block-form .quick-access-content input[type="text"]::placeholder,
.search-block-form .quick-access-content input[type="text"]::-moz-placeholder,
.block-sendinblue .quick-access-content input[type="search"]::placeholder,
.block-sendinblue .quick-access-content input[type="search"]::-moz-placeholder,
.block-sendinblue .quick-access-content input[type="text"]::placeholder,
.block-sendinblue .quick-access-content input[type="text"]::-moz-placeholder,
.block-dgetn-chatbot .quick-access-content input[type="search"]::placeholder,
.block-dgetn-chatbot .quick-access-content input[type="search"]::-moz-placeholder,
.block-dgetn-chatbot .quick-access-content input[type="text"]::placeholder,
.block-dgetn-chatbot .quick-access-content input[type="text"]::-moz-placeholder {
  color: #000;
  text-transform: uppercase;
  opacity: 0.5;
}

.search-block-form .quick-access-content input[type="submit"],
.block-sendinblue .quick-access-content input[type="submit"],
.block-dgetn-chatbot .quick-access-content input[type="submit"] {
  background-color: #E50040;
  margin: 0;
}

@media (max-width: 550px) {
  .search-block-form .quick-access-content input[type="submit"],
  .block-sendinblue .quick-access-content input[type="submit"],
  .block-dgetn-chatbot .quick-access-content input[type="submit"] {
    padding: 0.7rem 0.5rem;
  }
}

.search-block-form .quick-access-content .quick-access-secondary-option,
.block-sendinblue .quick-access-content .quick-access-secondary-option,
.block-dgetn-chatbot .quick-access-content .quick-access-secondary-option {
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "raleway", sans-serif;
}

.search-block-form .quick-access-content .quick-access-secondary-option:hover,
.block-sendinblue .quick-access-content .quick-access-secondary-option:hover,
.block-dgetn-chatbot .quick-access-content .quick-access-secondary-option:hover {
  text-decoration: none;
}

@media (max-width: 550px) {
  .search-block-form .quick-access-content .quick-access-secondary-option,
  .block-sendinblue .quick-access-content .quick-access-secondary-option,
  .block-dgetn-chatbot .quick-access-content .quick-access-secondary-option {
    display: block;
  }
}

.search-block-form .quick-access-content form,
.block-sendinblue .quick-access-content form,
.block-dgetn-chatbot .quick-access-content form {
  text-align: left;
}

.search-block-form .quick-access-content .form-item,
.block-sendinblue .quick-access-content .form-item,
.block-dgetn-chatbot .quick-access-content .form-item {
  display: block;
  width: 100%;
}

.search-block-form .quick-access-content .form-actions,
.block-sendinblue .quick-access-content .form-actions,
.block-dgetn-chatbot .quick-access-content .form-actions {
  display: inline-block;
  width: auto;
}

.search-block-form .recherche-avancee,
.block-sendinblue .config-newsletter {
  float: right;
  margin-top: -1.75rem;
  text-transform: uppercase;
}

.search-block-form .recherche-avancee a,
.block-sendinblue .config-newsletter a {
  color: #FFF;
}

.quick-access-content > .config-newsletter {
  position: relative;
  margin-left: 8rem;
}

@media (max-width: 450px) {
  .block-sendinblue .config-newsletter {
    float: none;
    margin-top: 1rem;
    text-align: left;
  }
}

#block-chatbotblock.block-dgetn-chatbot {
  display: none;
}

@media (min-width: 768px) {
  #block-chatbotblock.block-dgetn-chatbot {
    height: calc(311px + 3rem);
  }
}

@media (min-width: 1080px) {
  #block-chatbotblock.block-dgetn-chatbot {
    height: calc(315px + 3rem);
  }
}

@media (min-width: 768px) {
  #block-chatbotblock .quick-access-content {
    padding: 1rem 3rem 1rem 1rem;
    height: 100%;
  }
}

#block-chatbotblock .quick-access-content .chatbot-titre {
  display: inline-block;
  vertical-align: bottom;
}

@media (min-width: 768px) {
  #block-chatbotblock .quick-access-content .chatbot-titre {
    max-width: 20%;
    background-color: #FFF;
    padding: 0.5rem 0;
  }
}

#block-chatbotblock .quick-access-content .chatbot-titre img {
  display: none;
}

@media (min-width: 768px) {
  #block-chatbotblock .quick-access-content .chatbot-titre img {
    display: inline-block;
  }
}

#block-chatbotblock .quick-access-content .chatbot-titre h2 {
  margin: 0;
}

#block-chatbotblock .quick-access-content .chatbot-titre h2::before, #block-chatbotblock .quick-access-content .chatbot-titre h2::after {
  height: 25px;
}

@media (min-width: 450px) {
  #block-chatbotblock .quick-access-content .chatbot-titre h2::before, #block-chatbotblock .quick-access-content .chatbot-titre h2::after {
    height: 30px;
  }
}

@media (min-width: 768px) {
  #block-chatbotblock .quick-access-content .chatbot-titre h2 {
    color: #E50040;
    font-family: "ralewaysemibold", sans-serif;
    margin: 1rem 0;
    font-size: 20px;
    font-size: 1.25rem;
  }
  #block-chatbotblock .quick-access-content .chatbot-titre h2::before {
    border-left-color: #E50040;
    border-top-color: #E50040;
    border-bottom-color: #E50040;
  }
  #block-chatbotblock .quick-access-content .chatbot-titre h2::after {
    border-right-color: #E50040;
    border-top-color: #E50040;
    border-bottom-color: #E50040;
  }
}

@media (min-width: 1080px) {
  #block-chatbotblock .quick-access-content .chatbot-titre h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.quick-access-deployed .quick-access-events-chatbot {
  width: 100%;
  height: 100%;
  background-color: #29235C;
  padding: 1rem 5rem 1rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) {
  .quick-access-deployed .quick-access-events-chatbot {
    height: 365px;
  }
}

.quick-access-content h2 {
  color: #FFF;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding: 0 0.5rem;
  margin: 3rem 0;
  font-weight: normal;
  font-family: "raleway", sans-serif;
}

.quick-access-content h2::before {
  position: absolute;
  top: -5px;
  left: 0;
  width: 5px;
  height: 30px;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  border-left: 2px solid #FFF;
  content: "";
}

.quick-access-content h2::after {
  position: absolute;
  top: -5px;
  right: 0;
  width: 5px;
  height: 30px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  content: "";
}

@media (min-width: 450px) {
  .quick-access-content h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
  }
}

.icon-cross {
  position: absolute;
  top: 20px;
  right: 40px;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
}

.icon-cross-x {
  position: absolute;
  display: block;
  width: 30px;
  height: 3px;
  background-color: #FFF;
  top: 0.8rem;
}

.icon-cross-x.icon-cross-1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.icon-cross-x.icon-cross-2 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

html:not(.js) #block-chatbotblock {
  display: none;
}

html:not(.js) #block-menudaccesrapide .menu-item:last-child {
  display: none;
}

.results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 650px) {
  .results {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.liste-activateurs .slide__content,
.view-identifier-un-activateur .views-row,
.node--type-activateur.node--view-mode-card,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item {
  position: relative;
  width: 250px;
  min-height: 390px;
  margin: 0px 10px;
  overflow: hidden;
  background-color: #EFEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.liste-activateurs .slide__content img,
.view-identifier-un-activateur .views-row img,
.node--type-activateur.node--view-mode-card img,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item img {
  width: 300px;
}

.liste-activateurs .slide__content .votingapi-widgets.fivestar,
.view-identifier-un-activateur .views-row .votingapi-widgets.fivestar,
.node--type-activateur.node--view-mode-card .votingapi-widgets.fivestar,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .votingapi-widgets.fivestar {
  position: absolute;
  top: 0;
  right: 0;
}

.liste-activateurs .slide__content .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a,
.view-identifier-un-activateur .views-row .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a,
.node--type-activateur.node--view-mode-card .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a {
  width: 15px;
  height: 15px;
}

.liste-activateurs .slide__content .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a::after,
.view-identifier-un-activateur .views-row .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a::after,
.node--type-activateur.node--view-mode-card .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a::after,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a::after {
  content: url("../images/activateurs/etoile-vide-petite.png");
}

.liste-activateurs .slide__content .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-active::after,
.liste-activateurs .slide__content .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-selected::after,
.view-identifier-un-activateur .views-row .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-active::after,
.view-identifier-un-activateur .views-row .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-selected::after,
.node--type-activateur.node--view-mode-card .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-active::after,
.node--type-activateur.node--view-mode-card .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-selected::after,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-active::after,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .votingapi-widgets.fivestar .br-theme-css-stars .br-widget a.br-selected::after {
  content: url("../images/activateurs/etoile-pleine-petite.png");
}

.liste-activateurs .slide__content .slide__caption,
.liste-activateurs .slide__content .bloc-transparent-activateur,
.view-identifier-un-activateur .views-row .slide__caption,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur,
.node--type-activateur.node--view-mode-card .slide__caption,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* position: absolute; */
  width: 100%;
  padding: 1rem;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-size: 14px;
  font-size: 0.875rem;
  /* Liens reseaux sociaux editeurs de solutions */
}

.liste-activateurs .slide__content .slide__caption .landing-activateur-apercu-who, .liste-activateurs .slide__content .slide__caption .landing-activateur-apercu-who a,
.liste-activateurs .slide__content .bloc-transparent-activateur .landing-activateur-apercu-who,
.liste-activateurs .slide__content .bloc-transparent-activateur .landing-activateur-apercu-who a,
.view-identifier-un-activateur .views-row .slide__caption .landing-activateur-apercu-who,
.view-identifier-un-activateur .views-row .slide__caption .landing-activateur-apercu-who a,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .landing-activateur-apercu-who,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .landing-activateur-apercu-who a,
.node--type-activateur.node--view-mode-card .slide__caption .landing-activateur-apercu-who,
.node--type-activateur.node--view-mode-card .slide__caption .landing-activateur-apercu-who a,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .landing-activateur-apercu-who,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .landing-activateur-apercu-who a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .landing-activateur-apercu-who,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .landing-activateur-apercu-who a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .landing-activateur-apercu-who,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .landing-activateur-apercu-who a {
  text-align: left;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
  font-family: "ralewaybold", sans-serif;
  text-transform: uppercase;
}

.liste-activateurs .slide__content .slide__caption .landing-activateur-apercu-what, .liste-activateurs .slide__content .slide__caption .landing-activateur-apercu-what a, .liste-activateurs .slide__content .slide__caption a:nth-child(2),
.liste-activateurs .slide__content .bloc-transparent-activateur .landing-activateur-apercu-what,
.liste-activateurs .slide__content .bloc-transparent-activateur .landing-activateur-apercu-what a,
.liste-activateurs .slide__content .bloc-transparent-activateur a:nth-child(2),
.view-identifier-un-activateur .views-row .slide__caption .landing-activateur-apercu-what,
.view-identifier-un-activateur .views-row .slide__caption .landing-activateur-apercu-what a,
.view-identifier-un-activateur .views-row .slide__caption a:nth-child(2),
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .landing-activateur-apercu-what,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .landing-activateur-apercu-what a,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur a:nth-child(2),
.node--type-activateur.node--view-mode-card .slide__caption .landing-activateur-apercu-what,
.node--type-activateur.node--view-mode-card .slide__caption .landing-activateur-apercu-what a,
.node--type-activateur.node--view-mode-card .slide__caption a:nth-child(2),
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .landing-activateur-apercu-what,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .landing-activateur-apercu-what a,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur a:nth-child(2),
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .landing-activateur-apercu-what,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .landing-activateur-apercu-what a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption a:nth-child(2),
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .landing-activateur-apercu-what,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .landing-activateur-apercu-what a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur a:nth-child(2) {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  font-family: "raleway", sans-serif;
  text-transform: uppercase;
}

.liste-activateurs .slide__content .slide__caption .landing-activateur-apercu-where,
.liste-activateurs .slide__content .bloc-transparent-activateur .landing-activateur-apercu-where,
.view-identifier-un-activateur .views-row .slide__caption .landing-activateur-apercu-where,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .landing-activateur-apercu-where,
.node--type-activateur.node--view-mode-card .slide__caption .landing-activateur-apercu-where,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .landing-activateur-apercu-where,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .landing-activateur-apercu-where,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .landing-activateur-apercu-where {
  position: relative;
  margin: 1rem 0;
  padding: 0.25rem 1.25rem;
  background: url("../images/carto/marqueurReco.png") no-repeat left top 4px;
  background-size: 11px 16px;
  text-align: left;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.liste-activateurs .slide__content .slide__caption .landing-activateur-apercu-where a,
.liste-activateurs .slide__content .bloc-transparent-activateur .landing-activateur-apercu-where a,
.view-identifier-un-activateur .views-row .slide__caption .landing-activateur-apercu-where a,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .landing-activateur-apercu-where a,
.node--type-activateur.node--view-mode-card .slide__caption .landing-activateur-apercu-where a,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .landing-activateur-apercu-where a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .landing-activateur-apercu-where a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .landing-activateur-apercu-where a {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
  font-family: "ralewaybold", sans-serif;
  text-transform: uppercase;
}

.liste-activateurs .slide__content .slide__caption .classic-central-link-button,
.liste-activateurs .slide__content .bloc-transparent-activateur .classic-central-link-button,
.view-identifier-un-activateur .views-row .slide__caption .classic-central-link-button,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .classic-central-link-button,
.node--type-activateur.node--view-mode-card .slide__caption .classic-central-link-button,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .classic-central-link-button,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .classic-central-link-button,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .classic-central-link-button {
  margin-bottom: 0;
}

.liste-activateurs .slide__content .slide__caption .classic-central-link-button a,
.liste-activateurs .slide__content .bloc-transparent-activateur .classic-central-link-button a,
.view-identifier-un-activateur .views-row .slide__caption .classic-central-link-button a,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .classic-central-link-button a,
.node--type-activateur.node--view-mode-card .slide__caption .classic-central-link-button a,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .classic-central-link-button a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .classic-central-link-button a,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .classic-central-link-button a {
  padding: 15px 12px;
}

.liste-activateurs .slide__content .slide__caption .views-field-field-facebook-structure,
.liste-activateurs .slide__content .slide__caption .views-field-field-linkedin-structure,
.liste-activateurs .slide__content .slide__caption .views-field-field-twitter-structure,
.liste-activateurs .slide__content .bloc-transparent-activateur .views-field-field-facebook-structure,
.liste-activateurs .slide__content .bloc-transparent-activateur .views-field-field-linkedin-structure,
.liste-activateurs .slide__content .bloc-transparent-activateur .views-field-field-twitter-structure,
.view-identifier-un-activateur .views-row .slide__caption .views-field-field-facebook-structure,
.view-identifier-un-activateur .views-row .slide__caption .views-field-field-linkedin-structure,
.view-identifier-un-activateur .views-row .slide__caption .views-field-field-twitter-structure,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .views-field-field-facebook-structure,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .views-field-field-linkedin-structure,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .views-field-field-twitter-structure,
.node--type-activateur.node--view-mode-card .slide__caption .views-field-field-facebook-structure,
.node--type-activateur.node--view-mode-card .slide__caption .views-field-field-linkedin-structure,
.node--type-activateur.node--view-mode-card .slide__caption .views-field-field-twitter-structure,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .views-field-field-facebook-structure,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .views-field-field-linkedin-structure,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .views-field-field-twitter-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .views-field-field-facebook-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .views-field-field-linkedin-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .views-field-field-twitter-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .views-field-field-facebook-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .views-field-field-linkedin-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .views-field-field-twitter-structure {
  margin: 0.5rem 0;
  padding: 0.25rem 1.75rem;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: left;
}

.liste-activateurs .slide__content .slide__caption .views-field-field-facebook-structure,
.liste-activateurs .slide__content .bloc-transparent-activateur .views-field-field-facebook-structure,
.view-identifier-un-activateur .views-row .slide__caption .views-field-field-facebook-structure,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .views-field-field-facebook-structure,
.node--type-activateur.node--view-mode-card .slide__caption .views-field-field-facebook-structure,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .views-field-field-facebook-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .views-field-field-facebook-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .views-field-field-facebook-structure {
  background-image: url("../images/facebook.png");
}

.liste-activateurs .slide__content .slide__caption .views-field-field-linkedin-structure,
.liste-activateurs .slide__content .bloc-transparent-activateur .views-field-field-linkedin-structure,
.view-identifier-un-activateur .views-row .slide__caption .views-field-field-linkedin-structure,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .views-field-field-linkedin-structure,
.node--type-activateur.node--view-mode-card .slide__caption .views-field-field-linkedin-structure,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .views-field-field-linkedin-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .views-field-field-linkedin-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .views-field-field-linkedin-structure {
  background-image: url("../images/linkedIn.png");
}

.liste-activateurs .slide__content .slide__caption .views-field-field-twitter-structure,
.liste-activateurs .slide__content .bloc-transparent-activateur .views-field-field-twitter-structure,
.view-identifier-un-activateur .views-row .slide__caption .views-field-field-twitter-structure,
.view-identifier-un-activateur .views-row .bloc-transparent-activateur .views-field-field-twitter-structure,
.node--type-activateur.node--view-mode-card .slide__caption .views-field-field-twitter-structure,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur .views-field-field-twitter-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .slide__caption .views-field-field-twitter-structure,
.ma-recommandation .field--name-field-activateur > .field__items > .field__item .bloc-transparent-activateur .views-field-field-twitter-structure {
  background-image: url("../images/twitter.png");
}

.view-identifier-un-activateur .views-row .views-field-field-image,
.node--type-activateur.node--view-mode-card a.image-activateur {
  height: 390px;
  display: table-cell;
  vertical-align: middle;
}

/*
 * Marge sous la petite phrase sur la reco
 */
.view-footer p {
  margin: 1rem 0;
}

.view-recommandation.liste-activateurs .votingapi-widgets.fivestar {
  top: -100%;
}

/*
 * Recherche des activateurs
 * Specificite des filtres
 */
#views-exposed-form-identifier-un-activateur-page-1 .form-item-field-type-d-activateur {
  display: none;
}

.filtre--activateurs {
  position: relative;
  margin: 2rem 0;
  padding-bottom: 1rem;
  background-color: #F4F3FA;
}

.filtre--activateurs button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1rem;
  border: 0;
  background: none;
  font-size: 12px;
  font-size: 0.75rem;
}

.filtre--activateurs button::before {
  display: inline-block;
  position: absolute;
  top: 0.4rem;
  right: 0;
  width: 1rem;
  height: 0.25rem;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
  background-color: #29235C;
  content: '';
  -webkit-transition: transform 0.33s ease-out, width 0.2s linear;
  -webkit-transition: width 0.2s linear, -webkit-transform 0.33s ease-out;
  transition: width 0.2s linear, -webkit-transform 0.33s ease-out;
  transition: transform 0.33s ease-out, width 0.2s linear;
  transition: transform 0.33s ease-out, width 0.2s linear, -webkit-transform 0.33s ease-out;
}

.filtre--activateurs button::after {
  display: inline-block;
  width: 1rem;
  height: 0.25rem;
  margin-left: 0.25rem;
  background-color: #29235C;
  content: '';
}

.filtre--activateurs button[name="afficher"]::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.filtre--activateurs .filtre--activateurs-liste {
  margin: 1rem 0;
}

.filtre--activateurs .filtre--activateurs-liste ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 0 1.5rem;
}

.filtre--activateurs .filtre--activateurs-liste ul li:not(:first-child) {
  border-left: 1px solid;
}

.filtre--activateurs .filtre--activateurs-liste ul li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 0.25rem 1rem;
  color: #000;
  text-transform: uppercase;
}

.filtre--activateurs .filtre--activateurs-liste ul li a.conseiller::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #65B33A;
  border-left: 2px solid #65B33A;
  content: "";
}

.filtre--activateurs .filtre--activateurs-liste ul li a.editeur-de-solutions::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #ED6EA1;
  border-left: 2px solid #ED6EA1;
  content: "";
}

.filtre--activateurs .filtre--activateurs-liste ul li a.financeur::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #29235C;
  border-left: 2px solid #29235C;
  content: "";
}

.filtre--activateurs .filtre--activateurs-liste ul li a.institutionnel::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #E50040;
  border-left: 2px solid #E50040;
  content: "";
}

.filtre--activateurs .filtre--activateurs-liste ul li a.lien-actif {
  color: #E50040;
  -webkit-text-decoration: underline #29235C;
          text-decoration: underline #29235C;
}

/*
 * Recherche des activateurs
 * partie resultats specifique avec les couleurs
 */
.view-identifier-un-activateur .views-row,
.node--type-activateur.node--view-mode-card {
  margin: 0.75rem 1.6rem 0.75rem 0;
}

.view-identifier-un-activateur .views-row:nth-child(4n),
.node--type-activateur.node--view-mode-card:nth-child(4n) {
  margin-right: 0;
}

.view-identifier-un-activateur .views-row .bloc-transparent-activateur::before, .view-identifier-un-activateur .views-row .bloc-transparent-activateur::after,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur::before,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur::after {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  pointer-events: all;
}

.view-identifier-un-activateur .views-row .bloc-transparent-activateur::before,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur::before {
  top: 0;
  left: 0;
  border-top: 4px solid #65B33A;
  border-left: 4px solid #65B33A;
}

.view-identifier-un-activateur .views-row .bloc-transparent-activateur::after,
.node--type-activateur.node--view-mode-card .bloc-transparent-activateur::after {
  right: 0;
  bottom: 0;
  border-right: 4px solid #65B33A;
  border-bottom: 4px solid #65B33A;
}

.view-identifier-un-activateur .views-row.financeur .bloc-transparent-activateur::before,
.view-identifier-un-activateur .views-row.financeur .bloc-transparent-activateur::after,
.node--type-activateur.node--view-mode-card.financeur .bloc-transparent-activateur::before,
.node--type-activateur.node--view-mode-card.financeur .bloc-transparent-activateur::after {
  border-color: #29235C;
}

.view-identifier-un-activateur .views-row.conseiller .bloc-transparent-activateur::before,
.view-identifier-un-activateur .views-row.conseiller .bloc-transparent-activateur::after,
.node--type-activateur.node--view-mode-card.conseiller .bloc-transparent-activateur::before,
.node--type-activateur.node--view-mode-card.conseiller .bloc-transparent-activateur::after {
  border-color: #65B33A;
}

.view-identifier-un-activateur .views-row.editeur-de-solutions .bloc-transparent-activateur::before,
.view-identifier-un-activateur .views-row.editeur-de-solutions .bloc-transparent-activateur::after,
.node--type-activateur.node--view-mode-card.editeur-de-solutions .bloc-transparent-activateur::before,
.node--type-activateur.node--view-mode-card.editeur-de-solutions .bloc-transparent-activateur::after {
  border-color: #ED6EA1;
}

.show-more-custom .view-content > div:nth-child(n+13) {
  display: none;
}

.view-empty,
.effectuez-recherche {
  padding: 1rem 0;
  text-align: left;
}

html:not(.js) .filtre--activateurs button,
html:not(.js) .show-more-custom .classic-central-link-button {
  display: none;
}

html:not(.js) .show-more-custom .view-content > div:nth-child(n+13) {
  display: inline-block;
}

.block-sendinblue.block-sendinblue-block1 > .quick-access-content {
  height: 300px;
}

.block-sendinblue.block-sendinblue-block1 > .quick-access-content > form {
  position: relative;
}

.block-sendinblue.block-sendinblue-block1 > .quick-access-content > form > .rgpd-description {
  position: absolute;
  bottom: -4rem;
  text-align: center;
  margin: 0.5rem -0.25rem;
}

.block-dgetn-chatbot.block-dgetn-chatbot-block {
  display: none;
}

/**
/// Vues masonry
**/
.view {
  overflow: hidden;
}

@media (max-width: 768px) {
  .view {
    margin-top: 0;
  }
}

.view.remontees-articles .view-content {
  width: 100%;
}

.view.remontees-articles .view-content .grid-sizer {
  width: calc(100% / 3 - 1rem);
}

@media (max-width: 979px) {
  .view.remontees-articles .view-content .grid-sizer {
    width: calc(100% / 2 - 1rem);
  }
}

@media (max-width: 449px) {
  .view.remontees-articles .view-content .grid-sizer {
    width: 100%;
  }
}

.view.remontees-articles .view-content .views-row {
  display: inline-block;
  background-color: #EFEEEE;
  vertical-align: top;
  margin: 0.75rem 0;
  padding: 0;
  border: 0;
  position: relative;
  width: calc(100% / 3 - 1.25rem);
}

@media (max-width: 979px) {
  .view.remontees-articles .view-content .views-row {
    width: calc(100% / 2 - 0.75rem);
  }
}

@media (max-width: 449px) {
  .view.remontees-articles .view-content .views-row {
    width: 100%;
  }
}

.view.remontees-articles .view-content .views-row .views-field-field-image {
  position: relative;
}

.view.remontees-articles .view-content .views-row .views-field-field-image img {
  width: 100%;
  border-bottom: 3px solid #E50040;
}

.view.remontees-articles .view-content .views-row .views-field-field-type-article,
.view.remontees-articles .view-content .views-row .views-field-nothing-1,
.view.remontees-articles .view-content .views-row .views-field-field-type-evenement {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #29235C;
  color: #FFFFFF;
  padding: 0.7rem;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

.view.remontees-articles .view-content .views-row .views-field-field-type-article:before,
.view.remontees-articles .view-content .views-row .views-field-nothing-1:before,
.view.remontees-articles .view-content .views-row .views-field-field-type-evenement:before {
  position: absolute;
  bottom: -0.6rem;
  left: 1rem;
  width: 0;
  height: 0;
  border-top: 10px solid #29235C;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

.view.remontees-articles .view-content .views-row .views-field-field-thematique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: #E50040;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  padding: 0.25rem;
}

.view.remontees-articles .view-content .views-row .views-field-title,
.view.remontees-articles .view-content .views-row .views-field-field-chapo {
  text-align: left;
  padding: 0.5rem 1rem;
  line-height: 1.3;
}

.view.remontees-articles .view-content .views-row .views-field-field-chapo {
  font-size: 15px;
  font-size: 0.9375rem;
}

.view.remontees-articles .view-content .views-row .views-field-title a {
  font-family: "ralewaybold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  text-decoration: none;
  color: #000;
}

/**
/// Premier element de la vue en grand
**/
.view .masonry-layout .masonry-item.epingle:nth-child(2),
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child {
  width: 100%;
  text-align: left;
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-image, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-video-embed,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-image,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-video-embed {
  display: inline-block;
  float: left;
  position: relative;
  width: 45%;
  margin-right: 1rem;
}

@media (max-width: 650px) {
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-image, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-video-embed,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-image,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-video-embed {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-image img, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-image iframe, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-video-embed img, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-video-embed iframe,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-image img,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-image iframe,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-video-embed img,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-video-embed iframe {
  width: 100%;
  border-right: 3px solid #E50040;
  border-bottom: 0;
  margin-bottom: -2px;
}

@media (max-width: 650px) {
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-image img, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-image iframe, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-video-embed img, .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-video-embed iframe,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-image img,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-image iframe,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-video-embed img,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-video-embed iframe {
    border-bottom: 3px solid #E50040;
  }
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-title,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-title {
  font-family: "ralewaybold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0rem;
  vertical-align: bottom;
}

@media (max-width: 650px) {
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-title,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-title {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-title a,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-title a {
  color: #000;
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-chapo,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-chapo {
  margin: 1rem;
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-thematique,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-thematique {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 450px) {
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-thematique,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-thematique {
    right: 0;
    left: auto;
  }
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-thematique img,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-thematique img {
  border: none;
  width: 30px;
  background-color: #E50040;
  padding: 0.4rem;
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-article,
.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-nothing-1,
.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-evenement,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-article,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-nothing-1,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-evenement {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding: 1rem;
  margin: 1rem 0.5rem 0rem 0.5rem;
}

.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-article::before,
.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-nothing-1::before,
.view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-evenement::before,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-article::before,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-nothing-1::before,
.view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-evenement::before {
  position: absolute;
  top: 1rem;
  left: -0.6rem;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid #29235C;
  border-bottom: 5px solid transparent;
  content: "";
  left: -0.9rem;
}

@media (max-width: 650px) {
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-article,
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-nothing-1,
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-evenement,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-article,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-nothing-1,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-evenement {
    margin: 0rem 1rem 0rem 1rem;
  }
}

@media (max-width: 450px) {
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-article,
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-nothing-1,
  .view .masonry-layout .masonry-item.epingle:nth-child(2) .views-field-field-type-evenement,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-article,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-nothing-1,
  .view .masonry-layout .views-infinite-scroll-content-wrapper .masonry-item.epingle:first-child .views-field-field-type-evenement {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
}

/**
/// Vues non masonry
**/
.view:not(.view-recommandation):not(.liste-evenements) .view-content:not(.masonry-layout) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 650px) {
  .view:not(.view-recommandation):not(.liste-evenements) .view-content:not(.masonry-layout) {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.view.view-bloc-voir-aussi:not(.view-recommandation):not(.liste-evenements) .views-row {
  width: 100%;
}

@media (min-width: 650px) and (max-width: 1079px) {
  .view.view-bloc-voir-aussi:not(.view-recommandation):not(.liste-evenements) .views-row {
    width: calc(100% / 2 - 0.5rem);
  }
  .view.view-bloc-voir-aussi:not(.view-recommandation):not(.liste-evenements) .views-row:nth-child(odd) {
    margin-right: 0.25rem;
  }
  .view.view-bloc-voir-aussi:not(.view-recommandation):not(.liste-evenements) .views-row:nth-child(even) {
    margin-left: 0.25rem;
  }
}

@media (min-width: 1080px) {
  .view.view-bloc-voir-aussi:not(.view-recommandation):not(.liste-evenements) .views-row {
    width: calc(100% / 3 - 1.25rem);
  }
  .view.view-bloc-voir-aussi:not(.view-recommandation):not(.liste-evenements) .views-row:nth-child(2) {
    margin: 0.75rem 1.75rem;
  }
}

.view-recommandation .view-content--recommandation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 650px) {
  .view-recommandation .view-content--recommandation {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.view-recommandation .view-content--recommandation .views-row:not(:last-child) {
  margin-right: 1.35rem;
}

.view.remontees-articles.liste-evenements > .view-content:not(.masonry-layout) .views-row:nth-child(3n+2) {
  margin: 0.75rem 1.3rem;
}

.view.liste-evenements .view-content,
.ma-recommandation .field--name-field-evenement > .field__items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.view.liste-evenements .view-content .views-row,
.view.liste-evenements .view-content > .field__item,
.ma-recommandation .field--name-field-evenement > .field__items .views-row,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item {
  display: inline-block;
  width: 32%;
  background-color: transparent;
  vertical-align: top;
}

@media (max-width: 980px) {
  .view.liste-evenements .view-content .views-row,
  .view.liste-evenements .view-content > .field__item,
  .ma-recommandation .field--name-field-evenement > .field__items .views-row,
  .ma-recommandation .field--name-field-evenement > .field__items > .field__item {
    width: 47%;
  }
}

@media (max-width: 650px) {
  .view.liste-evenements .view-content .views-row,
  .view.liste-evenements .view-content > .field__item,
  .ma-recommandation .field--name-field-evenement > .field__items .views-row,
  .ma-recommandation .field--name-field-evenement > .field__items > .field__item {
    width: 100%;
  }
}

.view.liste-evenements .view-content .views-row .event-item-date,
.view.liste-evenements .view-content > .field__item .event-item-date,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-date,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-date {
  display: inline-block;
  width: 12%;
  padding: 0.5rem;
  background-color: #65B33A;
  color: #000;
  vertical-align: top;
}

.view.liste-evenements .view-content .views-row .event-item-date .date-number,
.view.liste-evenements .view-content > .field__item .event-item-date .date-number,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-date .date-number,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-date .date-number {
  font-size: 34px;
  font-size: 2.125rem;
  display: block;
  font-family: "ralewaysemibold", sans-serif;
}

.view.liste-evenements .view-content .views-row .event-item-date .date-month,
.view.liste-evenements .view-content > .field__item .event-item-date .date-month,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-date .date-month,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-date .date-month {
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  font-family: "ralewaysemibold", sans-serif;
  text-transform: uppercase;
}

.view.liste-evenements .view-content .views-row .event-item-content,
.view.liste-evenements .view-content > .field__item .event-item-content,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content {
  display: inline-block;
  width: 80%;
  height: 100%;
  margin-left: -5px;
  background-color: #EFEEEE;
  text-align: left;
  vertical-align: top;
}

.view.liste-evenements .view-content .views-row .event-item-content .views-field-field-image,
.view.liste-evenements .view-content > .field__item .event-item-content .views-field-field-image,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content .views-field-field-image,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content .views-field-field-image {
  position: relative;
}

.view.liste-evenements .view-content .views-row .event-item-content .views-field-field-image img,
.view.liste-evenements .view-content > .field__item .event-item-content .views-field-field-image img,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content .views-field-field-image img,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content .views-field-field-image img {
  width: 100%;
  border-bottom: 3px solid #E50040;
}

.view.liste-evenements .view-content .views-row .event-item-content .event-item-txt,
.view.liste-evenements .view-content > .field__item .event-item-content .event-item-txt,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content .event-item-txt,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content .event-item-txt {
  margin-top: 0.5rem;
  padding: 0 1rem;
  line-height: 1.5rem;
  text-align: left;
}

.view.liste-evenements .view-content .views-row .event-item-content .event-item-txt .views-field-title,
.view.liste-evenements .view-content > .field__item .event-item-content .event-item-txt .views-field-title,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content .event-item-txt .views-field-title,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content .event-item-txt .views-field-title {
  font-family: "ralewaysemibold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  padding: 0;
}

.view.liste-evenements .view-content .views-row .event-item-content .event-item-txt .views-field-title a,
.view.liste-evenements .view-content > .field__item .event-item-content .event-item-txt .views-field-title a,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content .event-item-txt .views-field-title a,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content .event-item-txt .views-field-title a {
  color: #000;
}

.view.liste-evenements .view-content .views-row .event-item-content .event-item-txt .views-field-field-chapo,
.view.liste-evenements .view-content > .field__item .event-item-content .event-item-txt .views-field-field-chapo,
.ma-recommandation .field--name-field-evenement > .field__items .views-row .event-item-content .event-item-txt .views-field-field-chapo,
.ma-recommandation .field--name-field-evenement > .field__items > .field__item .event-item-content .event-item-txt .views-field-field-chapo {
  padding: 0;
}

.view.remontees-articles.liste-evenements .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.view .champ-adresse {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 1rem 0;
  padding-left: 1rem;
  background: url("../images/carto/marqueurReco.png") no-repeat left top 4px;
  background-size: 11px 16px;
  color: #29235C;
}

.leaflet-container .classic-central-link-button a {
  color: #FFFFFF;
}

#mapGlobal {
  position: relative;
  padding-top: 2rem;
}

#mapGlobal .map--indication {
  bottom: 3px;
  left: 3px;
  position: absolute;
  display: inline-block;
  padding: 1rem 0.5rem;
  color: #000;
  background-color: #F4F3FA;
  border: 1px solid #29235C;
  z-index: 9999;
}

.bloc-finance:nth-child(2n) {
  margin-left: -4px;
}

.bloc-finance .bloc-finance-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  max-width: 40%;
  padding: 2rem;
  background-color: #EFEEEE;
  margin: 0.5rem calc(0.5rem - 2px);
}

.bloc-finance .bloc-finance-item .bloc-finance-title {
  color: #E50040;
  font-family: "ralewaysemibold", sans-serif;
  display: inline-block;
  padding: 0 0.3rem 0.3rem 0.3rem;
  border-bottom: 1px solid #29235C;
  margin-bottom: 1rem;
}

.bloc-finance .bloc-finance-item .bloc-finance-txt {
  text-align: left;
  line-height: 1.5rem;
}

.region-pre-content {
  padding: 0.25rem 0;
}

.breadcrumb {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #E50040;
}

.breadcrumb a {
  color: #29235C;
}

.breadcrumb li::before {
  content: '>';
  color: #29235C;
}

article footer {
  background-color: transparent;
  font-family: "ralewayitalic", sans-serif;
  margin-bottom: 1rem;
}

.field--name-field-tags {
  padding-right: 200px;
  text-align: left;
}

.field--name-field-tags.field--label-inline .field__label,
.field--name-field-tags.field--label-inline .field__items {
  float: none;
}

.field--name-field-tags .field__label {
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "ralewaysemibold", sans-serif;
  position: relative;
  font-weight: normal;
}

.field--name-field-tags .field__label::after {
  content: ":";
  position: absolute;
  margin-left: 0.2rem;
  bottom: 5%;
}

.field--name-field-tags .field__items {
  display: inline-block;
}

.field--name-field-tags .field__items .field__item {
  margin-left: 0.3rem;
  position: relative;
  display: inline-block;
}

.field--name-field-tags .field__items .field__item::after {
  content: ",";
  position: absolute;
}

.field--name-field-tags .field__items .field__item:last-child::after {
  content: "";
}

.field--name-field-tags .field__items .field__item a {
  font-family: "raleway", sans-serif;
}

.node__submitted {
  text-align: left;
  width: 60%;
  margin-bottom: 3rem;
  font-family: "ralewayitalic", sans-serif;
  margin: 0.5rem 0;
}

@media (max-width: 768px) {
  .node__submitted {
    margin-bottom: 1rem;
  }
}

.node__infos_comp {
  text-align: left;
}

.node__infos_comp .field--name-field-lieu,
.node__infos_comp .field--name-field-droit-affecte-au-contenu {
  display: inline;
}

.node__infos_comp .field--name-field-lieu.field--label-inline .field__label,
.node__infos_comp .field--name-field-lieu.field--label-inline .field__items,
.node__infos_comp .field--name-field-droit-affecte-au-contenu.field--label-inline .field__label,
.node__infos_comp .field--name-field-droit-affecte-au-contenu.field--label-inline .field__items {
  float: none;
}

.node__infos_comp .field--name-field-lieu.field--label-inline .field__label,
.node__infos_comp .field--name-field-lieu.field--label-inline .field__item,
.node__infos_comp .field--name-field-droit-affecte-au-contenu.field--label-inline .field__label,
.node__infos_comp .field--name-field-droit-affecte-au-contenu.field--label-inline .field__item {
  display: inline-block;
}

.node__infos_comp .field--name-field-lieu .field__label,
.node__infos_comp .field--name-field-lieu .field__item a,
.node__infos_comp .field--name-field-droit-affecte-au-contenu .field__label,
.node__infos_comp .field--name-field-droit-affecte-au-contenu .field__item a {
  font-family: "ralewayitalic", sans-serif;
  font-weight: normal;
}

#block-impressionreseaux {
  float: right;
  width: 150px;
  text-align: right;
}

@media (max-width: 768px) {
  #block-impressionreseaux {
    text-align: left;
    margin-top: 0rem;
  }
}

#block-impressionreseaux .block {
  display: inline-block;
  vertical-align: top;
}

#block-impressionreseaux .block.block-shariff {
  width: 75%;
  text-align: center;
}

#block-impressionreseaux #block-impression p {
  background-color: #E50040;
  padding: 0.45rem 0.45rem;
}

#block-impressionreseaux #block-impression p:hover {
  background-color: #ff4c7e;
}

#block-impressionreseaux .shariff .orientation-horizontal li {
  max-width: 35px;
  min-width: 35px;
  width: 2.2rem;
  height: 2.2rem;
}

#block-impressionreseaux .shariff .orientation-horizontal li a {
  width: 35px;
  height: 35px;
}

#block-impressionreseaux .shariff .orientation-horizontal li a .fa {
  width: 100%;
  height: 100%;
  line-height: 33px;
}

/*
 * bouton de favoris
*/
.flag-favoris {
  font-size: 0;
  float: right;
  text-align: right;
}

.flag-favoris.action-unflag svg #star {
  fill: #E50040;
}

.flag-favoris svg {
  width: 35px;
  height: 35px;
}

.flag-favoris svg:hover path {
  opacity: 0.8;
}

/*
 * Bloc Voir aussi articles + evenements
 */
.block-views-blockbloc-voir-aussi-block-1,
.block-views-blockbloc-voir-aussi-block-2 {
  clear: both;
}

#block-blocentetedesformulaires {
  margin-top: 2rem;
  text-align: left;
}

#block-blocentetedesformulaires .field--name-body {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  padding: 0.4rem 1rem;
  background-color: #FDEDED;
  color: #000;
  font-family: "ralewayitalic", sans-serif;
}

#block-seconnecter + #block-blocentetedesformulaires {
  margin-top: 0.2rem;
}

.password-forgot {
  margin: 2rem;
  text-align: right;
}

@media (max-width: 450px) {
  .password-forgot {
    margin: 2rem 0rem;
  }
}

form .description {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #656565;
  font-family: "ralewayitalic", sans-serif;
  margin-bottom: 0.2rem;
  margin-top: 0.5rem;
}

.field-required {
  position: relative;
}

.field-required::after {
  position: absolute;
  content: "*";
  margin-right: 0.4rem;
  color: #E50040;
}

input[type="submit"] {
  text-transform: uppercase;
  padding: 0.7rem 1rem;
  color: #FFF;
  background-color: #29235C;
  border: 0;
  margin-bottom: 2rem;
  width: auto;
}

input[type="submit"]:hover {
  cursor: pointer;
  background-color: #E50040;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.form-wrapper {
  text-align: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media (max-width: 650px) {
  .form-wrapper {
    display: block;
    margin-bottom: 1rem;
  }
}

.form-item {
  width: 45%;
}

@media (max-width: 650px) {
  .form-item {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.form-item input {
  margin-top: 0.3rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #BBBBBB;
  padding: 0.5rem;
}

.form-item .description {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0.3rem;
  line-height: 1.3rem;
  background-color: #EFEEEE;
  width: 100%;
  font-family: "ralewayitalic", sans-serif;
  padding: 0.3rem;
}

h4.label {
  padding: 1rem;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

.field-multiple-drag {
  display: none;
}

table .form-item {
  width: 100%;
}

table textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

table .form-wrapper {
  display: block;
  text-align: left;
  margin-bottom: 0rem;
}

table td {
  padding-bottom: 1.5rem;
}

@media (max-width: 650px) {
  table td {
    padding-bottom: 0.5rem;
  }
}

table td > .form-item > .form-wrapper {
  background-color: #EFEEEE;
  padding: 0.4rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.4rem;
}

.form-content-super-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.form-content-super-wrapper > .form-wrapper {
  width: 45%;
}

@media (max-width: 650px) {
  .form-content-super-wrapper > .form-wrapper {
    width: 100%;
  }
}

.form-content-super-wrapper > .form-wrapper > .form-item {
  width: 100%;
}

.form-content-super-wrapper select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #BBBBBB;
  margin-top: 0.3rem;
}

@media (max-width: 650px) {
  .form-content-super-wrapper {
    display: block;
  }
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #BBBBBB;
  margin-top: 0.3rem;
}

.form-type-checkbox {
  text-align: left;
}

.form-type-checkbox input {
  width: auto;
}

.long-text-wrapper {
  margin-bottom: 0.3rem;
}

.long-text-wrapper > .form-wrapper {
  width: 100%;
}

.long-text-wrapper > .form-wrapper > .form-item {
  width: 100%;
}

input[type="checkbox"] + label {
  position: relative;
  display: block;
  padding-left: 2rem;
}

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 0px;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
  background-color: #fff;
}

input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  height: 13px;
  border: 2px solid #1F2B50;
  width: 4px;
  top: 0px;
  left: 7px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  position: relative;
  padding-left: 2rem;
}

input[type="radio"] + label:before {
  content: '';
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 0 4px #FFF;
          box-shadow: inset 0 0 0 4px #FFF;
  border-radius: 100%;
  border: 1px solid #BBBBBB;
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-top: -0.2em;
  margin-right: 1em;
}

input[type="radio"]:checked + label:before {
  content: '';
  background-color: #29235C;
}

.form-checkbox {
  position: relative;
  display: none;
}

.user-login-form {
  text-align: left;
  width: 100%;
}

.user-login-form label {
  width: 100%;
  display: block;
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 2rem 0 0.7rem 0;
}

.user-login-form .login-wrapper input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #BBBBBB;
  padding: 0.5rem;
}

.user-signin-form {
  text-align: left;
}

.user-register-form .field--name-field-besoins-en-transformation label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.form-part {
  width: 45%;
  display: inline-block;
}

.webform-submission-form {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.webform-submission-form .form-item {
  width: 100%;
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block;
}

@media (min-width: 768px) {
  .webform-submission-form .form-item {
    width: 45%;
  }
}

.webform-submission-form .form-type-textarea {
  width: 100%;
}

.webform-submission-form select {
  border: 1px solid #BBBBBB;
}

/*
 * Newsletter
*/
.webform-submission-lettre-d-info-form fieldset.form-item {
  width: 100%;
  display: block;
}

.webform-options-display-two-columns div.form-item,
.webform-options-display-three-columns div.form-item {
  margin: 0.25rem 0;
}

.webform-submission-lettre-d-info-form label.option {
  display: inline-block;
  vertical-align: top;
}

.webform-submission-lettre-d-info-form .form-composite > legend {
  font-weight: normal;
}

.webform-submission-lettre-d-info-form .required label {
  font-weight: normal;
  font-family: "raleway", sans-serif;
}

#user-form .field--name-field-domaine-d-activite fieldset,
#user-form .field--name-field-domaine-d-intervention fieldset,
#user-form .field--name-field-niveau-de-maturite fieldset {
  margin-bottom: 1rem;
}

#user-form .field--name-field-domaine-d-activite fieldset .fieldset-wrapper,
#user-form .field--name-field-domaine-d-intervention fieldset .fieldset-wrapper,
#user-form .field--name-field-niveau-de-maturite fieldset .fieldset-wrapper {
  width: 100%;
}

#user-form .field--name-field-domaine-d-activite fieldset .fieldset-wrapper .form-item,
#user-form .field--name-field-domaine-d-intervention fieldset .fieldset-wrapper .form-item,
#user-form .field--name-field-niveau-de-maturite fieldset .fieldset-wrapper .form-item {
  display: inline-block;
}

#user-pass-reset #edit-actions #edit-submit {
  margin: auto;
}

#field-besoin-transformation-num-values {
  width: 100%;
}

article.profile {
  text-align: left;
  /* liens tdb et modification */
}

article.profile .mon-compte {
  background-color: #F4F3FA;
  padding: 2rem;
}

article.profile .mon-compte--gauche, article.profile .mon-compte--droite {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 4px - 1rem);
  margin: 0 0.5rem;
}

@media (max-width: 650px) {
  article.profile .mon-compte--gauche, article.profile .mon-compte--droite {
    display: block;
    width: 100%;
  }
}

article.profile .mon-compte--gauche {
  margin: 0;
  margin-bottom: 2.5rem;
}

article.profile .field {
  margin: 0.5rem 0;
  padding-left: 2rem;
  background-repeat: no-repeat;
  line-height: 1.7;
  background-position: left center;
}

article.profile .field .field__label {
  font-weight: normal;
  font-family: "ralewaysemibold", sans-serif;
}

article.profile .mon-compte--entreprise--adresse {
  padding-left: 2rem;
}

article.profile .mon-compte--entreprise--adresse .field {
  display: inline-block;
  padding-left: 0;
  margin: 0;
}

article.profile .field--name-field-besoin-transformation-num {
  padding-left: 0;
  margin-top: 2rem;
}

article.profile .field--name-field-besoin-transformation-num .field__label {
  position: relative;
  text-align: left;
  margin: 1rem 0rem;
  padding-left: 1rem;
  font-size: 26px;
  font-size: 1.625rem;
  color: #29235C;
  font-family: "ralewaybold", sans-serif;
  font-weight: normal;
}

article.profile .field--name-field-besoin-transformation-num .field__label::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #E50040;
  border-left: 3px solid #E50040;
  content: "";
}

article.profile .field--name-field-besoin-transformation-num .field__item {
  display: inline-block;
  margin: 0.25rem 0.25rem 0.25rem 0;
  background-color: #FFF;
  color: #000;
  padding: 0.25rem;
}

article.profile .field--name-field-nom-de-l-entreprise {
  background-image: url("../images/compte/nom-entreprise.svg");
}

article.profile .field--name-field-siret {
  background-image: url("../images/compte/siret.svg");
}

article.profile .mon-compte--entreprise--adresse {
  background-image: url("../images/compte/adresse-entreprise.svg");
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 1.7;
}

article.profile .field--name-field-secteur-d-activite {
  background-image: url("../images/compte/secteur.svg");
}

article.profile .field--name-field-taille {
  background-image: url("../images/compte/nombre-employes.svg");
}

article.profile .field--name-field-personne-a-contacter {
  background-image: url("../images/compte/contact.svg");
}

article.profile .field--name-field-adresse-mail-de-contact {
  background-image: url("../images/compte/contact-mail.svg");
}

article.profile .field--name-field-telephone-de-contact {
  background-image: url("../images/compte/contact-telephone.svg");
}

article.profile .mon-compte--liens {
  text-align: center;
  margin: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 20px;
  font-size: 1.25rem;
}

@media (max-width: 650px) {
  article.profile .mon-compte--liens {
    display: block;
  }
}

article.profile .mon-compte--liens div {
  display: inline-block;
  margin: 0.5rem;
  width: 25%;
}

@media (max-width: 650px) {
  article.profile .mon-compte--liens div {
    width: 100%;
  }
}

article.profile .mon-compte--liens div a {
  color: #FFF;
  display: block;
  padding: 1.5rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

article.profile .mon-compte--liens div.mon-compte--tdb a {
  background-color: #29235C;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

article.profile .mon-compte--liens div.mon-compte--tdb a:hover, article.profile .mon-compte--liens div.mon-compte--tdb a:focus, article.profile .mon-compte--liens div.mon-compte--tdb a:active {
  background-color: #E50040;
  text-decoration: none;
}

article.profile .mon-compte--liens div.mon-compte--modifier a {
  background-color: #E50040;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

article.profile .mon-compte--liens div.mon-compte--modifier a:hover, article.profile .mon-compte--liens div.mon-compte--modifier a:focus, article.profile .mon-compte--liens div.mon-compte--modifier a:active {
  background-color: #29235C;
  text-decoration: none;
}

.section-mon-compte #block-headersociallogin .menu--account li:first-child a {
  color: #E50040;
}

.section-mon-compte #block-headersociallogin .menu--account li:first-child a::before {
  border-top: 3px solid #E50040;
  border-right: 3px solid #E50040;
}

.section-mon-compte #block-headersociallogin .menu--account li:first-child a::after {
  border-bottom: 3px solid #E50040;
  border-left: 3px solid #E50040;
}

/**
  * Affichage des icones de thematiques dans les Vues
**/
/* Icones sur les photos dans les vues de remontees */
.remontees-articles .views-field-field-thematique .field-content-container {
  width: 100%;
  height: 100%;
}

/* on masque le nom de la thematique, mais on le garde pour les lecteurs d'ecrans ? */
.remontees-articles .views-field-field-thematique .field-content {
  visibility: hidden;
}

/* on dimensionne son parent pour avoir le title au hover sur toute l'icone */
.remontees-articles .views-field-field-thematique .field-content-container {
  width: 100%;
  height: 100%;
}

/* liste des icones de thematiques */
.repenser-son-entreprise .views-field-field-thematique,
.field--name-field-thematique .field__item.repenser_son_entreprise::before {
  background-image: url("../images/thematiques/1-blanc.svg");
  background-size: 20px;
}

.etre-visible-sur-internet .views-field-field-thematique,
.field--name-field-thematique .field__item.etre_visible_sur_internet::before {
  background-image: url("../images/thematiques/2-blanc.svg");
}

.developper-sa-clientele .views-field-field-thematique,
.field--name-field-thematique .field__item.developper_sa_clientele::before {
  background-image: url("../images/thematiques/3-blanc.svg");
}

.vendre-sur-internet .views-field-field-thematique,
.field--name-field-thematique .field__item.vendre_sur_internet::before {
  background-image: url("../images/thematiques/4-blanc.svg");
}

.ameliorer-mes-processus-internes .views-field-field-thematique,
.field--name-field-thematique .field__item.ameliorer_mes_processus_internes::before {
  background-image: url("../images/thematiques/5-blanc.svg");
}

.mesurer-adapter-sa-strategie-numerique-et-innover .views-field-field-thematique,
.field--name-field-thematique .field__item.mesurer_adapter_sa_strategie_numerique_et_innover::before {
  background-image: url("../images/thematiques/6-blanc.svg");
}

.proteger-mon-entreprise .views-field-field-thematique,
.field--name-field-thematique .field__item.proteger_mon_entreprise::before {
  background-image: url("../images/thematiques/7-blanc.svg");
  background-size: 20px;
}

.utiliser-les-donnees .views-field-field-thematique,
.field--name-field-thematique .field__item.utiliser_les_donnees::before {
  background-image: url("../images/thematiques/8-blanc.svg");
}

.travailler-differemment .views-field-field-thematique,
.field--name-field-thematique .field__item.travailler_differemment::before {
  background-image: url("../images/thematiques/9-blanc.svg");
}

.etre-innovant .views-field-field-thematique,
.field--name-field-thematique .field__item.etre_innovant::before {
  background-image: url("../images/thematiques/10-blanc.svg");
}

.actualites .views-field-field-thematique,
.field--name-field-thematique .field__item.actualites::before {
  background-image: url("../images/thematiques/11-blanc.svg");
}

.financements .views-field-field-thematique,
.field--name-field-thematique .field__item.financements::before {
  background-image: url("../images/thematiques/12-blanc.svg");
}

.pme-championne .views-field-field-thematique,
.field--name-field-thematique .field__item.pme_championne::before {
  background-image: url("../images/thematiques/13-blanc.svg");
  background-size: 20px;
}

.view-filters {
  margin: 2rem 0;
}

.view-filters h2 {
  margin-top: 1rem;
}

.view-filters fieldset.fieldgroup {
  background-color: #F4F3FA;
  display: block;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.view-filters fieldset.fieldgroup legend {
  float: left;
}

.view-filters fieldset.fieldgroup.filtre-thematiques {
  padding-top: 1rem;
}

@media (min-width: 450px) {
  .view-filters fieldset.fieldgroup.filtre-thematiques {
    padding-top: 0;
  }
}

.view-filters fieldset.fieldgroup.filtre-thematiques legend {
  visibility: hidden;
  position: absolute;
}

.view-filters fieldset.fieldgroup.form-composite {
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.view-filters fieldset.fieldgroup.form-composite .fieldset-wrapper {
  clear: both;
  margin-top: 1.5rem;
  border-top: 1px solid;
  padding-top: 0.5rem;
}

.view-filters fieldset.fieldgroup.form-composite .form-type-checkbox {
  display: inline-block;
  width: 49%;
  margin-right: 0;
}

@media (min-width: 450px) {
  .view-filters fieldset.fieldgroup.form-composite .form-type-checkbox {
    width: 30%;
    margin-right: 0.5rem;
  }
}

@media (min-width: 650px) {
  .view-filters fieldset.fieldgroup.form-composite .form-type-checkbox {
    width: auto;
    margin-right: 2rem;
  }
}

.view-filters .filtre-thematiques {
  border-bottom: 3px solid #E50040;
}

.view-filters .filtre-thematiques > .form-radios .form-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.view-filters .filtre-thematiques .form-type-radio {
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 144px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

@media (max-width: 448px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: 50%;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+2) {
    border-bottom: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(even) {
    border-right: 0;
  }
}

@media (min-width: 449px) and (max-width: 591px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: 33%;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(3), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(6), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(9), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(12) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+2) {
    border-bottom: 0;
  }
}

@media (min-width: 592px) and (max-width: 735px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: 25%;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(4), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(8), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(12) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+2) {
    border-bottom: 0;
  }
}

@media (min-width: 736px) and (max-width: 767px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: 20%;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(5), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(10) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+4) {
    border-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 843px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: 25%;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(4), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(8), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(12) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+2) {
    border-bottom: 0;
  }
}

@media (min-width: 845px) and (max-width: 987px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: 20%;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(5), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(10) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+4) {
    border-bottom: 0;
  }
}

@media (min-width: 988px) and (max-width: 1199px) {
  .view-filters .filtre-thematiques .form-type-radio {
    max-width: calc(100% / 6);
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(6), .view-filters .filtre-thematiques .form-type-radio:nth-of-type(12) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+2) {
    border-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .view-filters .filtre-thematiques .form-type-radio {
    -webkit-box-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 154px;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-of-type(7n) {
    border-right: 0;
  }
  .view-filters .filtre-thematiques .form-type-radio:nth-last-of-type(-n+7) {
    border-bottom: 0;
  }
}

.view-filters .filtre-thematiques .form-item-term-node-tid-depth label {
  background-repeat: no-repeat;
  background-position: top center;
  display: block;
  cursor: pointer;
  padding: 0.5rem;
  height: 5rem;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
/// on masque le div du bouton de validation qui a une marge
**/
#views-exposed-form-c-est-quoi-une-tn-s-inspirer-page-1 .form-actions {
  margin: 0;
}

/**
/// icones de thematiques sur les filtres
**/
.form-item-term-node-tid-depth input[type="radio"] + label::before {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  border-radius: 0;
  display: block;
  width: 26px;
  height: 2rem;
  margin: 0 auto 0.7rem;
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-all"]::before {
  content: url("../images/thematiques/tous.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-69"]::before {
  content: url("../images/thematiques/1-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-29"]::before {
  content: url("../images/thematiques/2-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-65"]::before {
  content: url("../images/thematiques/3-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-66"]::before {
  content: url("../images/thematiques/4-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-71"]::before {
  content: url("../images/thematiques/5-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-72"]::before {
  content: url("../images/thematiques/6-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-28"]::before {
  content: url("../images/thematiques/7-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-67"]::before {
  content: url("../images/thematiques/8-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-76"]::before {
  content: url("../images/thematiques/9-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-77"]::before {
  content: url("../images/thematiques/10-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-73"]::before {
  content: url("../images/thematiques/11-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-74"]::before {
  content: url("../images/thematiques/12-bleu.svg");
}

.form-item-term-node-tid-depth label[for*="edit-term-node-tid-depth-75"]::before {
  content: url("../images/thematiques/13-bleu.svg");
}

/* filtres cochés */
.form-item-term-node-tid-depth input[type="radio"]:checked + label {
  background-color: #29235C;
  color: #FFF;
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*='all'] {
  background-color: transparent;
  color: #29235C;
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-all"]::before {
  content: url("../images/thematiques/tous.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-69"]::before {
  content: url("../images/thematiques/1-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-29"]::before {
  content: url("../images/thematiques/2-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-65"]::before {
  content: url("../images/thematiques/3-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-66"]::before {
  content: url("../images/thematiques/4-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-71"]::before {
  content: url("../images/thematiques/5-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-72"]::before {
  content: url("../images/thematiques/6-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-28"]::before {
  content: url("../images/thematiques/7-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-67"]::before {
  content: url("../images/thematiques/8-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-76"]::before {
  content: url("../images/thematiques/9-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-77"]::before {
  content: url("../images/thematiques/10-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-73"]::before {
  content: url("../images/thematiques/11-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-74"]::before {
  content: url("../images/thematiques/12-blanc.svg");
}

.form-item-term-node-tid-depth input[type="radio"]:checked + label[for*="edit-term-node-tid-depth-75"]::before {
  content: url("../images/thematiques/13-blanc.svg");
}

/** generiques **/
.view-header {
  text-align: left;
  padding: 0 1.5rem;
  line-height: 1.5;
  margin-top: 1rem;
}

.slide__grid {
  padding: 0;
}

.slick-list {
  max-width: 1048px;
  margin: 0 1rem;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 334px;
  height: auto;
  margin: 0.5rem;
  background-color: #FFF;
  text-align: left;
  text-transform: uppercase;
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.slick__slide h2 {
  padding-left: 0;
  font-size: 16px;
  font-size: 1rem;
  font-family: "ralewaysemibold", sans-serif;
}

.slick__slide h2::before {
  content: none;
}

.slick__slide h2 a {
  color: #000;
}

.slick__slide .slide__caption {
  min-height: 176px;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.slick__slide .slide__caption .slide__data {
  padding: 1rem 0.5rem;
}

.slick__slide .slide__link {
  margin: 2rem 0 0;
}

button.slick-prev,
button.slick-next {
  border: 0;
  background-color: transparent;
}

.slick-prev, .slick-next {
  width: 70px;
  height: 70px;
}

.slick-prev::before,
.slick-next::before {
  display: block;
  content: url("../images/slide-arrow.png");
}

.slick-next::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.view.view-les-entreprises-temoignent {
  overflow: visible;
}

.view.view-les-entreprises-temoignent .slick__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.view.view-les-entreprises-temoignent .slide__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.view.view-les-entreprises-temoignent .slide__content .slide__media,
.view.view-les-entreprises-temoignent .slide__content .slide__caption {
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.view.view-les-entreprises-temoignent .slide__media {
  padding: 0.5rem;
}

.block.views-exposed-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60%;
  max-width: 585px;
  background-color: #E50040;
  margin: auto;
  padding: 25px 40px;
  text-align: center;
}

@media (max-width: 980px) {
  .block.views-exposed-form {
    width: 485px;
  }
}

@media (max-width: 768px) {
  .block.views-exposed-form {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .block.views-exposed-form {
    padding: 15px 15px;
  }
}

.block.views-exposed-form h2 {
  color: #FFF;
  margin: 0;
  padding: 0;
  text-transform: none;
}

.block.views-exposed-form h2::before, .block.views-exposed-form h2::after {
  content: none;
}

.block.views-exposed-form .form-item-search-api-fulltext input::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input::placeholder {
  opacity: 1;
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input::-moz-placeholder {
  opacity: 1;
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input::-webkit-placeholder {
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input::-webkit-input-placeholder {
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input::-ms-input-placeholder {
  color: #000;
}

.block.views-exposed-form .form-item-search-api-fulltext input:-ms-placeholder {
  color: #000;
}

.block.views-exposed-form .form-item {
  text-align: left;
  float: none;
  display: block;
}

.block.views-exposed-form .form-item label {
  color: #FFFFFF;
  margin: 0.75rem 0.25rem;
  display: block;
}

.block.views-exposed-form .form-item:not(.form-type-date) {
  width: 100%;
}

.block.views-exposed-form .form-type-date {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-top: 0;
  margin-right: 0.35rem;
}

.block.views-exposed-form .form-type-date.form-item-field-evt-date-fin {
  margin-right: 0;
}

.block.views-exposed-form .form-actions {
  cursor: pointer;
  width: 35%;
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  .block.views-exposed-form .form-actions {
    width: 140px;
  }
}

.block.views-exposed-form .form-actions:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  height: 17px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  content: "";
  pointer-events: all;
}

.block.views-exposed-form .form-actions:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  content: "";
  pointer-events: all;
}

.block.views-exposed-form .form-actions input[type="submit"] {
  margin-bottom: 0;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  padding: 8px 0px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "raleway", sans-serif;
}

.block.views-exposed-form label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.form-item-region {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #F4F3FA;
}

.form-item-region label {
  font-family: "ralewaybold", sans-serif;
  margin: 10px 20px;
}

.form-item-region .form-select {
  width: auto;
  margin: 10px 20px;
}

#block-francenum-content.no-block-entreprises .block-views-blockles-entreprises-temoignent-block-1 {
  display: none;
}

.recherche--activateurs-evenements div[id*='edit-secondary'] {
  margin-top: 0;
}

.recherche--activateurs-evenements div[id*='edit-secondary'] div[role="button"] {
  display: none;
}

.recherche--activateurs-evenements .button--hide--filtres {
  background-color: #29235C;
  color: #FFF;
  width: 585px;
  border: 0;
  padding: 1rem;
  margin: 0rem -40px 1rem -40px;
}

@media (max-width: 1080px) {
  .recherche--activateurs-evenements .button--hide--filtres {
    width: 100%;
    margin: 0 0 1rem;
  }
}

.recherche--activateurs-evenements .periodeRecherchee {
  color: white;
  font-weight: bold;
}

.recherche--activateurs-evenements .button--hide--filtres {
  display: none;
}

.js .recherche--activateurs-evenements div[id*='edit-secondary'] {
  display: none;
}

.js .recherche--activateurs-evenements .button--hide--filtres {
  display: block;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

.js .recherche--activateurs-evenements .button--hide--filtres:hover, .js .recherche--activateurs-evenements .button--hide--filtres:focus, .js .recherche--activateurs-evenements .button--hide--filtres:active {
  background-color: #FFF;
  color: #29235C;
}

/*
 * Autodiag - submit legerement different
 */
#views-exposed-form-vue-autodiag-page-autodiag .form-actions {
  width: auto;
}

#views-exposed-form-vue-autodiag-page-autodiag .form-actions::before {
  content: none;
}

#views-exposed-form-vue-autodiag-page-autodiag .form-actions::after {
  content: none;
}

#views-exposed-form-vue-autodiag-page-autodiag .form-actions input {
  background-color: #29235C;
}

.view.liste-evenements .vue-lieux > .view-content .views-row {
  background-color: #EFEEEE;
  position: relative;
  text-align: left;
  padding: 1rem 0.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0.6rem 0;
}

.view.liste-evenements .vue-lieux > .view-content .views-row::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-top: 4px solid #ED6EA1;
  border-right: 4px solid #ED6EA1;
  content: "";
  pointer-events: all;
}

@media (min-width: 650px) and (max-width: 980px) {
  .view.liste-evenements .vue-lieux > .view-content .views-row:nth-child(odd) {
    margin-right: 1rem;
  }
  .view.liste-evenements .vue-lieux > .view-content .views-row:nth-child(even) {
    margin-left: 1rem;
  }
}

@media (min-width: 980px) {
  .view.liste-evenements .vue-lieux > .view-content .views-row:nth-child(3n+2) {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 1187px) {
  .view.liste-evenements .vue-lieux > .view-content .views-row:nth-child(3n+2) {
    margin-left: 1.3rem;
    margin-right: 1.3rem;
  }
}

.view.liste-evenements .vue-lieux > .view-content .views-row .views-field-title {
  font-family: "ralewaybold", sans-serif;
  padding: 0;
}

.view.liste-evenements .vue-lieux > .view-content .views-row .champ-adresse {
  padding: 0.25rem 1rem;
  display: inline-block;
}

.view.liste-evenements .vue-lieux > .view-content {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.block-views-blocktextes-de-recommandation-block-1 h1 {
  display: block;
  margin: 0;
  padding: 0;
  color: #29235C;
  font-family: "ralewaybold", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  text-transform: none;
}

.block-views-blocktextes-de-recommandation-block-1 h1::before, .block-views-blocktextes-de-recommandation-block-1 h1::after {
  content: none;
}

.block-views-blocktextes-de-recommandation-block-1 {
  padding: 0 1.5rem;
}

.block-views-blocktextes-de-recommandation-block-2 {
  padding: 0 1.5rem;
}

.view-textes-de-recommandation .views-row {
  width: 100%;
  margin: 0.5rem 0;
}

.view-textes-de-recommandation .views-row .views-field-field-texte-de-recommandation {
  line-height: 1.5;
  text-align: left;
}

.view-textes-de-recommandation .views-row .views-field-field-mots-cles {
  padding: 1em 0 0 0;
  text-align: left;
}

.save-recommandation-form {
  display: inline-block;
  width: auto;
  text-align: center;
}

.save-recommandation-form input[type="submit"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.view-textes-de-recommandation .save-recommandation-form input[type="submit"] {
  background-color: transparent;
  color: #E50040;
}

.views-field-field-video-de-temoignage {
  border: 2px solid #29235C;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .views-field-field-video-de-temoignage {
    width: 47%;
    margin-right: 1.25rem;
    float: left;
  }
}

/*
 * Sauvegarde de la reco
 */
.field--name-field-texte-de-recommandation-1,
.field--name-field-texte-de-recommandation {
  margin: 1rem 0;
  line-height: 1.5;
  text-align: left;
}

@media (max-width: 450px) {
  .field--name-field-texte-de-recommandation-1,
  .field--name-field-texte-de-recommandation {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}

.field--name-field-texte-de-recommandation-1 .field--label-inline .field__label, .field--name-field-texte-de-recommandation-1 .field--label-inline .field__items,
.field--name-field-texte-de-recommandation .field--label-inline .field__label,
.field--name-field-texte-de-recommandation .field--label-inline .field__items {
  display: inline-block;
  float: none;
}

.ma-recommandation .field--name-field-activateur .field__items,
.ma-recommandation .field--name-field-article .field__items,
.ma-recommandation .field--name-field-evenement .field__items {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2rem 0;
}

.ma-recommandation .field--name-field-activateur .field--name-field-thematique .field__item {
  padding: 0;
}

.ma-recommandation .field--name-field-activateur .field--name-field-thematique .field__item::before {
  content: none;
}

.ma-recommandation li.node-readmore::before {
  content: none;
}

/* Titre du bloc reco */
#block-titredublocrecommandation {
  margin: 0 0 1em 0;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  #block-titredublocrecommandation {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

#block-views-block-textes-de-recommandation-block-2 a, .views-field-field-texte-de-recommandation a,
.ma-recommandation a {
  color: #E50040;
  text-decoration: none;
}

#block-views-block-textes-de-recommandation-block-2 a:hover, .views-field-field-texte-de-recommandation a:hover,
.ma-recommandation a:hover {
  -webkit-text-decoration: underline solid #29235C;
          text-decoration: underline solid #29235C;
}

#block-views-block-textes-de-recommandation-block-2 h1, .views-field-field-texte-de-recommandation h1,
.ma-recommandation h1 {
  display: inline-block;
  position: relative;
  margin: 2rem;
  padding: 1rem;
  color: #E50040;
  font-family: "ralewaybold", sans-serif;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
  text-transform: uppercase;
}

#block-views-block-textes-de-recommandation-block-2 h1:before, .views-field-field-texte-de-recommandation h1:before,
.ma-recommandation h1:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 70%;
  border-top: 4px solid #29235C;
  border-bottom: 4px solid #29235C;
  border-left: 4px solid #29235C;
  content: "";
}

#block-views-block-textes-de-recommandation-block-2 h1:after, .views-field-field-texte-de-recommandation h1:after,
.ma-recommandation h1:after {
  position: absolute;
  top: 4px;
  right: 0;
  width: 12px;
  height: 70%;
  border-top: 4px solid #29235C;
  border-right: 4px solid #29235C;
  border-bottom: 4px solid #29235C;
  content: "";
}

@media (max-width: 768px) {
  #block-views-block-textes-de-recommandation-block-2 h1, .views-field-field-texte-de-recommandation h1,
  .ma-recommandation h1 {
    margin: 0rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
}

#block-views-block-textes-de-recommandation-block-2 h2, .views-field-field-texte-de-recommandation h2,
.ma-recommandation h2 {
  position: relative;
  margin: 1rem 0rem;
  padding-left: 1rem;
  font-family: "ralewaybold", sans-serif, sans-serif;
  text-align: left;
  font-size: 26px;
  font-size: 1.625rem;
  color: #29235C;
  font-weight: normal;
}

#block-views-block-textes-de-recommandation-block-2 h2:before, .views-field-field-texte-de-recommandation h2:before,
.ma-recommandation h2:before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #E50040;
  border-left: 3px solid #E50040;
  content: "";
}

#block-views-block-textes-de-recommandation-block-2 h3, .views-field-field-texte-de-recommandation h3,
.ma-recommandation h3 {
  text-align: left;
  font-size: 22px;
  font-size: 1.375rem;
  margin: 1rem 0;
  color: #29235C;
  font-family: "ralewaybold", sans-serif, sans-serif;
}

#block-views-block-textes-de-recommandation-block-2 h4, .views-field-field-texte-de-recommandation h4,
.ma-recommandation h4 {
  position: relative;
  padding: 1rem;
  font-family: "ralewaybold", sans-serif, sans-serif;
  text-align: left;
  font-size: 19px;
  font-size: 1.1875rem;
}

#block-views-block-textes-de-recommandation-block-2 h4:before, .views-field-field-texte-de-recommandation h4:before,
.ma-recommandation h4:before {
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #29235C;
  border-left: 3px solid #29235C;
  content: "";
}

#block-views-block-textes-de-recommandation-block-2 h5, .views-field-field-texte-de-recommandation h5,
.ma-recommandation h5 {
  padding: 1em 0em;
  color: #29235C;
  font-family: "ralewaybold", sans-serif;
  text-align: left;
  font-size: 18px;
  font-size: 1.125rem;
}

#block-views-block-textes-de-recommandation-block-2 h6, .views-field-field-texte-de-recommandation h6,
.ma-recommandation h6 {
  font-family: "ralewaysemibold", sans-serif;
  font-size: 1rem;
}

#block-views-block-textes-de-recommandation-block-2 blockquote, .views-field-field-texte-de-recommandation blockquote,
.ma-recommandation blockquote {
  margin: 1rem;
  padding: 0 1rem;
  border-left: 1px solid #29235C;
}

#block-views-block-textes-de-recommandation-block-2 strong, .views-field-field-texte-de-recommandation strong,
.ma-recommandation strong {
  color: #29235C;
  font-family: "ralewaybold", sans-serif, sans-serif;
}

#block-views-block-textes-de-recommandation-block-2 em, .views-field-field-texte-de-recommandation em,
.ma-recommandation em {
  font-family: "ralewayitalic", sans-serif;
}

#block-views-block-textes-de-recommandation-block-2 ul li, .views-field-field-texte-de-recommandation ul li,
.ma-recommandation ul li {
  position: relative;
  padding-left: 2rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#block-views-block-textes-de-recommandation-block-2 ul li::before, .views-field-field-texte-de-recommandation ul li::before,
.ma-recommandation ul li::before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 5px;
  height: 5px;
  margin-left: 1rem;
  border-radius: 5px;
  background-color: #E50040;
  content: "";
}

#block-views-block-textes-de-recommandation-block-2 .classic-central-link-button a, .views-field-field-texte-de-recommandation .classic-central-link-button a,
.ma-recommandation .classic-central-link-button a {
  color: #FFF;
}

#block-views-block-textes-de-recommandation-block-2 .classic-central-link-button a:hover, #block-views-block-textes-de-recommandation-block-2 .classic-central-link-button a:focus, #block-views-block-textes-de-recommandation-block-2 .classic-central-link-button a:active, .views-field-field-texte-de-recommandation .classic-central-link-button a:hover, .views-field-field-texte-de-recommandation .classic-central-link-button a:focus, .views-field-field-texte-de-recommandation .classic-central-link-button a:active,
.ma-recommandation .classic-central-link-button a:hover,
.ma-recommandation .classic-central-link-button a:focus,
.ma-recommandation .classic-central-link-button a:active {
  color: #FFF;
  text-decoration: none;
}

.pager__items .pager__item:not(.is-active) a {
  color: #000;
}

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

.view-recherche #edit-sort-order {
  display: none;
}

.view-recherche input[type="submit"] {
  margin-bottom: 0;
}

.view-recherche .form-wrapper:not(.form-actions) {
  margin-bottom: 0;
  margin-top: 0;
}

.view-recherche .form-type-select {
  margin-top: 0;
}

.view-recherche .form-type-radio label {
  padding-left: 0;
  margin-right: 2rem;
}

.view-recherche .bef-exposed-form .form--inline > .form-item {
  float: none;
}

.view-recherche .search--mot-cle.fieldgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: none;
}

.view-recherche .search--mot-cle.fieldgroup > .form-item {
  display: inline-block;
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  vertical-align: top;
  margin: 0.5rem 0;
}

@media (min-width: 768px) {
  .view-recherche .search--mot-cle.fieldgroup > .form-item {
    width: 45%;
  }
}

.view-recherche .search--mot-cle.fieldgroup #edit-sort-by--wrapper {
  padding: 0;
  margin: 0.5rem 0 0;
}

.view-recherche .search--mot-cle.fieldgroup #edit-sort-by--wrapper .fieldset-wrapper {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
}

.view-recherche .search--mot-cle.fieldgroup .form-item-keys label {
  font-weight: bold;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid;
  margin-bottom: 0.75rem;
  display: block;
}

.view-recherche .search--mot-cle.fieldgroup .form-type-radio {
  width: auto;
  display: inline-block;
}

.view-recherche #edit-field-type-article--wrapper.form-item {
  width: 100%;
  display: inline-block;
}

.view-recherche #edit-field-type-article--wrapper.form-item .form-type-checkbox {
  width: 100%;
}

@media (min-width: 768px) {
  .view-recherche #edit-field-type-article--wrapper.form-item .form-type-checkbox {
    width: auto;
  }
}

.view-recherche .search--date.fieldgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.view-recherche .search--date.fieldgroup .form-item {
  display: inline-block;
  margin: 1rem 0;
}

.view-recherche .search--date.fieldgroup > .form-item > label {
  font-weight: bold;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid;
  margin-bottom: 0.75rem;
  display: block;
}

.view-recherche .views-exposed-form .form-type-select {
  background-color: #F4F3FA;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
  padding: 0.5rem 1rem;
}

.view-recherche .views-exposed-form .form-type-select label {
  font-weight: bold;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid;
  margin-bottom: 0.75rem;
  display: block;
}

.view-recherche #edit-field-taille-entreprise .form-type-radio,
.view-recherche #edit-field-categorie-item--wrapper .form-type-radio {
  display: inline-block;
  width: auto;
}

.view-recherche #edit-actions {
  clear: both;
}

.view-recherche .views-row {
  padding: 1rem 0;
  margin: 1rem 0 0;
  display: block;
  width: 100%;
}

.view-recherche .views-row .views-field-title {
  font-family: "ralewaybold", sans-serif;
  margin-bottom: 0.5rem;
}

.view-recherche .views-row span a {
  color: #000;
}

.view-recherche .views-row span a:hover {
  color: #E50040;
  -webkit-text-decoration: underline solid #29235C;
          text-decoration: underline solid #29235C;
}

.view-recherche .views-row:not(:last-child) {
  border-bottom: 1px solid;
}

.view:not(.view-recommandation):not(.liste-evenements) .view-content:not(.masonry-layout).hidden-content {
  display: none;
}

.tableau-de-bord .views-row,
.block-views-blockdernieres-recommandations-financieres-block-1 .views-row {
  display: inline-block;
  width: calc(50% - 0.5rem);
  vertical-align: top;
  text-align: left;
  background-color: #EFEEEE;
  padding: 1rem;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 650px) {
  .tableau-de-bord .views-row,
  .block-views-blockdernieres-recommandations-financieres-block-1 .views-row {
    width: 100%;
  }
}

.tableau-de-bord .views-row:first-child,
.block-views-blockdernieres-recommandations-financieres-block-1 .views-row:first-child {
  margin-right: 0.5rem;
}

@media (max-width: 650px) {
  .tableau-de-bord .views-row:first-child,
  .block-views-blockdernieres-recommandations-financieres-block-1 .views-row:first-child {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

.tableau-de-bord .views-row:last-child,
.block-views-blockdernieres-recommandations-financieres-block-1 .views-row:last-child {
  margin-left: 0.5rem;
}

@media (max-width: 650px) {
  .tableau-de-bord .views-row:last-child,
  .block-views-blockdernieres-recommandations-financieres-block-1 .views-row:last-child {
    margin-left: 0;
    margin-top: 0.5rem;
  }
}

.tableau-de-bord .views-row .views-field-field-thema,
.block-views-blockdernieres-recommandations-financieres-block-1 .views-row .views-field-field-thema {
  background-color: #E50040;
  color: #FFF;
  display: inline-block;
  padding: 0.25rem;
  margin-bottom: 1rem;
}

.tableau-de-bord .views-row .views-field-field-texte-de-recommandation,
.block-views-blockdernieres-recommandations-financieres-block-1 .views-row .views-field-field-texte-de-recommandation {
  margin-bottom: 0.5rem;
}

.tableau-de-bord .classic-central-link-button,
.block-views-blockdernieres-recommandations-financieres-block-1 .classic-central-link-button {
  margin-bottom: 0.5rem;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .views-field-title h2 {
  text-align: center;
  line-height: 1.5rem;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .views-field-title h2::before {
  content: none;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .node__content {
  padding: 0;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .node__content p {
  margin: 0 auto;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .field--name-field-montant-aide-autodiag,
.block-views-blockdernieres-recommandations-financieres-block-1 .field--name-field-identifiants-geo-autodiag {
  display: inline-block;
  vertical-align: top;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem 0.25rem 0 0.25rem;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .field--name-field-montant-aide-autodiag a,
.block-views-blockdernieres-recommandations-financieres-block-1 .field--name-field-identifiants-geo-autodiag a {
  color: #29235C;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .field--name-field-montant-aide-autodiag {
  background-color: #29235C;
  color: #FFF;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .field--name-field-identifiants-geo-autodiag {
  background-color: #29235C;
  color: #FFF;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .views-field-view-autodiagrecofinanciere {
  text-align: center;
  margin: 2rem auto;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .views-field-view-autodiagrecofinanciere span {
  margin: 0;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .views-field-field-aide-financiere .field-content article {
  clear: both;
}

.block-views-blockdernieres-recommandations-financieres-block-1 .views-field-field-aide-financiere .field-content a {
  float: right;
  margin-bottom: 1rem;
}

.view.remontees-articles.view-tableau-de-bord .view-header .block {
  text-align: center;
}

.view-tableau-de-bord .red-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 2rem auto;
  max-width: 20%;
}

.view-tableau-de-bord .red-button a {
  font-family: "raleway", sans-serif;
  text-decoration: none;
  padding: 1rem 2rem;
  background-color: #E50040;
  color: #FFF;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

.view-tableau-de-bord .red-button a:hover, .view-tableau-de-bord .red-button a:focus, .view-tableau-de-bord .red-button a:active {
  background-color: #29235C;
}

.page-tableau-de-bord .pager {
  margin-bottom: 2rem;
}

.tableau-de-bord .view-header {
  text-align: center;
}

.node--type-page-documents {
  background-color: #EFEEEE;
  padding: 1.5rem;
}

.node--type-page-documents h2 {
  margin-bottom: 2rem;
}

.node--type-page-documents .node__content {
  padding: 0;
}

.node--type-page-documents .node--type-document {
  padding: 1.5rem 0;
  border-bottom: 2px solid #29235C;
}

.node--type-page-documents .node--type-document .iconesDocuments {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: #29235C;
}

.node--type-page-documents .node--type-document .iconesDocuments img.iconeDoc {
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  width: 25px;
}

.node--type-page-documents .node--type-document .iconesDocuments img.iconeImg {
  -webkit-transform: translateY(80%);
          transform: translateY(80%);
  width: 25px;
}

.node--type-page-documents .node--type-document .iconesDocuments:hover {
  background-color: #E50040;
}

.node--type-page-documents .node--type-document .documentsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.node--type-page-documents .node--type-document .documentsTextBox {
  padding-left: 0.7rem;
}

.node--type-page-documents .node--type-document .documentsTextBox a {
  font-weight: bold;
}

.node--type-page-documents .node--type-document .field--name-field-document-description p {
  margin: 0;
  font-weight: bold;
}

.node--type-page-documents .node--type-document .node__content {
  padding: 0;
}

.node--type-page-documents .field--name-field-document .field__item:last-child .node--type-document {
  border: none;
}

.menu--tableau-de-bord ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.5rem;
  margin-left: 0;
}

@media (max-width: 650px) {
  .menu--tableau-de-bord ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.menu--tableau-de-bord ul li {
  background-color: #F4F3FA;
  height: 56px;
  line-height: 56px;
  width: 21%;
  text-align: center;
  padding: 0 1rem;
  border: 1px solid #29235C;
}

@media (max-width: 650px) {
  .menu--tableau-de-bord ul li {
    width: 80%;
    margin-bottom: 0.5rem;
  }
}

.menu--tableau-de-bord ul li a {
  color: #29235C;
  text-decoration: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "raleway", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0.7rem 0.5rem;
  line-height: 1.4;
}

.menu--tableau-de-bord ul li:hover {
  background-color: #E50040;
  border-color: #E50040;
}

.menu--tableau-de-bord ul li:hover a {
  color: white;
}

.menu--tableau-de-bord ul li.menu-item--active-trail {
  background-color: #E50040;
  border-color: #E50040;
}

.menu--tableau-de-bord ul li.menu-item--active-trail a {
  color: white;
}

.favorisContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.favorisContainer .favorisEl {
  margin: auto;
  width: 250px;
  height: 400px;
  background-color: #EFEEEE;
  margin: 10px;
  position: relative;
}

.favorisContainer .favorisEl .favorisPic {
  width: 100%;
  overflow: hidden;
  margin: 0;
  height: 60%;
}

.favorisContainer .favorisEl .favorisPic img {
  width: 100%;
}

.favorisContainer .favorisEl .favorisPic.noPhoto img {
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
}

.favorisContainer .favorisEl .favorisPic::before {
  border-color: #65B33A;
  top: 0;
  left: 0;
  border-top: 4px solid #65B33A;
  border-left: 4px solid #65B33A;
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  pointer-events: all;
  z-index: 1;
}

.favorisContainer .favorisEl .favorisGroup {
  text-align: left;
  padding: 1rem 1rem 0 1rem;
}

.favorisContainer .favorisEl .favorisGroup .favorisName {
  font-weight: bold;
  color: black;
  text-transform: uppercase;
}

.favorisContainer .favorisEl .favorisGroup .favorisLoc {
  background-image: url("/themes/custom/francenum/images/carto/marqueurReco.png");
  padding-left: 1.5rem;
  background-position: top 3px left;
  background-repeat: no-repeat;
  background-size: 1rem;
  font-weight: bold;
  height: 30px;
  margin-top: 1rem;
  line-height: 2rem;
  text-transform: uppercase;
}

.favorisContainer .favorisEl .favorisToggler {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 1rem;
  width: 80%;
  right: 0;
  font-size: 0.9rem;
  font-weight: bold;
  color: #29235C;
}

.favorisContainer .favorisEl .favorisToggler img {
  width: auto;
  height: 20px;
  margin-left: 0.5rem;
}

.favorisContainer .favorisEl .favorisToggler::after {
  border-color: #65B33A;
  right: 0;
  bottom: -1rem;
  border-right: 4px solid #65B33A;
  border-bottom: 4px solid #65B33A;
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  pointer-events: all;
}

.contactsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #EFEEEE;
  padding: 1rem;
}

.contactsEl {
  margin: auto;
  width: 100%;
  height: 150px;
  padding: 1rem 0;
  border-bottom: 1px solid #29235C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contactsEl .contactsPic {
  width: 150px;
  overflow: hidden;
  margin: 0;
  height: auto;
}

.contactsEl .contactsPic img {
  min-width: 100%;
  width: auto;
  min-height: 150px;
  height: auto;
}

.contactsEl .contactsPic.noPhoto img {
  -webkit-transform: translateY(-35px);
          transform: translateY(-35px);
}

.contactsEl .contactsGroup {
  text-align: left;
  padding: 1rem;
  position: relative;
  width: 50%;
}

.contactsEl .contactsGroup .contactsName {
  font-weight: bold;
  color: black;
  text-transform: uppercase;
}

.contactsEl .contactsGroup .contactsLoc {
  background-image: url("/themes/custom/francenum/images/carto/marqueurReco.png");
  padding-left: 1.5rem;
  background-position: top 3px left;
  background-repeat: no-repeat;
  background-size: 1rem;
  font-weight: bold;
  height: 30px;
  margin-top: 1rem;
  line-height: 2rem;
  text-transform: uppercase;
}

.contactsEl .contactsGroup .contactsDate {
  position: relative;
  bottom: -2rem;
}

.pager {
  margin: 1rem 0;
}

/* curseur modif, 
sur les rows des conseillers et offreurs de solutions,
lorsque l'on recherche un accompagnateur */
.cursor-field-identifier-activateur-page-1 {
  cursor: pointer;
  text-decoration: none;
}

.bloc-transparent-activateur {
  cursor: pointer;
}

.bloc-transparent-activateur a {
  text-decoration: none;
}

/* Structure generale de la fiche activateur */
.node--type-activateur .node__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

.node--type-activateur .node__content .field--label-inline .field__label,
.node--type-activateur .node__content .field--label-inline .field__items {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.node--type-activateur .node__content .field--name-field-secteur-type-activite.field--label-inline .field__label {
  display: inline;
}

.node--type-activateur .node__content .field__label {
  font-weight: normal;
}

.node--type-activateur .node__content .field--name-field-photo-de-l-activateur {
  display: none;
}

@media (min-width: 768px) {
  .node--type-activateur .node__content .field--name-field-photo-de-l-activateur {
    -webkit-box-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block;
    width: 25%;
  }
}

.node--type-activateur .node__content .activateur--infos {
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: left;
  /* Video pour les editeurs de solutions */
}

@media (min-width: 768px) {
  .node--type-activateur .node__content .activateur--infos {
    width: calc(75% - 2rem);
    margin-left: 2rem;
  }
}

.node--type-activateur .node__content .activateur--infos .domaine > span {
  font-family: "ralewaybold", sans-serif;
  text-transform: uppercase;
}

.node--type-activateur .node__content .activateur--infos .field--name-field-thematique {
  margin: 0;
  background-color: transparent;
  font-family: "ralewaybold", sans-serif;
  text-transform: uppercase;
  vertical-align: top;
}

@media (min-width: 768px) {
  .node--type-activateur .node__content .activateur--infos .field--name-field-thematique {
    margin-bottom: 1rem;
  }
}

.node--type-activateur .node__content .activateur--infos .field--name-field-thematique .field__item {
  padding: 0;
  font-size: 1rem;
}

.node--type-activateur .node__content .activateur--infos .field--name-field-thematique .field__item::before {
  content: none;
}

.node--type-activateur .node__content .activateur--infos .shs li {
  margin-left: 0;
  padding-left: 0;
  line-height: 1;
}

.node--type-activateur .node__content .activateur--infos .shs li::before {
  content: none;
}

.node--type-activateur .node__content .activateur--infos .shs li:not(last-child)::after {
  content: ' - ';
}

.node--type-activateur .node__content .activateur--infos .shs li:last-child::after {
  content: none;
}

.node--type-activateur .node__content .activateur--infos .field--name-field-video-embed {
  max-width: 75%;
  margin: 1rem 0;
  padding-left: 0;
}

.node--type-activateur .node__content .field--name-field-secteur-prive-ou-public {
  display: inline-block;
  margin: 0.5rem 0;
  padding: 0.25rem 0.5rem;
  background-color: #E50040;
  color: #FFF;
}

@media (min-width: 1080px) {
  .node--type-activateur .node__content .field--name-field-secteur-prive-ou-public {
    margin: 0;
    float: right;
  }
}

.node--type-activateur .node__content .activateur--structure,
.node--type-activateur .node__content .activateur--lieu,
.node--type-activateur .node__content .field--name-field-telephone {
  margin: 1rem 0;
  line-height: 1.7;
}

.node--type-activateur .node__content .activateur--structure > div:first-child,
.node--type-activateur .node__content .activateur--lieu > div:first-child,
.node--type-activateur .node__content .field--name-field-telephone > div:first-child {
  color: #E50040;
  font-family: "ralewaybold", sans-serif;
}

.node--type-activateur .node__content .activateur--structure .field--name-field-image {
  display: none;
}

@media (min-width: 768px) {
  .node--type-activateur .node__content .activateur--structure .field--name-field-image {
    display: inline-block;
    float: right;
  }
}

.node--type-activateur .node__content .field--name-field-geographie .field__item {
  display: inline-block;
}

.node--type-activateur .node__content .activateur--complements {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 3rem;
  padding: 1rem 2rem;
  clear: both;
  background-color: #F4F3FA;
  text-transform: uppercase;
}

.node--type-activateur .node__content .activateur--complements .field--name-field-adresse-mail-professionnel,
.node--type-activateur .node__content .activateur--complements .field--name-field-site-internet-structure {
  display: inline-block;
}

.node--type-activateur .node__content .activateur--complements .field--name-field-adresse-mail-professionnel a,
.node--type-activateur .node__content .activateur--complements .field--name-field-site-internet-structure a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 0.75rem 1rem;
  background-color: #29235C;
  color: #FFF;
  -webkit-transition: all, 0.15s, ease;
  transition: all, 0.15s, ease;
}

.node--type-activateur .node__content .activateur--complements .field--name-field-adresse-mail-professionnel a:hover, .node--type-activateur .node__content .activateur--complements .field--name-field-adresse-mail-professionnel a:focus, .node--type-activateur .node__content .activateur--complements .field--name-field-adresse-mail-professionnel a:active,
.node--type-activateur .node__content .activateur--complements .field--name-field-site-internet-structure a:hover,
.node--type-activateur .node__content .activateur--complements .field--name-field-site-internet-structure a:focus,
.node--type-activateur .node__content .activateur--complements .field--name-field-site-internet-structure a:active {
  background-color: #E50040;
  text-decoration: none;
}

.node--type-activateur .node__content .activateur--complements .field--name-field-note {
  display: inline-block;
  margin-top: 7px;
  float: right;
  text-transform: none;
}

.node--type-activateur .node__content .activateur--complements .field--name-field-note.field--label-inline .field__label,
.node--type-activateur .node__content .activateur--complements .field--name-field-note.field--label-inline .field__items {
  vertical-align: middle;
}

.node--type-activateur .node__content .activateur--references {
  margin: 1rem auto;
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
}

.node--type-activateur .node__content .field--type-geofield {
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  margin: 1rem auto;
}

.node--type-activateur .favorisToggler {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  font-weight: bold;
  color: #29235C;
}

.node--type-activateur .favorisToggler img {
  width: auto;
  height: 20px;
  margin-left: 0.5rem;
}

/* Icones fiche renseignements */
.field--name-field-secteur-type-activite {
  padding-left: 1.5rem;
  background-image: url("../images/compte/domaine.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.field--name-field-telephone {
  padding-left: 1.5rem;
  background-image: url("../images/compte/contact-telephone.svg");
  background-position: top 5px left;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.activateur--structure .field,
.activateur--lieu .field {
  padding-left: 1.5rem;
  background-position: top 3px left;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.activateur--structure .field--name-field-nom-de-la-structure,
.activateur--lieu .field--name-field-nom-de-la-structure {
  background-image: url("../images/compte/nom-entreprise.svg");
}

.activateur--structure div[class*='field--name-field-adresse'],
.activateur--lieu div[class*='field--name-field-adresse'] {
  background-image: url("../images/compte/adresse-entreprise.svg");
}

.activateur--structure .field--name-field-geographie,
.activateur--lieu .field--name-field-geographie {
  background-image: url("../images/compte/zone.svg");
}

.activateur--structure .field--name-field-facebook-structure,
.activateur--lieu .field--name-field-facebook-structure {
  padding-left: 2rem;
  background-image: url("../images/facebook.png");
  background-size: contain;
}

.activateur--structure .field--name-field-linkedin-structure,
.activateur--lieu .field--name-field-linkedin-structure {
  padding-left: 2rem;
  background-image: url("../images/linkedIn.png");
  background-size: contain;
}

.activateur--structure .field--name-field-twitter-structure,
.activateur--lieu .field--name-field-twitter-structure {
  padding-left: 2rem;
  background-image: url("../images/twitter.png");
  background-size: contain;
}

.block-views-blockles-entreprises-temoignent-block-1 {
  background-color: #F4F3FA;
}

.video-embed-field-lazy-play {
  border: 0;
  fill: #E50040;
  outline: none;
}

.video-embed-field-lazy-play::-moz-focus-inner {
  border: 0;
}

.view-vue-autodiag .view-autodiag .view-content .views-row {
  background-color: #F4F3FA;
  margin: 2rem 0;
  border-bottom: 2px solid;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .node__content {
  padding: 0;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .image-contenu {
  display: none;
  max-width: 420px;
  margin: -1rem 2rem -4px 0;
}

@media (min-width: 768px) {
  .view-vue-autodiag .view-autodiag .view-content .views-row .image-contenu {
    float: left;
    display: inline-block;
  }
}

.view-vue-autodiag .view-autodiag .view-content .views-row .image-contenu img {
  margin-bottom: -2px;
}

.view-vue-autodiag .view-autodiag .view-content .views-row h2 {
  text-transform: uppercase;
}

.view-vue-autodiag .view-autodiag .view-content .views-row h2::before {
  content: none;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .field--name-field-chapo {
  font-family: "raleway", sans-serif;
  border-bottom: 0;
  color: #000;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .field--name-field-chapo.clearfix::after {
  content: none;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .node--content--body {
  clear: both;
  padding: 1rem 2rem;
  display: none;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .base-detail-link {
  margin-bottom: 0;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .base-detail-link button {
  position: relative;
  text-decoration: none;
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  color: #000;
  border: 0;
  background-color: transparent;
}

.view-vue-autodiag .view-autodiag .view-content .views-row .base-detail-link button:before {
  position: absolute;
  top: 0.1rem;
  left: -15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #E50040;
  border-left: 2px solid #E50040;
  content: "";
  pointer-events: all;
}

/*
 * Couleurs sur les 4 blocs - sans element fixe sur lequel me baser,
 * je dois utiliser la position des elements
 */
.view-vue-autodiag .view-autodiag .view-content .views-row:first-child {
  border-bottom-color: #009fe3;
}

.view-vue-autodiag .view-autodiag .view-content .views-row:nth-child(2) {
  border-bottom-color: #ED6EA1;
}

.view-vue-autodiag .view-autodiag .view-content .views-row:nth-child(3) {
  border-bottom-color: #65B33A;
}

.view-vue-autodiag .view-autodiag .view-content .views-row:nth-child(4) {
  border-bottom-color: #fdc300;
}

/*
 * Page de résultats
 */
.view-vue-autodiag .view-content {
  text-align: left;
}

.view-vue-autodiag .view-content .view-grouping {
  margin: 1rem 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.view-vue-autodiag .view-content .view-grouping-header {
  padding: 0 0.5rem;
}

.view-vue-autodiag .view-content .view-grouping-content {
  padding: 1rem;
  background-color: #F4F3FA;
  border: 2px solid;
  margin: 1rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.view-vue-autodiag .view-content .view-grouping-content h2 {
  padding-left: 0;
  text-transform: uppercase;
  margin-top: 0;
}

.view-vue-autodiag .view-content .view-grouping-content h2::before {
  content: none;
}

.view-vue-autodiag .view-content .views-row {
  background-color: #FFF;
  margin: 1rem 0;
}

.view-vue-autodiag .view-content .views-row .views-field-title {
  padding: 0.75rem;
  background-image: url("/themes/custom/francenum/images/fleche-bas-bleu.svg");
  background-repeat: no-repeat;
  background-position: center right 2rem;
}

.view-vue-autodiag .view-content .views-row .views-field-title.open {
  background-color: #29235C;
  background-image: url("/themes/custom/francenum/images/fleche-haut-blanche.svg");
}

.view-vue-autodiag .view-content .views-row .views-field-title.open h3 {
  color: #FFF;
}

.view-vue-autodiag .view-content .views-row h3 {
  margin: 0;
  position: relative;
  padding-left: 1rem;
  padding-right: 2rem;
}

.view-vue-autodiag .view-content .views-row h3::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 3px solid #E50040;
  border-left: 3px solid #E50040;
  content: "";
}

.view-vue-autodiag .view-content .views-row .aide--content {
  display: none;
  padding: 1rem;
}

.view-vue-autodiag .view-content .views-row .aide--content .views-field {
  margin: 1rem 0;
}

.view-vue-autodiag .view-content {
  line-height: 1.5;
}

.view-vue-autodiag .view-content .view-grouping-content.chequeNum {
  border-color: #009fe3;
}

.view-vue-autodiag .view-content .view-grouping-content.autresSub {
  border-color: #29235C;
}

.view-vue-autodiag .view-content .view-grouping-content.autresPretsGaranties {
  border-color: #fdc300;
}

.view-vue-autodiag .view-content .view-grouping-content.pretsGaranties {
  border-color: #ED6EA1;
}

.view-vue-autodiag .view-content .view-grouping-content.augmenterFonds {
  border-color: #65B33A;
}

.node--type-aides-autodiag .node__content .field {
  text-align: justify;
}

#block-savediagnosticblock, #block-precizeprojectblock {
  display: inline-block;
}

#block-precizeprojectblock input {
  background-color: #E50040;
}

#block-precizeprojectblock input:hover {
  cursor: pointer;
  background-color: #29235C;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

html:not(.js) .view-autodiag .views-row .base-detail-link {
  display: none;
}

html:not(.js) .view-autodiag .views-row .node--content--body {
  display: block;
}

.field--name-field-article > .field__items > .field__item {
  display: inline-block;
  position: relative;
  width: calc(100% / 3 - 1rem);
  min-height: 60px;
  margin: 0.75rem 0;
  padding: 0;
  border: 0;
  background-color: #EFEEEE;
  vertical-align: top;
}

@media (max-width: 768px) {
  .field--name-field-article > .field__items > .field__item {
    width: 49%;
  }
}

@media (max-width: 450px) {
  .field--name-field-article > .field__items > .field__item {
    width: 100%;
  }
}

.field--name-field-article > .field__items > .field__item:not(:last-child) {
  margin-right: 1.35rem;
}

.field--name-field-article > .field__items > .field__item .node__content {
  padding: 0;
}

.field--name-field-article > .field__items > .field__item .field--name-field-field-image {
  position: relative;
}

.field--name-field-article > .field__items > .field__item .field--name-field-field-image img {
  width: 100%;
  border-bottom: 3px solid #E50040;
}

.field--name-field-article > .field__items > .field__item .field--name-field-type-article,
.field--name-field-article > .field__items > .field__item .field--name-field-type-evenement {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.7rem;
  background-color: #29235C;
  color: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

.field--name-field-article > .field__items > .field__item .field--name-field-type-article:before,
.field--name-field-article > .field__items > .field__item .field--name-field-type-evenement:before {
  position: absolute;
  bottom: -0.6rem;
  left: 1rem;
  width: 0;
  height: 0;
  border-top: 10px solid #29235C;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

.field--name-field-article > .field__items > .field__item .field--name-field-thematique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0.25rem;
  background-color: #E50040;
  background-position: center;
  background-repeat: no-repeat;
}

.field--name-field-article > .field__items > .field__item .field--name-field-thematique .field__item {
  visibility: hidden;
  height: 100%;
  padding: 0;
}

.field--name-field-article > .field__items > .field__item .field--name-field-thematique .field__item::before {
  visibility: visible;
  width: 2rem;
}

.field--name-field-article > .field__items > .field__item .field--name-field-thematique .field__item:not(:first-child) {
  display: none;
}

.field--name-field-article > .field__items > .field__item .field--title,
.field--name-field-article > .field__items > .field__item .field--name-field-chapo {
  padding: 0.5rem 1rem;
  line-height: 1.3;
  text-align: left;
}

.field--name-field-article > .field__items > .field__item .field--name-field-chapo {
  font-size: 15px;
  font-size: 0.9375rem;
  border-bottom: 0;
  color: #000;
  font-family: "raleway", sans-serif;
}

.field--name-field-article > .field__items > .field__item .field--title a {
  font-family: "ralewaybold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: #000;
  text-decoration: none;
}

.field--name-field-article > .field__items > .field__item .node__links li::before {
  content: none;
}

.region-header-top .content-main-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .region-header-top .content-main-width {
    margin-bottom: 0.5rem;
  }
}

.region-header-top .content-main-width #block-logoslogan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 60%;
}

@media (max-width: 767px) {
  .region-header-top .content-main-width #block-logoslogan {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .region-header-top .content-main-width #block-logoslogan {
    width: 65%;
  }
}

@media (min-width: 1080px) {
  .region-header-top .content-main-width #block-logoslogan .block--block-content--bloc-logos {
    -webkit-box-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20%;
    margin: 0 0.25rem;
  }
}

.region-header-top .content-main-width #block-logoslogan .field--name-field-logo-lien > .field__item {
  display: inline-block;
  width: 100%;
  margin-left: 0px;
}

@media (max-width: 450px) {
  .region-header-top .content-main-width #block-logoslogan .field--name-field-logo-lien > .field__item {
    margin-bottom: 2px;
  }
  .region-header-top .content-main-width #block-logoslogan .field--name-field-logo-lien > .field__item:first-of-type {
    margin-right: 1rem;
  }
}

@media (max-width: 500px) {
  .region-header-top .content-main-width #block-logoslogan .field--name-field-logo-lien > .field__item {
    width: 85%;
  }
}

.region-header-top .content-main-width #block-logoslogan .field--name-field-logo-lien > .field__item img {
  max-width: 100%;
  height: auto;
}

.region-header-top .content-main-width #block-logoslogan .block-system-branding-block {
  width: 55%;
  margin: 0 2rem;
}

@media (max-width: 979px) {
  .region-header-top .content-main-width #block-logoslogan .block-system-branding-block {
    width: 80%;
    margin: 0 0.5rem;
  }
}

.region-header-top .content-main-width #block-logoslogan .site-slogan h1 {
  display: inline-block;
  /*MODIFICATION POUR QUE LE LONG TITRE ENTRE SUR DEUX LIGNES*/
  font-family: "ralewaybold", sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  margin: 0;
  padding: 0;
  color: #E50040;
  text-align: left;
  text-transform: none;
}

.region-header-top .content-main-width #block-logoslogan .site-slogan h1::before, .region-header-top .content-main-width #block-logoslogan .site-slogan h1::after {
  content: none;
}

@media (max-width: 980px) {
  .region-header-top .content-main-width #block-logoslogan .site-slogan h1 {
    font-size: 16px;
    font-size: 1rem;
  }
}

.region-header-top .content-main-width #block-logoslogan span {
  color: #29235C;
}

#block-headersociallogin {
  display: inline-block;
  width: 40%;
}

@media (max-width: 767px) {
  #block-headersociallogin {
    display: none;
  }
}

@media (max-width: 979px) {
  #block-headersociallogin {
    width: 35%;
  }
}

@media (min-width: 980px) and (max-width: 1200px) {
  #block-headersociallogin {
    width: 45%;
  }
}

#block-headersociallogin .block-dgetn-custom-features-bonjour-block {
  margin-top: 10px;
  margin-bottom: 11px;
  clear: both;
  text-align: right;
  vertical-align: middle;
  /* max-width: 47%; */
}

@media (max-width: 980px) {
  #block-headersociallogin .block-dgetn-custom-features-bonjour-block {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media (max-width: 1080px) {
  #block-headersociallogin .block-dgetn-custom-features-bonjour-block {
    float: right;
    display: inline-block;
  }
}

#block-headersociallogin .block-liensreseaux-2 {
  margin-bottom: 7px;
}

#block-headersociallogin .block--block-content--basic {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 0.55rem;
  float: right;
  vertical-align: middle;
}

#block-headersociallogin .block--block-content--basic img {
  margin-left: 0.25rem;
}

#block-headersociallogin .menu--account {
  float: right;
  text-align: right;
  text-transform: uppercase;
}

#block-headersociallogin .menu--account .menu {
  margin: 0;
  text-align: right;
}

#block-headersociallogin .menu--account li {
  display: inline-block;
  margin-left: 0.5rem;
}

@media (max-width: 979px) {
  #block-headersociallogin .menu--account li {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

#block-headersociallogin .menu--account a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  padding: 1em;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

#block-headersociallogin .menu--account a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-top: 3px solid #29235C;
  border-right: 3px solid #29235C;
  content: "";
  pointer-events: all;
}

#block-headersociallogin .menu--account a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-bottom: 3px solid #29235C;
  border-left: 3px solid #29235C;
  content: "";
  pointer-events: all;
}

header {
  font-family: "ralewaysemibold", sans-serif;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F4F3FA;
  padding: 8px;
}

@media (min-width: 768px) {
  header {
    font-size: 13.5px;
    font-size: 0.84375rem;
  }
}

header .content-main-width {
  max-width: 1080px;
  margin: auto;
  display: block;
  margin-bottom: 3em;
}

@media (min-width: 200px) {
  header .content-main-width {
    margin-bottom: 0.5rem;
  }
}

header .mobile-menu {
  margin-bottom: 5px;
  text-align: center;
}

@media (min-width: 768px) {
  header .mobile-menu {
    display: none;
  }
}

header .mobile-menu #nav-toggle {
  display: block;
  background-color: #29235C;
  border: 0;
  cursor: pointer;
  color: #FFF;
  width: 100%;
  padding: 1rem;
}

header .mobile-menu #nav-toggle .menu-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

header .mobile-menu #nav-toggle .menu-icon span {
  margin-bottom: 4px;
  display: block;
  width: 25px;
  height: 2px;
  background-color: #FFFFFF;
}

header .menu--main .menu {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0;
}

@media (min-width: 768px) {
  header .menu--main .menu {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  header .menu--main .menu .menu-item.accueil {
    width: 60px;
  }
}

header .menu--main .menu li {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
  width: 100%;
  padding: 0;
  text-align: center;
}

@media (min-width: 768px) {
  header .menu--main .menu li {
    margin-left: 0.1em;
    margin-right: 0.1em;
    max-width: 15%;
    width: 100%;
  }
  header .menu--main .menu li:first-child {
    width: 90px;
    -webkit-box-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

header .menu--main .menu li a {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "raleway", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #29235C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0.7rem 0.5rem;
  line-height: 1.4;
}

@media (min-width: 768px) {
  header .menu--main .menu li a {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
  }
}

header .menu--main .menu li a:hover::before, header .menu--main .menu li a:focus::before, header .menu--main .menu li a:active::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-top: 4px solid #E50040;
  border-right: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

header .menu--main .menu li a:hover::after, header .menu--main .menu li a:focus::after, header .menu--main .menu li a:active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-bottom: 4px solid #E50040;
  border-left: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

header .menu--main .menu li a.red {
  background-color: #E50040;
}

header .menu--main .menu li a.red:hover::before, header .menu--main .menu li a.red:focus::before, header .menu--main .menu li a.red:active::before {
  border-top: 4px solid #29235C;
  border-right: 4px solid #29235C;
}

header .menu--main .menu li a.red:hover::after, header .menu--main .menu li a.red:focus::after, header .menu--main .menu li a.red:active::after {
  border-bottom: 4px solid #29235C;
  border-left: 4px solid #29235C;
}

header .menu--main .menu li.menu-item--active-trail a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-top: 4px solid #E50040;
  border-right: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

header .menu--main .menu li.menu-item--active-trail a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-bottom: 4px solid #E50040;
  border-left: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

header .menu--main .menu li.menu-item--active-trail a.red::before {
  border-top: 4px solid #29235C;
  border-right: 4px solid #29235C;
}

header .menu--main .menu li.menu-item--active-trail a.red::after {
  border-bottom: 4px solid #29235C;
  border-left: 4px solid #29235C;
}

header .menu--main .menu li svg {
  width: 28px;
  height: 28px;
}

@media (min-width: 768px) {
  header #block-bonjourmenucompteutilisateur-2 {
    display: none;
  }
}

header #block-bonjourmenucompteutilisateur-2 .menu {
  margin-left: 0;
}

header #block-bonjourmenucompteutilisateur-2 .menu li {
  margin-bottom: 5px;
}

header #block-bonjourmenucompteutilisateur-2 a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 200;
  background-color: #E50040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0.7rem 0.5rem;
  line-height: 1.4;
  cursor: pointer;
}

header #block-bonjourmenucompteutilisateur-2 .block-dgetn-custom-features-bonjour-block {
  text-align: center;
}

header #seconnectermenuderoulant {
  position: absolute;
  width: 200px;
  height: 0px;
  padding: 0px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
  -webkit-filter: drop-shadow(0 2px 5px #656565);
          filter: drop-shadow(0 2px 5px #656565);
  -webkit-transition: height 0.3s, padding 0.3s;
  transition: height 0.3s, padding 0.3s;
}

header #seconnectermenuderoulant.opened {
  height: 80px;
  padding: 8px;
}

header #seconnectermenuderoulant.opened a {
  opacity: 1;
}

header #seconnectermenuderoulant a {
  width: 100%;
  height: 40px;
  padding: 0px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #29235C;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

header #seconnectermenuderoulant a:hover {
  background-color: #E50040;
  color: #FFFFFF;
}

header #seconnectermenuderoulant:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: 20px;
  top: -20px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #FFFFFF transparent;
}

@media (max-width: 767px) {
  header #seconnectermenuderoulant:after {
    right: 98px;
  }
}

.path-frontpage .menu--main .menu li:first-of-type a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-top: 4px solid #E50040;
  border-right: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

.path-frontpage .menu--main .menu li:first-of-type a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-bottom: 4px solid #E50040;
  border-left: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

.region-footer {
  clear: both;
  font-family: "raleway", sans-serif;
  width: 100%;
  background-color: #F4F3FA;
  padding-top: 0.7rem;
  font-size: 11px;
  font-size: 0.6875rem;
}

.region-footer .content-main-width {
  max-width: 1080px;
  margin: auto;
  display: block;
  padding: 8px 8px;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .region-footer .content-main-width {
    padding: 8px 100px 8px 8px;
  }
}

.region-footer .block--block-content--bloc-logos,
.region-footer .block-menu {
  display: inline-block;
  vertical-align: middle;
}

.region-footer .block-menu {
  margin-top: 1rem;
}

@media (min-width: 980px) {
  .region-footer .block-menu {
    width: 78%;
    margin-top: 0;
    margin-left: 2rem;
  }
}

.region-footer .menu {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0;
}

.region-footer .menu li {
  display: inline-block;
  margin-bottom: 0.3rem;
  margin-right: 3rem;
}

@media (max-width: 768px) {
  .region-footer .menu li {
    width: 45%;
  }
}

@media (max-width: 450px) {
  .region-footer .menu li {
    width: 100%;
  }
}

.region-footer .menu li a {
  color: rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  position: relative;
  padding-left: 1rem;
}

.region-footer .menu li a::before {
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 5px;
  height: 5px;
  border-top: 2px solid #E50040;
  border-left: 2px solid #E50040;
  content: "";
  pointer-events: all;
}

.region-post-footer {
  text-align: center;
  padding: 1.5rem 0 75px 0;
  background-color: #29235C;
}

@media (min-width: 768px) {
  .region-post-footer {
    padding-bottom: 1.5rem;
  }
}

.region-post-footer .field__item {
  display: inline-block;
  margin: 0 0.5rem;
  color: #FFF;
}

.region-post-footer .field__item a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #FFF;
  opacity: 0.8;
  font-family: "raleway", sans-serif;
  position: relative;
}

.region-post-footer .field__item a:hover {
  -webkit-text-decoration: underline #FFF;
          text-decoration: underline #FFF;
}

.region-post-footer .field__item::after {
  content: "|";
  position: absolute;
  margin-left: 0.5rem;
}

.region-post-footer .field__item:last-child::after {
  content: "";
  position: absolute;
}

#block-logoregionsdefrancefooter {
  display: inline-block;
  vertical-align: top;
  margin-left: 1rem;
}

#block-logoregionsdefrancefooter a {
  display: block;
}

#block-logoregionsdefrancefooter p {
  display: inline-block;
}

#block-logoregionsdefrancefooter img {
  width: 70px;
}

.region-footer .menu li .footer-link-dge {
  color: #E50040;
}

body {
  background-color: #FFFFFF;
  font-family: "raleway", sans-serif;
}

.layout-content {
  text-align: center;
  margin: 0px auto;
  max-width: 1080px;
  padding: 8px;
}

.content-main-width {
  max-width: 1080px;
  margin: auto;
  display: block;
  padding: 0px;
}

@media (min-width: 768px) and (max-width: 1200px) {
  main .content-main-width {
    padding: 8px 100px 8px 8px;
  }
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.form-input-type-search {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 8px 5px;
  width: 100%;
  background-color: #FFFFFF;
  border: none;
}

.form-label {
  display: block;
  margin: 10px 5px;
  color: #FFFFFF;
}

.form-select {
  display: block;
  padding: 8px 40px 8px 5px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.form-input-type-text {
  display: block;
  width: 100%;
  padding: 8px 8px;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1rem;
  opacity: 1;
  color: #FFFFFF;
  background-color: transparent;
  border: none;
  border-bottom: solid 2px #FFFFFF;
}

@media (max-width: 450px) {
  .form-input-type-text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

img {
  width: auto;
  text-align: center;
  max-width: 100%;
  height: auto;
}

.landing .landing-item-img {
  position: relative;
}

.landing .landing-item-img img {
  width: 100%;
  border-bottom: 5px solid #E50040;
}

.landing .landing-item-txt {
  text-align: left;
  padding: 1rem;
  line-height: 1.7rem;
}

.landing .landing-item-txt .landing-item-txt-chapo {
  font-family: "ralewaysemibold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}

.landing .landing-item-txt .base-detail-link {
  font-family: "raleway", sans-serif;
  text-align: right;
  margin: 0.5rem;
}

.landing .landing-item-txt .base-detail-link a {
  position: relative;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #000;
}

.landing .landing-item-txt .base-detail-link a:before {
  position: absolute;
  top: 0.1rem;
  left: -15px;
  width: 6px;
  height: 6px;
  border-top: 4px solid #E50040;
  border-left: 4px solid #E50040;
  content: "";
  pointer-events: all;
}

/**
/// Largeur contenu (dans types de contenus)
**/
/**
  * Region pre-footer
**/
.region-pre-footer {
  text-align: center;
  background-color: #EFEEEE;
  padding: 1rem 0;
}
/*# sourceMappingURL=main.css.map */