header, footer, article, section, nav, menu, figure, video, aside, time {display: block;}
figcaption, address, .hidden, .grecaptcha-badge {display: none;}
body * {outline:none;}
a {text-decoration: none; color: inherit}
a img {border: none;}
ul, figure, h1, h2, h3, h4 {
    margin: 0; padding: 0;
    list-style-position: inside;
}
.page-bloc ul{
    list-style:none;
}
.page-bloc ul li{
    padding:0 0 0 15px;
    position:relative;
}
.page-bloc ul li:before{
    content:"";
    position:absolute;
    top: 8px;
    left: 0px;
    width: 6px;
    height: 6px;
    border-radius:50%;
    background-color:#819dbe;
}
[class*='flex']{
    
}
#frmContact{
}
#logoAeroBourges{
/*        display:none;*/
    height: 45px; 
/*    margin: 0 10px;*/
    position:absolute;
    top:0;
    left:15px;
    border-radius:0 0 10px 10px;
    z-index:2;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
}
/**/
table {
    width: 100%!important;
    border: 0;
    border-spacing : 0;
    border-collapse : collapse;
    position:relative;
      margin:5px 0;
      
}

table:after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:5px;
    bottom:0;
    background-color:#3299ba;
    border-radius:0 0 5px 5px;
}
table thead{
   background:#3299ba;
   color:#fff;
   border-radius:5px 5px 0 0;
}
table thead tr th:first-of-type{
    border-top-left-radius:5px;
}
table thead tr th:last-of-type{
    border-top-right-radius:5px;
  
}
table tr{
    border-bottom:1px solid #efefef;
}
table tr td, table thead tr th{
    padding:0;
     border: 0;
     margin:0;
/*     display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
     
}
td img {
    position: relative;
    top: 7px;
/*    margin: 0 0 10px 0;*/
}
table thead tr th{
    text-align:left;
    padding: 10px;
    
}
table tbody tr:nth-child(even) {background: #efefef57;}
table tr td, table tr td:first-of-type{
     padding:5px 0 5px 10px;
     text-align:left;
}
table tr td:last-of-type{
    text-align:right;
     padding:5px 10px 5px 0;
/*    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
     -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;*/
}

table tr:last-of-type td{
    padding-bottom:10px;
}
table tr td:not(:last-of-type):not(:first-of-type){
/*    width:100%;*/
   
}
@media screen and (max-width : 560px) {
    table {
          font-size:3vw;
    }
    table tr td, table tr td:first-of-type{
     padding: 1vw 0 1vw 2vw;
    }
    table tr td:last-of-type{
     padding:1vw 2vw 1vw 0;
    }
}
/**/
.flexCenter{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flexRight{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flexJustify{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flexBottom{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flexMiddle{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flexNoWrap, .flexNeverWrap{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.flexColumn{
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* tarteaucitron */
#tarteaucitron {
    padding: 0 20px!important;
    box-sizing: border-box!important;
}
#tarteaucitron #tarteaucitronClosePanel {
    background: #3299ba!important;
        padding: 6px 0 0 0!important;
    font-size: 19px!important;
    width: 30px!important;
        right: -15px!important;
    top: 6px;
    box-sizing: border-box!important;
    height: 30px!important;
    z-index: 9!important;
    border-radius:50%;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize {
    font-size: 13px!important;
    padding: 2px 10px 4px 10px!important;
}
#tarteaucitronAlertBig {
    line-height: 33px!important;
}
#btnGrignotte {
    width: 42px;
    height: 42px;
    background-color: #333333;
    background-image:url(../Fichiers/commons/gt_blanc.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size: 40%;
    position: absolute;
    left: -42px;
    top: 0;
    cursor:pointer;
    z-index:999999999999999;
        border-right: 1px solid #696969;
}
#btnGrignotte:hover{
    background-color: #3d3d3d;
}
#btnGrignotte.digere{
         background-image:url(../Fichiers/commons/gt_blanc2.png);
}
#tarteaucitronAlertSmall{
   width:122px!important; 
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#tarteaucitronAlertSmall.digere{
    right:-122px;
}
/* /tarteaucitron */
input[type*='checkbox']{
        background: #fff;
    border: 1px solid #dadada;
    color: #87a8b7;
    float: left;
    font: 400 0.9em/1.25 'Muli';
    margin: 0 ;
    padding: 3px;
    transition: box-shadow .2s linear;
}
input[type*='checkbox'].error {
    box-shadow: 0px 0px 2px red, 0px 0px 2px red;
}
#alertNL{
    background: #222221;
    box-shadow: 0 0 10px #000;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
    padding: 30px;
    position: fixed;
    text-align: center;
    max-width:90%;
     width: 200px;
    z-index: 99;
}
#alertInscriptionNL{
    background: #222221;
    box-shadow: 0 0 10px #000;
    color: #fff;

    padding: 30px;
    position: fixed;
    text-align: center;
    width: 300px;
    z-index: 99;
        max-width:90%;

     left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#scroll{cursor:pointer;bottom:50px;}
#menuDekstop,#menuDekstop2, #telDekstop{display:block;}
#menuDekstop2{    
    position: absolute;
    bottom: -52px;
    left: 0;
        height: 52px;
    background-color: #ffffff;
    width: 100%;
    color: #3299ba;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1)
}
#menuDekstop2>ul.no_puce{
        display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 52px;
    
}
#menuDekstop2>ul.no_puce li.top_niv1{
        
}
#menuDekstop2>ul.no_puce li.top_niv1:last-of-type{
            padding-right:1em;
        }
#menuDekstop2 li.top_niv1.selected {
/*    background-color: #efefef;*/
position:relative;
}
#menuDekstop2 li.top_niv1.selected:after{
content:"";
position:absolute;
bottom:-10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
left:50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
#menuDekstop2 li.top_niv1.selected.bleu:after{
    border-color: #3299ba  transparent transparent transparent;

}

#menuMobil, #telMobil{display:none;}
#menuDekstop ul.no_puce {
    text-align: right;
}
#cookie_monster {
    display: none;
        position: fixed;
    background-color: #3299ba;
    bottom: 0px;
    right: 0;
    color:#FFFFFF;
    z-index: 2;
    padding: 30px 55px  30px 10px;
    text-align: justify;
    width: 100%;
    box-sizing:border-box;
    
     min-height: 40px;
    z-index: 222;
}
#cookie_monster a.fermer{
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    box-sizing: border-box;
    width: 45px;
    font-size: 1.5em;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    text-align: center;
  
    font-weight: bold;
}
#annecy #la_video {    
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
#aix-les-milles #la_video{display:none;}
#aix-les-milles #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-position: center center;
    background-size: cover;
     background-repeat:no-repeat;
}
#castellon #la_video{display:none;}
#castellon #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../castellon/skins/img/planeAccueil.jpg);
    background-position: center center;
     background-repeat:no-repeat;
    background-size: cover;
}
#auxerre #la_video{display:none;}
#auxerre #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../auxerre/skins/img/planeAccueil.jpg);
    background-position: center center;
     background-repeat:no-repeat;
    background-size: cover;
}

