header{
  background-image: url(img/header-background-image.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 22%;  
  color: #fff;
}

@media (max-width: 600px) { 
  header{
background-image: url(img/header_background-imageT3.webp);
}
}

@media (max-width: 400px) { 
  header{
background-image: url(img/header_background-imageT4.webp);

}

}



p{
  font-weight: 400;
  font-size: 110%;
  color: #6B6D6A;
}

#titre{

  margin-top: 15%;
}

#titre p{
  color: #fff;
}


#firstmenu .navbar-nav{
    margin-top: 5%;
    margin-left: 9%;
    
}

.navbar-toggler-icon::before, 
.navbar-toggler-icon::after {
    background-color: #fff;
}


#firstmenu .navbar-nav .nav-link {
  color: #fff;
}



#firstmenu .navbar-nav .nav-link:hover{
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: border-bottom 0.1s ease-in-out;
    box-sizing: border-box;
 }

 @media (max-width: 992px) {

  

  .navbar-nav.flex-column.flex-lg-row {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
  }

  #firstmenu .navbar-nav .nav-link {
    color: #2c4251;;
  }
}

#grpcomposer h2{
  color: #2c4251;
  font-size: 160%;
}


#grpcomposer p{
  color: #6B6D6A
}

#scop h3{
  margin-top: 8%;
  color: #6B6D6A;
  font-size: 130%;
}


#barimg {
  background-color: rgba(227, 223, 223, 0.852);
  margin-top: 1%;
  padding-bottom: 1%;
  padding-top: 1%;
}

#barimg img {
  margin: 3%;
}

@media only screen and (max-width: 992px) {
  #barimg {
    display: flex;
    padding-top: 15%;
    
  }

  #barimg img {
    
    margin-bottom: 20%;
    
  }
  
}

#interv{
  margin-top: 6%;
}

#interv h2{
  color: #2c4251;
}


#interv h3{
  color: #2c4251;
}



#intervcontent{
  margin-top: 4%;
    display: flex;
    flex-direction: row;
}


#partispris{
  margin-top: 8%;
  margin-bottom: 8%;

}

#partispris{
  color: #2c4251;

}



  #partispriscontent {
    display: flex;
    margin-top: 5%;
  }

  #partispriscontent p {
    line-height: 1em;
    margin-top: 5%;
    font-size: 170%;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: 300;
  color: black;
  }


#partispriscontent p span{
  color: #b91b2c;
    font-family: u2000;
  font-size: 280%;
  font-style: normal;
  
  
}

#partispriscontent p .quote{
  
  margin-left: 2%;
  
}




@media screen and (max-width: 992px) {
  #partispriscontent {
    flex-wrap: wrap;
  }
  #partispriscontent p {
    font-size: 120%;
    
  }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
}

.carousel-control-prev-icon {
  transform: rotate(135deg);
}


#technologies{
    background-color: #2c4251;
    padding-top: 1%;
    padding-bottom: 1%;
    color: #fff;
}

#imgtechno img{
    margin: 3%;
    margin-right: 6%;
}

@media (max-width: 992px) {
  #technologies{
    background-color: #2c4251;
    padding-top: 1%;
    padding-bottom: 1%;
    color: #fff;
    display: flex;
    flex-direction: column;
}

#imgtechno img{
    margin: 10%;
    margin-right: 6%;
}
}

#references{
  margin-top: 10%;
  margin-bottom: 11%;
}

#carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6%;
  
  
}

#carousel h2{
  color: #2c4251;
}

#carousel h3{
  color: #d30000;
}

@media (min-width: 992px) {

  #carousel {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.carou{
    display: flex;
}
}

@media (max-width: 992px) {

  #carousel {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .carou{
    display: flex;
    flex-direction: column;
}
}




#recrutement{
    background-color: #2c4251;
    color: #fff;
    padding-top: 1%;
    padding-bottom: 2%;
    margin-top: 2%;
    margin-bottom: 2%;

}

#recrutement img{
  margin-top: 1%;
  margin-bottom: 2%;
}

#recrutement p{
  color: #fff;
}

#sectionmap{
  display: flex;
  margin-top: 5%;
  margin-bottom: 5%;
}


#textinfomap h2{
  color: #2c4251;
}
#textinfomap{
  display: flex;
  flex-direction: column;
  margin-right: 8%;
  margin-left: 10%;
  margin-top: 5%;
}

#textinfomap a{
  text-decoration: none;
  color: #6B6D6A;
  
}

#textinfomap a:hover{
  text-decoration: underline;
}




#map > iframe {
  width: 270%;
  height: 470px;
}

@media (max-width: 992px) {
  #sectionmap {
    display: flex;
    flex-direction: column;
  }

  #map > iframe {
    height: 440px;
    width: 100%;
  }
}



#secondmenu{
  text-align: center;
 
}

#secondmenu ul{
  list-style: none;
}

#copyright{
font-size: 80%;
text-align: center;
}

footer p{
  color: #fff;
}

footer{
  background-color: #d30000;
}