.separator {
  height: 50px;
  margin-top: -69px;
}

.separator::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background-color: transparent !important;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background-color: white;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.separator3 {
  height: 50px;
}

.separator3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background-color: transparent !important;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background-color: #f6c1c8;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

@media (min-width: 360px) {
  .separator3 {
    margin-bottom: -1px;
	  margin-top: -49px;
  }
}

@media (min-width: 992px) {
  .separator3 {
    margin-bottom: -120px;
	  margin-top: -49px;
  }
}

@media (min-width: 1200px) {
  .separator3 {
    margin-bottom: -210px;
	  margin-top: -49px;
  }
}

@media (min-width: 1400px) {
  .separator3 {
    margin-bottom: -190px;
	  margin-top: -49px;
  }
}

.separator2 {
  height: 50px;
  margin-bottom: -1px;
}

.separator2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background-color: white;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator2::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background-color: #ca0538;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.oblic {
  padding-top: 25px;
  /*padding-bottom: 25px;*/
  background-color: white;
}

.oblic {
  /*min-height: 40px;*/
  transform: translateX(0px) translateY(-33px) skewX(0deg) skewY(-2deg);
  z-index: 1000;
}

.section_haute {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .section_haute {
    margin-bottom: 33px;
  }
}

.footer1 {
  text-align: center;
}

.footer3 {
  text-align: center;
}

@media (min-width: 360px) {
  .paragraph_top {
    margin-top: 0px;
	padding-bottom:40px;
  }
  .top2 {
    margin-top: 0px;
	padding-bottom:20px;
  }
}

@media (min-width: 1200px) {
  .paragraph_top {
    margin-top: 220px;
	padding-bottom:40px;
  }
  .top2 {
    margin-top: 220px;
	padding-bottom:40px;
  }
}

@media (min-width: 992px) {
  .separator {
    margin-top: -82px;
  }

}

.sbi_follow_btn {
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%)!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  text-transform: uppercase;
  font-size: 14px!important;
  font-weight: 700!important;
  padding-top: 5px!important;
  border-radius: 0px!important;
  background-color: #ca0538;
  font-weight: normal !important;
  padding-bottom: 5px;
  border: none !important;
  color: white;
  text-decoration: none;
}
.sbi_follow_btn_inactif {
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%)!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  text-transform: uppercase;
  font-size: 14px!important;
  font-weight: 700!important;
  padding-top: 5px!important;
  border-radius: 0px!important;
  background-color: #f6c1c8;
  font-weight: normal !important;
  padding-bottom: 5px;
  border: none !important;
  color: white;
  text-decoration: none;
}

.sbi_follow_btn:hover {
  background-color: rgba(202,5,56,0.7);
  color: white;
  text-decoration: none;
}

.dropdown-menu a:hover {
  background-color: white!important;
  color: #ca0538!important;
}

@media all and (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

@media all and (min-width: 992px) {
  .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
}
@media (min-width: 300px) {
  .col_texte {
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .col_texte {
    padding-top: 150px;
  }
}

@media (min-width: 1200px) {
  .col_texte {
    padding-top: 20px;
  }
}

@media (min-width: 1400px) {
  .col_texte {
    padding-top: 0px;
  }
}
.scrolling-wrapper {
  overflow-x: auto;
  /*padding-top: 30px;*/
  /*padding-bottom: 20px;*/
}
h1 {
    font-size: 2em; 
    margin-bottom: .5rem;
}

/* Ratings widget */
.rate {
    display: inline-block;
    border: 0;
	color:white;
}
/* Hide radio */
.rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
    float: right;
}
/* The star of the show */
.rate > label:before {
    display: inline-block;
    font-size: 30px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */

}

/* Half star trick */
.rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}
/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label { 
	color: #ca0538;
	
} /* color previous stars on hover */

/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #ca0538;  }