#tours #la_video {    
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
/*#tours #la_video{display:none;}*/
#tours #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../tours/skins/img/planeAccueil.jpg);
    background-position: center center;
     background-repeat:no-repeat;
    background-size: cover;
}
#dole #la_video {    
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
/*#dole #la_video{display:none;}*/
#dole #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../dole/skins/img/planeAccueil.jpg);
    background-position: center center;
     background-repeat:no-repeat;
    background-size: cover;
}

#le-havre #la_video{display:none;}
#le-havre #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../le-havre/skins/img/planeAccueil.jpg);
    background-position: center center;
     background-repeat:no-repeat;
    background-size: cover;
}
#bourges #la_video{display:none;}
#bourges #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../bourges/skins/img/planeAccueil.jpg);
    background-position: center center;
     background-repeat:no-repeat;
    background-size: cover;
}
#tlp #la_video{display:none;}
#tlp #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../tlp/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}
#saint-martin #la_video{display:none;}
#saint-martin #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../saint-martin/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}

#mayotte #la_video{display:none;}
#mayotte #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../mayotte/skins/img/planeAccueil.JPG);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}
#chalon #la_video{display:none;}
#chalon #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../chalon/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}

#vannes #la_video{display:none;}
#vannes #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../vannes/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}

#francazal #la_video{display:none;}
#francazal #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../francazal/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}
#cherbourg #la_video{display:none;}
#cherbourg #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../cherbourg/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    background-size: cover;
}



#tlp #imageAccueil.acc1{background-image: url(../../tlp/skins/img/planeAccueil1.jpg);}
#tlp #imageAccueil.acc2{background-image: url(../../tlp/skins/img/planeAccueil2.jpg);}
#tlp #imageAccueil.acc3{background-image: url(../../tlp/skins/img/planeAccueil3.jpg);}
#tlp #imageAccueil.acc4{background-image: url(../../tlp/skins/img/planeAccueil4.jpg);}
#tlp #imageAccueil.acc6{background-image: url(../../tlp/skins/img/planeAccueil6.jpg);}
#tlp #imageAccueil.acc5{background-image: url(../../tlp/skins/img/planeAccueil5.jpg);}
#tlp #imageAccueil.acc7{background-image: url(../../tlp/skins/img/planeAccueil7.jpg);}
@media only screen and (max-width : 780px) {
    #tlp #imageAccueil.acc1{background-image: url(../../tlp/skins/img/planeAccueil1_mini.jpg);}
    #tlp #imageAccueil.acc2{background-image: url(../../tlp/skins/img/planeAccueil2_mini.jpg);}
    #tlp #imageAccueil.acc3{background-image: url(../../tlp/skins/img/planeAccueil3_mini.jpg);}
    #tlp #imageAccueil.acc4{background-image: url(../../tlp/skins/img/planeAccueil4_mini.jpg);}
    #tlp #imageAccueil.acc6{background-image: url(../../tlp/skins/img/planeAccueil6_mini.jpg);}
    #tlp #imageAccueil.acc5{background-image: url(../../tlp/skins/img/planeAccueil5_mini.jpg);}
    #tlp #imageAccueil.acc7{background-image: url(../../tlp/skins/img/planeAccueil7_mini.jpg);}
}
#nimes #la_video{display:none;}
#nimes #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../nimes/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
     background-repeat:no-repeat;
}
#angers #la_video{display:none;}
#angers #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../angers/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
     background-repeat:no-repeat;
}
#dijon #la_video{display:none;}
#dijon #imageAccueil {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(../../dijon/skins/img/planeAccueil.jpg);
    background-position: center center;
    background-size: cover;
     background-repeat:no-repeat;
}
.no_puce {list-style: none;}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
.upper {text-transform: uppercase;}
.wrap {overflow: hidden;}
.centre {text-align: center;}
.flexbox {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex {
    flex: 1;
/*     IE 9 */
}
.flexCont{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position:relative;
    box-sizing:border-box;}
#header a.flex{
   float: left;  
}
#slideshow::before {
    box-shadow: none !important;
}
body {
    background: #fff;
    /*color: #819dbe;*/
    color: #000;
    font: 100%/1.25 'Muli', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
.centered {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

/********¯\_(ツ)_/¯******** FLUX ********¯\_(ツ)_/¯********/
#flux {
    background: #2f302e;
    color: #fff;
    font-size: .85em;
    font-weight: 600;
     z-index: 1;
    position: relative
}
#flux_cont {
    height: 4rem;
    margin: 0 2em;
    overflow: hidden;
    padding-left: 2.5em;
    position: relative;
}
#flux_cont::before {
    background: #2f302e url('../Fichiers/commons/flux.png') no-repeat 50% 50% / 24px;
    content: '';
    left: 0;
    height: 64px;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 80;
}
#flux li {
    align-items: center;
    display: flex;
    float: left;
    height: 4rem;
    justify-content: center;
}
#flux a {
    display: block;
    flex: 1;
}

/********¯\_(ツ)_/¯******** HEADER ********¯\_(ツ)_/¯********/
#header {
    background: #3299ba;
    color: #fff;
    float: left;
    padding: 1em;
    width: calc(100% - 2em);
    z-index: 999;
    position: relative
}
#header.passagers{
    padding: 1em 1em 0em 1em;
        margin-bottom: 52px;
}
#header time {display: inline;}
.sec_menu {
    color: #abeafe;
    font: 300 .8em/2em 'Muli';
    text-transform: uppercase;
}
.sec_menu .selected {
    color: #fff;
    font-weight: 700;
}
.sec_menu img {
    vertical-align: top;
}
.sec_menu a img {
    margin: 0 .5em 0 3em;
/*        margin: 0 1.5em 0 1.5em;*/
    position: relative;
    top: -5px;
}
.nom_charte {
    font-size: 1.5em;
    font-weight: 300;
}
.nom_charte strong {
    font-size: 0.65em;
    font-weight: 700;
    text-transform: uppercase;
}
#topmenu , #topmenuP {
    clear: right;
    float: right;
