/*NAVBAR */
.navbar {
background-color: rgba(255, 255, 255, 0.3)!important;
font-size: 14px;
box-shadow: none!important;
}

.vo-navbar {
  background-color: #ffffff!important;
  border-bottom: 1px solid #C94446;
  height: 82px;
  padding-left: 5rem;
  padding-right: 5rem;  
}

.after-navbar {
  margin-top: 82px;
  /* position: absolute; */
  /* top: 82px; */  
}

.navbar.navbar-dark .navbar-toggler{
  color: #C94446;
}
.container-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background-color:#ffffff!important;
}
.top-nav-collapse {
background-color: #fff!important; 
}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
color: #263238;
transition: .35s;
}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
color: #263238;
}
.vo-navbar-active {
color: #c43436!important;
}
.view {
height: 100%;
}
.element-right{
float: right!important;
margin-left: right!important;
padding-left: right!important;
}
.container-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}

/** ******************
header
******************* **/
.vo-header {
/* border-bottom: 1px solid #C94446; */
margin-left: auto;
margin-right: auto;
}


/** ******************
couleurs
******************* **/
.vo-background-red {
  background-color: #C94446;
}
.vo-background-red2 {
  background-color: #ac021c;
}
.vo-red2 {
  color: #6B0015;
}
.vo-background-white {
  background-color: #F9F9F9;
}
.vo-white{
  color:white;
}
.vo-red {
  color:#C94446;
}
.vo-background-gris {
  background-color: #F5F5F5;
}

/** ******************
TITRES ET TEXTES
******************* **/
.vo-text {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
}
.vo-hero-text {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 134.69%;
  margin-right: 5%;
  margin-top: 3%;
  margin-bottom: 4%;
}
.vo-text-small {
  font-size: 15px;
}
.vo-card-text{
  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 148.7%;
  text-align: center;
  color: #000000;
}
.vo-text-bolder {
  font-weight: 700;
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-align: center;
}
.vo-card-title {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 121.2%;
  color: #C94446;
  margin-bottom: 0px;  
}
.vo-h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  line-height: 67px;
}
.vo-h2{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-size: 55px;
  line-height: 67px;
}
.vo-h3{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-size: 50px;
  line-height: 67px;
}
.vo-title-extrait{
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  font-size: 55px;
  line-height: 67px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-right: 40px;
}
.vo-text-selection {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  font-size: 50px;
  line-height: 45px;
  margin-top: 30px;
  margin-left: 50px;
  margin-right: 50px;
}
.vo-center {
  text-align: center;
}
.vo-comment {
  font-size: 20px;
  font-style: italic;
  font-weight: 800;
  line-height: 29px;
  letter-spacing: 0.05em;
}

