@font-face {
    font-family: 'Oswald-Medium';
    src: url('../fonts/Oswald-Medium.otf'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  
@font-face {
    font-family: 'Oswald-Light';
    src: url('../fonts/Oswald-Light.otf'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 
.row,.flex,.flex-center{
    display: flex;
    align-items: center;  
}
.row,.flex{
    justify-content: space-between;
}
.flex-center{
    justify-content: center;
}
.flex-center.picto{
    align-items: initial;
}
.flex-end{
    display: flex;
    align-self: flex-end;
    justify-content: center;
}
#header-langs{
    display: flex;
    justify-content: space-between;
}
.imagesSlider{
    position: relative;
}
#slide-images-1 .quotation{
    position: absolute;
    bottom: 33%;
    left: 19%;
    width: 41%;
}
#section-D-bottom-bg {
    background-position: bottom 0px right 0;
}
#section-D-top-bg {
    background-position: top 0px right 0;
}
#last-bg-triangle-bottom{
    background-position: top 0px right 0;
}
#img-top{
    background-position: bottom 0px right 0;
}
#slide-images-1 .quotation img{
    width: 50px;
    height: 50px;
}

#slide-images-1 .quotation > div{
    position: relative;
    background: rgba(253,252,253,0.5);
    font-family: 'Oswald-Medium';
    color: #A93930;
    border-radius: 11px;
}
#slide-images-1 .quotation > div h2{
    font-size: 21px;
    padding: 9px 30px 0px 30px;
    margin-bottom: 0;
}
#slide-images-1 .quotation > div span{
    font-family: 'Oswald-Light';
}
#slide-images-1 .quotation > div .guillemet-gauche{
    position: absolute;
    top: -10px;
    left: -15px;
}
#slide-images-1 .quotation > div .guillemet-droite{
    position: absolute;
    bottom: -15px;
    right: -15px;
}
#slide-images-2{
    position: relative;
}
#slide-images-2 .quotation{
    position: absolute;
    bottom: 34%;
    left: 12.54%;
    width: 28%;
}
#slide-images-2 .quotation img{
    width: 60px;
    height: 60px;
}
#slide-images-2 .quotation > div{
    position: relative;
    background: rgba(253,252,253,0.5);
    font-family: 'Oswald-Medium';
    color: #A93930;
    border-radius: 11px;
}
#slide-images-2 .quotation > div h2{
    font-size: 27px;
    padding: 9px 30px 0px 30px;
    margin-bottom: 0;
}
#slide-images-2 .quotation > div span{
    font-family: 'Oswald-Light';
    font-size: 24px;
    line-height: 1;
}
#slide-images-2 .quotation > div .guillemet-gauche{
    position: absolute;
    top: -10px;
    left: -15px;
}
#slide-images-2 .quotation > div .guillemet-droite{
    position: absolute;
    bottom: -15px;
    right: -15px;
}

#slide-images-3{
    position: relative;
}

#slide-images-3.imagesSlider{
    background-size: contain;
}
#slide-images-3 .quotation{
    position: absolute;
    bottom: 23%;
    left: 22%;
    width: 56%;
}
#slide-images-3 .quotation img{
    width: 50px;
    height: 50px;
}
#slide-images-3 .quotation > div{
    position: relative;
    background: rgba(253,252,253,0.7);
    font-family: 'Oswald-Medium';
    color: #A93930;
    border-radius: 11px;
    padding: 10px;
}
#slide-images-3 .quotation > div h2{
    font-size: 22px;
    padding: 9px 30px 0px 30px;
    margin-bottom: 0;
}
#slide-images-3 .quotation > div span{
    font-family: 'Oswald-Light';
    font-size: 21px;
    line-height: 1;
}
#slide-images-3 .quotation > div .guillemet-gauche{
    position: absolute;
    top: -10px;
    left: -15px;
}
#slide-images-3 .quotation > div .guillemet-droite{
    position: absolute;
    bottom: -15px;
    right: -15px;
}
.row{
    margin: 0;
}
header {
    background-color: #4D4D4D;
    width: 100%;
    height: 82px;
}
.sed-quias{
    font-family: 'Oswald-Light';
    color:#000000;
    font-size: 28px;
}
#header-langs{
    width: 80px;
}
.nos-services-text{
    padding-top: 40px;
}