/*    padding: 1em 0;*/
}
.top_niv1 {
    display: inline-block;
    position: relative;
    padding:1em;
    text-align: center;
}
#menuMobil .top_niv1{
    text-align: left;
    
}
.top_niv1:last-of-type {
    padding-right: 0;
}
.top_niv1 a {
    padding: 0 ;
}
#topmenuP {
    clear: right;
    float: right;
/*    padding: 1em 0;*/
}

#topmenuP .top_niv1.selected {
   color:#3299ba;
   background-color:#ffffff;
}
#topmenuP .top_niv1:last-of-type {
    padding-right: 1em;
}



/********¯\_(ツ)_/¯******** MAIN ********¯\_(ツ)_/¯********/
#main {clear: both;    overflow: hidden;    min-height: 300px; position:relative;}
#main > article {
    min-height: 12em;
}
/*--------------------- les pages --------------------------*/
.header_page {
    background: #efefef url('') no-repeat 50% 50%  / cover;
    padding: 20% 0 6%;
    position:relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
        box-sizing: border-box;
    overflow: hidden;
}

#share {
    display:none;
    left: 50%;
    margin: 2.5em 0 0 -500px;
    position: absolute;
    text-align: right;
    width: 1000px;
    z-index: 0;
}
#share img {
    background: #a1bbda;
    clear: right;
    float: right;
    margin: .5em;
}
.chapeau {
    color: #2f302e;
    font: 300 1.5em/1.5 'Muli';
    text-align: center;
}
.chapeau::after {
    background: #3299ba;
    content: '';
    display: block;
    height: 2px;
    margin: 1em auto;
    width: 5em;
}
.encadre {
    background: #819dbe;
    box-shadow: 0 0 15px rgba(129,157,190,0.8);
    color: #000;
    margin: 1em;
    padding: 2em;
}
.page-bloc {
    margin: 1em auto;
    overflow: hidden;
    max-width: 800px;
        position: relative;
    z-index: 2;
        text-align: justify;
    padding: 0 30px;
}
.page-bloc span {
    font-size: 12pt;
}
.bloc-contenu {
    overflow: hidden;
    padding: 1em 0;
        max-width: 800px;
    margin: 0 auto;
}
.bloc-galerie .bloc-contenu {
    max-width:100%;
}



.bloc-contenu a {
    color: #819dbe;
    color: #3299ba;
    
    font-weight: 700;
    text-decoration: underline;
}
.bloc-contenu p:first-of-type {
    margin-top: 0;
}
.bloc-texte-image {
    text-align: justify;
}
.bloc-embed iframe {
    width: 100%;
}
.bloc-SousCategorie{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position:relative;
    padding:20px 0;
}
.bloc-SousCategorie .bouton{
    margin:0 0.5% 1%;
/*    width:19%;*/
    box-sizing:border-box;
}
.img-right img {
    float: right;
    margin: 0 0em 1em 1em;
}
.img-left img {
    float: left;
    margin: 0 1em 1em 1em;
}
.galerie {
    align-items: center;
/*    display: flex;
    flex-flow: row wrap;*/
}
.galerie a {
    background: url('') no-repeat 50% 50% / cover;
/*    flex: 0 0 280px;*/
    display:block;
    height: 210px;
    margin: 11px;
    width: calc((100% / 3) - 22px);
    position:relative;
    overflow:hidden;
}
.galerie a span{
  color:#ffffff;
  font-size:1.5em;
  text-shadow:2px 2px 5px rgba(0,0,0,0.5);
  text-align:center;
  width:100%;
  box-sizing:border-box;
  padding:10px;
  position:absolute;
  z-index:2;
  bottom:0;
}
.bloc-galerie a img.hidden{
    display:block;
    width:auto;
    height:100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
-moz-transform: scale(1) translate(-50%, -50%);
-o-transform: scale(1) translate(-50%, -50%);
-ms-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bloc-galerie a:hover img.hidden{
    -webkit-transform: scale(1.1) translate(-45%, -45%);
    -moz-transform: scale(1.1) translate(-45%, -45%);
    -o-transform: scale(1.1) translate(-45%, -45%);
    -ms-transform: scale(1.1) translate(-45%, -45%);
    transform: scale(1.1) translate(-45%, -45%);
}

#main .header_page h3,#main .header_page nav, #content nav{
    color: #fff;
    text-shadow: 0 0 10px #555555;
}
/*--------------------- les vols --------------------------*/
#lesVols{
    background-color:#f8f8f8;
    width:100%;
    box-sizing:border-box;

}
#intLesVols, .intLesVols{
    max-width:1180px;
    padding:90px 0 180px 0;
    margin:0 auto;
    position:relative;
    box-sizing:border-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
    flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
    justify-content: space-around;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
    align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
    align-items: center;
}
#lesDepartsVols, #lesArriveesVols {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position:relative;
    box-sizing:border-box;
    
}
#lesDepartsVols{
    min-height:150px;
    box-sizing:border-box;
    background-color:transparent;
    width:48%;
}
#lesArriveesVols{
    min-height:150px;
    box-sizing:border-box;
   background-color:transparent;
   width:48%;
}

.designVols{
    min-width:170px;
    text-align:center;
    min-height: 170px;
   position:relative;
   background-repeat:no-repeat;
   background-size:40px;
   background-position:50% 35%;
   
}
.designVols.depart{
    background-image:url(../skins/img/plane_depart.png);
}
.designVols.arrivee{
    background-image:url(../skins/img/plane_arrivee.png);
}
.designVols.depart.affiche{
    background-image:url(../skins/img/plane_depart_blc.png);
}
.designVols.arrivee.affiche{
    background-image:url(../skins/img/plane_arrivee_blc.png);
}
.designVols h2{
    font-size: 1.3em;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 2px solid #3299ba;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
     -webkit-transform: translateX(-50%);
        -moz-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
   transform: translateX(-50%);
}
a.fondB {
    background: #3299ba;
    height: 50px;
    width: 50px;
    display: block;
    padding: 15px 4px 4px 11px;
    box-sizing: border-box;
    border-radius: 50%;
}
a.fondB img{}
#enPage .designVols{
    min-height: 70px;
    background-position: 20px 64%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor:pointer;
    box-sizing: border-box;
    width:50%;
    opacity:0.5;
   position:relative;
}
#enPage .designVols.affiche:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #3299ba transparent transparent transparent;
    content: "";
    position: absolute;
    left: 30px;
        bottom: 10px;
}
#enPage .affListes{
    width:100%;
    display:none;
   
    min-height:200px;
}
#enPage .affListes.affiche{
    display:block;
    box-shadow: 5px -5px 20px rgba(0,0,0,0.15);
}
#enPage .affListes#affArr{
   
}
#enPage .designVols:hover, #enPage .designVols.affiche{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity:1;
}
#enPage .designVols.affiche{
        border-top: 1px solid #3299ba;
    border-left: 1px solid #3299ba;
    border-right: 1px solid #3299ba;
