/* BLUE */
/* GREEN */
/* ORANGE */
/* RED */
/* GREY */
/* BLACK AND WHITE */
/* CUSTOM */
/***** Customs *****/
@font-face {
  src: url("../fonts/lato/Lato-Medium.eot?") format("eot"), url("../fonts/lato/Lato-Medium.woff") format("woff"), url("../fonts/lato/Lato-Medium.ttf") format("truetype");
  font-family: "Lato";
  font-weight: 500;
}
@font-face {
  src: url("../fonts/lato/Lato-Regular.eot?") format("eot"), url("../fonts/lato/Lato-Regular.woff") format("woff"), url("../fonts/lato/Lato-Regular.ttf") format("truetype");
  font-family: "Lato";
  font-weight: 400;
}
@font-face {
  src: url("../fonts/lato/Lato-Bold.eot?") format("eot"), url("../fonts/lato/Lato-Bold.woff") format("woff"), url("../fonts/lato/Lato-Bold.ttf") format("truetype");
  font-family: "Lato";
  font-weight: 700;
}
@font-face {
  src: url("../fonts/lato/Lato-Black.eot?") format("eot"), url("../fonts/lato/Lato-Black.woff") format("woff"), url("../fonts/lato/Lato-Black.ttf") format("truetype");
  font-family: "Lato";
  font-weight: 900;
}
@font-face {
  src: url("../fonts/lato/Lato-Light.eot?") format("eot"), url("../fonts/lato/Lato-Light.woff") format("woff"), url("../fonts/lato/Lato-Light.ttf") format("truetype");
  font-family: "Lato";
  font-weight: 200;
}
@font-face {
  src: url("../fonts/lato/Lato-Italic.eot?") format("eot"), url("../fonts/lato/Lato-Italic.woff") format("woff"), url("../fonts/lato/Lato-Italic.ttf") format("truetype");
  font-family: "Lato";
  font-style: italic;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Medium.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 500;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Regular.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 400;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Bold.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 700;
}
@font-face {
  src: url("../fonts/marianne/Marianne-ExtraBold.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 800;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Light.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 200;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Thin.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 100;
}
/**
 * Mixin - Triangle
 */
/**
 * Fonction pour modifier la couleur du texte en fonction de la couleur de fond.
 */
.region-zone-logos .paragraph--type--image-cliquable {
  display: inline-block;
  vertical-align: middle;
}

.region-header .paragraph--type--image-cliquable {
  float: right;
  margin-left: 0.5rem;
}
@media (min-width: 640px) {
  .region-header .paragraph--type--image-cliquable {
    margin-left: 0.5rem;
  }
}
@media (min-width: 783px) {
  .region-header .paragraph--type--image-cliquable {
    margin-left: 1rem;
  }
}

header[role=banner]:not(.header-front-full) .region-header .layout {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  header[role=banner]:not(.header-front-full) .region-header .layout {
    max-width: 100%;
  }
}

.contenu {
  position: relative;
}

.main {
  clear: both;
}
@media (min-width: 1024px) {
  .main {
    margin-left: 23.5rem;
  }
}

.layout {
  width: 100%;
  margin: auto;
}
.layout--small {
  max-width: 1070px;
}
.layout--large {
  max-width: 1300px;
}

.region-content .layout {
  padding: 4rem 2rem;
}
@media (min-width: 1024px) {
  .region-content .layout {
    padding: 4rem 0;
  }
}

.region-footer-top .layout {
  padding: 4rem 2rem 2rem;
}
@media (min-width: 640px) {
  .region-footer-top .layout {
    padding: 3rem 4.5rem 0;
  }
}
@media (min-width: 1024px) {
  .region-footer-top .layout {
    padding: 4rem 0 2rem;
  }
}

.region-footer-bottom .layout {
  padding: 4rem 2rem;
}
@media (min-width: 1024px) {
  .region-footer-bottom .layout {
    padding: 4rem 0;
  }
}
.region-footer-bottom .field--name-field-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 640px) {
  .region-footer-bottom .field--name-field-logos {
    justify-content: space-between;
  }
}
.region-footer-bottom .paragraph--type--image-cliquable {
  margin: 2.5rem;
  width: 100%;
}
@media (min-width: 640px) {
  .region-footer-bottom .paragraph--type--image-cliquable {
    width: 30%;
    margin: 1rem 1.5rem;
    flex: 1 0 auto;
  }
}
@media (min-width: 1024px) {
  .region-footer-bottom .paragraph--type--image-cliquable {
    width: auto;
  }
}
.region-footer-bottom .paragraph--type--image-cliquable img {
  max-width: 150px;
}/*# sourceMappingURL=layout.css.map */