/*******  Nav bar ******** */
nav,.navbar-nav{
    width: 100%;
    outline: none;
}
.nav-link{
    outline: none;
}
nav{
    border-top: 1.5px solid #ffffff;
}
.nav-item-titles{
    font-family: 'Oswald-Medium';
}
#fr-icon,#en-icon{
    cursor: pointer;
}

.bg-light,.dropdown-menu {
    background-color: #c54239!important;
}
.dropdown-divider {
    margin: .5rem auto;
    border-top: 3px solid #d5637d;
    width: 85%;
}

.dropdown-toggle::after {
    border-width: 0px;
}
.bar-before-nav-items{
    content: '';
    border-right:3px solid #d5637d
}
a.nav-link{
    display: inline;
    text-align: center;
}

.dropdown-menu{
    min-width: 100%;
    width: 100%;
    border: none;
}

.dropdown-item{
    white-space: normal; 
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.dropdown-menu,
.dropdown-item {
    outline: none;
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link,
.dropdown-menu,
.dropdown-item{
    line-height: 26px;
    text-transform: uppercase;
    font-family: 'Oswald-Light';
}
.navbar-light .navbar-toggler{
    color: #ffffff;
}
.navbar-toggler{
    background-color:#ffffff;
}
.nav-item-titles{
    text-align: center;
    display: inline;
}
#description p{
    font-size: 22px;
}
#section-C h5{
    font-size: 22px;
}
.swiper-container {
    width: 100%;
}
.swiper_1{
    height: 715px;
    padding-bottom: 25px;
}

.swiper_1 img{
    height: 690px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url("../images/sliders/fleches/Fleche-droite.png")
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url("../images/sliders/fleches/Fleche-gauche.png")
}

#bg-triangle-a{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.slider{
    position: relative;
}
.swiper_1 img{
    width:100%;
}
.swiper_2 img{
    width: 12%;
    height: 50px;
}
.lang-title{
    color: #ffffff;
    cursor: pointer;
}
.item-logos-slider{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    height: 110px;
}
.swiper_3{
    padding-bottom: 35px;
}
#second_slide_container,#third_slide_container{
    padding: 20px 5%;
}

.swiper-container.swiper_2{
    height: 140px;
    padding: 5px 0 20px 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: -5px;
}
.swiper_1 .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0px;
}
.container-middle,body{
    background-color:#ececed;
}

.title-confiance{
    color:#c54239;
    font-family: 'Oswald-Medium';
    text-transform: uppercase;
    margin-top: 1%;
}
.title-Midparc{
    color:#dd8c76;
    font-family: 'Oswald-Light';
    margin-top: 5px;
}
.swiper-button-next,.swiper-button-prev {
    width: 36px;
    height: 90px;
    background-size: 40px 85px;
}
.logo-header{
    height: 54px;
}

.division-line{
    background-color: #898a8c;
    height: 1.3px;
    width: 90%;
    margin: 10px auto;
}

.third-slides{
    padding: 20px;
    width: 75%;
}

#section-D-top-bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
    z-index: 2;
    background-repeat:repeat-x; 
    background-size: 100%;
    
}
#last-bg-triangle-bottom{
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
    z-index: 2;
    background-repeat:repeat-x; 
    
    background-size: 100%;
}
#section-D-bottom-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 127px;
    z-index: 2;
    background-repeat:repeat-x;
    background-size: 100%;
    
}
#section-A{
    background-color: #ececed;
}