/*    border-radius: 10px 10px 0 0;*/
/*    border-radius: 0px 70px 0 0;*/
    box-shadow: 5px -5px 20px rgba(0,0,0,0.15);
    z-index: 2;
    background-color: #3299ba;
}
#enPage .designVols.arrivee.affiche{
/*     border-radius: 70px  0px 0 0;*/
}
#enPage .designVols.affiche h2{
    color:#FFFFFF;
    border-bottom: 2px solid #ffffff;
}
#enPage .designVols.affiche:after {
  
    border-color: #fff transparent transparent transparent;
}
#enPage .intLesVols:first-of-type{
    padding-bottom:0;
    box-sizing: border-box;
    overflow-y: hidden;
        
}
#enPage .intLesVols:last-of-type{
    padding-top:0;
}
#enPage .intLesVols{

    
    max-width:885px;
     
        padding-left: 40px;
    padding-right: 40px;}
#enPage .designVols h2{
        font-weight: 800;
    text-transform: uppercase;
    border-bottom: 2px solid #3299ba;
    position: absolute;
    top: 50%;
    left: 70px;
        -webkit-transform: translateY(-50%);
        -moz-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
    transform: translateY(-50%);
        
}
#intLesVols ul , #enPage ul {
    list-style: none;
    width: 100%;
}
#enPage ul{
    max-width:885px;
}
#intLesVols ul li, #enPage ul li {
   height:50px;
   width:100%;
   background-color:#3299ba;
       position:relative;
    box-sizing:border-box;
    overflow: hidden;
}
#enPage ul li:nth-child(2n){
        background-color: #51a6c1;
}
#intLesVols ul , #enPage ul{
    border-top:1px solid #3299ba;
    border-bottom:1px solid #3299ba;
} 
#intLesVols ul li a, #enPage ul li a{
    cursor:default;
    color:#fff;
    height:50px;
    background:rgba(255,255,255,0);
    display: block;
    width:95%;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
    flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
    justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
    align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
    align-items: center;
    position:relative;
    box-sizing:border-box;
    border-top:1px solid #61abc7;
    margin:0 2.5%;
}
#enPage ul li a{
    max-width:100%;
     -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
        font-size: 1.2em;
}
/*#intLesVols ul li a:hover, #enPage ul li a:hover{
    color:#3299ba;
}*/
#intLesVols ul li a::before, #enPage ul li a::before{
    content:"";
background-color:#ffffff;
width:105%;
position:absolute;
height:50px;
bottom:0%;
height:1px;
left:-2.5%;
opacity:0;
-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#intLesVols ul li:first-of-type a , #enPage ul li:first-of-type a {
     border-top:0px solid #61abc7;
}
/*#intLesVols ul li a:hover::before, #enPage ul li a:hover::before{
height:50px;
opacity:1;
}*/
#intLesVols ul li a span, #enPage ul li a span{
    font-size:0.7em;
    padding:0 10px;
    position:relative;
    
}

.heureVol{
        font-weight: 600;
    white-space: nowrap;
}
.destVol{
     font-weight: 600;
     text-transform:uppercase;
         padding: 0 20px 0 10px!important;
}
.refVol{
    white-space:nowrap;
    color:#90e4ff;
    -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.refVol:before{
   content: "";
    width: 1px;
    height: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
    position: absolute;
    background-color:#90e4ff;
    -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*#intLesVols ul li a:hover span.refVol, #enPage ul li a:hover span.refVol{
    color:#3299ba;
}
#intLesVols ul li a:hover span.refVol:before, #enPage ul li a:hover span.refVol:before{
    background-color:#3299ba;
}*/
#intLesVols ul li a span.statut, #enPage ul li a span.statut{
    font-weight: 600;
    text-align:right;
     -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
/*.statut:before{
   content: "";
    width: 1px;
    height: 30px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background-color:#61abc7;
}*/
#lesVols .bouton{
    position:absolute;
    bottom:70px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 188px;
}

/*--------------------- les actus --------------------------*/
.une_actu time, .un_item time {
    background: url('../Fichiers/commons/timer.png') no-repeat 0 50% / 1em 1em;
    color: #8c9fb6;
    font-size: .8em;
    padding: 0 1rem;
}
.une_actu time {
    background-position: 1em 50%;
    padding-left: 2.5em;
}
.ln_categ {
    text-decoration: underline;
}
#timeline {
    border-right: 1px solid #b4c0ce;
    flex: 0 0 160px;
    float: left;
    text-align: right;
    width: 160px;
}
#timeline span {
    color: #3299ba;
    display: inline-block;
    font-weight: 300;
    padding: 0 1em;
    text-transform: uppercase;
}
#liste_actus {
    counter-reset: comptact;
    margin: 0 0 0 2em;
    padding: 1em 0;
}
.un_item {
    background: #fff;
    box-shadow: 0 0 5px 0 #d3d7db;
    counter-increment: comptact;
    display: block;
    height: 190px;
    margin: 0 .5em 66px;
    position: relative;
}

.un_item figure {
    background: url('') no-repeat 50% 50% / cover;
    height: 190px;
    margin-right: 1em;
    width: 280px;
}
.un_item article {
    overflow: hidden;
    padding: 1em;
    width: auto;
}
.un_item h3 {
        min-height: 3em;
    padding: .5em 0;
}
.pagination {
    color: #2f302e;
    font-size: .8em;
/*    line-height: 25px;*/
    min-height: 50px;
        padding: 10px;
}
.pagination big {
    font-size: 1.6em;
}
.pagination img {
    vertical-align: top;
}
.titre_seul {
    padding: .5em 0;
}
/*----------------- les titres ------------------*/
#main h1 {
    /*color: #2f302e;*/
    color: #FFF;
    font-size: 2.6em;
    text-shadow: #000 0px 0px 25px;
}

