*{margin:0; padding:0; border: none}
html,body{height: 100%; font-size: 100%; background-color:#f5f5f5;}
#contener{ max-width: 1280px; background-color: #fff; min-height: 100%; margin: auto; position: relative; background-color: #f5f5f5}
#barrebleue{height: 60px; background-color: #014f99; position: relative; z-index: 100;}
#barrebleue>strong{color: #fff; font-family: 'Montserrat', sans-serif; display: block; font-weight: normal; float: right; margin: 20px 75px 0 0; font-size: 1.8vw}
#visuel{position: relative; height:400px;}
.fullimg{height::100%; width:auto; display: block; height: auto;}
#logo{position: absolute; left: 6px;}
#formarmenie{width: 100%; position: absolute; background-image: url(images/transpablanc.png);top: 0; bottom: 0; max-width: 350px; right: 50px; padding:33px 50px; box-sizing: border-box;font-family:'Montserrat', sans-serif; height:500px;  }
#formarmenie>span{font-size: 20px; color:#014f99;display: block; margin-bottom: 40px;}
#formarmenie>table{color:#2b2b2b; vertical-align: bottom; width:100%}
#formarmenie td{color:#2b2b2b; vertical-align: bottom; height:55px; }
#formarmenie td:first-child{width: 100px;}
#formarmenie input{height:  30px; width: 100%; border: 1px solid #c1c1c1 }
label{font-size: 14px;}
#formarmenie input[type=submit]{margin:30px auto 0 auto; background-color: #0e77da; width:140px; height: 40px; border-radius: 10px; color: #fff; display: block; cursor: pointer}
#formarmenie em{color: darkorange; font-size: 13px; text-align: center; display: block; width: 100% }
main{margin: 100px 75px 0 75px;}
#dl-brochure{display: block; float: right; width:288px; height: 34px; background-color: #f0861f; border-radius: 14px; color: white; padding:7px 0 0 16px; box-sizing: border-box; text-transform: uppercase; font-family: 'Montserrat', sans-serif;font-weight: normal; font-size: 15px; text-decoration: none}
h1{ font-family: 'Montserrat', sans-serif; font-weight: bold; color:#014f99 }
main>strong{ color: #0e77da;font-family: 'Montserrat', sans-serif; font-weight: normal;display: block; margin-bottom: 15px;}
main>p{color:#6d6d6d; font-family: arial; font-size: 12px; text-align: justify}
h2{ font-family: 'Montserrat', sans-serif; font-weight: bold; color:#014f99; text-transform: uppercase; font-size: 20px; margin-top: 40px; border-bottom: 1px solid #dadada; padding-bottom: 15px }
#circuits{display: flex; margin-top: 20px; justify-content: space-around; flex-wrap: wrap}
.circuit{width: 210px; text-align: center; margin: 10px; font-family: 'Montserrat', sans-serif;}
.circuit>h3{color:#014f99; font-size: 16px; font-weight: bold}
.circuit>h4{color:#0e77da;; font-size: 14px; font-weight: normal; margin:5px 0 20px 0px}
.jour{color:#014f99; font-size: 20px; font-weight: normal;}
.prix{color:#6d6d6d; font-size: 20px; font-weight: normal;}
.circuit>p{color:#0e77da; font-size: 13px; font-weight: normal;margin: 10px 0; height: 100px}
.voirplus{display: block; background-image: url(images/BT-voirpus.png); width: 146px; height: 31px;; margin: auto; text-decoration: none; color: #fff; box-sizing: border-box; padding-top:6px;}
#adresse{margin: 115px 0 20px 0; text-align: center; color:#6d6d6d; font-size: 14px;font-family: 'Montserrat', sans-serif;}
#partenaires{display: flex; justify-content: center; padding: 40px; flex-wrap: wrap;}
.promo{margin:2px}
footer{ height:20px; background-color: #014f99; padding-left: 75px; font-family:'Montserrat', sans-serif; font-size: 11px; padding-top: 5px; color: #ffffff} 


@media screen and (max-width: 1299px) {
    #formarmenie>span{;margin-bottom:0px;}
    #formarmenie td{height:45px; }
    #formarmenie input[type=submit]{margin:15px auto 0 auto;}

   
}

@media screen and (max-width: 880px) {
    #barrebleue>strong{display: block;position: absolute;top: 95px;left: 5px}
    #formarmenie{ position: relative; margin: auto; right: auto; max-width: 100% }
    
    
}


@media screen and (max-width: 750px) {
    #dl-brochure{float: none; margin: 20px auto; }
    main{margin: 40px 5% 0 5%}
    
    
}





@media screen and (max-device-width: 1299px) {
    #formarmenie>span{;margin-bottom:0px;}
    #formarmenie td{height:45px; }
    #formarmenie input[type=submit]{margin:15px auto 0 auto;}
    label{font-size:2em;}
    #formarmenie td:first-child{width: 31%;}
    #formarmenie input{height:  40px; width: 100%; border: 1px solid #c1c1c1; margin-bottom: 10px; font-size: 2em}
    #formarmenie input[type=submit]{ padding:10px; height: auto; width: auto}
    main>p{font-size:1.5em}



   
}

@media screen and (max-device-width: 880px) {
    #barrebleue>strong{display: block;position: absolute;top: 95px;left: 5px; font-size: 3em}
    #formarmenie{ position: relative; margin: auto; right: auto; max-width: 100% }
    
    
}


@media screen and (max-device-width: 750px) {
    #dl-brochure{float: none; margin: 20px auto; }
    main{margin: 40px 5% 0 5%}
    
    
}