#section-D{
    padding: 50px;
    height: 610px;
    position:relative;
    background-color:#ffffff;
    font-family: 'Oswald-Medium';
}
#section-D p{
    font-family: 'Oswald-Light';
}
#section-C h5{
    font-family: 'Oswald-Light';
    margin-bottom: 20px;
}
#section-C .element h5{
    margin-top: 15px;
    font-family: 'Oswald-Medium';
    font-size: 32px;
}
#section-C .element h6{
    font-family: 'Oswald-Light';
    font-size: 22px;
}
#section-C{
    padding-bottom: 15px;
}
#Section-E{
    position: relative;
    background-color:#ffffff;
    padding-top:125px;
}
#Section-E h5{
    color:#c1c3c4;
    font-size: 32px;
}
#section-F{
    height: 256px;
    background-color: #ffffff;
    position: relative;
}
#Section-E ul {
    list-style: none; 
    list-style-position: inside;
    font-size: 22.5px;
}

#Section-E  ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #c1c3c4; 
    font-weight: bold; 
    display: inline-block; 
    width: 1em; /*  needed for space  */
    margin-left: 0; /*  needed for space  */
}
#Section-E .picto{
    width: 80%;
    margin: auto;
    min-height: 279px;
}
footer{
    padding: 30px 0;
}
.copyrights{
    font-family: 'Oswald-Light';
    font-size: 17.3px;
}
#section-D-bg-img-left{
    position: absolute;
    right: 0;
    top: 140px;
    bottom: 0;
    width: 257px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-1-a.png');
    background-repeat: no-repeat
}
#section-D-bg-img-right{
    position: absolute;
    left: 0;
    top: 140px;
    bottom: 0;
    width: 257px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-1-b.png');
    background-repeat: no-repeat
}
#design-bottom-right{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 371px;
    height: 256px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-2-a.png');
    background-repeat: no-repeat
}
#design-bottom-left{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 371px;
    height: 256px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-2-b.png');
    background-size: cover;
}
#section-D-logo-img-middle{
    position: absolute;
    left : calc(50% - 105.5px);
    width: 211px;
    height: 131px;
    top: 120px;
    z-index: 1;
    background-image: url('../images/Logos/Logo_MIDPARC_2.png');
    background-size: cover;
}
#description{
    position: absolute;
    top: 295px;
    left:15px;
    right: 15px;
    z-index: 3;
}
.description-title{
    color: #c1c3c4;
    font-family: 'Oswald-Medium';
    text-transform: uppercase;
}
.picto h5{
    font-family: 'Oswald-Medium';
}
.picto ul{
    font-family: 'Oswald-Light';
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%; 
}

.picto .picto-service{
    width: 50%;
    text-align: center;
    align-self: center;
}
.picto .nos-services-text{
    width: 50%;
}

.description-details{
    color: #000000;
}
.element{
    color:#c54239;
    text-align: center;
}
.element hr{
    width: 15%;
    height: 1px;
    background-color: #ebd2ca;
    margin: auto;
}
.row.icons-container{
    align-items: normal;
}
footer{
    background-color: #1a171b;
}
.copyrights{
    color:#ffffff;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}
.swiper-pagination-bullet{
    background: #898a8c;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #c1c3c4;
}

.picto img{
    align-self: center;
}

.swiper_2 .swiper-button-next,
.swiper_2 .swiper-button-prev,
.swiper_3 .swiper-button-next,
.swiper_3 .swiper-button-prev {
    top: 25%;
}

.logoSlider{
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    background-position: center;
}





#slide-AD-industrie{
    background-image: url('../images/Logos/logos/AD-industrie.png');
}
#slide-Arconic{
    background-image: url('../images/Logos/logos/Arconic.png')
}
#slide-Bombardier{
    background-image: url('../images/Logos/logos/Bombardier.png')
}
#slide-EATON{
    background-image: url('../images/Logos/logos/EATON.png')
}