#main .header_page h2 {
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#main h2 {
    color: #2f302e;
    font-size: 1.5em;
}
#main .header_page h2 {
/*    color: #3299ba;
    font: 300 .9em 'Muli';
    letter-spacing: 0.08em;
    text-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-transform: uppercase;*/
    
   color: #ffffff;
    font: 600 .9em 'Muli';
    letter-spacing: 0.08em;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
    text-transform: uppercase;
}
#main h3 {
    color: #2f302e;
    
    font-size: 1.1em;
}
#main h3.surtitre {
    color: #8c9fb6;
    font: 200 .8rem 'Muli';
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
#main .page-bloc h3, 
#main .bloc-texte h3 {
    color: #3299ba;
}
h4.surtitre{
   color: #819dbe; 
    color: #3299ba; 
/*        font-weight: 300;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: .2rem;*/
}
#environnement h4.surtitre{margin:3em 0 0 0 ;} 
#environnement h3.serv{margin:3em  0; }
/*----------------- les boutons ------------------*/
.bouton, .pecan.alignright, .pecan.alignleft {
    border: 2px solid #3299ba;
    border-radius: 3px;
    color: #2f302e;
    cursor: pointer;
    display: inline-block;
        position: relative;
    font-weight: 300;
    padding: .6em 3em .6em 1em;
}
.bouton::after , .pecan.alignright::after, .pecan.alignleft::after {
    background: url(../Fichiers/commons/gt.png);
    content: '';
    margin: 0 0 0 1.5em;
    transition: all 0.3s ease 0s;
    width: 2em;
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    height: 100%;
}
.pecan.alignleft::after{
    background: url('../Fichiers/commons/lt.png') no-repeat 50% 50% / contain;
    float: left;
    margin: 0 1.5em 0 0 ;
    transition: all 0.3s ease 0s;
    width: 1em;
}
.bouton:hover::after, a:hover .bouton::after , .pecan.alignright:hover::after{
    margin: 0em -.25em 0 1.75em;
}
.pecan.alignleft:hover::after{
    margin: 0em 1.75em 0 -.25em;
}
.bouton.blc{
   color: #ffffff; 
   border: 2px solid #ffffff;
}
.bouton.blc::after {
    background: url('../Fichiers/commons/gt_blanc.png') no-repeat 50% 50% / contain;
}
.fichier {
    color: #3299ba;
    margin: 0 1em 1em  0;
    position: relative;
}
.fichier::after {
    background-image: url('../Fichiers/commons/gt_blu.png');
}
.fichier::before {
    background: #3299ba;
    content: '';
    height: 100%;
    right: 2em;
    position: absolute;
    top: 0;
    width: 2px;
}
/* .slide {
    float: left;
    margin-left: 2%;
    width: 32%;
}
.slide:nth-of-type(3n+1) {
    margin-left: 0;
}
#slider figure {
    padding-top: 56.5%;
} */
/*----------------- les destinations ------------------*/
#the_destinations{
    position:relative;
    background:#b9b5a7;
    box-sizing:border-box;
    width:100%;
    margin:0 auto;
    max-width:1180px;
    min-height:600px;
        height: 600px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
    flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
    justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
    align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
    align-items: stretch;
}
#the_destinations .contDest{
    position:absolute;
    
    bottom:100px;
    width:100%;
    text-align:center;
    
    z-index:3;
}
#the_destinations .contDest.reCentre{
    bottom:0;
    -webkit-transform: translate(0%, 50%);
-moz-transform: translate(0%, 50%);
-o-transform: translate(0%, 50%);
-ms-transform: translate(0%, 50%);
transform: translate(0%, 50%);
}
#the_destinations h2{
    font-size:4em;
    text-transform:uppercase;
    color:#ffffff;
    text-shadow:2px 2px 5px rgba(0,0,0,0.3);
}
a.destination{
    transition: all 0.3s ease 0s;
}
.fiche_destination{
    height:100%;
    position:relative; 
    z-index:1;
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    overflow:hidden;
    box-sizing:border-box;
}
.fiche_destination h3, .fiche_destination h4{
    color:#ffffff!important;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
    
}
.fiche_destination h3{
    width:100%;
    display:block;
    text-align:center;
    position:relative;
   opacity:0;
top:-30px;   
    font-size: 2em!important;
    text-shadow:2px 2px 5px rgba(0,0,0,0.3);
}
.fiche_destination h3:after{
    content: '';
    width: 50%;
    height: 0px;
    border-bottom: 3px solid #fff;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -25%;
    bottom: -10px;
   box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}
.fiche_destination h4{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    text-align: right;
    top: 30%;
    left: 0%;
    padding-right: 90px;
    width: 100%;
    opacity: 1;
    font-size: 1.3em;
        display: table;
}
.fiche_destination h4.left{
    left: -50%;
}
 .fiche_destination h4.center{
    left: -25%;
}   

.fiche_destination h4:after{
        content: '';
    width: 80px;
    height: 1px;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 0px;
   top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    
}
a.destination:hover h4{
   opacity:0;
       top: 100%;
}
a.destination:hover h3{
   opacity:1;
       top: 15%;
}


/********¯\_(ツ)_/¯******** FOOTER ********¯\_(ツ)_/¯********/
#footer {
    background: #3299ba;
    background: linear-gradient(59deg, #2c8db2 0%, #3299ba 100%) no-repeat 0 0;
    color: #fff;
    padding: 0 0 2.5em;
    text-align: center;
}
#footer .centered {
    padding: 2em 0;
}
#footer .centered + .centered {
    border-top: 1px solid #6ab2cb;
    text-align: left;
}
#footer h3 {
    font-size: 1.5em;
    padding: 1em 0;
}
#telMobil{ 
       font-size: 1em;
    font-weight: bold;
    padding: .5em .5em .5em 35px;
    background-color: #fff;
    border-radius: 1.2em;
    color: #2f94b7;
    margin: 25px 0 10px 0;
        background-image: url(../skins/img/phone.png);
    background-repeat: no-repeat;
    
    background-size: 14px;
    background-position: 13px 50%;
    }
