body{
  color: gray!important;
  margin:0 auto;
width: 100%;
overflow-x: hidden;
}
.social li{
  display: inline;
  padding-left: 5%!important;
}

.a-menu:hover {

background-color: rgba(192,0,0,0.7);
color: #303030!important;
}

.header {
  width: 90%!important;
margin-left: 5%!important;
}

.header h1 {
  font-size: 25px;
    padding-top: 5%;
}

.social {
  padding-top: 5%;
}

.social a:hover{
  color:#FDAEAE!important;
}

.social i{
  font-size: 25px!important;
}

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.carousel-caption{
  background-color: rgba(192, 0, 0, 0.7); !important;
  color:#fff;
  z-index: 11px;

}

.img-carousel{
width:2rem;

}

.carousel-control-prev{
  top: 61%!important;
  margin-left: 13%;

}

.carousel-control-next{
  top: 61%!important;
  margin-right: 24%;

}


.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 40%!important;
    left: 0%!important;
    top: 15%!important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
  }

  .line {
    padding: 4%;
    border-left: 2px solid gray;
    margin-left: 30%;
    text-align: left;
  }

.main a {

  width: 30%;
  height: 25%;
}

.fas {
  color: white;
  background-color: #C00000;
  width: 1500%;
  padding: 600%;

}

img {
  width: 100%;
}

.second.row {
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.text p{
  font-size: 18px;
}

 button {
      margin-left: 40%;
      background-color: #C00000;
      color: white;
      padding: 2% 9% 2% 9%;
}

.text {
  border-left: 3px solid #C00000;
  padding-left: 5%;
  margin-left: 5%;
}

.text-2 {
  border-left: 3px solid #C00000;
  padding-left: 2%;
  margin-left: 2%;
}

.photo{
  display: inline-block;
position: relative;
}

.third button{
  margin-left: 30%;
}

.third .line, .fourth .line {
  border-left: 3px solid #C00000;
  margin-left: 0!important;
}

.footer {
  background-color: #303030;


}

.text_footer{
  padding-top: 2%;
  color: white;
}

.text_footer2{
  padding-bottom: 2%;
  color: white;
}

.footer .row  {
  margin-right: 0!important;
 margin-left: 0!important;
}

.footer a{
  color: #fff!important;
  font-weight: bold;
}

@media (max-width: 599px) and (min-width: 0px) {

  .main .line{
    margin-left: 0!important;
    padding: 0!important;
  }

  .main h3{
    font-size: 14px!important;
    line-height: 0.5!important;
  }
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.btn_link{

       background-color: #C00000;
       color: #fff;
       display:block;
   width:100%;
   margin:0 auto;

}

.timeline_link{

       color: #fff;
       display:block;
   width:100%;
   margin:0 auto;

}

.timeline_link:hover{
  background-color: #fff;
font-weight: 800;
       color: #C00000;
       display:block;
   width:100%;
   margin:0 auto;

}

.btn_link:hover{

  background-color: #C00000;
  color: gray;


}
.a-menu {
  color: gray!important;

}

.btn-logo{
  padding-top: 30%;
  width: 50%;
}
.titre-ref{
  color: #C00000;
}

.chiffres{
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
.chiffres-2{
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.p-4{
  font-size: large;
}


.btn_link3{

       background-color: #C00000;
       color: #fff;
       display:block;
   width:15%;
   margin:0 auto;

}