#slide-GGI{
    background-image: url("../images/Logos/logos/GGI.png")
}
#slide-Groupe-ADF{
    background-image: url('../images/Logos/logos/Groupe ADF.png')
}
#slide-Hexcel{
    background-image: url('../images/Logos/logos/Hexcel.png')
}
#slide-INOVELEC{
    background-image: url('../images/Logos/logos/INOVELEC.png')
}


#slide-Logo-AHG{
    background-image: url("../images/Logos/logos/Logo-AHG.png")
}
#slide-NSE{
    background-image: url('../images/Logos/logos/NSE.png')
}
#slide-STELIA{
    background-image: url('../images/Logos/logos/STELIA.png')
}
#slide-STTS{
    background-image: url('../images/Logos/logos/STTS.png')
}


#slide-TDM-Aerospace{
    background-image: url("../images/Logos/logos/TDM-Aerospace.png")
}
#slide-TECALEMIT{
    background-image: url('../images/Logos/logos/TECALEMIT.png')
}
#slide-THALES{
    background-image: url('../images/Logos/logos/THALES.png')
}
#slide-goam{
    background-image: url('../images/Logos/logos/goam.png')
}
#slide-le-piston-francais{
    background-image: url("../images/Logos/logos/le piston francais.png")
}
#slide-TECALEMIT-2{
    background-image: url('../images/Logos/logos/TECALEMIT.png')
}
#slide-THALES-2{
    background-image: url('../images/Logos/logos/THALES.png')
}
#slide-goam-2{
    background-image: url('../images/Logos/logos/goam.png')
}

/*********************/
.imagesSlider{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
    z-index: 1;
}
/* Extra small devices (phones, 600px and down) */

.entrepriseNickName{
    color:#a8a7a8;
}

/*padding: 0px 309px;*/
#section-promoteur-bg-img-left{
    position: absolute;
    right: 0;
   /* top: 263px;*/
    top :200px;
    bottom: 0;
    width: 257px;
    z-index: 1;
    background-image: url(../images/backgrounds/import-motif-gris-1-a.png);
    background-repeat: no-repeat;
}
#section-promoteur-bg-img-right{
    position: absolute;
    left: 0;
    top :200px;
  /*  top: 263px;*/
    bottom: 0;
    width: 257px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url('../images/backgrounds/import-motif-gris-1-b.png');
}

/*mission*/
#section-mission{
    /* padding: 50px;*/
    height: 450px;
    position:relative;
    background-color:#ffffff;
    font-family: 'Oswald-Medium';
}
#section-mission p{
    font-family: 'Oswald-Light';
    font-size: 22px;
}
#section-mission-bg-img-left{
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 73px;
    width: 257px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-1-a.png');
    background-size: cover;
}
#section-mission-bg-img-right{
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 73px;
    width: 257px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-1-b.png');
    background-size: cover;
}

.title-mission{
        padding-top: 50px;
        color:#c54239;
        font-family: 'Oswald-Medium';
        text-transform: uppercase;
}
/*Localisation*/


.myImg:hover {opacity: 0.7;}
  /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}  
  /* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

  /* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
  /* Add Animation */
.modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
}


.contenu{
    background-color: #ECECED;
}


#img-top{
    width: 100%;
    background-repeat: repeat-x;
    background-size: 100%;
}
#section-vol{
  /*  padding: 18px 0px;*/
}
#section-carte{
    padding-bottom: 15px;
}
#section-carte h5{
    color: #c54239;
    font-family: 'Oswald-light';
}
.vol{
   font-size: 22px;
    font-family: 'Oswald-Medium';
}
.vol ul{
    color:#c54239;
}

.imgWidth{
    width: 100%;
}

