footer {
    --footer-bg              : ;
    --footer-logo-max-width  : 200px;
    --footer-link-color      : var(--dark);
    --footer-link-hover-color: var(--color-2);
    --footer-link-bg         : var(--light);
    --footer-link-hover-bg   : var(--light);
    --footer-gap             : 5px;
    --footer-link-padding    : 0 12px;
    --footer-social-gap      : 8px;
}
/* -----------------------------------FOOTER----------------------------------- */
/* logo  */
footer .logo-footer {
    padding: 0 1rem;
    margin : 0 auto;
    display: block;
    text-align: center;
       border-left:1px solid #000;
   border-right:1px solid #000;
}
footer .logo-footer img{
   max-width:280px;

}

footer h3{
    font-size: 23px;
    text-transform: uppercase;
    color:#000;
}

footer li {
    /* font-size: 12px; */
    color:#000;
}
footer li p {
    margin-bottom:0;
}

footer .link-bottom p{
    font-size: 12px;
    color:var(--color-3);
    font-weight: 200;
}
footer .link-bottom .list-menu {
   display:flex;
   flex-wrap:wrap;
}
footer .link-bottom .list-menu a{
  padding:0 1rem;
  color:var(--dark);
   font-size: 12px;
    text-transform: uppercase;
font-family: 600;
}
footer .link-bottom .list-menu li:not(:last-child)  a
{
    border-right:1px solid var(--color-3);
}
footer .right p{
    font-size: 15px;
    color: #000;
    font-weight: bold;
}




@media(max-width:991px) {
    footer .logo-footer {
        padding   : 0;
        margin    : 0;
        /* max-width : 150px;
        margin-top: -18px; */
    }
    footer .logo-footer {
    border-left: none;
    border-right: none;
}
}
@media (max-width: 576px) {
    footer .logo-footer {
        margin: 0 auto;
    }
}
/* --fin logo- */
.footer {
    flex            : 0 0 auto;
    background-color: var(--footer-bg);
    color           : #a8a8a8;
    font-size       : 1.3rem;
    line-height     : 1.4;
    border-top      : 1px solid var(--color-1);
    padding-top     : 1.5rem;
    width: calc(100% - var(--aside));
}
footer .footer-infos > div {
    margin-bottom: 1rem;
    text-align   : center;
}
footer .btn:focus {
    box-shadow: none;
}
footer .footer-menu a {
    display      : block;
    margin-bottom: 2px;
    padding      : 0.15rem 0.75rem;
    text-align   : left;
    font-size    : 16px;
    color        : #666666;
    padding-left : 0;
    padding-right: 0;
}
footer .footer a:focus,
footer .footer a:hover {
    color: #000;
}
footer .footer-infos {
    padding-bottom: 1.5rem;
}
footer .footer-infos > div:last-child {
    margin-bottom: 0;
}
footer .logo img {
    max-height: 140px;
    width     : 100%;
}
footer .logo a {
    display: flex;
}
footer .bottom-bar {
    background-color: var(--color-1);
    color           : #ffffff;
}
footer .bottom-bar a {
    color: #ffffff;
}
footer .footer-menu {
    height        : 100%;
    display       : flex;
    padding-bottom: 1.5rem;
}
footer .footer-menu a {
    display       : block;
    margin-bottom : 2px;
    padding       : 0.15rem 0.75rem;
    text-align    : left;
    font-size     : 18px;
    color         : #000;
    padding-left  : 0;
    padding-right : 0;
    text-transform: unset;
}
footer .footer-menu li:last-of-type a {
    margin-bottom: 0;
}
footer .footer-other {
    height         : 100%;
    display        : flex;
    justify-content: center;
    flex-direction : column;
    justify-content: flex-end;
    padding-bottom : 1.5rem;
}
footer .bottom-bar {
    display         : flex;
    justify-content : center;
    padding         : 1rem;
    background-color: #fff;
    color           : var(--color-3);
    font-size       : 12px;
    font-weight: 600;
}
ul.social {
    display: flex;
}
ul.social li a {
    width            : 38px;
    height           : 38px;
    display          : -webkit-box;
    display          : -ms-flexbox;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    border-radius    : 50%;
    color            : var(--color-1);
    margin-right     : 0.5rem;
    border           : 2px solid var(--color-1);
}
ul.social li a:hover {
    color: #fff;
}

.link-bottom li{
    color:var(--color-2);
}
@media (max-width: 520px) {

        footer .link-bottom .list-menu {
        display: block;
        }

        footer .link-bottom .list-menu li:not(:last-child) a{
        border:none;
        }
}
@media (min-width: 576px) {
    footer .footer-other {
        flex-direction : row;
        justify-content: space-around;
        align-items    : center;
    }

}