#frmNewsletter {
    margin: 0 auto;
}
#frmNewsletter label {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    overflow: hidden;
}
#frmNewsletter input {
    border: 0;
    padding: .5em;
}
#text_newsletter {
    color: #87a8b7;
    font: 300 1em/2 'Muli';
}
#submit_newsletter {
    background: #96c11f;
    color: #fff;
    cursor: pointer;
    flex: 0 0 3em;
    font: 600 1em/2em 'Muli';
    height: 3em;
}
#btnPopRock_newsletter{
    background: #96c11f;
    color: #fff;
    cursor: pointer;
    font: 600 1em/2em 'Muli';
    height: 3em;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    width: 100%;
}
#social a, #contactez a {
    padding: 0 .5em;
}
#menubas {
    float: right;
    width: 65%;
}
#footer #menubas>ul{
        display: block;
    column-count: 3;
    max-height: 225px;
}
#footer #menubas>ul li.bottom_niv1 {
    display: inline-block;
    width: 100%;
    -webkit-column-break-after: always;
    break-inside: avoid-column;
    word-wrap: break-word;
    border-left: 1px solid #6ab2cb;
    padding: 0 10px;
    margin: 5px 0;
}
.bottom_niv1 > a {
    color: #fff;
    font-size: 1em;
    line-height: 14px;
}
.bottom_ss {
    padding: 1em 0;
}
.bottom_niv2 {
    color: #8ce0fb;
    font-size: .8em;
}
#credits {
    font-size: .8em;
    text-align: center;
}
#credits a {
    color: #8ce0fb;
    padding-right: 2em;
    text-decoration: none;
}

.adeg{
    display: none;
}

#footer #coordonnees small{
  display: block;
  float: left;
  width: 100%;
}

/*
.ratio {
    width: 400px;
}
.ratio::before {
    content: '';
    display: block;
    padding-bottom: 56.5%; 16/9
}

@supports (--custom:property) {
    .ratio {
        position: relative;
        --ratio: 1.77;
    }
     .ratio::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--ratio)));
      }
} */
h3.serv.serv_vert img {
    position: relative;

}
ul#credits {
    list-style: none;
}
#credits li {
    display: inline-block;
}
#main #videoIframe h2, #main #videoIframe h4{
    color: #FFF;
}
.bloc-contenu ul{
            display: flow-root;
    }
@media screen and (min-width : 1120px) {
    .no_mob {
        display: initial;
    }
    
     .flexbox {
        flex-direction: row;
        flex-wrap: wrap;
        
    }
    #informations .flexbox{
        width:50%;
    }
    #informations.flexbox {
        padding-bottom: 2em;
        flex-wrap: wrap;
        width: 100%;
    }
   .top_ss {
        display: none;
        text-align:left!important;
        min-width: 100%;
        position: absolute;
        margin-top: 15px;
        padding-top:0;
        width: auto;
        z-index: 99;
        background-color: #fff;
    }
    #header.passagers .top_ss{
                padding-top: 15px;
                margin-top:0;
    }
    
    .top_ss:hover {
        display: block;
        max-height:600px;
    }
    .top_ss::before {
        background: #0f7fa3;
        content: '';
        height: 5px;
        left: 0;
        position: absolute;
        top: 0px;
        width: 0%;
        -webkit-transition: all 0.2s ease 0.1s;
        -moz-transition: all 0.2s ease 0.1s;
        -o-transition: all 0.2s ease 0.1s;
        transition: all 0.2s ease 0.1s;
    }
    #header.passagers .top_ss::before{
        top: 10px;
    }
  .top_ss.deroul::before {
      width: 60%;
  }
    .top_ss a {
        background: #fff;
        border-left: 4px solid #fff;
        color: #272727;
        display: block;
        padding: .5em 1em .5em .5em;
        white-space: nowrap;
        -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
    }
    .top_ss a.selected, .top_ss a:hover {
        border-left-color: #3299ba;
    }
     .un_item::before {
        background: #fff;
        color: #b4c0ce;
        content: '0'counter(comptact);
        font-size: .8em;
        height: 1rem;
        padding: .25rem .5rem;
        position: absolute;
        left: -3.5rem;
        top: 4rem;
        width: 1rem;
    }
    .un_item::after {
        background: #b4c0ce;
        border-radius: 50%;
        content: '';
        height: .5em;
        position: absolute;
        left: -2.75em;
        top: 5.5em;
        width: .5em;
    }
    .titre_liste {
        padding: 2em 0 .5em 7em;
    }
    .bloc-galerie {
        position: relative;
    }
    .bloc-galerie .bloc-contenu {
        /*height: 464px;*/
        padding: 0;
    }
    .slide_galerie {
       position: absolute;
       right: 0;
       top: 257px;
    }
    .slide_galerie span {
        cursor: pointer;
    }

}
@media screen and (min-width : 1024px) {
    .no_tab {
        display: initial;
    }
    .bloc-texte-image {
        width: 800px;
    }
    
    .img-right h3, .img-right h4 {
        margin-left: 55px;
    }
    .img-right .bloc-contenu h3,  .img-right .bloc-contenu h4{
        margin-left: 0px;
    }
    
    .img-left h3, .img-left h4 {
        margin-left:auto;
        margin-right:auto;
            max-width:800px;
    }
    .bloc-galerie {
        padding: 0 2em;
        width: 906px;
    }
    .bloc-galerie h3, .bloc-galerie h4 {
        margin-left: 53px;
    }

    .bloc-texte, .bloc-image, .bloc-document, .bloc-embed {
        width: 800px;
    }
    .img-left {
        /*padding-right: 50px;*/
    }
    .liste {
        margin-left: auto;
        margin-right: auto;
        padding-right: 50px;
        width: 940px;
    }

    #footer {
        text-align: left;
    }
    #social, #contactez {
        text-align: center;
    }
    #social a, #contactez a {
        opacity: .5;
        transition: all .3s ease;
    }
    #social a:hover, #contactez a:hover {
        opacity: 1;
    }
}
@media screen and (min-width : 1200px) {
    .centered {
        width: 1180px;
    }
    .header_page {
/*        height: 5em;*/
        padding: 18.5em 0 2em ;
    }
}
@media screen and (max-width : 1200px) {
#intLesVols{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
        padding: 90px 2% 180px 2%;
    }
    #lesDepartsVols, #lesArriveesVols {
    margin-bottom:30px;
    width: 100%;
    }
    #lesVols .bouton {

    left: 50%;
    transform: translate(-50%);
    }
    .fiche_destination h4, .fiche_destination h4.left, .fiche_destination h4.center{
        left: -25%!important;
    }
}