/** ******************
general
******************* **/
.vo-section { /* à utiliser sur toutes les sections AVEC padding top et bottom */
  position: relative;
  padding-left: 5rem;
  padding-right: 5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.vo-section-no-padding { /* à utiliser sur toutes les sections SANS padding Left - right  */
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.vo-section-small-padding { /* à utiliser sur toutes les sections SANS padding Left - right  */
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.vo-testimonial-content{
  background-color: white;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  padding: 30px;
  margin: 30px;
}
.vo-flex-content {
  display: flex;
  align-items: center;
}
.vo-grid-item2 {
  width: 50%;
}
.vo-no-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.vo-margin-title{
  margin-top: 30px
}
.vo-form-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  justify-items: center;
}
.vo-splide-full{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 100px;
}
.vo-class-pagination{
  display: none!important;
}

.vo-splide-margin{
  margin-top: 20%;
}
.splide__pagination__page {
  background: #C94446!important;
  opacity: 1!important;
}
.splide__pagination {
  bottom: -2.5em!important;
}
.vo-class-prev {
  left: -2em!important;
}
.vo-class-next {
  right: -2em!important;
}
.vo-class-arrow {
  background: #fff!important;
}
.vo-height-section2{
  height: 500px;
}
.vo-height-selection{
  height: 600px;
}
.vo-margins{
  margin-left: 80px;
  margin-right: 80px;
}
.vo-margin{
  margin-top: 50px;
  margin-bottom: 50px;
}
.vo-row-reverse-laptop{
  flex-direction: row-reverse;
}
.vo-text-justify {
  text-align:justify;
}
.vo-negative-padding {
  margin-bottom: -200px!important;
}
.vo-white-space{
  height: 400px;
}
.vo-section-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vo-form-container-child {
  max-width: 314px;
}
.vo-group-section6 {
  display: block;
}
.display-form-container-3{
  margin: 50px 0 50Px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  row-gap: 30px;
}
.vo-section-reduce {
  max-width: 1000px;
  box-shadow: 8px 8px 15px 0px #00000040;
}
.vo-hight-contenant {
  min-height: 400px;
  justify-content: space-evenly;
}
.vo-group-center {
  text-align:center;
  max-width: 80%;
  margin: 30px auto 30px auto;
}
.vo-group-section5 {
  display: flex;
  flex-direction:column;
}
.vo-form-container-2{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width:100%;
}
.vo-container{
  width: 365px;
}
.vo-form-container-child {
  max-width: 314px;
}
.vo-video-player{
  width:560px;
  height:315px;
}
.vo-line{
  border-top: 1px solid #F5F5F5;
  width : 100%;
  margin-top: 30px;
  margin-bottom: 30px;

}
/** ******************
IMAGES
******************* **/
.vo-img-fluid {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.vo-star{
  margin-bottom: 10px;
  margin-top: 10px;
}
.vo-img-fluid-store {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 5px;
  margin-right: 5px;
  max-width: 100%;
}
.vo-img-width {
  max-height: 500px;
  width: auto;
  object-fit: auto;
}

.vo-img-clients {
  max-height: 50px;
  margin: 10px 10px 0px 10px;
}
.vo-img-reduce {
  max-width: 296px;
}
.vo-img-testi{
  max-width: 80px;
  margin-bottom: -64px;
}
/** ******************
    BOUTONS
******************* **/
.vo-btn {
  border: 0;
  line-height: 2.5;
  padding: 10px 50px;
  font-family: 'Roboto';
  font-size: 15px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  background-color: #C94446;
}
.vo-btn a{
  font-family: 'Roboto';
  font-size: 15px;
  text-align: center;
  color: #fff;
}
.styled:hover {
  background-color: #F05A5C;
}
/** ******************
  NUMBERS 1-2-3-4
******************* **/
.vo-li-actions {
  border-left: 2px solid #C94446;
  padding-left: 20px;
}
.vo-li-p {
  color:#C94446;
  margin-left: 20px;
  margin-top: auto;
  margin-bottom:auto;
  font-family: "Roboto";
  font-weight: 600;
}
.vo-red-circle {
  margin-left: -43px;
}
.vo-red-circle-p {
  margin-bottom: 45px;
  display: flex;
  flex-direction: row;
  align-content: center;
}
.vo-red-circle-p:last-child {
  margin-bottom:0;
}

/** ******************
    footer
******************* **/
.footer {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.vo-nav-footer-ul {
display: flex;
list-style: none;
justify-content: space-between;
min-width: 300px;
font-family: Roboto;
font-size: 15px;
font-weight: 800;
line-height: 67px;
letter-spacing: 0.05em;
text-align: left;
}

.vo-nav-footer-ul>li>a {
color: black;
}

.vo-nav-footer-ul>li>a:hover{
color: #C94446;
}

.vo-group-qr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-width: 245px;

}

.vo-group-qr>p {
  color: #C94446;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 800;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-align: right;

}
.vo-footer-margin{
  margin-left: 20px;
  margin-right: 20px;
}

/** ******************
    Carrousel
******************* **/
.vo-margin-slider{
  margin-top: 50px;
}
.vo-radio-margin{
  margin-left: 140px;
}
.vo-bottom{
  margin-top: 358px!important;
}
input[type=checkbox], input[type=radio].vo-input-style {
  background-color: #CDDC39!important;
}
input[type=checkbox], input[type=radio].vo-input-style:checked{
  background-color: #CDDC39!important;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  border-radius: 50%;
  width: 16px;
  height: 16px;

  border: 2px solid #77081B;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 4px;
}

input:checked {
  border: 6px solid #77081B;
}
#slider {
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}
#slider label {
  margin: auto;
  border-radius: 4px;
  position: absolute;
  left: 0; right: 0;
  cursor: pointer;
  transition: transform 0.4s ease;
}
#s1:checked ~ #slide4, #s2:checked ~ #slide5,
#s3:checked ~ #slide1, #s4:checked ~ #slide2,
#s5:checked ~ #slide3 {
  transform: translate3d(-30%,0,-200px);
}
#s1:checked ~ #slide5, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4 {
  transform: translate3d(-15%,0,-100px);
}
#s1:checked ~ #slide1, #s2:checked ~ #slide2,
#s3:checked ~ #slide3, #s4:checked ~ #slide4,
#s5:checked ~ #slide5 {
  transform: translate3d(0,0,0);
}
#s1:checked ~ #slide2, #s2:checked ~ #slide3,
#s3:checked ~ #slide4, #s4:checked ~ #slide5,
#s5:checked ~ #slide1 {
  transform: translate3d(15%,0,-100px);
}
#s1:checked ~ #slide3, #s2:checked ~ #slide4,
#s3:checked ~ #slide5, #s4:checked ~ #slide1,
#s5:checked ~ #slide2 {
transform: translate3d(30%,0,-200px);
}
/*
#slide1 { background: #00BCD4 }
#slide2 { background: #4CAF50 }
#slide3 { background: #CDDC39 }
#slide4 { background: #FFC107 }
#slide5 { background: #FF5722 }
*/
/* FIN CAROUSEL */
/** ***************

  media queries

****************** **/



/** ***************
  tablette
****************** **/

