/* -                                                             - */
/* -                          FOOTER                             - */
/* -                                                             - */

footer {
    height: 18vw;
    width: 100%;
    background-color: #215158;
    position: relative;
    bottom: 0;
}

/* -                                                                         - */
/* -                          FOOTER - SECTION 1                             - */
/* -                                                                         - */

footer > section:nth-child(1) {
    height: 16vw;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* -                                                                                - */
/* -                          SECTION 1 - PARTIE GAUCHE                             - */
/* -                                                                                - */

footer > section:nth-child(1) > div:nth-child(1) {
    height: 100%;
    width: 20%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

/* -                                                                 - */
/* -                          SUIVEZ-MOI                             - */
/* -                                                                 - */

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    height: 8vw;
    width: 15vw;
    display: block;
}

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h1 {
    position: relative;
    left: 10vw;
    top: 2vw;
    font-size: 1.8vw;
    color: white;
    padding-bottom: 0.5vw;
    border-bottom: 0.2vw solid #FCDD13;
}

/* -                                                              - */
/* -                          RESEAUX                             - */
/* -                                                              - */

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div {
    position: relative;
    left: 11vw;
    top: 3vw;
    width: 4vw;
    height: 1.5vw;
    display: flex;
    justify-content: space-between;
}

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div > a > ion-icon{
    font-size: 1.5vw;
    color: white;
}


/* -                                                              - */
/* -                          ADRESSE                             - */
/* -                                                              - */

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    height: 8vw;
    width: 25vw;
}

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(2) > h1 {
    position: relative;
    left: 10vw;
    top: 2vw;
    font-size: 0.9vw;
    color: white;
}

footer > section:nth-child(1) > div:nth-child(1) > div:nth-child(2) > p {
    position: relative;
    left: 10vw;
    top: 2vw;
    width: 13vw;
    font-size: 0.8vw;
    color: white;
    margin-top: 0.5vw;
}

/* -                                                                                - */
/* -                          SECTION 1 - PARTIE DROITE                             - */
/* -                                                                                - */

footer > section:nth-child(1) > div:nth-child(2) {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 20%;
}

/* -                                                                   - */
/* -                          CHRYSAL'HOME                             - */
/* -                                                                   - */

footer > section:nth-child(1) > div:nth-child(2) > h1 {
    position: relative;
    left: 2vw;
    top: 2vw;
    width: 20vw;
    font-size: 1.8vw;
    color: white;
    padding-bottom: 1vw;
    margin-left: 20%;
}

footer > section:nth-child(1) > div:nth-child(3) {
    height: 100%;
    width: 20%;
}

footer > section:nth-child(1) > div:nth-child(3) > h1 {
    margin-top: 6%;
    color: white;
    font-size: 2vw;
} 

/* -                                                                 - */
/* -                          REDIRECTIOn                             - */
/* -                                                                 - */

.footer-redirection {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    margin-top: 5%;
}

.footer-redirection > a {
    display: flex;
    text-decoration: none;
    color: white;
    font-size: 1.1vw;
}

.footer-cgv #cgv {
    text-decoration: none;
    color: white;
    font-size: 1.0vw;
}

.footer-cgv {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-redirection > a:hover {
    color: rgb(230, 230, 230);
}

.footer-redirection > a > ion-icon {
    margin: 0.1vw 0.5vw 0.8vw 0vw;
}

/* -                                                                            - */
/* -                          DIV - COPYRIGHT                             - */
/* -                                                                            - */

#copyright {
    text-align: center;
    color: white;
    font-size: 0.8vw;
}