/*--------VARIABLES--------*/
/*--------FONTS---------*/
@font-face {
  font-family: 'Euclid';
  font-weight: 300;
  src: url("../../fonts/euclid-circular-a/Euclid_Circular_A_Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Euclid';
  font-weight: 400;
  src: url("../../fonts/euclid-circular-a/Euclid_Circular_A_Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Euclid';
  font-weight: 500;
  src: url("../../fonts/euclid-circular-a/Euclid_Circular_A_Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'Euclid';
  font-weight: 700;
  src: url("../../fonts/euclid-circular-a/Euclid_Circular_A_Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Euclid';
  font-weight: 900;
  src: url("../../fonts/euclid-circular-a/Euclid_Circular_A_ExtraBold.ttf") format("truetype"); }
@font-face {
  font-family: 'ZillaSlab';
  font-weight: 300;
  src: url("../../fonts/Zilla_Slab/ZillaSlab-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'ZillaSlab';
  font-weight: 400;
  src: url("../../fonts/Zilla_Slab/ZillaSlab-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'ZillaSlab';
  font-weight: 500;
  src: url("../../fonts/Zilla_Slab/ZillaSlab-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'ZillaSlab';
  font-weight: 700;
  src: url("../../fonts/Zilla_Slab/ZillaSlab-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'ZillaSlab';
  font-weight: 900;
  src: url("../../fonts/Zilla_Slab/ZillaSlab-ExtraBold.ttf") format("truetype"); }
/* ----- KEYFRAMES ----- */
@keyframes fadeInUpCustom {
  from {
    transform: translate3d(0, 40px, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-webkit-keyframes fadeInUpCustom {
  from {
    transform: translate3d(0, 40px, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.fadeInUpCustom {
  opacity: 0;
  -webkit-animation: fadeInUpCustom forwards 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: fadeInUpCustom forwards 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); }

@keyframes rot {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1080deg); } }
@keyframes spin {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
#main #content .bloc-mis-en-avant,
.single #main .droite .bloc-mis-en-avant {
  display: flex;
  border-radius: 20px;
  padding: 50px;
  margin-bottom: 35px; }
  @media (max-width: 991px) {
    #main #content .bloc-mis-en-avant,
    .single #main .droite .bloc-mis-en-avant {
      padding: 35px; } }
  @media (max-width: 479px) {
    #main #content .bloc-mis-en-avant,
    .single #main .droite .bloc-mis-en-avant {
      padding: 25px;
      flex-wrap: wrap;
      justify-content: center; } }
  #main #content .bloc-mis-en-avant.primary,
  .single #main .droite .bloc-mis-en-avant.primary {
    background-color: #18685B; }
    #main #content .bloc-mis-en-avant.primary *,
    .single #main .droite .bloc-mis-en-avant.primary * {
      color: #ffffff; }
  #main #content .bloc-mis-en-avant.secondary,
  .single #main .droite .bloc-mis-en-avant.secondary {
    background-color: #FFE076; }
  #main #content .bloc-mis-en-avant .zone-picto,
  .single #main .droite .bloc-mis-en-avant .zone-picto {
    background-color: #ffffff;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    box-shadow: -20px 20px 60px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1299px) {
      #main #content .bloc-mis-en-avant .zone-picto,
      .single #main .droite .bloc-mis-en-avant .zone-picto {
        width: 90px;
        height: 90px; } }
    @media (max-width: 991px) {
      #main #content .bloc-mis-en-avant .zone-picto,
      .single #main .droite .bloc-mis-en-avant .zone-picto {
        width: 80px;
        height: 80px; } }
    @media (max-width: 767px) {
      #main #content .bloc-mis-en-avant .zone-picto,
      .single #main .droite .bloc-mis-en-avant .zone-picto {
        width: 70px;
        height: 70px; }
        #main #content .bloc-mis-en-avant .zone-picto img,
        .single #main .droite .bloc-mis-en-avant .zone-picto img {
          max-width: 50px; } }
    @media (max-width: 479px) {
      #main #content .bloc-mis-en-avant .zone-picto,
      .single #main .droite .bloc-mis-en-avant .zone-picto {
        width: 60px;
        height: 60px;
        border-radius: 15px;
        margin-bottom: 15px; }
        #main #content .bloc-mis-en-avant .zone-picto img,
        .single #main .droite .bloc-mis-en-avant .zone-picto img {
          max-width: 40px; } }
  #main #content .bloc-mis-en-avant .zone-contenu,
  .single #main .droite .bloc-mis-en-avant .zone-contenu {
    width: calc(100% - 100px);
    padding-left: 50px; }
    @media (max-width: 1299px) {
      #main #content .bloc-mis-en-avant .zone-contenu,
      .single #main .droite .bloc-mis-en-avant .zone-contenu {
        width: calc(100% - 90px); } }
    @media (max-width: 991px) {
      #main #content .bloc-mis-en-avant .zone-contenu,
      .single #main .droite .bloc-mis-en-avant .zone-contenu {
        width: calc(100% - 80px);
        padding-left: 35px; } }
    @media (max-width: 767px) {
      #main #content .bloc-mis-en-avant .zone-contenu,
      .single #main .droite .bloc-mis-en-avant .zone-contenu {
        width: calc(100% - 70px);
        padding-left: 35px; } }
    @media (max-width: 479px) {
      #main #content .bloc-mis-en-avant .zone-contenu,
      .single #main .droite .bloc-mis-en-avant .zone-contenu {
        width: 100%;
        padding-left: 0; } }
    #main #content .bloc-mis-en-avant .zone-contenu p, #main #content .bloc-mis-en-avant .zone-contenu li, #main #content .bloc-mis-en-avant .zone-contenu span, #main #content .bloc-mis-en-avant .zone-contenu a,
    .single #main .droite .bloc-mis-en-avant .zone-contenu p,
    .single #main .droite .bloc-mis-en-avant .zone-contenu li,
    .single #main .droite .bloc-mis-en-avant .zone-contenu span,
    .single #main .droite .bloc-mis-en-avant .zone-contenu a {
      font-family: "Open Sans";
      font-weight: normal; }
      @media (max-width: 1549px) {
        #main #content .bloc-mis-en-avant .zone-contenu p, #main #content .bloc-mis-en-avant .zone-contenu li, #main #content .bloc-mis-en-avant .zone-contenu span, #main #content .bloc-mis-en-avant .zone-contenu a,
        .single #main .droite .bloc-mis-en-avant .zone-contenu p,
        .single #main .droite .bloc-mis-en-avant .zone-contenu li,
        .single #main .droite .bloc-mis-en-avant .zone-contenu span,
        .single #main .droite .bloc-mis-en-avant .zone-contenu a {
          font-size: 22px; } }
      @media (max-width: 1299px) {
        #main #content .bloc-mis-en-avant .zone-contenu p, #main #content .bloc-mis-en-avant .zone-contenu li, #main #content .bloc-mis-en-avant .zone-contenu span, #main #content .bloc-mis-en-avant .zone-contenu a,
        .single #main .droite .bloc-mis-en-avant .zone-contenu p,
        .single #main .droite .bloc-mis-en-avant .zone-contenu li,
        .single #main .droite .bloc-mis-en-avant .zone-contenu span,
        .single #main .droite .bloc-mis-en-avant .zone-contenu a {
          font-size: 20px; } }
      @media (max-width: 991px) {
        #main #content .bloc-mis-en-avant .zone-contenu p, #main #content .bloc-mis-en-avant .zone-contenu li, #main #content .bloc-mis-en-avant .zone-contenu span, #main #content .bloc-mis-en-avant .zone-contenu a,
        .single #main .droite .bloc-mis-en-avant .zone-contenu p,
        .single #main .droite .bloc-mis-en-avant .zone-contenu li,
        .single #main .droite .bloc-mis-en-avant .zone-contenu span,
        .single #main .droite .bloc-mis-en-avant .zone-contenu a {
          font-size: 20px; } }
      @media (max-width: 767px) {
        #main #content .bloc-mis-en-avant .zone-contenu p, #main #content .bloc-mis-en-avant .zone-contenu li, #main #content .bloc-mis-en-avant .zone-contenu span, #main #content .bloc-mis-en-avant .zone-contenu a,
        .single #main .droite .bloc-mis-en-avant .zone-contenu p,
        .single #main .droite .bloc-mis-en-avant .zone-contenu li,
        .single #main .droite .bloc-mis-en-avant .zone-contenu span,
        .single #main .droite .bloc-mis-en-avant .zone-contenu a {
          font-size: 18px; } }
    #main #content .bloc-mis-en-avant .zone-contenu p:last-child,
    .single #main .droite .bloc-mis-en-avant .zone-contenu p:last-child {
      margin: 0; }

/*# sourceMappingURL=bloc--mis-en-avant.css.map */