.boxsuivez-nous {
    overflow: hidden;
}
.liste-sociaux {list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;align-items: center;}
.liste-sociaux li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    margin-right: 10px;
}
.liste-sociaux li:last-child {
    margin-right: 0px;
}
.liste-sociaux li em {
    color: #2900a5;
    font-size: 18px;
}
.footerflex .liste-sociaux li em {
    color: #ffffff;
    font-size: 18px;
}
.liste-sociaux a {
    position: relative;
    padding: 7px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
}
.liste-sociaux a:hover { text-decoration: none;}
.boxsuivez-nous ul li a em:before {
    position: relative;
    z-index: 2;
    -webkit-transition: color 300ms cubic-bezier(0.86,0,.07,1) 0ms;
    -moz-transition: color 300ms cubic-bezier(0.86,0,.07,1) 0ms;
    -ms-transition: color 300ms cubic-bezier(0.86,0,.07,1) 0ms;
    -o-transition: color 300ms cubic-bezier(0.86,0,.07,1) 0ms;
    transition: color 300ms cubic-bezier(0.86,0,.07,1) 0ms;
}
.boxsuivez-nous ul li a:hover em, .boxsuivez-nous ul li a:hover em:before {
    color: #fff;
}
.boxsuivez-nous ul li a .fa-facebook-f:after {
    content: '';
    display: block;
    background-color: #3b5998;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-facebook-f:after {
    width: 100%;
}

.boxsuivez-nous ul li a .fa-twitter:after {
    content: '';
    display: block;
    background-color: #55acee;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-twitter:after {
    width: 100%;
}


.boxsuivez-nous ul li a .fa-linkedin-in:after {
    content: '';
    display: block;
    background-color: #0077B5;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-linkedin-in:after {
    width: 100%;
}
.boxsuivez-nous ul li a .fa-google-plus-g:after {
    content: '';
    display: block;
    background-color: #d34836;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-google-plus-g:after {
    width: 100%;
}
.boxsuivez-nous ul li a .fa-google-plus-g:after {
    content: '';
    display: block;
    background-color: #d34836;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-google-plus-g:after {
    width: 100%;
}
.boxsuivez-nous ul li a .fa-youtube:after {
    content: '';
    display: block;
    background-color: #cd201f;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-youtube:after {
    width: 100%;
}
.boxsuivez-nous ul li a .fa-instagram:after {
    content: '';
    display: block;
    background-color: #517fa6;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -moz-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -ms-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    -o-transition: width 400ms cubic-bezier(0.86,0,.07,1);
    transition: width 400ms cubic-bezier(0.86,0,.07,1);
}
.boxsuivez-nous ul li a:hover .fa-instagram:after {
    width: 100%;
}

.liste-sociaux-header {
    position: absolute;
    bottom: 40px;
    z-index: 33;
    left: 40px;
}

@media screen and (max-width: 1280px) { 
.liste-sociaux-header {
    bottom: 20px;
    left: 20px;
}
}