#myModal{
    z-index: 1;
}
#section-promoteur-bg-img-right,#section-promoteur-bg-img-left{
    z-index: 0;
}
#design-localisation-right{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 371px;
    height: 256px;
    z-index: 0;
    background-image: url('../images/backgrounds/import-motif-gris-2-a.png');
    background-size: cover;
}
#design-localisation-left{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 371px;
    height: 256px;
    z-index: 0;
    background-image: url('../images/backgrounds/import-motif-gris-2-b.png');
    background-size: cover;
}
.imagesSlider .quotation {
    left: 25px;
    width: 320px;
}
.imagesSlider .quotation > div h2 {
    font-size: 19px;
}
#section-promoteur-top-bg{
    padding-bottom: 11%;
    position: relative;
     margin-top: -18px;
     width: 100%;
     background-repeat:no-repeat;
     background-size: 100%;
 }
.title-promoteur{
    padding: 4% 0 2% 0;
    color: #c54239;
    font-family: 'Oswald-Medium';
    text-transform: uppercase;
}
#section-promoteur-center{
    padding: 0 20% 4% 20%;
        position:relative;
        background-color:#ffffff;
        font-family: 'Oswald-Medium';
    }
#section-promoteur-center p {
    z-index: 1;
    position: inherit;
    font-family: 'Oswald-Light';
    font-size: 22px;
    }
#section-promoteur-logo{
    background-position: center;
    height: 52px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url(../images/Logos/Logo\ MEDZ.png);
}
#section-promoteur-center .division-line{
    background-color: #898a8c;
    height: 0px;
    width: 100%;
    margin: 40px auto;
}

/*padding: 0px 309px;*/
#section-promoteur-bg-img-left{
    position: absolute;
    right: 0;
   /* top: 263px;*/
   top :200px;
    bottom: 0;
    width: 257px;
    z-index: 1;
    background-image: url(../images/backgrounds/import-motif-gris-1-a.png);
    background-repeat: no-repeat;
}
#section-promoteur-bg-img-right{
    position: absolute;
   left: 0;
   top :200px;
  /*  top: 263px;*/
    bottom: 0;
    width: 257px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url('../images/backgrounds/import-motif-gris-1-b.png');
   
}

/*mission*/
#section-mission{
    /* padding: 50px;*/
     height: 450px;
     position:relative;
     background-color:#ffffff;
     font-family: 'Oswald-Medium';
 }
 #section-mission p{
     font-family: 'Oswald-Light';
     font-size: 22px;
 }
#section-mission-bg-img-left{
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 73px;
    width: 257px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-1-a.png');
    background-size: cover;
}
#section-mission-bg-img-right{
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 73px;
    width: 257px;
    z-index: 1;
    background-image: url('../images/backgrounds/import-motif-gris-1-b.png');
    background-size: cover;
}
.imgMission{
    padding-bottom: 60.5%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.title-mission{
        padding-top: 50px;
        color:#c54239;
        font-family: 'Oswald-Medium';
        text-transform: uppercase;

    }
/*Localisation*/


    .myImg:hover {opacity: 0.7;}
  
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (image) */
  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }
  
  /* Caption of Modal Image */
  #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  /* Add Animation */
  .modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  @media (max-width:800px){
    #section-promoteur-logo{
      /*  margin-bottom: -33px;*/
    }
    #section-promoteur-top-bg{
       /* margin-bottom: 33px;*/
    }
   
}

  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
}

.contenu{
    background-color: #ECECED;
}


#img-top{
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: -1px;
}

#section-carte{
    padding-bottom: 15px;
}
#section-carte h5{
    font-size: 19px;
    color: #c54239;
    font-family: 'Oswald-light';
}
.vol{
   font-size: 22px;
    font-family: 'Oswald-Medium';
}
.vol ul{
    color:#c54239;
}

