.bloc-suivez {
    height: calc(100% - 123px);
    position: absolute;
    left: 40px;
    z-index: 2;
    top: 123px;
    padding-bottom: 75px;
}
.box-suivez {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: flex-end!important;
    flex-direction: column;
    height: 100%;
}
.box-suivez span {
    display: block;
    color: #fff;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    letter-spacing: 2px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.liste-sociaux-header li:last-child:after {display: none;}
.liste-sociaux-header  {list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;align-items: center;margin-top: 70px;flex-direction: column;}
.liste-sociaux-header  li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    margin-top: 10px;
}
.liste-sociaux-header li:last-child {
    margin-right: 0px;
}
.liste-sociaux-header li em {
    color: #fff;
    font-size: 15px;
}
.liste-sociaux-header  a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    overflow: hidden;
}

.liste-sociaux-header a:hover { text-decoration: none;}
.liste-sociaux-header 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;
}
.liste-sociaux-header li a:hover em, .liste-sociaux-header li a:hover em:before {
    color: #fff;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-facebook-f:after {
    width: 100%;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-twitter:after {
    width: 100%;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-linkedin-in:after {
    width: 100%;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-google-plus-g:after {
    width: 100%;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-google-plus-g:after {
    width: 100%;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-youtube:after {
    width: 100%;
}
.liste-sociaux-header 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);
}
.liste-sociaux-header li a:hover .fa-instagram:after {
    width: 100%;
}
@media screen and (max-width: 1600px) {
.bloc-suivez {
    padding-bottom: 150px;
}
}
@media screen and (max-width: 1440px) {
.bloc-suivez {
    padding-bottom: 40px;
}
}
@media screen and (max-width: 1280px) and (max-height: 600px) {
.box-sociaux-interne .bloc-suivez {
    padding-bottom: 0;
    height: 100%;
}
}
@media screen and (max-width: 1200px) {
.box-sociaux-interne .bloc-suivez {
        top: 115px;
}
}
@media screen and (max-width: 1024px) and (max-height: 600px) {
.box-sociaux-interne .bloc-suivez {
    padding-bottom: 30px;
    top: 115px;
}
}
@media screen and (max-width: 991px) {
.bloc-suivez {
    width: calc(100% - 60px);
    height: 100px;
    right: 30px;
    bottom: 0;
    z-index: 22;
    left: 30px;
}
.box-suivez {
    flex-direction: row;
}
.box-suivez span {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding-right: 45px;
}
.liste-sociaux-header {
    margin-top: 0;
    flex-direction: row;
}
.liste-sociaux-header li {
    width: 35px;
    height: 35px;
    padding-bottom: 0;
    margin-top: 0;
    margin-left: 15px;
    padding-right: 15px;
}
.liste-sociaux-header li:after {
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.liste-sociaux-header li:last-child {
    padding-right: 0px;
}
}
@media screen and (max-width: 767px) {
.bloc-suivez {
    width: calc(100% - 30px);
    height: 90px;
    right: 15px;
    bottom: auto;
    z-index: 22;
    left: 15px;
    top: 580px;
}
}
@media screen and (max-width: 480px) {
.box-suivez span {
    padding-right: 15px;
}
.bloc-suivez {
    top: 480px;
}
}
@media screen and (max-width: 400px) {
.bloc-suivez {
    top: 465px;
}
}