@media(max-width:998px){
  #milieu,#formation,#situation,#revenu,#source { padding: 5px; background-position: center right 18px !important; }
    .vo-hero-title {
      font-size: 44px;
      line-height: 50px;
    }
    .vo-text {
    font-size: 17px;
    line-height: 25px;
    }
    .vo-hero-text{
    font-size: 18px;
    line-height: 134.69%;
    margin-right: 5%;
    margin-top: 3%;
    margin-bottom: 4%;
    }
    .vo-navbar {
      padding-left: 2rem;
      padding-right: 2rem;
    }    
    .vo-section {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .vo-form-container-2 {
      display:flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      align-items: start;
      margin: 30px 0;
    }
  .vo-video-player {
    width: 344px;
    height: 192px;
  }
  .vo-section-reduce {
    max-width: 618px;
  }
}

/** ***************
  MOBILE
****************** **/

@media(max-width:640px) {
  .vo-class-next {
    right: 1em!important;
  }
  .vo-class-prev {
    left: 1em!important;
  }
  .vo-img-testi{
    max-width: 60px;
    margin-bottom: -40px;
  }
  .vo-comment-ca-marche{
    height: 486px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .vo-line {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .vo-comment {
    font-size: 12px;
    line-height: 143.19%;
  }
  .vo-video-player {
    width: 344px;
    height: 192px;
  }
  .vo-img-reduce{
    max-width: 190px;
  }
  .vo-form-container-child {
    margin: 20px 0;
  }
  .vo-nav-footer-ul {
    padding:0;
    justify-content: space-around;
  }
  .vo-group-center {
    max-width: 100%;  
  }
  .vo-margin{
    margin-left: 20px;
    margin-right: 20px;
  }
  .vo-title-extrait{
    font-size: 20px;
  }
  .vo-text-selection {
    font-size: 25px;
    line-height: 25px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .vo-center-responsive {
    text-align: center;
  }
  .vo-red-circle{
    width: auto;
    height: 48px;
  }
  .vo-margin-left{
    margin-left: 30px;
  }
  .vo-margins {
    margin-left: 20px;
    margin-right: 20px;
  }
  .vo-bottom {
    bottom: 0px;
    margin-top: 265px!important;
  }
  .vo-radio-margin {
    margin-left: 80px;
  }
  .vo-padding {
    padding: 20px;
  }
  .vo-h1 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 35px;
    line-height: 38px;
  }
  .vo-h2{
    font-size: 30px;
    line-height: 38px;
  }
  .vo-h3{
    font-size: 30px;
    line-height: 38px;
  }
  .vo-text{
    font-size: 12px;
    line-height: 16px;
  }
  .vo-hero-text{
    font-size: 15px;
  }
  .vo-section {
    position: relative;
    justify-content: center;
  }
  .vo-grid-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vo-grid-item2 {
    width: 100%;
  }
  .vo-form-container {
    grid-template-columns: 1fr;
  }
  .vo-store-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .vo-img {
    max-width: 275px;
  }
  .vo-img-fluid {
    padding: 0px 0px 0px 0px;
  }
  .vo-img-fluid-store{
    margin-left: 3px;
    margin-right: 3px;
    padding: 0px 0;
  }
  .vo-form-container-2 {
    display:flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
  }
  .vo-form-container-child {
    margin: 20px 0;
  }
  .vo-nav-footer-ul {
    padding:0;
    justify-content: space-around;
  }
  .vo-group-center {
    max-width: 100%;
    margin: 30px auto 0px auto;
  }
  .vo-carrousel-max-width{
    max-width: 258px;
  }
  #slider { 
    width: 258px;
  }
  .vo-margin-slider {
    margin-top: 25px;
  }
  .vo-li-actions {
    padding-left: 17px;
  }
  .vo-img-clients {
    max-height: 25px;
    margin: 0px 0px 0px 5px
  }
  .vo-flex-content{
    flex-direction: column;
  }
  .vo-app-margins{
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .vo-height-selection {
    height: auto;
  }
  .vo-splide-app{
    padding-bottom: 40px;
  }
  .vo-container{
    width: auto;
  }
  .vo-footer-margin{
    margin-left: 0px;
    margin-right: 0px;
  }
  .footer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    flex-direction: column;
  }

  .vo-margin-bottom{
    margin-bottom: 30px;
  }
}

/* STYLES IMPORTÉS DE VOTREOPINION.CSS */

/* index.html */
.btn-votreopinion2 {
  color: #fff;
  background-color: #c43436!important;
  font-size: 15px;
}
.md-form {
  margin-top: 12px;
  margin-bottom: 12px;
}
.modal-dialog .modal-content .modal-header {
  background-color: #c43436; 
}

/* compte.html */
.btn-votreopinion {
  color: #fff;
  background-color: #c43436!important;
  font-size: 15px;
}
.hr-votreopinion3 {
  border: 0;
  border-top: 2px solid #c43436!important;
}

/* faq.html */
.background-color {
  background: linear-gradient(to right, #c43436 35%, #c43436 36% , #fff 23%, #fff 100%);
}
.margin-4{
	padding-top: 4px;
	padding-bottom: 4px;
}
.padding-6 {
	padding-top: 6%;
	padding-bottom: 6%;
}

/* FIN NEW CSS */