.imgWidth{
    width: 100%;
}
#myModal{
    z-index: 1;
}
#section-promoteur-bg-img-right,#section-promoteur-bg-img-left{
    z-index: 0;
}
#design-localisation-right{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 371px;
    height: 256px;
    z-index: 0;
    background-image: url('../images/backgrounds/import-motif-gris-2-a.png');
    background-size: cover;
}
#design-localisation-left{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 371px;
    height: 256px;
    z-index: 0;
    background-image: url('../images/backgrounds/import-motif-gris-2-b.png');
    background-size: cover;
}
#section-carte .description-title{
    padding-bottom: 30px;
}
@media only screen and (min-width: 340px){
    header{
        height: 110px;
    }
    #slide-images-1 .quotation {
        bottom: 33%;
        left: 19%;
        width: 53%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
    #slide-images-2 .quotation {
        bottom: 5%;
        left: 8.54%;
        width: 67%;
    }
    .picto img{
        height: auto;
        width: 95%;
    }
    .logoSlider{
        width: 33%;
    }
    .logoSlider.quatrieme{
        display: none;
    }
    #section-D-top-bg{
        background-image: url('../images/backgrounds/mobile/fond-gris-1.png')
    }
    #section-D-bottom-bg{
        background-image: url('../images/backgrounds/mobile/fond-gris-2-a.png')
    }
    #last-bg-triangle-bottom{
        background-image: url('../images/backgrounds/mobile/fond-gris-2-b.png')
    }
    #slide-images-1{
        background-image: url('../images/sliders/top-silder/mobile/Slider_1.png')
    }
    #slide-images-2{
        background-image: url('../images/sliders/top-silder/mobile/Slider_2.png')
    }
    #slide-images-3{
        background-image: url('../images/sliders/top-silder/mobile/Slider_3.png')
    }
    .imagesSlider{
        height: 320px;
    }
    .swiper_1{
        height: 345px;
    }
    #section-promoteur-top-bg{
        background-image: url('../images/backgrounds/mobile/fond-gris-1.png');
    }
    #img-top{
       
        background-image: url('../images/backgrounds/mobile/fond-gris-2-a.png');
    }
    #section-promoteur p{
        padding: 0px 15px;
    }
    #section-mission p{
        padding: 0px 20px;
        position: absolute;
        z-index: 1;
    }
    #section-mission-img{
        background-image: url('../images/backgrounds/mobile/Nos\ missions\ \(480px\).png');
    }
}
@media only screen and (min-width: 400px){
    #slide-images-1 .quotation {
        bottom: 24%;
        left: 13%;
        width: 49%;
    }
    #slide-images-1 .quotation img {
        width: 40px;
        height: 40px;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }

    
    #slide-images-2 .quotation img {
        width: 45px;
        height: 45px;
    }
    #slide-images-2 .quotation > div h2 {
        font-size: 21px;
    }
    #slide-images-2 .quotation > div span {
        font-size: 13px;
    }
    #slide-images-2 .quotation {
        bottom: 13%;
        left: 6%;
        width: 46%;
    }
}
@media only screen and (min-width: 600px){
    #slide-images-2 .quotation img{
        width: 60px;
        height: 60px;
    }

    #slide-images-2 .quotation {
        bottom: 22%;
        left: 6%;
        width: 33%;
    }
    #slide-images-2 .quotation > div h2 {
        font-size: 21px;
    }
    #slide-images-2 .quotation > div span {
        font-size: 24px;
    }
    header{
        height: 110px;
    }
    #header-langs{
        margin-top: 5px;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 20px;
    }
    .nav-link,.dropdown-item{
        text-align: left;
    }
    #description{
        left:15px;
        right: 15px;
    }
    header{
        height: 110px;
    }
    #header-langs{
        margin-top: 5px;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 15px;
    }
    #description{
        left:15px;
        right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    header{
        height: 90px;
    }
    #header-langs{
        margin-top: 3.5px;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 10px;
    }
    #description{
        left:15px;
        right: 15px;
    }
    
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 14px;
    }

    .flex-through-width {
        flex: 0 0 100%;
    }
    .header-options li {
        flex-grow: 1;
        text-align: center;
    }
    .nav-item {
        display: inline-block;
    }
    .nav-link{
        text-align: center;
    }
    #section-promoteur-top-bg{
        background-image: url('../images/backgrounds/Tablet/fond-gris-1.png');
    }
    #section-promoteur p {
        padding: 0px 26px;
    }
    #section-mission p{
        padding: 0px;
        position: absolute;
        z-index: 1;
    }
    #section-mission-img{
        background-image: url('../images/backgrounds/Tablet/Nos\ missions\ \(1024\ px\).png');
    }
    #img-top{
       
        background-image: url('../images/backgrounds/Tablet/fond-gris-2-a.png');
    }

} 
@media only screen and (min-width: 799px) {
    .logoSlider{
        width: 24%;
    }
    .logoSlider.quatrieme{
        display: block;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 11px;
    }
    .nav-link,.dropdown-item{
        text-align: center;
    }
    #description{
        left:35px;
        right: 35px;
    }
    
    #section-D-top-bg{
        background-image: url('../images/backgrounds/Tablet/fond-gris-1.png')
    }
    #section-D-bottom-bg{
        background-image: url('../images/backgrounds/Tablet/fond-gris-2-a.png')
    }
    #last-bg-triangle-bottom{
        background-image: url('../images/backgrounds/Tablet/fond-gris-2-b.png')
    }
    #slide-images-1{
        background-image: url('../images/sliders/top-silder/tablet/Slider_1.png')
    }
    #slide-images-2{
        background-image: url('../images/sliders/top-silder/tablet/Slider_2.png')
    }
    #slide-images-3{
        background-image: url('../images/sliders/top-silder/tablet/Slider_3.png')
    }
    .imagesSlider{
        height: 680px;
    }
    .swiper_1{
        height: 705px;
    }
    
}
@media only screen and (min-width: 837px) {
    header{
        height: 85px;
    }
    #header-langs{
        margin-top: 0px;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 12px;
    }
    #description{
        left:40px;
        right: 40px;
    }
    #slide-images-1 .quotation {
        bottom: 34%;
        left: 6%;
        width: 58%;
    }
    
}
@media only screen and (min-width: 850px){
    #slide-images-1 .quotation {
        position: absolute;
        bottom: 33%;
        left: 6%;
        width: 59%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
    #slide-images-1 .quotation img {
        width: 50px;
        height: 50px;
    }
    #slide-images-2 .quotation {
        bottom: 34%;
        left: 1%;
        width: 37%;
    }
}
@media only screen and (min-width: 911px){
    .imagesSlider .quotation {
        left: 75px;
        width: 520px;
    }
    .imagesSlider .quotation > div h2 {
        font-size: 21.5px;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {  
        font-size: 13px;
    }
    #description{
        left: 270px;
        right: 270px;
    }
    
    .picto img{
        height: 184px;
        width: auto;
    }
}
@media only screen and (min-width: 950px){
    #slide-images-1 .quotation {
        bottom: 33%;
        left: 11%;
        width: 52%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
}
@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
    
}
@media only screen and (min-width: 992px) {
    header{
        height: 85px;
    }
    #header-langs{
        margin-top: 0px;
    }
    #description{
        left: 270px;
        right: 270px;
    }
}
@media only screen and (min-width: 1000px){
    #slide-images-1 .quotation {
        bottom: 33%;
        left: 13%;
        width: 49%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
    #slide-images-2 .quotation {
        bottom: 34%;
        left: 6%;
        width: 33%;
    }
}
@media only screen and (min-width: 1024px){
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {
        font-size: 15.5px;
    }
    #section-mission p{
        padding: 12px 300px;
    }

}
@media only screen and (min-width: 1096px){
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {
        font-size: 15.5px;
    }
    #description{
        left: 270px;
        right: 270px;
    }
}
@media only screen and (min-width: 1100px){
    #slide-images-1 .quotation {
        bottom: 31%;
        left: 13%;
        width: 49%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    .imagesSlider .quotation {
        left: 105px;
        width: 620px;
    }
    .imagesSlider .quotation > div h2 {
        font-size: 23.5px;
    }
    header{
        height: 82px;
    }
    #header-langs{
        margin-top: 0px;
    }
    .navbar-light .navbar-nav .nav-link,
    .dropdown-menu {
        font-size: 17px;
    }
    #description{
        left: 270px;
        right: 270px;
    }

    #section-D-top-bg{
        background-image: url('../images/backgrounds/pc/fond-gris-1.png')
    }
    #section-D-bottom-bg{
        background-image: url('../images/backgrounds/pc/fond-gris-2-a.png')
    }
    #last-bg-triangle-bottom{
        background-image: url('../images/backgrounds/pc/fond-gris-2-b.png')
    }

    #slide-images-1{
        background-image: url('../images/sliders/top-silder/pc/Slider_1.png')
    }
    #slide-images-2{
        background-image: url('../images/sliders/top-silder/pc/Slider_2.png')
    }
    #slide-images-3{
        background-image: url('../images/sliders/top-silder/pc/Slider_3.png')
    }
    .imagesSlider{
        height: 680px;
    }
    .swiper_1{
        height: 705px;
    }
    #section-promoteur-top-bg{
        background-image: url('../images/backgrounds/pc/fond-gris-1.png');
    }
    #section-mission-img{

        background-image: url('../images/backgrounds/pc/Nos\ missions\ \(1920px\).png');
    }
    #section-mission p{
        padding: 12px 400px;
    }

}
@media only screen and (min-width: 1280px){
    #slide-images-1 .quotation {
        bottom: 33%;
        left: 21%;
        width: 39%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
}
@media only screen and (min-width: 1340px){
    #slide-images-1 .quotation {
        left: 22%;
        width: 37%;
        bottom: 33%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1490px){
    #slide-images-1 .quotation {
        left: 25%;
        width: 33%;
        bottom: 33%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }
    #slide-images-2 .quotation {
        bottom: 34%;
        left: 25%;
        width: 19%;
    }
}
@media only screen and (min-width: 1557px){
    .imagesSlider .quotation {
        left: 135px;
        width: 670px;
    }
    .imagesSlider .quotation > div h2 {
        font-size: 25px;
    }

}




