.site-footer { position: fixed; bottom: 0;  left: 0;  right: 0;  z-index: 0; }

.mgb {  margin-bottom: 15%;   }

.mgb-2 {  margin-bottom: 2%;  }

.mgt-3 {  margin-top: 3%; }

.br-sm-2 { margin-bottom: 6%;  }

.br-sm-10 {  margin-bottom: 10%; }

.show-option { display: inline; }

.hide-option {  display: none; }

.bv-title {  color: #1da1f2;   font-size: 20px; }

.rep-color, .rep-voix {  display: inline-block;   vertical-align: top; }

.rep-color {  width: 50px;  height: 50px;    }

.rep-voix {  display: inline-block;   vertical-align: middle;  }

.add-mdl {  top: 20%;}

.fnt-14 { font-size: 14px; }

.text-bu { color: #338fec; }

.text-orangered { color: orangered; }

.pd-4 {  padding: 4%; }

.pd-5 {  padding: 5%; }

.algn-center { text-align: center; }

.algn-right { text-align: right; }

@media (max-width: 767px) {
    .br-sm-10 {  margin-bottom: 16%; }
}