footer {
    position: relative;
}
/* Bloc principal */
.main-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.main-content .main-item {
    display: flex;
}
.main-content .main-item.column {
    flex-direction: column;
}
.main-content .main-item.left {
    justify-content: flex-start;
}
.main-content .main-item.center {
    justify-content: center;
}
.main-content .main-item.right {
    justify-content: flex-end;
}
.main-content .main-item.txt-left {
    text-align: left;
}
.main-content .main-item.txt-center {
    text-align: center;
}
.main-content .main-item.txt-right {
    text-align: right;
}
.main-content .main-item.align-top {
    align-items: flex-start;
}
.main-content .main-item.align-center {
    align-items: center;
}
.main-content .main-item.align-bottom {
    align-items: flex-end;
}
.main-content-1 .main-item {
    width: 100%;
}
  .main-content-2 .main-item {
    width: 50%;
}
@media (max-width: 767px) {
    .main-content-2 .main-item {
      width: 100%;
    }
}
.main-content-3 .main-item {
    width: 33%;
}
@media (max-width: 767px) {
    .main-content-3 .main-item {
      width: 100%;
    }
}
.main-content-4 .main-item {
    width: 25%;
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-content-4 .main-item {
      width: 50%;
    }
}
@media (max-width: 767px) {
    .main-content-4 .main-item {
      width: 100%;
    }
}
/* Bloc secondaire */
.last-line {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Debug */
.debug {
    border: 1px solid black;
}
.debug .main-content {
    border: 1px solid black;
}
.debug .main-content .main-item {
    border: 1px solid black;
}
.debug .last-line {
    border: 1px solid black;
}