#section1 img {
        margin: 0;
    }
    #section1 h1 {
        margin:0 auto;
        font-family: "Fira Sans",sans-serif;
        color: #fff!important;
        text-align: center;
        width: 100%;
        max-width: 1050px;
        padding: 60px 40px 40px 40px;
        line-height: 1.3em;
        background:#005187;
    }
    #section1 h2  {
        position: absolute;
        top: 30px;
        font-family: "Fira Sans",sans-serif;
        text-transform: uppercase;
        color: #4d4d4f;
        margin: 0;
        margin: 0 auto 0 -175px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        max-width: 370px;
        border: 1px solid #4d4d4f;
        padding: 20px 30px;
        line-height: 2em;
        left: 50%;
    } 
@media (max-width: 1050px) {
     #section1 h2 {
        position: relative;
        margin: 0 auto 30px auto;
        left:auto;
         max-width: none;
        border: 1px solid #4d4d4f;
        white-space: nowrap;
    }
}
    #section1 h3 {
        position: absolute;
        bottom: 70px;
        font-family: "Fira Sans",sans-serif;
        text-transform: uppercase;
        color: #fff;
        margin: 0 auto 0 -300px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        max-width: 600px;
        border: 1px solid #fff;
        padding: 20px 30px;
        line-height: 2em;
        left: 50%;
    }
 @media (max-width: 1050px) {
     #section1 h3 {
        position: relative;
        margin: 0 auto 30px auto;
        left:auto;
        color: #4d4d4f;
        max-width: none;
        border: 1px solid #4d4d4f;
        white-space: nowrap;
    }
}
    #section1 h4  {
        position: absolute;
        top: 30px;
        font-family: "Fira Sans",sans-serif;
        text-transform: uppercase;
        color: #fff;
        margin: 0;
        margin: 0 auto 0 -190px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        max-width: 400px;
        border: 1px solid #fff;
        padding: 20px 30px;
        line-height: 2em;
        left: 50%;
    }
     #section1 h5 {
        position: absolute;
        top: 30px;
        font-family: "Fira Sans",sans-serif;
        text-transform: uppercase;
        color: #4d4d4f;
        margin: 0 auto 0 -225px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        max-width: 450px;
        padding: 20px 30px;
        line-height: 1.8em;
        left: 50%;
        border: 1px solid #4d4d4f;
    }
 @media (max-width: 1050px) {
     #section1 h5 {
        position: relative;
        margin: 0 auto 30px auto;
        left:auto;
        color: #4d4d4f;
        max-width: none;
        border: 1px solid #4d4d4f;
         white-space: nowrap;
        }
    }
    #section1 .no-padding {
      margin-left: 0;
      margin-right: 0;
      padding: 0 5px 5px 0 !important;
    }
    #section1 .zero-padding {
      margin-left: 0;
      margin-right: 0;
      padding: 0 !important;
    }
    #section1 .en_sav_bleu {
        color: #4d4d4f;
        border-bottom: 2px solid #004c6d;
        font-size: 12px;
        position: absolute;
        margin: 30px 0 0px -50px;
        line-height: 20px;
    }
    #section1 .en_sav_bleu:hover {
        text-decoration: none;
    }
    #section1 .en_sav_blanc {
        color: #fff;
        border-bottom: 2px solid #fff;
        font-size: 12px;
        position: absolute;
        margin: 30px 0 0px -50px;
        line-height: 20px;
    }
    #section1 .en_sav_blanc:hover {
        text-decoration: none;
    }
    .footer {
        background: #e6e7e7;
        padding: 40px 0;
        color: #58585a;
        font-size: 0.75em;
        line-height: 1.8em;
    }
    .footer p {
        font-size: 1em;
        text-align: center;
    }
    .footer a{
        color: #58585a !important;
    }
    @media (max-width: 1000px) {
    .footer a{
    display:inline-block;
    margin: 15px;
    }
    }
    .width13 {
        width:11%;
    }
    @media (max-width: 1000px) {
    .width13 {
        width:auto!important;
    }
    }
    .intro {
        height: 100%;
    }
    .intro p {
        width: 50%;
        margin: 25px auto;
        font-size: 0.75em;
    }
    .over_intro {
        
        position: absolute;
        z-index: 2;
        width: 100%;
    }
    .over_intro p {
        margin: 25px auto;
        font-size: 0.75em;
        text-align: center;
    }
    .navbar-default .navbar-nav > li > a {
        color:#005a87;
        font-weight: normal;
        padding: 10px 20px!important;
        letter-spacing: 1.4px;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color:#333;
    }
    @media (min-width: 1350px) {
    .navbar-default .navbar-nav > li > a:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: 7px;
      left: 0;
      background-color: #005a87;
      visibility: hidden;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
    }
    .navbar-default .navbar-nav > li > a:hover:before {
      visibility: visible;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }
    .navbar-default .navbar-toggle {
        border-color: #ddd;
        background-color: #fff;
    }
    @media (max-width: 1350px) {
            .navbar-header {
                float: none;
            }
            .navbar-left,.navbar-right {
                float: none !important;
            }
            .navbar-toggle {
                display: block;
            }
            .navbar-collapse {
                border-top: 1px solid transparent;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
                background-color: rgba(255,255,255,0.7);
            }
            .navbar-fixed-top {
                top: 0;
                border-width: 0 0 1px;
            }
            .navbar-collapse.collapse {
                display: none!important;
            }
            .navbar-nav {
                float: none!important;
                margin-top: 7.5px;
            }
            .navbar-nav>li {
                float: none;
            }
            .navbar-nav>li>a {
                padding-top: 0px;
                padding-bottom: 0px;
            }
            .collapse.in{
                display:block !important;
            }
        }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-default {
        background:#e6e7e7;
        border:0 0 1px 0;
        border-bottom-color: #59546d;
        font-size: 0.75em;
    }
    .navbar {
        border-radius: 0;
    }
    .navbar .navbar-nav {
      display: inline-block;
      float: none;
      vertical-align: top;
    }

    .navbar .navbar-collapse {
      text-align: center;
    }

    .esp-pro-pre {
        color:#6d6e70;
        position: absolute;
        top: 50px;
        left: 56%;
        margin-left:310px;
        font-size: 0.85em;
        letter-spacing: 0.05em;
    }
    @media (max-width: 1200px) {
        .esp-pro-pre {
            display: none;
        }
    }
    .esp-pro-pre a {
        color:#005a87;
        font-size: 0.75em;
        text-decoration: none;
    }
    .esp-pro-pre a:hover {
        color:#fff;
        text-decoration: none;
    }
    .esp-pro-pre .lien {
        color:#6d6e70!important;
        font-size: 0.75em;
        text-decoration: none;
    }
    .esp-pro-pre .lien:hover {
        color:#005a87!important;
        text-decoration: none;
    }
    .esp-pro-pre .btn_rdv {
    background: #005a87;
    border: 1px solid #005a87;
    padding: 5px 10px;
    color: #fff;
    }
    .esp-pro-pre .btn_rdv:hover {
    cursor: pointer;
    background: #fff;
    border: 1px solid #005a87;
    padding: 5px 10px;
    color: #005a87;
    }
    .esp-pro-pre .btn_rdv2 {
    background: #669b9b;
    border: 1px solid #669b9b;
    padding: 5px 10px;
    color: #fff!important;
    }
    .esp-pro-pre .btn_rdv2:hover {   
    cursor: pointer;
    background: #fff;
    border: 1px solid #669b9b;
    padding: 5px 10px;
    color: #669b9b!important;
    }
    .esp-pro-pre strong {
        font-size: 1.2em;
        font-weight: 900;
}
    .pro-pre a {
        color:#71ADAF;
        line-height: 20px;
    }
    .pro-pre a:hover {
        color:#333;
        text-decoration: none;
    }
    @media (min-width: 1350px) {
    .navbar-default .pro-pre > li {
        display: none;
    }
    }
    
    @media (max-width: 1500px) {
    
    }
    #slide0 .caption {
        position: absolute;
        left: 50px;
        color: #58585a;
        font-size: 23px;
        bottom: 8%;
        font-family: 'Fira sans', sans-serif!important;
        text-align: left;
        font-weight: 300;
    }
    #slide1 {
        background-image:url(../img/diap2.jpg);
        background-position: center top;
        position: relative;
    }
    #slide1 .caption {
        position: absolute;
        left: 50px;
        color: #58585a;
        font-size: 23px;
        bottom: 8%;
        font-family: 'Fira sans', sans-serif!important;
        text-align: left;
        font-weight: 300;
    }
    #slide1 .caption h1, #slide3 .caption h1, #slide2 .caption h1, #slide4 .caption h1, #slide0 .caption h1 {
        color: #fff!important;
        font-size: 2em;
        margin-top: 0;
    }
    #slide1 .caption, #slide2 .caption, #slide3 .caption, #slide4 .caption, #slide0 .caption {
        color: #fff!important;
        font-weight: 400!important;
        background-color: rgba(90,90,90,.3);
        padding: 20px;
        width:100%;
        max-width:1120px;
    }
    @media (max-width: 1200px) {
    #slide0 .caption  {
        left: 3%;
        margin-right: 20px;
        font-size: 1em;
        }
    #slide1 .caption  {
        left: 3%;
        margin-right: 20px;
        font-size: 1em;
        }
    }
   #slide2 {
        
        background-image: url(../img/dvv.webp);
        background-position: center top;
        position: relative;
    }
    #slide2 .caption {
        position: absolute;
        left: 3%;
        color: #fff;
        font-size: 28px;
        bottom: 8%;
        font-family: 'Fira sans', sans-serif!important;
        font-weight: 300;
        text-align: left;
    }
    @media (max-width: 1200px) {
    #slide2 .caption  {
        margin-right: 50px;
        font-size: 1em;
        }
    }
    #slide3 {
        background-image: url(../img/diap1.jpg);
        background-position: center top;
        position: relative;
    }
    #slide3 .caption {
        position: absolute;
        left: 50px;
        color: #58585a;
        font-size: 23px;
        bottom: 8%;
        text-align: left;
        font-family: 'Fira sans', sans-serif!important;
        font-weight: 300;
    }
    @media (max-width: 1200px) {
    #slide3 .caption  {
        margin-right: 50px;
        font-size: 1em;
        }
    }
    #slide4 {
        background-image: url(../img/slider-rse.webp);
        background-position: center top;
        position: relative;
    }
    #slide4 .caption {
        position: absolute;
        left: 50px;
        color: #58585a;
        font-size: 23px;
        bottom: 8%;
        text-align: left;
        font-family: 'Fira sans', sans-serif!important;
        font-weight: 300;
    }
    @media (max-width: 1200px) {
    #slide4 .caption  {
        margin-right: 50px;
        font-size: 1em;
        }
    }
    .film_home {position:absolute; margin: 70px 30px; font-size:20px; right:50px; color:#fff;}
    @media (max-width: 900px) {
     .film_home {margin: 20px 30px;}
    } 
    @media (max-width: 600px) {
     .film_home {position:absolute; margin: 10px 30px; font-size:14px; right:0px; color:#fff;line-height: 26px;}
    }
    
    .section{
        background-size: cover;
    }

    .slide{
        background-size: cover;
    }
    li.dropdown:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-menu {
        background-clip: padding-box;
        background-color: rgba(255,255,255,0.8);
        border: none;
        border-radius: 0;
        box-shadow: none;
        display: none;
        float: left;
        font-size: inherit;
        left: 0;
        list-style: outside none none;
        margin: 2px 0 0;
        min-width: 160px;
        padding: 15px 0 5px 0;
        position: absolute;
        text-align: left;
        top: 100%;
        z-index: 1000;
    }
    .dropdown-menu > li > a {
        padding: 3px 15px;
    }
    .dropdown-menu > li > a::before {
        content: '•';
        padding-right: 5px;
    }
    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#005a87!important;font-weight: bold!important;text-decoration:none;background-color: transparent;}
    .ss_menu_foot {
    font-weight: normal!important;
    margin: 10px 0 0 0!important;
    display: inline-block;
    }
    .cent_foot {
    text-align:left;
    line-height: 2.5em;
    border-left: 2px solid #fff;
    padding-left: 20px;
    }
    @media (max-width: 1000px) {
    .cent_foot {
        text-align:center!important;
        padding-left:0!important;
        margin-top: 15px;
        border-left: 0;
    }
    }
    .showbox {
    left: -152px;
    padding: 0.5em 1em;
    width: 200px;
    background-color: #fff;
    color: #fff;
    text-align: right;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    z-index: 100000;
    top:10%;
    position: fixed;
  }
    .showbox a {
        color: #fff;
        text-decoration: none;
    }
    .showbox a:hover {
        color: #fff;
        text-decoration: none;
    }
  .showbox.slideright:hover {
    -webkit-transform: translate(6em,0);
    -moz-transform: translate(6em,0);
    -o-transform: translate(6em,0);
    -ms-transform: translate(6em,0);
    transform: translate(6em,0);
  }
.showlang {
padding: 0.5em 1em;
width: 135px;
background-color: #fff;
z-index: 100000;
top:38px;
position: fixed;
}
    .btn_video {
    position: absolute;
    top:80px;
    left: 0;
    margin-left:-100px;
    }
    @media (max-width: 600px) {
    .hide-600 {
        display: none;
    }
    }
    .logo-600 {
        max-width:170px;
        margin:20px auto;
    }
    @media (max-width: 600px) {
    .logo-600 {
        max-width:100px;
        margin:5px auto;
    }
    }
    .forty {
        position:absolute; 
        top:230px; 
        right:1%;
        z-index: 1000;
    }

    @media (max-width: 1200px) {
    .forty {
        position:relative; 
        top:20px;
        left:50%;
        margin-left:-150px;
        z-index: 1000;
        }
    }
    .hover-overlay {
    position: relative;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    }
    .hover-overlay p {
    position: absolute;
    bottom: 35%;
    margin-right: 3em;
    }
    .hover-overlay .overlay:hover {
    opacity: 1;
    }
    .hover-overlay .overlay {
        font-size: 9px;
        line-height: 22px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.7) !important;
        padding:5em;
    }