.cta-sidebar {list-style-type:none}
.cta-sidebar li {position:fixed;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;transition:all 600ms ease;z-index:20}
.cta-sidebar li#devisgratuit {background-color:#b30702}
.cta-sidebar li#certifications {background-color:#1287C9}
.cta-sidebar li#telechargez {background-color:#73BCE3}
.cta-sidebar li#partenaire {background-color:#307497}
.cta-sidebar li a {position:relative;display:flex;box-sizing:border-box;font-family:sans-serif;font-size:14px;line-height:1.3;font-weight:700;text-decoration:none;color:#fff}
.cta-sidebar li a:hover {text-decoration:none;color:#fff}
.cta-sidebar li a span.bg {position:absolute;background-position:center;background-repeat:no-repeat}
.cta-sidebar li#devisgratuit a span.bg {background-image:url(../../www.tricel.fr/wp-content/uploads/2016/08/tp_icon_devis.png)}
.cta-sidebar li#certifications a span.bg {background-image:url(../../www.tricel.fr/wp-content/uploads/2016/08/tp_icon_brochure.png)}
.cta-sidebar li#telechargez a span.bg {background-image:url(../../www.tricel.fr/wp-content/uploads/2016/08/tp_icon_phone.png)}
.cta-sidebar li#partenaire a span.bg {background-image:url(../../www.tricel.fr/wp-content/uploads/2016/08/tp_icon_distributor.png)}

@media only screen and (min-width:1490px) {
.cta-sidebar li {right:0;width:200px;height:75px}
.cta-sidebar li:hover {width:250px}
.cta-sidebar li a {justify-content:flex-start;align-items:center;width:185px;height:75px;padding-left:75px}
.cta-sidebar li a span.bg {left:10px;width:50px;height:50px;background-size:50px}
.cta-sidebar li a span.title_short {display:none}
.cta-sidebar li#devisgratuit {top:200px}
.cta-sidebar li#certifications {top:calc(200px + 1 * 75px)}
.cta-sidebar li#telechargez {top:calc(200px + 2 * 75px)}
.cta-sidebar li#partenaire {top:calc(200px + 3* 75px)}
}

@media only screen and (min-width:768px) and (max-width:1489px) {
.cta-sidebar li {right:0;width:80px;height:80px}
.cta-sidebar li:hover {width:100px}
.cta-sidebar li a {justify-content:center;align-items:center;width:80px;height:80px;padding:50px 5px 10px}
.cta-sidebar li a span.bg {top:7px;left:50%;transform:translateX(-50%);width:40px;height:40px;background-size:40px}
.cta-sidebar li a span.title {display:none}
.cta-sidebar li a span.title_short {font-size:12px;text-align:center}
.cta-sidebar li#devisgratuit {top:200px}
.cta-sidebar li#certifications {top:calc(200px + 1 * 80px)}
.cta-sidebar li#telechargez {top:calc(200px + 2 * 80px)}
.cta-sidebar li#partenaire {top:calc(200px + 3* 80px)}
}

@media only screen and (max-width:767px) {
.cta-sidebar li {bottom:0;width:25%;height:80px;transition:none}
.cta-sidebar li a {justify-content:center;align-items:center;width:100%;height:80px;padding:50px 5px 10px}
.cta-sidebar li a span.bg {top:7px;left:50%;transform:translateX(-50%);width:40px;height:40px;background-size:40px}
.cta-sidebar li a span.title {display:none}
.cta-sidebar li a span.title_short {font-size:12px;text-align:center}
.cta-sidebar li#devisgratuit {left:0}
.cta-sidebar li#certifications {left:25%}
 .cta-sidebar li#telechargez {left:50%}
.cta-sidebar li#partenaire {left:75%}
}