a, a:hover {
  text-decoration: inherit;
  color: dodgerblue;
}

a:hover{
  color: deepskyblue;
  transition: .3s ease-in-out;

}

body{
  background-image: url(../img/bg1.jpg);
  text-shadow: 2px 2px 2px rgba(0,0,0,0.13);
  font-family: 'Alatsi', sans-serif;
  background-attachment: scroll;
  background-repeat : repeat;
  background-size:auto;
  background-origin:padding-box;
   background-clip:padding-box;
    
}



/*4 images mode ordi*/

.image1 {
    max-width: 125%; 
    height: auto;
}

.image2 {
    max-width: 100%;
    height: auto;
    align-content: center;
    width: 185px; 
    margin-top: 58px;
    
}
.image3{
    max-width: 100%;
    height: auto;
    align-content: center;
    width: 185px;
    margin-top: 8px;
    
}


.image4 {
    max-width: 100%; 
    height: auto;
    align-content: center;
    width: 185px; 
    margin-top: 8px;
    
}

/*images portables */

image5 {
    max-width: 100%; 
    height: auto; 
    margin: auto; 
    margin-bottom: 30px
}

/*contact ordi */
.form-area rform2 {
    
}
;form-control8{
    
    width: 1500px;
    height: 90px;
}
.btn appel{
    color: black; 
    font-size: 30px; 
    text-shadow: none;
    border: thick double #32a1ce;
    border-color: chartreuse"
    
}

.contact {
    margin-top: -370px;
}

.d-xl-none d-xs-block  offset-xs-2 col-xs-8 offset-md-1 col-md-10 col-xs-12 mx-auto {
    color: black; 
    text-shadow: none; 
    font-size: 30px; 
    text-align: justify;
    
}
textarea{
    width: 750px;
    height: 80px;
}
h2  {
  text-align: center;
  margin-top: 13px;

}
.form-group{
   
    
}
logo2{
    max-width: 100%; 
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}
h1{
  text-align: center;
}

.h2 {
    margin-top: 50px;
  font-size: 2em;
    color: darkgray;
    margin-left: 25px;


}
.tailleNav{
  width: 100%;
  color: white;
  background-color: black;
      margin: auto;
    font-size: 30px;
}
button:hover {
  background-color: orange;!important
    
}
.dropdown-menu{
  background-color: black;!important
    font-size: auto;
bottom: 30px;
}


.p {
  text-align: justify;
margin-top: 4em;
font-size: 20px;
    color: black;
}
p{
     color: black;
}
h1  {
  font-size: 3em;
}

.footer {
  background-color: black;
  position: static  ;
  color: white;
  font-size: 20px;
    align-content: center
}
element.style {
    margin-top: 30px;
    font-size: 19px;
}





#partiecontactpc{
    max-width: none;!important
}











@media (max-device-width: 480px) {
     
     
     .text{
         font-size: 45px;
     }
      .button-container {
        display: flex;
        justify-content: center;
        margin-top: 20px;
      }

  .phone-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 55px;
  padding: 10px 20px;
    padding-bottom: 10px;
  border-radius: 35px;
  padding-bottom: 22px;
}
     .text.delayed2{
         font-size: 368%;
     }
         .text.delayed3{
         display:none}
    }
.phone-button a {
  color: white;
  text-decoration: none;
}

.phone-button span {
  display: inline-block;
  vertical-align: middle;
}
#text1{
    font-size: 75px;
}

}

#text1{
    font-size: 75px;
}


@media (min-device-width: 480px) {
  .button-container {
    display: none;
  }
  .phone-button {
    display: none;
  }
}
@media (max-device-width: 768px) {
  .text {
    font-size: 45px;
  }
  .button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .phone-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 55px;
    padding: 10px 20px;
    padding-bottom: 10px;
    border-radius: 35px;
    padding-bottom: 22px;
  }

  .phone-button a {
    color: white;
    text-decoration: none;
  }

  .phone-button span {
    display: inline-block;
    vertical-align: middle;
  }

  #text1 {
    font-size: 75px;
  }
}






















#myCarousel{
font-family: 'poppins';
  font-weight: 395;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
margin-top: 80px;
    
}


    #myCarousel {
        font-size: 340%;
        margin-top: 13%;
  } 

    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 50px;
      left: 0;
      top: 0;
      width: 100%;!important
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.9);
    }

    .modal-content {
        width: auto%;!important;
      margin: auto;

      max-height: 95%;
      text-align: center;
    }

    .modal-content img {
      max-width: 100%;
      max-height: calc(100% - 100px);
      object-fit: contain;
         width: auto%;!important;
    }
carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: #d0d0d0;
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity .15s ease;
}

#modalImage{
    width:auto;!important
}





 
    
    .carousel__slide img {
  width: auto;
  max-height: 588px;
}
    
    #navCarousel1 .carousel__slide {
  width: 112px;
  margin: 0 15px;
  cursor: pointer;
  text-align: center;
  max-width: 113px;
  max-height: 265px;
        
}
  #navCarousel1 .carousel__slide img {
  border-radius: 5px;
  max-height: 86px;
}
.carousel__button.is-prev {
  top:62%;
}
    
    .carousel__button.is-next {
  top:62%;
}
    
    
.modal-content#modalImage{
    width:auto;!important
}

    

    
    
.embed-responsive embed-responsive-16by9{
  max-width: 100vw;
}

/*Block galerie Photo*/
#bordure2{
    font-family: 'Poppins';
    background-color: #f9f9f9;
    border-width: 3px 3px 3px 3px;
    box-shadow: 4px 6px 10px 0px rgba(39, 57, 35, 0.79);
    margin-inline:7%;
    margin-top: 3%;
}
    #Titrequestion{
       text-align: center;
         font-size: 50px;
    }

#alpha{
    

    font-size: 26px;
    color: #2d393e;
        ;
    text-align: center;
    padding: 14px 16px;
    background-color: white;
}

/* li renommée */

#listul {
    list-style-type: none;
    margin: 0;  
    z-index: 12;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
    text-align: center;
    margin-top: 2%;
}

#liste {
    float:right;
    
}


#liste a {

}

#liste a:hover {   
    text-decoration: none;
    color: cadetblue;
    transition-duration: 0.3s;
    margin-top: -1px
}
/* Contact bouton header */
#partiecontact{
    border: 2px solid;border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    z-index: 10;
    text-decoration: none;
  background-color: white;
    font-size: 26px;
    color: #7dd87d;
    text-align: center;
    padding-inline: 22px;
    
}


/*Barres*/


#colrub{
    margin: 0px;
    margin-inline: -20px;
    color:  skyblue;
    opacity: 75%;
}

#partiecontact{
    border: 2px solid;border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    z-index: 10;
    text-decoration: none;
  margin-right: 10px;
      margin-left: 10px;
}
    font-size: 20px;
    color: skyblue;
    text-align: center;
}

#partiecontact:hover{
    text-decoration: none;
    color: #ff6f3c;
    transition-duration: 0.3s;
    margin-top: 10px;
    z-index: 10;
}














footer {
  background-color: #f1f1f1a3;
  padding: 20px;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-text {
  flex: 1 1 300px;
  margin-bottom: 20px;
}

.footer-address {
  flex: 1 1 300px;
  margin-bottom: 20px;
}

.footer-legal {
  flex: 1 1 200px;
  text-align: right;
}

.footer-legal a {
  color: #333;
  text-decoration: none;
}

@media (max-width: 768px) {
  .footer-content {
    justify-content: center;
  }

  .footer-legal {
    text-align: center;
  }
}