@media screen and (max-width : 1023px) {
    
    .no_tab {display: none;}
    div#horaires {
        border-top: 1px solid #6ab2cb;
        width: 100%;
        flex: none;
        float: none;
        margin-top: 30px;
    }
    #share {
        margin-left: -50%;
        width: 100%;
    }
    
}


    
@media screen and (max-width: 1119px) {
    #tarteaucitron #tarteaucitronClosePanel {
        right:0!important;
    }
    .bloc-SousCategorie .bouton{
        margin:0 0.5% 1%;
        width:49%;
    }
    #intLesVols{
        padding:0 2% 90px 2%;
    }
    #lesVols .bouton{
            position: relative;
    margin: 30px 30px 0 30px;
    bottom: unset;
    left: unset;
    transform: none;
    }
    #intLesVols ul li, #enPage ul li{
       min-height: 50px; 
        height: auto;
    }
    #intLesVols ul li a, #enPage ul li a {
        height:auto;
        min-height: 50px;
        padding: 10px 0;
    }
    .designVols{
           min-height:70px;
                   background-position: 0% 64%;
    }
    .designVols h2{
            font-weight: 800;
    text-transform: uppercase;
    border-bottom: 2px solid #3299ba;
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
    }
    #lesDepartsVols, #lesArriveesVols{
        -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    }
    #enPage .intLesVols{
       padding-left: 20px;
    padding-right: 20px;
    }
    #enPage .intLesVols:first-of-type{
        padding-top:0;
    }
    #enPage .designVols{
        min-width:150px;
        text-align:center;
            min-height: 100px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 50% 8px;

    }
    #enPage .heureVol {
    white-space: normal;
}
    #enPage .designVols.affiche:after{         
        left: 50%;
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
bottom:14px;
    }
    #enPage .designVols h2{
        left: 50%;
        top:60%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }
    #enPage ul li a{font-size:1em;}
    #menuDekstop, #menuDekstop2, #telDekstop{display:none;}
    #menuMobil, #telMobil{display:block;}
    #header.fixed{
        position:fixed;
        top:0;
    }
    div#coordonnees {
    padding: 0 20px;
}
    #environnement h3.serv {
        margin: 1em 0;
    }
    .adeg{
        display: block;
    }
    .flexbox {
        flex-direction: column;
    }
ul#credits {
    box-sizing: border-box;
    max-width: 100%;
    padding: 5%;
}
ul#credits li {
    width: 100%;
     padding:15px;
    border-top: 1px solid #6ab2cb;
    box-sizing: border-box;
}
ul#credits li a{
   
   
}
     .no_mob {display: none;}
     #footer #social, #footer #contactez{
         border-top: 1px solid #6ab2cb;
         margin-top: 30px;
     }
     #horaires span {
        display: block;
    }
        div#informations .flexbox {
       margin-bottom: 60px;
       position:relative;
    }
    div#informations .flexbox:after {
            content: "";
    height: 2px;
    width: 40%;
    background: #efefef;
    position: absolute;
        bottom: -45px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
    }

    div#informations .flexbox:last-of-type:after{display:none;}
    #informations p{
        padding:0 30px;
    }
     #header {
        display: flex;
        flex-direction: row;
     }
     #header.passagers {
    margin-bottom: 0;
        padding-bottom: 1em;
}
  
    #langues {
        justify-self: flex-end;
        flex: 0 0 1em;
        order: 3;
    }
    #langues a {
        display: block;
     }
    .nom_charte {
        font-size: 1.2em;
     }
    #topmenu, #topmenuP {
        background: #3299ba;
        height: 100%;
        left: -100%;
        position: fixed;
        top: 0;
        transition: all .5s ease;
        width: 100%;
        z-index: 99;
        overflow:auto;
            padding: 0;
    }
    #topmenu.ouvert, #topmenuP.ouvert {
        left: 0;
    }
    .burger {
        cursor: pointer;
        float: left;
            flex: 0 0 3em;
    margin-right: .5em;
        padding: .8em 0;
    }
    .burger span, .burger span::before, .burger span::after {
        background: #fff;
        border: 2px solid #fff;
        display: inline-block;
        height: 1px;
        position: relative;
        width: 20px;
        z-index: 98;
    }
    .burger span::before, .burger span::after {
        content: '';
        margin-left: -2px;
        position: absolute;
        width: 30px;
    }
    .burger span::before {
        top: -15px;
    }
    .burger span::after {
        top: 11px;
    }
    .cheese {
        background: #3299ba;
              position: absolute;
    right: 0;
    top: 0;
    margin-right: 0em;
    padding: 16px;
    z-index: 99;
    }
    .cheese span {
        background: #3299ba;
        border-color: #3299ba;
    }
    .cheese span::before, .cheese span::after {
        height: 1px;
    width: 20px;
    }
    .cheese span::before {
        transform: rotate(-45deg) translate(-13px,5px);
    }
    .cheese span::after {
        transform: rotate(45deg) translate(-13px,-5px);
    }
    #topmenu > ul, #topmenuP > ul {
        clear: both;
        padding-bottom: 15px;
    }
    #topmenu a, #topmenuP a {
        clear: both;
        display: block;
    }
    #topmenu a img, #topmenuP a img{
        width:20px;
        position: relative;
    top: 0.25em;
    }
    .top_niv1 {
        border-bottom: 1px solid #6ab2cb;
        display: block;
        padding: 1em 1em 0;
        position: relative;
    }
    .top_niv1:first-of-type{
        padding-top:0.8em;
    }
    .top_niv1 > a {
        margin: 0 0 1em 2em;
    }
    .top_niv1 li .top_niv2 {
           padding: .8em 3em;
           border-bottom: 1px solid #83c5da;
           
    }
    .top_niv1 li:last-of-type .top_niv2 {
          
           border-bottom:0px solid #83c5da;
           
    }
    .top_ss {
        display: none;
        margin-bottom: 1em;
        background: #47aaca;
        
    }
    .showMenu {
        border-style: solid;
        border-width: 10px 0 10px 15px;
        border-color: transparent transparent transparent #fff;
        content: '';
        height: 0;
        position: absolute;
        transition: all .2s ease;
        width: 0;
    }
    .top_ss li {
        position:relative;
    }
    .top_ss li .showMenu{
            top: 12px;
    left: 15px;
    }
    .topss2 {
        background-color: #57b4d2;
        margin-bottom:0em;
    }
    .showMenu.selected {
        border-width: 15px 10px 0 10px;
        border-color: #fff transparent transparent transparent;
    }
    #liste_actus {
        margin-left: 0;
    }
    .un_item {
        height: auto;
        margin: 0 auto 1.5em;
        width: 280px;
    }
    .un_item figure {
        float: none;
        margin-right: 0;
    }
    .pagination {
        text-align: center;
    }
    .titre_liste, .titre_seul {
        margin: .5em 0;
        text-align: center;
    }
    #share {
        left: initial;
        margin: 1em auto;
        position: relative;
        text-align: center;
        width: 90%
    }
    #share img {
        display: inline-block;
        float: none;
    }
    .bloc-texte-image {
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
    }
    #main #videoIframe h2, #main #videoIframe h4 {
