html, body {
    margin:0;
    padding:0;
    }

/*header*/
.header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 70px;
    line-height: 70px;
    background-color:rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    /*z-index: 999;*/
    z-index:10;
}
.header1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 70px;
    line-height: 70px;
    background-color:#C8C8C8C7;
    /*background-color:#2980b9;
    background-color:#C8C8C8B3;
    background-color:#C8C8C896;
    */
    position: fixed;
    top: 0;
    z-index: 999;
}

.col{
    color: black;
}

.header .header-logo {
    color: rgb(20, 20, 20);
    font-family: 'Montserrat', sans-serif;
    float: left;
    margin-left: 10px;
}
.header1 .header-logo1 {
    color: rgb(20, 20, 20);
    font-family: 'Montserrat', sans-serif;
    float: left;
    margin-left: 10px;
}

.header .header-logo2 {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.header1 .header-logo3 {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.header .header-menu {
   float: right;
   margin-right: 30px;
}
.header1 .header-menu1 {
    float: right;
    margin-right: 30px;
 }

.header .header-menu a {
    margin-right: 15px;
    color: rgb(20, 20, 20);
    text-decoration-color: 10px; 
    font-style: bold;

 }
 .header1 .header-menu1 a {
    margin-right: 15px;
    color: rgb(20, 20, 20);
    text-decoration-color: 10px; 
    font-style: bold;
 }

 .header .header-menu a:hover {
    color: #3498db;
 }
 .header1 .header-menu1 a:hover {
    color: #3498db;
 }

 /*Banner*/
 .banner{
     margin-top: -30px;
     position: relative;
 }
 
 *{
     
     box-sizing:border-box; 
 }

 .banner .banner-image{
     position: relative;
 }

 .banner .banner-image1{
    position: relative;
}

 .banner .banner-content{
     position: absolute;
     width: 100%;
     text-align: center;
     top:40%; 
 }

 .banner .banner-content1{
    position: absolute;
    width: 100%;
    text-align: center;
    top:25%; 
}
/* le banner d'affichage des écrits propre a mpiel aviation*/
.banner .banner-content2{
    position: absolute;
    width: 100%;
    text-align: center;
    top:45%; 
}


 .banner .banner-content h1, .banner .banner-content h2, .banner .banner-content1 h1,.banner .banner-content2 h1{
    color: white;
}

.ecriture{
    font-family: 'Montserrat', sans-serif;
}
/*  police d'écriture des polices des images*/
.ecriture-accueil{
    font-style: italic;
    font-family: 'Carter One', cursive;
    font-size: 120px;
}
.ecriture-accueil-aviation{
    font-style: italic;
    font-family: 'Carter One', cursive;
    font-size: 100px;
}
.ecriture-accueil-aviation1{
    font-style: italic;
    font-family: 'Carter One', cursive;
    font-size: 80px;
}

/* ecriture h1 ecriture-copyright*/
.ecriture-copyright{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal; 
    font-size: 10px; 
}

.block-body{
    margin-top: -30px;
    margin-right: 30px;
}

/*about*/

.about .about-single-element{
    text-align: center;
}

.about .about-single-element h1{
    color: black;
    text-decoration-color: 2px; 
}

.about .about-single-element p{
    text-align: center;
    color: #d35400;
    font-family: 'Raleway', sans-serif;
}


/*contacts*/

.heading{
    font-family: 'Montserrat', sans-serif;
    text-align: center;    
}

.txte{
    text-align: center;
    font-weight:bold;
    font-size: 20px;
}
/*accueil avaition*/

.contenue .contenue-single-element,.contenue{
    text-align: center;
}

.single-element img{
    text-align: center;
}

/* formulaire*/
.erreur-message{
    color:red;
    display: none;
}

.ajustement{
    text-align: center;
}

/* container de contacts*/
.container-c{
    margin-top: 50px;
}


/* css de gestion du passage de la souris sur une image et apparition des elements*/
.teste {
    position: relative;
    width: 600px;
  }
  
  .image {
    display: block;
    width: 600px;
    height: 400px;
  }
  
  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 600px;
    height: 400px;
    opacity: 0;
    transition: .5s ease;
    background-color:rgba(0, 0, 0, 0.4);
  }

  
  .teste:hover .overlay {
    opacity: 0.9;
  }
  
  .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 45px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .text h1 {
    color: white;
    font-family: 'Montserrat', sans-serif;
  }

  .text p {
    color: rgb(241, 241, 241);
  }

/* footer-style pour descendre le contenaire du footer */
.footer-style {
margin-top: 60px;
}


/* gestion de slide */

.image-container{
    width:5999; 
    margin: auto;
    overflow: hidden;
    position: relative;

}

.image-slid{
display: flex;
width: 100%;
height: 900px;
    
}

#prevBtn{
    position: absolute;
    top: 50%;
    z-index: 10;
    left: 5%;
    font-size: 30px;
    color: white;
    opacity: O.5;
    cursor: pointer;
}

#nextBtn{
    position: absolute;
    top: 50%;
    z-index: 10;
    right: 5%;
    font-size: 30px;
    color: white;
    opacity: O.5;
    cursor: pointer;
}


/* slide methode*/

@keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
    }
    
    div#slider {
         overflow: hidden; 
        }
    div#slider figure img { 
        width: 20%; float: left; 
    }
    div#slider figure { 
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
      text-align: left;
      font-size: 0;
      animation: 30s slidy infinite; 
    }

    .contenue-elementact{
        margin-top: 120px;
    }
    


    /* description de chaque case des section avaition 
    */

.description{
    text-align: left;
}

.contenue-tableau, .centrer-texte{
    text-align: center;
}
.subtitle-ecriture-description{
    font-style: bold;
    text-decoration: underline;
    text-align: center;
}

.subtitle-ecriture-description1{
    font-style: bold;
}

div:target {
    padding-top: 7em; 
    margin-top: -7em; 
}


.write{
    font-style: bold;
    font-size: 20px;

    font-family: 'Montserrat', sans-serif;
}

.gra{
    font-style: bold;
}

.text-droite{
    text-align: right;
}

.texte-style-italic{
    font-style: italic;
}