@media only screen and (min-width: 1850px){

    #slide-images-1 .quotation {
        left: 29.5%;
        width: 27%;
        bottom: 33%;
    }
    #slide-images-1 .quotation > div h2 {
        font-size: 21px;
    }

    #slide-images-2 .quotation {
        bottom: 34%;
        left: 26%;
        width: 18%;
    }
}


@media only screen and (min-width: 1920px){
    #section-mission-img{


        background-image: url('../images/backgrounds/pc/Nos\ missions\ \(1920px\).png')
    }
    #section-mission p{
        padding: 12px 400px;
    }
    #section-promoteur-bg-img-left {
        top: 142px !important;
    }
    #section-promoteur-bg-img-right {
        top: 142px !important;
    }

}
@media only screen and (min-width: 2000px){

    #slide-images-2 .quotation {
        bottom: 34%;
        left: 26%;
        width: 18%;
    }
    #slide-images-2 .quotation > div h2 {
        font-size: 27px;
    }
}

#section-D-bottom-bg,
#last-bg-triangle-bottom,
#section-D-top-bg
{
    height: 199px;

}
#last-bg-triangle-bottom,
#section-D-top-bg{
    margin-top: -1px;
}
#section-D-top-bg{
    margin-bottom: -1px;
}
.title{
    padding: 0% 16%;
    /*height: 100%;*/
    background-color: #ECECED;
    width: 100%;
}
.title p {
    font-size: 22px;
    font-family: 'Oswald-Light';
}

#section-C a{
    color: #c54239;
}