/*        color: #3299ba;*/
            margin-left: 10px;
    }
    #main #videoIframe h4 {
        margin-top:10px;
    }
    #main #videoIframe h2{
        margin-bottom:10px;
    }
    #the_destinations{
        background:#efefef;
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
    a.destination{
       width:50%;
       min-height:250px;
    }
    .fiche_destination h4{
        opacity:0;
    }
    .fiche_destination h3{
       opacity:1;
       top:15%;
       font-size:1.5em!important;
    }
    #the_destinations .contDest{
    position: relative;
    bottom: unset;
    margin: 30px 0;
    padding: 30px;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    }
    #the_destinations h2{
        font-size: 1.5em;
        text-transform:capitalize;
        color:#2f302e;
        text-shadow:2px 2px 5px rgba(0,0,0,0.0);
    }
    .contDest .bouton.blc{
            border: 2px solid #3299ba;
            color: #2f302e;
    }
    .contDest .bouton.blc::after{
            background: url('../Fichiers/commons/gt.png') no-repeat 50% 50% / contain;
    }
    .galerie a {
    
    width: calc((100% / 2) - 22px);
    }
    
}

@media screen and (max-width: 500px) {
    .refVol .compan{
        display:none;
    }
    .refVol {
        font-size: 1em!important;
        padding:0!important;
    }
    .refVol.acc {
        font-size: 0.7em!important;
        padding:0!important;
    }
    .destVol{
           padding: 0 10px!important; 
    }
    #enPage .designVols{
        min-width: 100px;
        
    }
    #enPage .designVols h2{
            font-size: 1.2em;
    }
}
@media screen and (max-width: 400px) {
.bloc-SousCategorie .bouton{
        margin:0 0% 1%;
        width:100%;
    }
    .galerie a {
    
    width: calc((100% / 1) - 22px);
    }
}



/* ---------------------- PAGE RESERVER ----------------- */
#pageResa {
    width: 100%;
    min-height: 350px !important;
    position: relative;
}
#pageResa a{
   color: #2C719A;
}
/*----------------------------------------------------------*/
#carteCont{
    position:relative;
}
#carteCont #legende{
        position: absolute;
    width: 300px;
    max-width: 90%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    z-index: 2;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    padding:10px;
    
}
#carteCont #legende ul{list-style-type:none;}
#carteCont #legende ul li{
    position:relative;
    padding-left:25px;
    line-height:25px;
}
#carteCont #legende ul li::before{
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    top:5px;
    left:0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
#carteCont #legende ul li.neutre::before{background-color:#2d2e2c;}
#carteCont #legende ul li.reguliers::before{background-color:#99c325;}
#carteCont #legende ul li.charters::before{background-color:#3299ba;}
#carteCont #legende ul li.vacances::before{background-color:#f4bd01;}
#carteCont #legende ul li.directes::before{background-color:#a45da3;}
#carteCont #legende ul li.correspondances::before{background-color:#5a7bbf;}
/* ----------- LE MUR -------------*/
#the_wall {
    background: #fff;
    text-align: center;
    padding: 3em 0;
}

.live_fiche h2.gd_titre {
    font-size: 2.5em!important;
}
.live_fiche h4.surtitre {
    font-size: 3.3em!important;
}

#centered_live{
    /*    width: 1265px;*/
    width: 1147px;
    max-width:98%;
    margin: auto;
    position: relative;
}
.user_fiche{
    padding-left:0%;
    width: 23%;
    margin:1% 0  1% 2%;
    overflow: hidden;
    box-sizing:border-box;
}

#centered_live > .user_fiche:first-of-type .live_fiche{
    padding:60px 0;
     background: #fff;
         overflow: hidden;
}
.avatar_tw{
    color:#fff;
  position:relative;
  padding: 60px 1em 90px 1em;
    width:100%;
    height:100%;
    left:-101%; 
    box-sizing:border-box;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.avatar_img{
    width:40px;
    height:40px;
    position:absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left:-100%;
    top:40px;
    z-index:2;
/*    border:3px solid #fff;*/
}
.live_fiche .avatar_tw.fbBg{background-color:rgba(60, 88, 158, 0.9);}
.live_fiche .avatar_tw.twBg{background-color:rgba(42, 192, 238, 0.9);}
.live_fiche .avatar_tw.instBg{background-color:rgba(225, 64, 132, 0.9);}
.live_fiche:hover{
    overflow:auto;
}
 .live_fiche:hover > .avatar_tw{
    left:0;
    overflow:auto;
}
 .live_fiche:hover  .avatar_img{
    left: 4%;
}
.nomAvatar{
    font-weight:bold;
    margin-bottom:30px;
    display:block;
    padding:0 0 0 30px;
}
.live_fiche p {
    margin:0;
    clear: both;
    position:relative;
    width:100%;
    height:100%;
    box-sizing:border-box;
    overflow:hidden;
    
}
.icon_social{
    display:none;
    position:absolute;
    bottom:0px;
    right:0px;
    background-color:transparent;
    width:80px;
    height:80px;
    background-image:url(../skins/img/fndPicto.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.img_social{
    background-color:transparent;
    width:80px;
    height:80px;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.timeSocial{
    color:#ffffff;
    font-weight:normal;
    position:absolute;
    top:10px;
    right:10px;
}

.live_fiche {
    box-sizing:border-box;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    background-color: #efefef;
    overflow: hidden;
    border-radius: 0px;
/*    margin: 1%;*/
    text-align: left;
}
#reseaux {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
    display: none;
    position: absolute;
    width: 110px;
    height: 110px;
    z-index: 16;
    border-radius: 50%;
    box-sizing: content-box;
    /*    transform:'scale(0.8)';*/

}
@media only screen and (max-width : 1200px) {
  
    #the_wall .centered {
        padding: 0 1%;
        width: 98%;
    }
    .user_fiche{
        width: 31%;
    }
    #centered_live{
        width: 100%;
    }
}
@media only screen and (max-width : 1150px) {
   
    #the_wall .centered {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}
@media only screen and (max-width : 800px) {
    .user_fiche{
        width: 48%;
    } 
    #the_wall .centered {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 2.5em;
        -moz-column-gap: 2.5em;
        column-gap: 2.5em;
    }
    #logoAeroBourges{
        left:50%;
        -webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
    }
}
@media only screen and (max-width : 480px) {
    #the_wall .centered {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 2.5em;
        -moz-column-gap: 2.5em;
        column-gap: 2.5em;
    }
    .user_fiche{
        width: 98%;
    }
   
}
/* fin mur social */