/*** Feuille de styles - Affichage du footer ***/

.noDisplayMobile{
    display: none;
}
    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .noDisplayMobile {
            display: block!important;
        }
        .noDisplayDesktop {
            display: none!important;
        }
    }

/**** Footer ****/
.footer-cara{
    background-color: var(--white-color);
    border-top: 15px solid var(--blue-color);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-top: 16px;
    width: 100%;
}

.titleFooter{
    color: var(--black-1-color);
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 16px;
}

    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .container1200Desktop{
            margin: 0 auto;
            max-width: 1200px;
        }
    }

.socialLinks{
    padding: 0 30px 20px;
}
    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .socialLinks{
            float: left;
            width:40%;
        }
    }

.socialLinks img {
    height: auto;
    margin-right: 10px;
    width:40px;
}

.appLinks{
    border-top: 1px solid var(--gray-2-color);
    padding: 12px 30px 20px;
}
    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .appLinks{
            border-top: 0;
            float: left;
            padding-top: 0;
            width:60%;
        }
    }

.appLinks a{
    text-decoration: none;
}

/* Device Desktop */
@media only screen and (min-width: 992px) {
    .infoDesktopLinks{
        border-top: 1px solid var(--gray-2-color);
        clear: both;
        margin: 0 15px;
        overflow: hidden;
        padding: 12px 15px 20px;
    }
    .infoDesktopLinks a{
        color: var(--black-1-color);
        font-size: 16px;
        text-decoration: none;
    }
    .infoDesktopLinks a:hover{
        text-decoration: underline;
    }
    .infoDesktopLinks ul{
        line-height: 2.5;
        list-style: none;
    }
    .categoryLinks{
        border-right: 1px solid var(--gray-2-color);
        float: left;
        font-family: 'Roboto condensed', sans-serif;
        width:66%;
    }
    .legalLinks{
        float: left;
        font-family: 'Roboto condensed', sans-serif;
        padding-left: 20px;
        width:33%;
    }
}

.infoLinks{
    background-color: var(--blue-color);
    clear: both;
    list-style: none;
    overflow: hidden;
}

    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .infoLinks{
            text-align: center;
        }
    }

.infoLinks li {
    float: left;
    font-family: 'Roboto condensed', sans-serif;
    font-size: 16px;
    width: 50%;
}

    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .infoLinks li {
            display: inline-block;
            float: none;
            width: auto;
        }
    }

.infoLinks a{
    color: var(--white-color);
    display: block;
    padding: 7px 15px;
    text-decoration: none;
}
.infoLinks a:hover{
    color: var(--white-color);
    text-decoration: underline;
}

.groupLinks{
    overflow: hidden;
}
.groupLinks .copyright{
    font-size: 13px;
    padding: 7px 0 20px;
    text-align: center;
}
.groupLinks a{
    color: var(--black-1);
    text-decoration: none;
}
.groupLinks img{
    margin:14px 0;
}

    /* Device Desktop */
    @media only screen and (min-width: 992px) {
        .groupLinks .titleFooter{
            float: left;
            padding-left:30px;
        }
        .groupLinks .sitesLinks{
            list-style: none;
            text-align: center;
        }
        .groupLinks .sitesLinks li{
            display: inline-block;
            float: left;
            padding-left: 50px;
        }
    }