footer {
  margin-bottom: -2px;

  #footerUp {
    .footerBlock {
      max-width: 1450px;
      padding: 40px 20px 50px;
      margin: 0px auto;

      .region-footer {
        display: flex;
        flex-flow: column wrap;

        #block-sepac-logo-3 {
          margin-top: 17px;

          .clearfix.text-formatted {
            text-align: center;

            a {
              text-align: center;

              img {
                max-width: 242px;
                height: auto;
              }
            }
          }
        }

        #block-sepac-slogan-2 {
          margin-bottom: 40px;

          p {
            font-family: "Lato", sans-serif;
            font-weight: bold;
            font-size: 18px;
            color: var(--blue);
            text-align: center;
          }
        }
      }

      .menu_footer {
        width: 230px;
        margin: 0 auto;

        .region-footer2 {}

        .region-footer3 {}

        .region-footer4 {}

        ul {
          margin-left: 0;
          margin-bottom: 35px;

          li {

            a,
            span {
              font-family: "Lato", sans-serif;
              font-size: 16px;
              font-weight: 700;
              color: var(--green);
              text-decoration: none;

              &:hover {
                text-decoration: underline;
              }
            }

            ul {
              list-style: none;
              margin-top: 10px;

              li {
                margin-bottom: 5px;

                a {
                  font-weight: 400;
                  font-family: "Lato", sans-serif;
                  font-size: 14px;
                  color: var(--green);
                  text-decoration: none;

                  &:hover {
                    text-decoration: underline;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #footerGris {
    position: relative;
    padding: 50px;
    background: var(--lightgrey);

    #block-sepac-footercontact {
      p {
        text-align: center;
        margin-bottom: 15px;
        color: black;
        line-height: 18px;

        span.red {
          color: var(--marron);
          font-weight: 900;
        }

        span.green {
          color: var(--green);
          font-weight: 900;
        }

        span.blue {
          color: var(--blue);
          font-weight: 900;
        }

        span.espace-large {
          margin-left: 30px;
        }
      }
    }

    #up {
      position: absolute;
      bottom: 10px;
      right: 10px;
      cursor: pointer;
    }
  }

  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        background-color: var(--blue);
        padding: 15px 0px;

        .clearfix.text-formatted {
          p {
            text-align: center;
            color: white;

            a {
              color: white;
              opacity: 1;
              transition: 500ms;

              &:hover {
                opacity: 0.8;
              }
            }
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 400px) {
  footer {
    #footerUp {
      .footerBlock {
        padding: 40px 40px 50px;

        .region-footer {
          #block-sepac-logo-3 {
            .clearfix.text-formatted {
              a {
                img {}
              }
            }
          }

          #block-sepac-slogan-2 {
            p {}
          }

          .menu_footer {
            .region-footer2 {}

            .region-footer3 {}

            .region-footer4 {}

            ul {
              li {

                a,
                span {
                  &:hover {}
                }

                ul {
                  li {
                    a {
                      &:hover {}
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        .clearfix.text-formatted {
          p {
            text-align: center;

            a {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 600px) {
  footer {
    #footerUp {
      .footerBlock {
        padding: 40px 60px 50px;

        .region-footer {
          #block-sepac-logo-3 {
            .clearfix.text-formatted {
              a {
                img {}
              }
            }
          }

          #block-sepac-slogan-2 {
            p {}
          }

        }

        .menu_footer {
          display: flex;
          justify-content: space-between;
          align-items: start;
          flex-wrap: wrap;
          width: 90%;
          margin: 0 auto;

          .region-footer2 {
            width: 50%;
          }

          .region-footer3 {
            width: 50%;
          }

          .region-footer4 {
            display: flex;
            flex-direction: row;
            align-items: space-between;
            width: 100%;
            flex-wrap: wrap;

            nav {
              width: 50%;
            }
          }

          ul {
            li {

              a,
              span {
                &:hover {}
              }

              ul {
                li {
                  a {
                    &:hover {}
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        .clearfix.text-formatted {
          p {
            text-align: center;

            a {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 768px) {
  footer {
    #footerUp {
      .footerBlock {
        padding: 40px 80px 50px;

        .region-footer {
          #block-sepac-logo-3 {
            .clearfix.text-formatted {

              a {

                img {}
              }
            }
          }

          #block-sepac-slogan-2 {
            margin-top: 20px;

            p {}
          }

          .menu_footer {
            .region-footer2 {}

            .region-footer3 {}

            .region-footer4 {}

            ul {
              li {

                a,
                span {
                  &:hover {}
                }

                ul {
                  li {
                    a {
                      &:hover {}
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        .clearfix.text-formatted {
          p {
            text-align: center;

            a {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1024px) {
  footer {
    #footerUp {
      .footerBlock {

        .region-footer {

          #block-sepac-logo-3 {

            .clearfix.text-formatted {

              a {

                img {}
              }
            }
          }

          #block-sepac-slogan-2 {

            p {}
          }

        }

        .menu_footer {
          width: 50%;

          .region-footer2 {}

          .region-footer3 {}

          .region-footer4 {}

          ul {
            li {

              a,
              span {
                &:hover {}
              }

              ul {
                li {
                  a {
                    &:hover {}
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        .clearfix.text-formatted {
          p {
            text-align: center;

            a {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1280px) {
  footer {
    #footerUp {
      .footerBlock {
        width: 1200px;
        margin: 0 auto;
        padding: 0 0 50px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .region-footer {

          #block-sepac-logo-3 {

            .clearfix.text-formatted {
              text-align: left;

              a {

                img {}
              }
            }
          }

          #block-sepac-slogan-2 {

            p {}
          }

        }

        .menu_footer {
          width: 60%;
          display: flex;
          justify-content: space-between;
          align-items: start;

          .region-footer2 {
            width: auto;
          }

          .region-footer3 {
            width: auto;
          }

          .region-footer4 {
            flex-direction: column;
            width: auto;

            nav {
              width: 100%;
              height: 30px;

              &:first-child {
                height: auto;
              }
            }
          }

          ul {
            li {

              a,
              span {
                &:hover {}
              }

              ul {
                li {
                  a {
                    &:hover {}
                  }
                }
              }
            }
          }
        }
      }
    }
    #footerGris {
      #block-sepac-footercontact {
        p {
          span.red {}

          span.green {}

          span.blue {}

          span.espace-large {}
        }
      }

      #up {
        bottom: 80px;
      }
    }
  }


  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        .clearfix.text-formatted {
          p {
            text-align: center;

            a {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1440px) {
  footer {
    #footerUp {
      .footerBlock {
        width: 1416px;
        margin: 0 auto;

        .region-footer {
          margin-right: 150px;

          #block-sepac-logo-3 {

            .clearfix.text-formatted {

              a {

                img {}
              }
            }
          }

          #block-sepac-slogan-2 {

            p {}
          }

        }

        .menu_footer {

          .region-footer2 {}

          .region-footer3 {}

          .region-footer4 {

            nav {

              &:first-child {}
            }
          }

          ul {
            li {

              a,
              span {
                &:hover {}
              }

              ul {
                li {
                  a {
                    &:hover {}
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #footerDown {
    .region-footerdown {
      #block-sepac-footerbandeaubas {
        .clearfix.text-formatted {
          p {

            a {}
          }
        }
      }
    }
  }
}