@import url("https://fonts.googleapis.com/css?family=Cabin");
body{
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}
p{
    font-size: 1rem;
}
.about{
    background-image: url(img/bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
    color: #F16223;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
  color: #F16223;
}

.contact .php-email-form button[type="submit"] {
  background: #F16223;
  border: 2px solid #F16223;
  padding: 7px 37px;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 0;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #ffffff;
  color: #F16223;
}

.form-control{
    background-color: rgb(204, 204, 204);
  }


.bt-b{
  border: 2px solid #F16223;
  width: 100px;
}





.social-links a{
  font-size: 1.25rem;
  margin-right: 1rem;
  color: white;
}


.social-links1 a{
  font-size: 1.25rem;
  color: white;
  background-color: #F16223;
  margin-right: 1rem;
  padding: 8px 12px;
  border-radius: 50%;
}
.social-links1 a:hover{
  transform: scale(1.15);
  transition: .3s;
}
/*.ftl p{
  font-size: 1rem;
  line-height: .5rem;
}
.ftl ul{
  list-style: none;
}
.ftl a{
  text-decoration: none;
  color: white;
}*/

.bi{
  color: #F16223;
}
.back-to-top{
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #F16223;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top.active{
  visibility: visible;
  opacity: 1;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a{
  color: #F16223;
}
.card .card-img-top {
  object-fit: cover;
}
.card{
  overflow: hidden;
  box-shadow: 0 4px 12px #f1612300;
  transition: all 0.3s;
  width: 21rem; 
  outline: 2px solid #F16223;
  outline-offset: -15px;
  margin: auto;
}
.card-body{
  height: 8rem;
}
.card:hover{
transition: all 0.3s;
box-shadow: 0 12px 21px rgba(228, 130, 2, 0.459);
transform: scale(1.05, 1.05);  
}


/*-------------Partie Ajoutee------------*/
/*---------------------------------------*/
/*----------------------------------------*/

.social-links a:hover{
  color: #e97a3a;
}

#navbar a {
  float: left;
  text-align: center;
  font-size: 16px;
  font-family:Arial, Helvetica, sans-serif;
  line-height: 18px;
 /* border-radius:7px;*/
  padding:  14px 18px 14px 18px;
}



/*----------Avantages respensive--------------*/

.hr1 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 4px solid   #e96c33; /*#3e9106;*/
  margin: 0 auto;
  padding: 0;
  width: 100px;
}
.hr2 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 4px solid  rgb(255, 255, 255); /*#3e9106;*/
  margin: 0 auto;
  padding: 0;
  width: 100px;
}

.hr3 {
  display: block;
  border: 0;
  border-top: 4px solid  white ; /*#3e9106;*/
  width: 110px;
  text-align: right;
  margin-left: 0.0em;
  margin-right: 2.0em;
}

  /************************footer***********************/
  /* Add a dark background color to the footer */
  footer {
    background-color: #151520;
    color: #f5f5f5;
    padding: 20px;
  }
  footer p{
    font-size:14px;
    margin-top: 0px;
    margin-bottom: 4px;
  }
  


  
  footer a {
    color: #f5f5f5;
  }
  
  footer a:hover {
    color: #777;
    text-decoration: none;
  }

  .footcont p:hover {
    color: #e97a3a;
  }

  #siege , #annexe, #navigation{
    padding: 0px 0px 0px 220px;
  }

  .rs table{
    width: 12%;
    margin:auto;
  }

  .pb-3 {
    padding-bottom: 3rem!important;
    padding-top: 0rem!important;
}


     /***************************** Carousel-----------------------------------*/

     .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
    }
    
    .carousel-caption h3 {
      color: #fff !important;
    }
    
    @media (max-width: 600px) {
      .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
      }
    }
  
    #myCarousel {
      margin: 131px 0px 0px 0px;
    }

 
 .g-recaptcha{
   align-items: center;
 }