html{
    margin: 0px;
    padding: 0px;
}

body{
    margin: 0;
    padding: 0;
}

/* text carousel accueil */

#texte_block{
  
}

a:hover{
  color: #FF3103;
}
a{
  color: #009500;
}

.carousel-item{
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    background-size: cover;
}

.carousel-caption{
    bottom: 250px ;
    background: #f5f5f5b4;
}

.carousel-caption h5{
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: merienda;
}

.text-h5{
  color: #FF3103;
}

.carousel-caption p{
   width: 60%;
   margin: auto;
   font-size: 18px;
   line-height: 1.9;
   font-family: poppins;
}

.carousel-caption a{
  text-transform: uppercase;
  background: #262626;
  padding: 10px 30px;
  display: inline-block;
  color: #fff;
  margin-top: 15px;
}

/* end */

/* nav-relative */

#navbar {
    background-color: #fff; /* Black background color */
    position: fixed; /* Make it stick/fixed */
    top: -98px; /* Hide the navbar 50 px outside of the top view */
    width: 100%; /* Full width */
    transition: top 0.6s; /* Transition effect when sliding down (and up) */
  }
  
  /* Style the navbar links */
  #navbar a {
    float: left;
    display: block;
    color: #FF3103;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
  }
  
  #navbar a:hover {
    background-color: #ddd;
    color: #009500;
  }

  #logo{
      height: 60px;
  }

/* end */

/* nav-fixe */

  
  /* Style the navbar links */
  #navfixe a {
    float: left;
    display: block;
    color: #FF3103;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
  }
  
  #navfixe a:hover {
    background-color: #ddd;
    color: #009500;
  }

/* end */

/* historique */

h3{
  color: #009500;
}

h3.bord-orange{
  color: #009500;
  border-bottom: #FF3103 2px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  width: 12%;
  margin-top: 25px;
}
.text-primary{
  color-adjust: #009500;
}
.chif{
  color: #009500;
  border-bottom: #FF3103 2px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-top: 25px;
}

h4.bord-orange{
  color: #009500;
  border-bottom: #FF3103 2px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  width: 5%;
  margin-top: 25px;
}

/* end */

/* section1 accueil  */

.section1{
    margin-top:5%;
}

.section2{
    background: rgba(142, 132, 229, 0.904);
    height: 250px;
    margin-top: 15px;
    margin-bottom: 15px;

}

/* footer */

.footer {
  background:#000;padding:0 0 30px;
}
#anglesvg {
  display: block;
}
svg:not(:root) {
  overflow: hidden;
}
.footer .footer-contents {
  padding-top: 80px;
}
.container.grid-xl {
  max-width: 1096px;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: .4rem;
  padding-right: .4rem;
  width: 100%;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.my-4 {
  margin-bottom: .8rem !important;
  margin-top: .8rem !important;
}
.footer .footer-contents .footer-social a {
  display: inline-block;
  font-size: 1.5em;
}
.footer a {
  color:#fffffe;
  display:block;
}
.footer a:hover{
  color:#009500;
  cursor:pointer;
}
.footer .fab:before,.footer .far:before{
  font-style:normal;
  font-weight:400;
  display:inline-block;
  text-decoration:inherit;
  width:1em;margin-right:.2em;
  text-align:center;
  font-variant:normal;
  text-transform:none;line-height:1em;
  margin-left:.2em;
}
.footer p {
  color: #d7d8e1;
  font-size: 0.8em;
  margin: 15px 0;
}
.text-small {
  font-size: 0.8em;
  font-weight:800;
}
.text-small:hover{
  text-decoration:none;
}

/* end footer */


/* form-contact */

.contact-form{
  background: rgba(252, 190, 85, 0.233);
  margin-top: 10%;
  margin-bottom: 5%;
  width: 100%;
  
}
.contact-form .form-control{
  border-radius:1rem;
}
.contact-image{
  text-align: center;
}
.contact-image img{
  border-radius: 6rem;
  width: 11%;
  margin-top: -3%;
  transform: rotate(29deg);
}
.contact-form form{
  padding: 14%;
}
.contact-form form .row{
  margin-bottom: -7%;
}
.contact-form h3{
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #009500;
}
.contact-form .btnContact {
  width: 50%;
  border: none;
  border-radius: 1rem;
  padding: 1.5%;
  background: #dc3545;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.btnContactSubmit
{
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #009500;
  border: none;
  cursor: pointer;
}


/* // Extra small devices (portrait phones, less than 576px) */
@media screen and (min-width:0px) and ( max-width: 158px) { 
  #offre{
    margin-top: -480px;
  }
  .display-4{
    font-size: 1.5rem;
  }
 
}

@media screen and (min-width:159px) and ( max-width: 300px) { 
  #offre{
    margin-top: -400px;
  }

  .display-4{
    font-size: 1.5rem;
  }
}

@media screen and (min-width:301px) and ( max-width: 376px) { 
  #offre{
    margin-top: -450px;
  }
  .display-4{
    font-size: 1.5rem;
  }
 
}

@media screen and (min-width:377px) and ( max-width: 500px) { 
  #offre{
    margin-top: -450px;
  }
  .display-4{
    font-size: 1.5rem;
  }
 
}