@charset "UTF-8";
/*-- import fichiers scss--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  font-size: 14pt;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*-- font --
/*@font-face {
    font-family: 'montserratthin';
    src: url("./fonts/montserrat-thin-webfont.eot");
    src: url("./fonts/montserrat-thin-webfont.eot?#iefix") format('embedded-opentype'), url("./fonts/montserrat-thin-webfont.woff2") format('woff2'), url("./fonts/montserrat-thin-webfont.woff") format('woff'), url("./fonts/montserrat-thin-webfont.ttf") format('truetype'), url("./fonts/montserrat-thin-webfont.svg#montserratthin") format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*-- Declaration variables--*/
/*$font_b: 'montserratbold';
$font_m: 'montserratmedium';
$font_l: 'montserratthin';*/
* {
  -webkit-tap-highlight-color: transparent;
}

.blanc {
  color: #ffffff;
}

.bleu {
  color: #204161;
}

.coulCar1 {
  color: #918f8c;
}

.coulCar2 {
  color: #50504b;
}

.coulCar3 {
  color: #204161;
}

.bleuCiel {
  color: #6791cb;
}

.bleuCiel2 {
  color: #3a5ca0;
}

.orange {
  color: #e58203;
}

.rouge {
  color: #7e1b35;
}

.gris {
  color: #8c8a84;
}

.gris2 {
  color: #e8e8e8;
}

.gris3 {
  color: #bababa;
}

.violet {
  color: #2f232c;
}

.bois {
  color: #13110d;
}

.noir {
  color: #010102;
}

.bgBleu {
  background-color: #204161;
}

.bgGris {
  background-color: #8c8a84;
}

.fl-blanc::first-line {
  color: #ffffff;
}

.fl-bleu::first-line {
  color: #204161;
}

.fl-bleuCiel::first-line {
  color: #6791cb;
}

.fl-bleuCiel2::first-line {
  color: #3a5ca0;
}

.fl-orange::first-line {
  color: #e58203;
}

.fl-gris::first-line {
  color: #8c8a84;
}

.fl-gris2::first-line {
  color: #e8e8e8;
}

.fl-gris3::first-line {
  color: #bababa;
}

.fl-violet::first-line {
  color: #2f232c;
}

.fl-violetAlt::first-line {
  color: #2f232c;
  background: #fff;
}

.fl-noir::first-line {
  color: #010102;
}

.fl-bois::first-line {
  color: #13110d;
}

.fl-rouge::first-line {
  color: #7e1b35;
}

.loupe {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 79%;
  background: url(../skins/img/loupe.png) no-repeat 50% 50%;
  z-index: 1000;
}

#containerNews {
  width: 90%;
  max-width: 1220px;
  padding: 65px 0px 65px 0px;
  margin: 0 auto;
}
#containerNews .crt-logo {
  display: none !important;
}

b {
  font-weight: 600;
}

h3 {
  font-size: 25pt;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 30px;
  margin-top: 50px;
  margin-bottom: 50px;
}
h3 .big {
  font-size: 32pt;
  font-weight: 600;
}

.carrerContainerVideo {
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
}

h4 {
  padding: 0 30px;
}

#formsend {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5000;
  left: 0;
  top: 0px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  /*    border: 1px solid grey;*/
  padding: 30px;
  font-weight: lighter;
}

.intFen {
  position: relative;
  top: 30%;
  text-align: center;
  padding: 15px 30px 30px 30px;
  max-width: 500px;
  z-index: 5001;
  background: white;
  color: #204161;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  border-radius: 15px;
}

.btnFen {
  padding: 5px 20px;
  margin: 0px;
  border: 1px solid #204161;
}

.intP {
  line-height: 24pt;
}

.elmtLeft {
  text-align: left;
  width: 50%;
}

.elmtRight {
  text-align: right;
  margin-left: 50%;
  width: 50%;
}

.elmtCenter {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

.elmtCLeft {
  width: 50%;
  text-align: left;
  margin-left: 50%;
}

.elmtCRight {
  text-align: right;
  width: 50%;
}

.justify {
  text-align: justify;
}

.pointi {
  min-height: 300px;
  background-repeat: no-repeat;
}
.pointi.blanc {
  background-image: url("../skins/img/pointiHBlc.png");
}
.pointi.bleu {
  background-image: url("../skins/img/pointiHBleu.png");
}
.pointi.elmtLeft {
  background-position: 0% 100%;
}
.pointi.elmtRight {
  background-position: 100% 100%;
}
.pointi.elmtCenter {
  background-position: 0% 100%;
  /*mais bon...*/
}
.pointi.elmtCLeft {
  background-position: 0% 100%;
}
.pointi.elmtCRight {
  background-position: 100% 100%;
}

.contParallax {
  position: absolute;
  overflow: hidden;
}

.contParallax2 {
  position: relative;
  overflow: hidden;
  width: 50%;
}

.contParallax3 {
  position: relative;
  overflow: hidden;
  width: 50%;
  top: -39px;
}

.contParallax4 {
  position: relative;
  overflow: hidden;
  width: 50%;
  top: -80px;
}

.contParallax5 {
  position: relative;
  overflow: hidden;
  width: 50%;
  top: -80px;
}

.intRubrique.para {
  max-width: 100% !important;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.intRubrique.para div.intP * {
  max-width: 600px;
}

#avion1 {
  position: absolute;
  z-index: 1;
  right: 0%;
  width: 100%;
  top: 0;
  background: url("../skins/img/avion1.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

#nuage {
  position: absolute;
  z-index: 2;
  left: 0%;
  top: 0;
  width: 100%;
  background: url("../skins/img/nuage.png");
  background-position: 23% 117%;
  background-repeat: no-repeat;
}

#avion2 {
  position: absolute;
  z-index: 3;
  left: 0%;
  top: 0;
  width: 90%;
  background: url("../skins/img/avion2.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

#moteur, #moteur2 {
  position: absolute;
  z-index: 1;
  right: 0%;
  width: 100%;
  top: 0;
  background: url("../skins/img/moteur.png");
  background-position: 100% 0%;
  background-repeat: no-repeat;
  display: block;
}

#logo-flottant, #logo-flottant-flou {
  position: relative;
  z-index: 1;
  left: 0%;
  width: 100%;
  top: -250px;
  background: url("../skins/img/logo-flottant.png");
  background-position: 25% 0%;
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-size: contain;
}

#logo-flottant-flou {
  filter: blur(10px) grayscale(100%);
  background-size: contain;
  opacity: 0.3;
  left: 5%;
  top: 300px;
}

#aerodesign {
  position: absolute;
  z-index: 1;
  left: 0%;
  width: 100%;
  top: 0;
  background: url("../skins/img/aerodesign.jpg");
  background-position: 25% 0%;
  background-repeat: no-repeat;
}

.txtRead {
  max-height: 150px;
  margin-top: 30px;
  text-align: justify;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.txtReadMore {
  position: relative;
}

.txtReadMore::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  content: "";
  display: block;
  mix-blend-mode: screen;
}

#btnReadMore {
  font-size: 0.7em;
  cursor: pointer;
  position: relative;
  top: -54px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#btnReadMore::after {
  content: url(../skins/img/arrowBG.png);
  position: absolute;
  top: 35px;
  margin-left: -15px;
  left: 50%;
}

#contOffres {
  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: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 15px 0 30px;
}

#contSelectCat {
  max-width: 1200px;
  text-align: center;
  margin: 0 auto 30px auto;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

a.selectCat {
  padding: 10px;
  text-align: center;
  width: 20%;
  color: #204161;
  background: #ffffff;
  /*    border-top: 1px solid #ccc;

      border-bottom: 1px solid #ccc;*/
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-transform: uppercase;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
a.selectCat:hover {
  background: #e58203;
  color: #ffffff;
}
a.selectCat.selected {
  background: #e58203;
  color: #ffffff;
}
a.selectCat:first-of-type {
  border-left: 0px solid #ccc;
}

.slideActu {
  margin: 40px 30px 0 30px;
}

.logoCapabilities {
  max-height: 130px;
  margin: 25px 10px -30px 10px;
}

article.itemActu {
  width: 49%;
  padding: 15px 15px;
  position: relative;
  display: inline-block;
}
article.itemActu h3 {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 10px 10px;
  margin: 0;
  font-size: 14pt;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
article.itemActu .bgItemActu {
  position: relative;
  margin: 0px 0px;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  height: 250px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
article.itemActu:hover h3 {
  padding: 30px 10px;
}
article.itemActu:hover .bgItemActu {
  position: relative;
}

.pagination {
  position: relative;
  top: 50px;
}

.page-selected {
  font-weight: 600;
}

.perc33 {
  width: 33%;
}

.perc50 {
  width: 50%;
}

.perc100 {
  width: 100%;
}

.perc33.shareholder:first-of-type {
  background: none;
}

.shareholder {
  margin-top: 150px;
  position: relative;
  padding-bottom: 50px;
}

.shareholder img {
  max-width: 70%;
}

.btn {
  border-style: solid;
  border-width: 1px;
  white-space: nowrap;
  padding: 20px 40px;
  font-size: 20pt;
  position: relative;
  font-weight: 600;
  top: 50px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.btn.blanc {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0);
}
.btn.blanc:hover {
  background: rgba(255, 255, 255, 0.2);
}
.btn.blanc:hover:not(input) {
  padding: 30px 50px;
}
.btn.bleu {
  border-color: #204161;
  background: rgba(32, 65, 97, 0);
}
.btn.bleu:hover {
  background: rgba(32, 65, 97, 0.2);
}
.btn.bleu:hover:not(input) {
  padding: 30px 50px;
}

.bouton2 {
  font-size: 1em;
  border: 1px solid #204161;
  color: #204161;
  padding: 0.75em;
  border-radius: 2em;
  display: inline-flex;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.bouton2.blanc {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0);
}
.bouton2.blanc:hover {
  background: rgba(255, 255, 255, 0.2);
}
.bouton2.bleu {
  border-color: #204161;
  background: rgba(32, 65, 97, 0);
}
.bouton2.bleu:hover {
  background: rgba(32, 65, 97, 0.2);
}

.intMargeFoot .btn {
  position: relative;
  top: 40%;
}

.arrowLeft {
  cursor: pointer;
  width: 60px;
  height: 100%;
  position: relative;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.arrowLeft.blanc {
  background-image: url("../skins/img/arrowSqareLW.png");
}
.arrowLeft.bleu {
  background-image: url("../skins/img/arrowSqareLB.png");
}

.arrowRight {
  cursor: pointer;
  width: 60px;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  right: 0;
}
.arrowRight.blanc {
  background-image: url("../skins/img/arrowSqareRW.png");
}
.arrowRight.bleu {
  background-image: url("../skins/img/arrowSqareRB.png");
}

#contSlideLogo {
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 10px;
  position: relative;
}

#slideLogo {
  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: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  left: 0px;
  position: relative;
}

#slideLogo * {
  margin: auto 10px;
  display: inline-table;
}

#verbatim {
  min-height: 200px;
  position: relative;
  overflow: hidden;
}

.apostr::before {
  content: "";
  top: -43px;
  left: 30px;
  background: url("../skins/img/apostr.png");
  /*url of image*/
  height: 75px;
  /*height of image*/
  width: 93px;
  /*width of image*/
  position: absolute;
  background-size: cover;
}

.certif, .certif2 {
  width: 25%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.certif:hover, .certif2:hover {
  background-size: auto 150%;
}

.certif2 {
  width: 33.3333333333%;
}
.certif2 .intCertif {
  background-position: 50% 55%;
}

.lieuSto {
  width: 24%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin: 60px auto 30px auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.lieuSto .intCertif {
  background-size: cover;
}
.lieuSto .sousLieuSto {
  position: absolute !important;
  color: #204161;
  bottom: -100px;
  width: 100%;
  text-align: center;
  font-size: 12pt;
  line-height: 15pt;
}

.lieuSto:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.certif:after, .certif2:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.intCertif {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 75%;
  background-size: 150%;
}

.rubrique p.intP.certifP {
  padding: 0 10px 10px 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 1em;
  left: 0;
}

.ptit {
  font-size: 0.7em;
  line-height: 0;
  
}

.btn-yb{
  display: flex;
  justify-content: center;

}



input[type="button"]{
  color: #204161;
  background-color: white;
  border-color:#204161;
  width: auto;
  height: 50px;
  text-transform: uppercase;
}


input[type="button"]:hover{
  color: white;
  background-color:#204161 ;
  border-color:#204161;
  width: auto;
  height: 50px;
  text-transform: uppercase;

}
.car1 {
  background-image: url("../skins/img/bfCertif1.jpg");
}

.car2 {
  background-image: url("../skins/img/bfCertif2.jpg");
}

.car3 {
  background-image: url("../skins/img/bfCertif3.jpg");
}

.verb {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  top: 0;
  opacity: 0;
}
.verb[id*=verb] {
  position: absolute;
  left: 120%;
}
.verb#verb1 {
  position: relative;
  left: 0%;
  opacity: 1;
}

.puceVerb {
  width: 15px;
  height: 15px;
  background: #ffffff;
  cursor: pointer;
  position: absolute;
  bottom: 30px;
}
.puceVerb#pV1 {
  right: 255px;
  background: #e58203;
}
.puceVerb#pV2 {
  right: 225px;
}
.puceVerb#pV3 {
  right: 195px;
}
.puceVerb#pV4 {
  right: 165px;
}
.puceVerb#pV5 {
  right: 135px;
}
.puceVerb#pV6 {
  right: 105px;
}
.puceVerb#pV7 {
  right: 75px;
}
.puceVerb#pV8 {
  right: 45px;
}

.entourChiffr {
  height: 50px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.entourChiffr:hover .chiffr {
  line-height: 42pt;
}

.chiffr {
  position: relative;
  font-size: 32pt;
  letter-spacing: -2pt;
  line-height: 64pt;
  line-height: 52pt;
  color: #e58203;
  font-weight: 900;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chiffr span.expost {
  font-size: 0.5em;
  position: relative;
  top: -16px;
}

.contChiffr {
  background-image: url(../skins/img/chiffr.png);
  height: 50px;
  background-position: 50% 17px;
  position: absolute;
  background-repeat: no-repeat;
  top: 0px;
  width: 100%;
}

.shareholder .btn {
  width: auto;
  margin: 0 auto;
  font-size: 12pt;
  top: auto;
  padding: 10px;
}
.shareholder .btn:hover {
  padding: 20px;
}

.contShareholder {
  position: absolute;
  text-align: center;
  bottom: 0;
  width: 100%;
}

.btnVO, .btnVB {
  width: 74px;
  height: 52px;
  cursor: pointer;
}

.elmtLeft .btnVO, .elmtLeft .btnVB, .elmtCLeft .btnVO, .elmtCLeft .btnVB {
  margin: 20px 30px 20px 60px;
}

.elmtRight .btnVO, .elmtRight .btnVB, .elmtCRight .btnVO, .elmtCRight .btnVB {
  float: right;
  margin: 20px 60px 20px 30px;
}

.btnVO {
  background: url("../skins/img/btnVideoO.jpg") no-repeat;
}

.btnVB {
  background: url("../skins/img/btnVideoB.jpg") no-repeat;
}

* {
  font-family: "Open Sans", sans-serif;
  box-sizing: border-box;
}

body {
  color: #204161;
  font-family: "Open Sans", sans-serif;
  background: #ffffff;
  font-size: 17pt;
  font-size: 14pt;
  overflow-x: hidden !important;
  width: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
}

/* NAV FULL PAGE **************************************************/
#fp-nav ul li, .fp-slidesNav ul li {
  width: 20px !important;
  height: 20px !important;
  margin: 20px 10px !important;
  background: #fff;
  border-radius: 50%;
  z-index: 2;
  /*    box-shadow: 2px 2px rgba(0, 0, 0, 0.2);*/
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background: #fff !important;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
  background: #204161 !important;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  background: #204161 !important;
}

#fp-nav ul:after, .fp-slidesNav ul:after {
  background: #fff;
  content: "|";
  color: transparent;
  width: 2px;
  height: 247px;
  float: right;
  position: absolute;
  top: 26px;
  left: 50%;
  margin-left: -1px;
  /*    box-shadow: 2px 2px rgba(0, 0, 0, 0.2);*/
}

#fp-nav ul li .fp-tooltip.right {
  right: 10px !important;
  top: 0px !important;
  padding: 3px 13px 3px 10px;
  /*    background: #fff;
      color: $bleu;*/
  height: 20px;
  border-radius: 10px 0 0 10px;
  /*    box-shadow: 1px 1px rgba(0,0,0,0.1);*/
}

#fp-nav ul li a.active + .fp-tooltip.right {
  width: auto;
}

/* TOP **************************************************/
#navbar {
  position: fixed;
  z-index: 99;
  width: 100%;
  padding: 20px;
  background: rgba(32, 65, 97, 0);
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-sizing: border-box;
  top: 0;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0);
}

img#logo {
  display: block;
}

img#logoMob {
  display: none;
}

img#logoMob2 {
  display: none;
}

img#logo, img#logoMob, img#logoMob2 {
  opacity: 1;
  float: left;
  margin: 0px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
img#logo:hover, img#logoMob:hover, img#logoMob2:hover {
  opacity: 0.7;
}

#nav_page {
  display: flex;
}

#nav_page ul {
  margin: 0 auto;
}

.top_niv1 ul {
  display: block;
}

div.resSoc {
  width: 200px;
  margin: 10px auto;
  text-align: center;
  vertical-align: middle;
  height: 60px;
}

.resSoc {
  display: block;
}

.contBtn {
  display: -ms-inline-block;
  display: -webkit-inline-block;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: 50%;
  background-position: 50% 40%;
  background-repeat: no-repeat;
}

.btnSoc {
  border: 2px solid white;
  border-radius: 50%;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 6px auto;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.btnSoc:hover {
  width: 50px;
  height: 50px;
  margin: 0px auto;
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 2px 2px rgba(0, 0, 0, 0);
}

.linkedin {
  background-image: url("../skins/img/resSoc/linkedin.png");
}

.twitter {
  background-image: url("../skins/img/resSoc/twitter.png");
}

.youtube {
  background-image: url("../skins/img/resSoc/youtube.png");
}

.share {
  background-image: url("../skins/img/resSoc/share.png");
}

#menu .resSoc {
  display: block;
}
#menu .contBtn {
  display: inline-block;
  width: 60px;
  height: 50px;
  background-position: 50% 58%;
  background-repeat: no-repeat;
}
#menu .btnSoc {
  border: 2px solid #033b6c;
  border-radius: 50%;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 6px auto;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#menu .btnSoc:hover {
  width: 50px;
  height: 50px;
  margin: 0px auto;
  border: 2px solid rgba(3, 59, 108, 0.1);
}
#menu .linkedin {
  background-image: url("../skins/img/resSoc/linkedin-b.png");
}
#menu .twitter {
  background-image: url("../skins/img/resSoc/twitter-b.png");
}
#menu .youtube {
  background-image: url("../skins/img/resSoc/youtube-b.png");
}

#margCapabilities {
  min-height: 200px;
  background: #204161;
  padding-bottom: 200px;
  background: url("../skins/img/bg/margeFoot_maintenance.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

#btnMenu {
  height: 60px;
  float: right;
  padding-top: 20px;
  cursor: pointer;
  color: white;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#btnMenu:hover {
  color: rgba(255, 255, 255, 0.7);
}
#btnMenu:hover .bHamb {
  background: rgba(255, 255, 255, 0.7);
}

.vMenu {
  display: inline-block;
  vertical-align: middle;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}

.bHamb {
  width: 30px;
  height: 3px;
  margin: 7px 0 0 5px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background: white;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}

#menu {
  height: 100%;
  /*    min-height:200px;*/
  position: fixed;
  z-index: 1002;
  top: 0;
  background: red;
  right: -100%;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
#menu li.top_niv1 {
  /*width:150px;
  height:100px;*/
  border-left: 1px solid #204161;
  position: relative;
  margin: 10px;
  text-align: left;
  padding-left: 10px;
  line-height: 1.4em;
  padding-right: 10px;
  color: #204161;
  text-transform: uppercase;
  font-size: 12pt;
  text-decoration: none;
  font-weight: bold;
}
#menu li.top_niv1:first-child {
  border-left: 0px solid #204161;
}
#menu li.top_niv1 a {
  color: #204161;
  opacity: 1;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#menu li.top_niv1 a:hover {
  opacity: 0.8;
}
#menu li.top_niv2 {
  text-transform: none;
  font-size: 11pt;
  font-weight: normal;
}
#intMenu {
  background: #fff;
  padding: 50px 50px 10px 50px;
  text-align: left;
  height: 100%;
}

#closeMenu {
  position: fixed;
  width: 0%;
  top: 0;
  height: 100%;
  right: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 1001;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

#closeMenu2 {
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 10px;
  width: 25px;
  height: 25px;
  text-align: center;
}
#closeMenu2 .bHamb {
  width: 30px;
  height: 3px;
  margin: 7px 0 0 5px;
  background: #204161;
  position: relative;
  left: -10px;
  box-shadow: 2px 2px rgba(0, 0, 0, 0);
}
#closeMenu2 .bHamb:first-child {
  transform: rotate(45deg);
  top: 10px;
}
#closeMenu2 .bHamb:last-child {
  transform: rotate(-45deg);
}

h1 {
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 10px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}

h2 {
  font-weight: 700;
  font-size: 2.5em;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}

/* PAGE **************************************************/
#carteCont {
  /*-webkit-box-shadow:inset 0 2px 10px rgba(0,0,0,0.5), inset 0px -2px 10px rgba(0,0,0,0.5);
  -moz-box-shadow:inset 0 2px 10px rgba(0,0,0,0.5), inset 0px -2px 10px rgba(0,0,0,0.5);
  box-shadow: inset 0 2px 10px rgba(0,0,0,0.5), inset 0px -2px 10px rgba(0,0,0,0.5);*/
}

.btnCarte {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 90px;
  background: #ffffff;
  cursor: pointer;
}

h2.txtMarker {
  color: #918f8c;
  line-height: 0.75em;
  margin: 10px 0;
  text-shadow: 0 0 rgba(0, 0, 0, 0);
}
h2.txtMarker::first-line {
  color: #50504b;
}

#fiche1 h2.titreRub:before, #fiche2 h2.titreRub:before, #fiche3 h2.titreRub:before {
  position: absolute;
  top: 0;
  right: 86px;
  padding-left: 40px;
}

#fiche1 h2.titreRub:before, #fiche3 h2.titreRub:before {
  content: "France";
  background: url("../skins/img/flagFr.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
}

#fiche2 h2.titreRub:before {
  content: "Spain";
  background: url("../skins/img/flagEs.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
}

#btnC1 {
  left: 30px;
}

#btnC2 {
  left: 90px;
}

#btnC3 {
  left: 150px;
}

.closeFiche {
  position: absolute;
  right: -50px;
  z-index: 3;
  margin-top: -50px;
  top: 50%;
  width: 100px;
  height: 100px;
  background: #ffffff;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
}

.intClose {
  width: 60px;
  height: 60px;
  margin: 20px;
  border-left: 1px solid #204161;
  border-bottom: 1px solid #204161;
}

.ficheCarte {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  background: white;
  overflow: hidden;
}

.imgFiche {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
}

#fiche1 .imgFiche {
  background-image: url("../skins/img/tarbes.jpg");
}

#fiche2 .imgFiche {
  background-image: url("../skins/img/teruel.jpg");
}

#fiche3 .imgFiche {
  background-image: url("../skins/img/francazal.jpg");
}

#carte {
  width: 100%;
  background: #ccc;
}

ul.liste {
  padding: 0 30px;
  max-width: 1200px;
}

.fiche ul.liste {
  margin: 0 auto;
}

ul.liste li {
  padding: 15px;
  font-size: 14pt;
  font-weight: lighter;
  position: relative;
  /* white-space: nowrap;*/
  line-height: 24pt;
}

.intMargeFoot p.intP {
  font-weight: lighter;
  padding: 50px 30px 0 30px;
}

.intMargeFoot .big, li .big {
  font-size: 1.2em;
  font-weight: 600;
}

ul.liste.right li {
  background-image: url(../skins/img/bg/ligneL.png);
  background-repeat: no-repeat;
  background-position: 0% 100%;
  text-align: right;
}

ul.liste.right.blanc li {
  background-image: url(../skins/img/bg/ligneLW.png);
}

ul.liste.right.gris li {
  background-image: url(../skins/img/bg/ligneLG.png);
}

ul.liste.left li {
  background-image: url(../skins/img/bg/ligneR.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  text-align: left;
}

ul.liste.left.blanc li {
  background-image: url(../skins/img/bg/ligneRW.png);
}

ul.liste.left.gris li {
  background-image: url(../skins/img/bg/ligneRG.png);
}

ul.liste.left li::before {
  content: "";
  background-image: url("../skins/img/arrowRB.png");
  background-position: 0% 50%;
  padding: 30px 30px 30px 0;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
}
ul.liste.left li::before.blanc {
  background-image: url("../skins/img/arrowRW.png");
}

ul.liste.left.blanc li::before {
  background-image: url("../skins/img/arrowRW.png");
}

ul.liste.left.gris li::before {
  background-image: url("../skins/img/arrowRG.png");
}

ul.liste.right li::before {
  content: "";
  padding: 30px 30px 30px 0;
  background-repeat: no-repeat;
  background-image: url("../skins/img/arrowLB.png");
  background-position: 100% 50%;
  position: absolute;
  right: 0;
  top: 0px;
}

ul.liste.right.blanc li::before {
  background-image: url("../skins/img/arrowLW.png");
}

ul.liste.right.gris li::before {
  background-image: url("../skins/img/arrowLG.png");
}

.ficheCarte h2.titreRub {
  margin-bottom: -1.5em;
}

ul.liste.col2 li.none, ul.liste.col2 li:last-of-type, ul.liste li:last-of-type {
  background-position: 100% 150%;
}

.col2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

#flCarte {
  width: 100%;
  height: 60px;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -50%;
  background: url("../skins/img/flCarte.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.intro {
  text-align: center;
  color: #ffffff;
  max-width: 100%;
  overflow: hidden;
}

[id*=tarmac-page] {
  position: relative;
  background: #ccc;
  /*    padding-top:160px;*/
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  /*    background-attachment: fixed;*/
  width: 100%;
}
[id*=tarmac-page] p.intP {
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-weight: lighter;
  padding: 0 30px;
}
[id*=tarmac-page] h1 {
  font-size: 45pt;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-shadow: 2px 2px rgba(0, 0, 0, 0);
}

[class*=imageHeader_] {
  background: transparent;
  max-height: 774px;
  padding-top: 340px;
  width: 100%;
  background-size: auto 120%;
  /*background-size:cover;*/
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-image: url(../skins/img/bg/about-us.jpg);
}

/*[class*="imageHeader_"] p.intP.elmtCenter{width:50%;}*/
.imageHeader_about-us, #tarmac-page_about-us {
  background-image: url(../skins/img/bg/about-us.jpg);
}

.imageHeader_history, #tarmac-page_history {
  background-image: url(../skins/img/bg/history.jpg);
}

.imageHeader_accreditations, #tarmac-page_accreditations {
  background-image: url(../skins/img/bg/accreditations.jpg);
}

.imageHeader_aircraft-storage, #tarmac-page_aircraft-storage {
  background-image: url(../skins/img/bg/storage.jpg);
}

.imageHeader_aircraft-maintenance, #tarmac-page_aircraft-maintenance {
  background-image: url(../skins/img/bg/maintenanceH2.jpg);
}

.imageHeader_aircraft-recycling, #tarmac-page_aircraft-recycling {
  background-image: url(../skins/img/bg/recycling.jpg);
}

.imageHeader_engine-recycling, #tarmac-page_engine-recycling {
  background-image: url(../skins/img/bg/engine-recycling.jpg);
}

.imageHeader_contact, #tarmac-page_contact {
  background-image: url(../skins/img/bg/contact.jpg);
}

.imageHeader_news, #tarmac-page_news {
  background-image: url(../skins/img/bg/news.jpg);
}

.imageHeader_careers, #tarmac-page_careers {
  background-image: url(../skins/img/bg/careers.jpg);
}

.imageHeader_our-unique-solutions, #tarmac-page_our-unique-solutions {
  background-image: url(../skins/img/bg/contact.jpg);
}

[class*=margeFoot_] {
  min-height: 330px;
  width: 100%;
  background-size: 100% auto;
  background: transparent;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-image: url(../skins/img/bg/about-us.jpg);
  position: relative;
}

.margeFoot_history {
  background-image: url(../skins/img/bg/margeFoot_history.jpg);
}

.margeFoot_accreditations {
  background-image: url(../skins/img/bg/margeFoot_accreditations.jpg);
}

.margeFoot_aircraft-recycling {
  background-image: url(../skins/img/bg/margeFoot_recycling.jpg);
}

.margeFoot_contact {
  background-image: url(../skins/img/bg/margeFoot_contact.jpg);
}

.margeFoot_our-unique-solutions {
  background-image: url(../skins/img/bg/margeFoot_contact.jpg);
}

.margeFoot_our-unique-solution {
  background-image: url(../skins/img/bg/margeFoot_contact.jpg);
}

.margeFoot_careers {
  background-image: url(../skins/img/bg/margeFoot_careers.jpg);
}

[class*=margeFoot_] .intMargeFoot {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.logoAfra {
  display: block;
  background: url("../skins/img/afra.png");
  background-position: 100% 0%;
  background-size: auto 160px;
  text-align: right;
  position: relative;
  margin-right: 2px;
  background-repeat: no-repeat;
  height: 200px;
}

.logoAfra2 {
  display: none;
  background: url("../skins/img/afra.png");
  background-position: 100% 0%;
  background-size: auto 160px;
  text-align: right;
  position: relative;
  margin-right: 2px;
  background-repeat: no-repeat;
  height: 200px;
}

#slidProcess {
  width: 100%;
  max-width: 600px;
  background-image: url("../skins/img/process.png");
  background-repeat: no-repeat;
  border: 1px solid #e8e8e8;
  background-position-y: 0%;
  background-position-x: 0%;
  background-size: auto 100%;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#slidProcess.pos2 {
  background-position-x: 33.333333%;
}
#slidProcess.pos3 {
  background-position-x: 66.666666%;
}
#slidProcess.pos4 {
  background-position-x: 100%;
}

#slidProcess:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.history [class*=margeFoot_] .intMargeFoot {
  background-image: url(../skins/img/bg/lineFootHistory.png);
  margin-top: 8em;
}

.curseur {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  margin-top: -6px;
  z-index: 2;
}

.elmtLeft .curseur {
  left: -25px;
}

.elmtCRight .curseur {
  right: -25px;
}

.curseur.premier {
  top: -18px;
  left: 50%;
  margin-left: -25px;
}

.intCurseur {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #204161;
  position: relative;
  left: 50%;
  margin-left: -11px;
  top: 50%;
  margin-top: -11px;
}

#carteCont .rubrique h2 .big {
  top: -0.358em;
  line-height: 0.68em;
  letter-spacing: -0.07em;
  font-size: 2em;
}

.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flexNoWrap {
  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: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.flexJust {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Invflex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.rubrique h2, .rubrique2 h2 {
  font-weight: 600;
  font-size: 41pt;
  text-transform: uppercase;
  text-shadow: 2px 2px rgba(0, 0, 0, 0);
  max-width: 1200px;
  padding: 0 30px;
}
.rubrique h2 .big, .rubrique2 h2 .big {
  font-size: 3em;
  position: relative;
  top: -0.27em;
}
.rubrique p.intP, .rubrique2 p.intP {
  position: relative;
  max-width: 1200px;
  font-weight: lighter;
  padding: 0 30px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.rubrique p.intP .big, .rubrique2 p.intP .big {
  font-size: 1.4em;
  font-weight: 600;
}
.rubrique [class*=margeFoot_] .intMargeFoot p.intP, .rubrique2 [class*=margeFoot_] .intMargeFoot p.intP {
  margin-top: 0;
  margin-bottom: 0;
}
.rubrique .titreRub, .rubrique2 .titreRub {
  position: relative;
  top: -30pt;
  line-height: 29.9pt;
}
@media screen and (max-width: 390px) {
  .rubrique .titreRub .last-word, .rubrique2 .titreRub .last-word {
    color: black !important;
  }
}
.rubrique.history .titreRub, .rubrique2.history .titreRub {
  line-height: 35pt;
}
.rubrique.fndBlc .titreRub::first-line, .rubrique2.fndBlc .titreRub::first-line {
  color: #ffffff;
  text-transform: uppercase;
}
.rubrique .intRubrique, .rubrique2 .intRubrique {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.rubrique .intRubrique.flex, .rubrique2 .intRubrique.flex {
  display: flex;
}
.rubrique.history .intRubrique p, .rubrique2.history .intRubrique p {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
.rubrique .intRubrique.dblCarre, .rubrique2 .intRubrique.dblCarre {
  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-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -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;
  width: 100%;
  overflow: hidden;
}
.rubrique .carreImg, .rubrique2 .carreImg {
  position: relative;
  width: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.rubrique .carreTxt, .rubrique2 .carreTxt {
  position: relative;
  width: 50%;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
}
.rubrique .carreTxt:after, .rubrique .carreImg:after, .rubrique2 .carreTxt:after, .rubrique2 .carreImg:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.rubrique .intCarre, .rubrique2 .intCarre {
  position: absolute;
  width: 100%;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%);
  padding: 30px;
}
.rubrique .carreTxt h2.titreRub, .rubrique2 .carreTxt h2.titreRub {
  width: 100%;
  margin: 20px 0;
  top: 0;
  padding: 0 60px;
}
.rubrique .carreTxt h2.titreRub::first-line, .rubrique2 .carreTxt h2.titreRub::first-line {
  color: #204161;
}
.rubrique .carreTxt h2.dateRub, .rubrique2 .carreTxt h2.dateRub {
  margin: 70px 0 0px 0;
  width: 100%;
  background-repeat: no-repeat;
  padding: 0 60px 20px 60px;
}
.rubrique .carreTxt.elmtCRight h2.dateRub, .rubrique2 .carreTxt.elmtCRight h2.dateRub {
  background-image: url(../skins/img/bg/ligneL.png);
  background-position: 0% 100%;
}
.rubrique .carreTxt.elmtLeft h2.dateRub, .rubrique2 .carreTxt.elmtLeft h2.dateRub {
  background-image: url(../skins/img/bg/ligneR.png);
  background-position: 100% 100%;
}
.rubrique .carreTxt p, .rubrique2 .carreTxt p {
  width: 100%;
  margin: 0;
  padding: 0 60px;
}
.rubrique .carreImg .intCarre, .rubrique2 .carreImg .intCarre {
  background-size: auto 100%;
  background-position: 50% 50%;
  width: 80%;
  height: 80%;
  margin: 0 10% 10% 10%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*background-size:auto 120%; */
}
.rubrique .carreImg .intCarre:hover, .rubrique2 .carreImg .intCarre:hover {
  /*background-size:auto 120%; */
}
.rubrique .carreImg .intCarre .intC2, .rubrique2 .carreImg .intCarre .intC2 {
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
}
.rubrique .carreImg.elmtLeft, .rubrique2 .carreImg.elmtLeft {
  left: 100%;
}
.rubrique .activ .carreImg.elmtLeft, .rubrique2 .activ .carreImg.elmtLeft {
  left: 0%;
}
.rubrique .carreImg.elmtCRight, .rubrique2 .carreImg.elmtCRight {
  left: -100%;
}
.rubrique .activ .carreImg.elmtCRight, .rubrique2 .activ .carreImg.elmtCRight {
  left: 0%;
}
.rubrique .carreTxt, .rubrique2 .carreTxt {
  opacity: 0;
}
.rubrique .activ .carreTxt, .rubrique2 .activ .carreTxt {
  opacity: 1;
}
.rubrique .carreTxt .intCarre, .rubrique2 .carreTxt .intCarre {
  padding: 30px 0;
}

article.history {
  background: transparent;
  background-image: url(../skins/img/bg/ligneHistory.png);
  background-repeat: repeat-y;
  background-position: 50% 0%;
}

.aBtnMore {
  display: inline-block;
  margin-top: 10px;
}

.btnMore {
  background-color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  font-weight: lighter;
  font-size: 1.3em;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  margin: 0 auto;
  color: #204161;
  opacity: 1;
}
.btnMore:hover {
  opacity: 0.5;
}

#footer {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  background: #fff;
  z-index: 100;
}

.scrollTop {
  width: 50px;
  height: 25px;
  background: url("../skins/img/scrollTop.png");
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: -20px;
}

.liensFoot {
  width: 50%;
  text-align: right;
  padding: 15px 30px;
  box-sizing: border-box;
  font-size: 10pt;
  line-height: 20pt;
}

.unseccable {
  display: inline-block;
  white-space: nowrap;
}

.liensFoot .unseccable {
  color: #929aa1;
}

.liensFoot .unseccable::before {
  content: "|";
  padding-right: 20px;
}

.liensFoot li {
  color: #204161;
  text-decoration: none;
  opacity: 1;
  list-style: none;
  display: inline-block;
  white-space: nowrap;
}
.liensFoot li a {
  color: #204161;
}
.liensFoot li a:hover {
  opacity: 0.7;
}
.liensFoot li:after {
  content: "";
  padding: 0 10px;
}
.liensFoot li:last-child:after {
  content: "";
}

.newsLetterBox {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  padding: 25px 30px 15px 30px;
  min-height: 165px;
}
.newsLetterBox .nLTxt {
  width: 50%;
  text-align: right;
  box-sizing: border-box;
}
.newsLetterBox .g-recaptcha {
  float: right;
  margin: 10px 0;
}
.newsLetterBox .nLinput {
  width: 50%;
  box-sizing: border-box;
}
.newsLetterBox p {
  font-size: 12pt;
  color: #204161;
  line-height: 1.5em;
}
.newsLetterBox p.titreP {
  text-transform: uppercase;
  font-weight: bold;
}
.newsLetterBox #text_newsletter {
  height: 55px;
  width: 90%;
  border: 0px;
  background: #f2f2f2;
  padding: 20px;
  float: right;
  margin: 0 -55px 0 10px;
  outline: none;
}
.newsLetterBox #submit_newsletter {
  height: 55px;
  position: relative;
  border: 0px;
  padding: 0;
  background: #e58100;
  float: right;
  color: #fff;
  padding: 20px;
  cursor: pointer;
  font-weight: bold;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  outline: none;
}
.newsLetterBox #submit_newsletter:hover {
  background: #ea972b;
}

#tarmac-aerosave {
  overflow: hidden;
}
#tarmac-aerosave .intP {
  margin: 0 30%;
}
#tarmac-aerosave .scroll {
  position: absolute;
  text-align: center;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  bottom: 25px;
  font-size: 10pt;
  color: #ffffff;
  height: 32px;
  width: 200px;
  background: transparent;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
  background-position: 50% 50%;
  margin-left: 50%;
  left: -100px;
}
#tarmac-aerosave.active .scroll {
  opacity: 1;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#tarmac-aerosave.active .scroll:hover {
  opacity: 0.5;
}

#storage h2, #recycling h2, #maintenance h2 {
  border-bottom: 5px solid #ffffff;
  line-height: 1.8em;
  box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
}
#storage .pointiAnim, #recycling .pointiAnim, #maintenance .pointiAnim {
  position: absolute;
  background-image: url(../skins/img/bg/ligneRW.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 0%;
  height: 10px;
  -webkit-transition: all 0.5s ease 1s;
  -moz-transition: all 0.5s ease 1s;
  -o-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
  display: none;
}

#storage {
  background-image: url(../skins/img/bg/tarmac_storage.jpg);
  background-position: 50% 50%;
  background-size: cover;
}
#storage #pStorage1 {
  top: 90%;
  left: -4%;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
#storage #pStorage2 {
  top: 10%;
  left: -4%;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}
#storage.active #pStorage1 {
  top: 10%;
  width: 70%;
}
#storage.active #pStorage2 {
  top: 90%;
  width: 70%;
}

#recycling {
  background-image: url(../skins/img/bg/tarmac_recycling.jpg);
  background-position: 50% 50%;
  background-size: cover;
}

#storage .intro, #recycling .intro {
  position: relative;
  width: 40%;
  text-align: right;
  left: -50%;
  opacity: 0;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -ms-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}
#storage .intP, #recycling .intP {
  margin: 10px 0 0 0;
  line-height: 1.2em;
}
#storage.active .intro, #recycling.active .intro {
  left: 0%;
  opacity: 1;
}

#maintenance {
  background-image: url("../skins/img/bg/tarmac_maintenance.jpg");
  background-position: 50% 50%;
  background-size: cover;
}
#maintenance .btnMore {
  display: none;
}
#maintenance .intro {
  position: relative;
  width: 0%;
  text-align: left;
  left: 90%;
  opacity: 0;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -ms-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}
#maintenance .intP {
  margin: 10px 0 0 0;
  line-height: 1.2em;
  /*        white-space: nowrap;*/
  white-space: nowrap;
  padding-right: 50px;
}
#maintenance.active .intro {
  left: 60%;
  width: 40%;
  opacity: 1;
}
#maintenance.active .btnMore {
  display: block;
}

[class*=actu-] {
  max-width: 275px;
  opacity: 0;
  margin-top: 15px;
  font-size: 15pt;
  background: url(../skins/img/bg/pointilleH.png) no-repeat;
  background-position: 0 100%;
  padding: 0 0 15px 0;
}

[class*=actu-]:last-of-type {
  background: none;
  margin-bottom: 15px;
}

.btnMoreNews {
  margin: 15px 0 0 0;
  max-width: 275px;
  padding: 6px 15px;
  line-height: 2.1em;
  background: #204161;
  margin: 0 auto;
  color: white;
  font-weight: 300;
  font-size: 14pt;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.btnMoreNews:hover {
  color: rgba(255, 255, 255, 0.7);
}

.btnMoreAccueil {
  margin: 15px 0 0 0;
  max-width: 275px;
  padding: 15px 40px;
  line-height: 3em;
  background: #204161;
  margin: 0 auto;
  color: white;
  font-weight: 300;
  font-size: 1.1em;
  white-space: nowrap;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.btnMoreAccueil:hover {
  color: rgba(255, 255, 255, 0.7);
}

.actu-1 {
  -webkit-transition: all 0.5s ease 1s;
  -moz-transition: all 0.5s ease 1s;
  -ms-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
}

.actu-2 {
  -webkit-transition: all 0.5s ease 1.5s;
  -moz-transition: all 0.5s ease 1.5s;
  -ms-transition: all 0.5s ease 1.5s;
  transition: all 0.5s ease 1.5s;
}

.actu-3 {
  -webkit-transition: all 0.5s ease 2s;
  -moz-transition: all 0.5s ease 2s;
  -ms-transition: all 0.5s ease 2s;
  transition: all 0.5s ease 2s;
}

.imgActu {
  max-width: 275px;
  max-height: 180px;
  margin-bottom: 15px;
}

.titreActu {
  font-size: 14pt;
  font-weight: 600;
}

* {
  box-sizing: border-box;
}

/* Slideshow container */
.slideshow {
  max-width: 563px;
  position: relative;
  margin: auto;
  margin: 0 30px;
}

.mySlides {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  display: none;
  opacity: 0;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.offre {
  position: relative;
  max-width: 520px;
  width: 45%;
  margin: 15px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
  min-height: 250px;
  padding: 10px 10px 10px 50px;
  font-weight: lighter;
  border-radius: 0 0 30px 30px;
}
.offre li {
  list-style: initial;
}
.offre li ul li {
  list-style: circle;
  margin-left: 30px;
}
.offre strong {
  font-weight: bold;
}
.offre em {
  font-style: italic;
}
.offre h2 {
  margin: 20px 0;
  padding: 0;
  font-weight: 700;
  font-size: 2.5em;
}
.offre h3 {
  padding: 0;
  margin: 20px 0;
}
.offre h4 {
  margin: 10px 0;
  font-weight: 500;
}
.offre h4.surtitre {
  color: #bababa;
}
.offre .chapeau {
  text-align: center;
  margin: 20px 0 50px 0;
}
.offre .chapeau::after {
  background: #e58203;
  content: "";
  display: block;
  height: 2px;
  margin: 0.2em auto;
  width: 5em;
}

#ctnuTxtRM li {
  list-style: initial;
}
#ctnuTxtRM li ul li {
  list-style: circle;
  margin-left: 30px;
}
#ctnuTxtRM strong {
  font-weight: bold;
}
#ctnuTxtRM em {
  font-style: italic;
}
#ctnuTxtRM h2 {
  margin: 20px 0;
  font-weight: 700;
  font-size: 2.5em;
}
#ctnuTxtRM h3 {
  margin: 20px 0;
  margin: 0;
}
#ctnuTxtRM h4 {
  margin: 10px 0;
  font-weight: 500;
}
#ctnuTxtRM h4.surtitre {
  color: #bababa;
}
#ctnuTxtRM p.intP {
  margin: 0;
}
#ctnuTxtRM .chapeau {
  text-align: center;
  margin: 20px 0 50px 0;
}
#ctnuTxtRM .chapeau::after {
  background: #e58203;
  content: "";
  display: block;
  height: 2px;
  margin: 0.2em auto;
  width: 5em;
}

.typeOffre {
  background: #e58203;
  color: #ffffff;
  border-radius: 15px 0 0 15px;
  position: relative;
  top: 70px;
  left: -125px;
  width: 200px;
  font-weight: 600;
  height: 30px;
  margin-bottom: -30px;
  padding: 0px 0px 0px 15px;
  font-size: 15pt;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.titreOffre {
  background-image: url(../skins/img/bg/ligneR.png);
  background-repeat: no-repeat;
  background-position: 80% 100%;
  text-align: left;
  padding: 0 0 5px 5px;
  font-weight: 600;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

.offre .refOffre {
  font-size: 10pt;
  text-align: right;
  line-height: 10pt;
  padding-right: 5px;
  margin-bottom: 5px;
}

.contUneOffre {
  border: 1px solid #e58203;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: url("../skins/img/arrowSqareRO.png") 50% 50% no-repeat;
}

.dotSlid {
  width: 15px;
  height: 15px;
  margin: 0 2px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.dotSlid:hover {
  background: #204161;
}

.activeSlid, .dotSlid:hover {
  background-color: #204161;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/*************************************/
ul.puce {
  text-align: center;
  padding: 10px;
}
.crt-widget.crt-widget-branded .crt-logo {
  display: none !important;
}

.crt-post .crt-post-content-image {
  max-height: 300px;
}

#news {
  background-image: url("../skins/img/bg/tarmac_news.jpg");
  background-position: 50% 50%;
  background-size: cover;
}
#news .intro {
  position: relative;
  width: 40%;
  text-align: left;
  left: 10%;
  opacity: 0;
  top: 100px;
  padding: 0 30px 0 0px;
  -webkit-transition: all 1.5s ease 0.5s;
  -moz-transition: all 1.5s ease 0.5s;
  -ms-transition: all 1.5s ease 0.5s;
  transition: all 1.5s ease 0.5s;
}
#news .intro h2 {
  margin-bottom: 15px;
  font-size: 1.5em;
}
#news .intro article.itemActu {
  width: 100%;
  background-image: url(../skins/img/bg/ligneLW.png);
  background-repeat: no-repeat;
  background-position: 0% 100%;
  padding: 15px 0 30px 0;
}
#news .intro article.itemActu h3 {
  text-transform: none;
}
#news .intro article.itemActu .bgItemActu {
  /*               height: 250px;*/
}
#news #ligne {
  position: relative;
  top: -30px;
  left: 50%;
  height: 5%;
  width: 1px;
  min-height: 80px;
  float: left;
  background: url(../skins/img/bg/pointille.png) no-repeat;
  background-position: 0%;
  -webkit-transition: all 1.5s ease 0.5s;
  -moz-transition: all 1.5s ease 0.5s;
  -ms-transition: all 1.5s ease 0.5s;
  transition: all 1.5s ease 0.5s;
}
#news.active .intro {
  opacity: 1;
}
#news.active #ligne {
  height: 70%;
  top: 120px;
  background-position: 100%;
}
#news.active [class*=actu-] {
  opacity: 1;
}

#news .fp-tableCell, #number-key .fp-tableCell {
  vertical-align: top;
}

#number-key {
  background: #ffffff;
  position: relative;
}
#number-key #margeTop {
  height: 120px;
  background: #204161;
}
#number-key .intro {
  /*padding-top:50px;*/
  color: #204161;
  opacity: 0;
  height: 100%;
  position: relative;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
#number-key .intro h2 {
  margin-top: 50px;
  font-size: 1.5em;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
  position: relative;
  top: -100px;
  opacity: 0;
}
#number-key .intro .intP {
  margin: 10px 0 0 0;
  line-height: 1.2em;
  opacity: 0;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
#number-key .intro .messageN {
  background: url(../skins/img/bg/map.png) #355784;
  background-repeat: no-repeat;
  background-position: 50% 20%;
  background-size: 200%;
  /*            height: 40%;*/
  width: 100%;
  max-width: 40vh;
  height: 40vh;
  position: absolute;
  bottom: 0px;
  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%);
}
#number-key .intro .messageN:after {
  /*        content: "";
          display: block;
          padding-bottom: 100%;*/
}
#number-key .rubNum {
  display: inline-block;
  width: 15%;
  border-right: 1px dashed #204161;
  margin-top: 50px;
}
#number-key .rubNum:last-of-type {
  border-right: 0px;
}
#number-key .txtM {
  font-size: 0.7em;
}
#number-key #m1, #number-key #m2, #number-key #m3, #number-key #m4, #number-key #m5 {
  position: relative;
  font-size: 2.5em;
  white-space: nowrap;
  opacity: 0;
  height: 60px;
  -webkit-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
  transition: all 1s ease 0.5s;
  color: #e58100;
}
#number-key .txtNum {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 12%;
  opacity: 0;
  -webkit-transition: all 1s ease 1s;
  -moz-transition: all 1s ease 1s;
  -ms-transition: all 1s ease 1s;
  transition: all 1s ease 1s;
}
#number-key.active #m1, #number-key.active #m2, #number-key.active #m3, #number-key.active #m4, #number-key.active #m5 {
  opacity: 1;
}
#number-key.active .intro {
  opacity: 1;
}
#number-key.active .intro h2 {
  opacity: 1;
  top: 0px;
}
#number-key.active .intro .intP {
  opacity: 1;
}
#number-key.active .txtNum {
  opacity: 1;
}
#number-key .txtNuml {
  color: #fff;
  font-size: 4em;
  font-weight: 400;
}
#number-key .txtNum2 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
}

#more .intro {
  height: 100%;
}
#more .intro h2 {
  margin-top: 30vh;
  position: relative;
  font-size: 1.5em;
}
#more .intro .intP {
  margin: 10px 0 30px 0;
  line-height: 1.2em;
}
#more .intro .btnMoreNews {
  background: #e58100;
}
#more .intro .contDiv50 {
  display: flex;
  height: 100%;
}
#more .intro .div50 {
  /*padding-top:30%;*/
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 0;
  min-height: 50%;
  position: relative;
  width: 50%;
  box-sizing: border-box;
  /*padding: 20% 7%;*/
}
#more .intro .div50:first-child {
  float: left;
  background-image: url("../skins/img/bg/tarmac_more1.jpg");
  background-position: 50% 50%;
  background-size: cover;
}
#more .intro .div50:last-child {
  float: right;
  background-image: url("../skins/img/bg/tarmac_more2.jpg");
  background-position: 50% 50%;
  background-size: cover;
}
#more .intro #footer {
  position: absolute;
  bottom: 0;
}
#more .intro .entreRub {
  display: none;
  width: 50%;
  height: 1px;
  background: #ccc;
  position: relative;
  left: 50%;
  margin-left: -25%;
}

#news .scroll, #storage .scroll, #maintenance .scroll, #recycling .scroll, #number-key .scroll {
  position: absolute;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  bottom: 20px;
  height: 32px;
  width: 50px;
  background: url("../skins/img/fleche.png");
  background-repeat: no-repeat;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
  background-position: 50% 50%;
  margin-left: 50%;
  left: -25px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}
#news.active .scroll, #storage.active .scroll, #maintenance.active .scroll, #recycling.active .scroll, #number-key.active .scroll {
  opacity: 1;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#news.active .scroll:hover, #storage.active .scroll:hover, #maintenance.active .scroll:hover, #recycling.active .scroll:hover, #number-key.active .scroll:hover {
  opacity: 0.5;
}

/* ----- VIDEO HOME ----- */
.rubAvion {
  padding-bottom: 200px;
}

.video-background {
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
}

.video-foreground {
  background-size: auto;
  background-position: 50% 50%;
  background-image: url(../skins/img/bg/tarmacAcc.jpg);
  background-repeat: no-repeat;
}

.video-foreground,
.video-foreground iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

#textForAccept {
  width: 90%;
  margin-left: auto;
  clear: both;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 400%;
    left: -150%;
  }
}
/*@media screen and (max-width: 768px) {
    .video-foreground {
        width: 100%;
        left: 0;
        z-index: -1;
    }

}*/
/*/ 1915 /////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1930px) {
  [class*=imageHeader_] {
    background-size: cover;
  }

  /*tarmac-page_aircraft-maintenance*/
}
/*/ 1420 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1420px) {
  .liensFoot {
    padding: 20px 30px 30px 30px;
  }

  #avion2 {
    width: 100%;
  }
}
/*/ 1100 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1100px) {
  .rubrique .carreTxt h2.titreRub {
    font-size: 25pt;
    margin: 0px 0;
  }
  .rubrique .carreTxt h2.dateRub {
    font-size: 25pt;
    padding: 10px 60px 10px 60px;
  }
  .rubrique .carreTxt p.intP {
    font-size: 14pt;
  }
}
/*/ 1050 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1050px) {
  [class*=imageHeader_] {
    background-size: auto 120%;
  }

  #storage .intro, #recycling .intro {
    width: 60%;
    padding-right: 40px;
  }

  #maintenance .intro {
    width: 0%;
    padding-left: 0px;
    left: 100%;
  }
  #maintenance.active .intro {
    left: 40%;
    width: 60%;
    padding-left: 40px;
  }

  #footer {
    display: block;
  }

  .liensFoot {
    width: 100%;
    background: #fff;
  }

  .newsLetterBox {
    width: 70%;
    margin: 0 auto;
    background: #fff;
  }
  .newsLetterBox .g-recaptcha {
    float: none;
    margin: 10px auto;
  }

  .liensFoot {
    text-align: center;
  }

  .nLTxt, .nLinput {
    /*        height: 75px;*/
  }

  .entreRub {
    display: block !important;
  }
}
/*/ 840 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-height: 800px) and (min-width: 840px) {
  .messageN {
    max-width: 300px !important;
    /*             margin-left: -150px!important;*/
  }
  .messageN .messageN:after {
    padding-bottom: 50% !important;
  }
}
/*/ 840 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 840px) {
  .video-foreground {
    display: none;
  }

  .shadoMob {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  }

  .slideActu {
    margin: 40px 0px 0 0px;
  }

  #margCapabilities {
    min-height: 50px;
    padding-bottom: 50px;
  }

  #tarmac-aerosave {
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../skins/img/bg/tarmacAcc.jpg);
    background-repeat: no-repeat;
  }

  .apostr::before {
    height: 37px;
    width: 46px;
    top: -15px;
    left: 30px;
  }

  .logoAfra {
    display: none;
    background-position: 100% 40%;
    background-size: auto 120px;
  }

  .logoAfra2 {
    display: block;
    background-position: 100% 40%;
    background-size: auto 120px;
  }

  .rubAvion {
    padding-bottom: 50px;
    max-height: 800px;
  }

  .intRubrique.para {
    max-width: 100% !important;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .intRubrique.para div.intP * {
    max-width: 100%;
    z-index: 10;
  }

  .contParallax2 {
    width: 100%;
  }

  .contParallax4 {
    width: 100%;
    top: 0;
  }

  .contParallax5 {
    width: 100%;
  }

  .contParallax3 {
    position: absolute;
    top: 0;
    width: 100%;
    top: 0;
  }

  #avion1 {
    position: absolute;
    z-index: 1;
    right: 0%;
    width: 100%;
    top: 0;
    background: url("../skins/img/avion1.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
  }

  #nuage {
    position: absolute;
    z-index: 2;
    left: 0%;
    top: 0;
    width: 100%;
    background: url("../skins/img/nuage.png");
    background-position: 50% 112%;
    background-repeat: no-repeat;
  }

  #avion2 {
    position: absolute;
    z-index: 3;
    left: 0%;
    top: 0;
    width: 100%;
    background: url("../skins/img/avion2.png");
    background-position: 139% 100%;
    background-repeat: no-repeat;
  }

  #moteur, #moteur2 {
    background-position: 40% 0%;
    right: 0%;
    width: 50%;
    display: block;
  }

  #logo-flottant, #logo-flottant-flou {
    margin-top: 40px;
    left: 10%;
    width: 80%;
  }

  #aerodesign {
    background-size: contain;
    left: 5%;
    width: 90%;
  }

  #contSelectCat {
    text-align: center;
    margin: 0 auto 30px auto;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    padding: 0 5%;
    width: 100%;
    display: inline-grid;
  }

  a.selectCat {
    font-size: 14pt;
    width: 100%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

  article.itemActu {
    width: 100%;
    padding: 15px 0px;
  }

  .perc33 {
    width: 100% !important;
  }

  .perc50 {
    width: 100%;
  }

  ul.liste li {
    font-size: 10pt;
    padding: 1pt 8pt;
  }

  ul.liste.col2 li.none {
    background-position: 100% 100%;
  }

  ul.liste.left li::before, ul.liste.right li::before {
    top: -11px;
    background-size: 68%;
  }

  /*    ul.liste ul.liste.right li::before{
          top: -11px;
          background-size: 68%;
      }*/
  ul.liste.col2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  img#logo {
    display: none;
  }

  [id*=tarmac-page] h1 {
    font-size: 25pt;
  }

  h3 {
    font-size: 1em;
    line-height: 1.2em;
  }

  h3 .big {
    font-size: 1.4em;
  }

  #tarmac-aerosave .intP {
    margin: 0;
  }

  .intP {
    font-size: 12pt;
    line-height: 15pt;
    padding: 0 30px;
    width: 100%;
    margin-left: 0%;
  }

  .intP .big {
    font-size: 1.4em;
  }

  .elmtLeft, .elmtRight, .elmtCLeft, .elmtCRight {
    width: 100%;
    margin-left: 0;
  }

  .elmtCenter {
    width: 90%;
  }

  .rubrique .titreRub {
    top: -14.5pt;
    line-height: 14.5pt;
    font-size: 20pt;
  }

  [class*=margeFoot_] {
    padding-bottom: 50px;
  }

  [class*=margeFoot_] .intMargeFoot {
    background-position: 30px 0;
  }

  img#logoMob {
    display: block;
  }

  img#logoMob2 {
    display: none;
  }

  .newsLetterBox {
    padding-bottom: 15px;
  }

  #btnMenu {
    padding-top: 0;
  }

  #storage .intro, #recycling .intro {
    width: 100%;
    padding-right: 40px;
  }

  #maintenance .intP, #storage .intP, #recycling .intP {
    padding: 0;
  }

  #maintenance .intro {
    width: 0%;
    padding-left: 0px;
    left: 100%;
  }
  #maintenance.active .intro {
    left: 0%;
    width: 100%;
    padding-left: 40px;
  }

  #news #ligne {
    display: none;
  }
  #news .intro {
    column-count: auto;
    padding: 30% 2% 40px 2%;
    margin: 2%;
    width: 96%;
    text-align: center;
    position: relative;
    left: 0%;
    opacity: 0;
    top: 0px;
    -webkit-transition: all 1.5s ease 0.5s;
    -moz-transition: all 1.5s ease 0.5s;
    -ms-transition: all 1.5s ease 0.5s;
    transition: all 1.5s ease 0.5s;
  }
  #news .actu-0 {
    -webkit-column-break-after: always;
    break-inside: avoid-column;
    word-wrap: break-word;
  }
  #news .actu-1 {
    margin-top: 45px;
  }

  #navbar .resSoc {
    display: none;
  }

  #more .intro .contDiv50 {
    display: block;
    height: auto;
  }

  #more .intro h2 {
    /*        margin-top: 0;*/
  }

  #more .intro .div50 {
    width: 100%;
    z-index: 10;
    /*        padding: 10% 7%;*/
    min-height: auto;
  }

  #more .intro .div50:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  #footer {
    z-index: 100;
    position: relative !important;
    clear: both;
  }

  .newsLetterBox {
    width: 90%;
  }

  .newsLetterBox p {
    font-size: 11pt;
  }

  #number-key #margeTop {
    height: 140px;
  }
  #number-key .intro {
    /*padding-top: 30px;*/
  }
  #number-key .intro h2 {
    font-size: 1em;
  }
  #number-key .intro .intP {
    margin: 5px 0 0 0;
  }
  #number-key .intro .messageN {
    width: 100%;
    /*                margin: 40px 0 0 0;
                    left: auto;*/
  }
  #number-key .contRubNum {
    display: block;
  }
  #number-key .rubNum {
    width: 18%;
    margin-top: 20px;
  }
  #number-key #m1, #number-key #m2, #number-key #m3, #number-key #m4, #number-key #m5 {
    font-size: 1.5em;
    height: 40px;
  }
  #number-key .txtNuml {
    font-size: 3em;
  }
  #number-key .txtNum2 {
    font-size: 1.2em;
  }

  #more.active .scrollTop {
    opacity: 1;
  }

  .flex, .Invflex {
    /*        display:flow-root;*/
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flexJust {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lieuSto {
    width: 50%;
  }

  article.history {
    background-position: 30px 0%;
  }

  .elmtLeft .btnVO, .elmtLeft .btnVB, .elmtCLeft .btnVO, .elmtCLeft .btnVB {
    margin: 20px 30px 20px 10px;
  }

  .elmtRight .btnVO, .elmtRight .btnVB, .elmtCRight .btnVO, .elmtCRight .btnVB {
    float: none;
    margin: 20px 10px 20px 10px;
  }

  .rubrique {
    /*flex-direction: row-reverse;*/
  }
  .rubrique .intRubrique.flex, .rubrique .intRubrique.Invflex {
    display: flow-root;
  }
  .rubrique h3.elmtCRight {
    text-align: left;
  }
  .rubrique .pointi {
    background: none;
    min-height: 100px;
  }
  .rubrique .intRubrique#historyElmt1, .rubrique .intRubrique#historyElmt3, .rubrique .intRubrique#historyElmt5, .rubrique .intRubrique#historyElmt7, .rubrique .intRubrique#historyElmt9, .rubrique .intRubrique#historyElmt11,.rubrique .intRubrique#historyElmt13, .rubrique .intRubrique#historyElmt15, .rubrique .intRubrique#historyElmt17 {
    flex-direction: row-reverse;
  }
  .rubrique .intRubrique#historyElmt8 p.intP {
    display: none;
  }
  .rubrique.history .titreRub, .rubrique.history p.intP {
    padding-left: 60px;
  }
  .rubrique .carreTxt h2.titreRub {
    font-size: 20pt;
    line-height: 20pt;
    margin: 0px 0;
    padding: 0 2px 0px 10px;
  }
  .rubrique .carreTxt h2.dateRub {
    font-size: 25pt;
    padding: 0 20px 10px 10px;
    background-image: none !important;
    margin: 0;
  }
  .rubrique .carreTxt p.intP {
    font-size: 14pt;
    padding: 0 20px 10px 10px;
  }
  .rubrique .carreTxt.elmtCRight {
    text-align: left;
  }
  .rubrique .carreImg.elmtLeft {
    left: -100%;
  }
  .rubrique .activ .carreImg.elmtLeft {
    left: 30px;
  }
  .rubrique .carreImg.elmtCRight {
    left: -100%;
  }
  .rubrique .activ .carreImg.elmtCRight {
    left: 30px;
  }
  .rubrique .carreTxt {
    opacity: 0;
  }
  .rubrique .activ .carreTxt {
    opacity: 1;
  }
  .rubrique .carreTxt .intCarre {
    padding: 30px 0;
  }
  .rubrique .curseur.premier {
    left: 32px;
  }
  .rubrique.history .titreRub {
    top: -14.5pt;
    line-height: 14.5pt;
    font-size: 20pt;
  }
  .rubrique .margeFoot_history .titreRub {
    line-height: 21pt;
  }
  .rubrique .margeFoot_history .titreRub .big {
    top: -0.32em;
  }

  .certif, .certif2 {
    width: 50%;
  }

  .elmtLeft .curseur {
    left: -25px;
  }

  .elmtCRight .curseur {
    right: auto;
    left: -25px;
  }
}
/*/ 600 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {
  #news .intro {
    column-count: auto;
  }

  .lieuSto {
    width: 100%;
  }

  .newsLetterBox {
    width: 100%;
  }

  h2.txtMarker {
    font-size: 1.2em;
    margin: 0;
  }

  #news .actu-1 {
    margin-top: 15px;
  }

  span.scroll {
    display: none;
  }

  .liensFoot {
    padding: 0 20px 20px 20px;
    display: block;
    list-style-type: none;
  }

  .liensFoot li {
    width: 100%;
    padding: 5px 0px;
    border-top: 1px solid #f2f2f2;
  }

  .liensFoot li::after {
    padding: 0px;
  }

  .liensFoot .unseccable::before {
    content: "";
    padding-right: 0px;
  }
}
/*/ 500 /////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 563px) {
  #fiche1 h2.titreRub:before, #fiche2 h2.titreRub:before, #fiche3 h2.titreRub:before {
    content: "";
    min-height: 19px;
    top: -40px;
    left: 30px;
  }

  .newsLetterBox .g-recaptcha {
    left: 50%;
    position: relative;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  .newsLetterBox .g-recaptcha > div {
    margin: 0 auto;
  }

  #textForAccept {
    margin-right: auto;
  }

  #moteur, #moteur2 {
    display: none;
  }

  #carteCont .rubrique h2 .big {
    top: -0.37em;
    font-size: 2em;
    position: relative;
    line-height: 0.7em;
    letter-spacing: -0.07em;
  }

  .certif, .certif2 {
    width: 100%;
  }

  .rubrique .intRubrique#historyElmt1, .rubrique .intRubrique#historyElmt3, .rubrique .intRubrique#historyElmt5, .rubrique .intRubrique#historyElmt7, .rubrique .intRubrique#historyElmt9 .rubrique .intRubrique#historyElmt11, .rubrique .intRubrique#historyElmt13, .rubrique .intRubrique#historyElmt15, .rubrique .intRubrique#historyElmt17, {
    flex-direction: column-reverse;
  }
  .rubrique .intRubrique#historyElmt2, .rubrique .intRubrique#historyElmt4, .rubrique .intRubrique#historyElmt6, .rubrique .intRubrique#historyElmt8, .rubrique .intRubrique#historyElmt10, .rubrique .intRubrique#historyElmt12, .rubrique .intRubrique#historyElmt14, .rubrique .intRubrique#historyElmt16, {
    flex-direction: column;
  }
  .rubrique .elmtLeft .curseur {
    left: 7px;
  }
  .rubrique .elmtCRight .curseur {
    right: auto;
    left: 7px;
  }
  .rubrique .carreImg {
    width: 100%;
  }
  .rubrique .carreTxt {
    width: 100%;
    /*        margin-bottom:-50%;*/
  }
  .rubrique .carreImg.elmtLeft {
    left: -100%;
  }
  .rubrique .activ .carreImg.elmtLeft {
    left: 0%;
  }
  .rubrique .carreImg.elmtCRight {
    left: -100%;
  }
  .rubrique .activ .carreImg.elmtCRight {
    left: 0%;
  }
  .rubrique .carreTxt {
    padding: 30px;
  }
  .rubrique .carreTxt .intCarre {
    transform: none;
    padding: 30px 20px 30px 20px;
    top: 0;
    position: relative;
  }
  .rubrique .carreImg .intCarre {
    margin: 0 5% 10% 15%;
  }
  .rubrique .carreTxt:after {
    padding-bottom: 0%;
    display: block;
  }

  img#logo {
    display: none;
  }

  img#logoMob {
    display: block;
  }

  img#logoMob2 {
    display: none;
  }

  .vMenu:first-child {
    display: none;
  }

  #navbar {
    padding: 20px;
  }

  #btnMenu {
    top: -4px;
  }

  #tarmac-aerosave .intP {
    /*margin: 0 10%;*/
    font-size: 0.8em;
  }

  h1 {
    font-size: 2em;
    font-weight: 700;
    margin: 10px 5%;
  }

  #news .slideshow {
    max-width: 563px;
    position: relative;
    margin: auto;
    margin: 0px auto 0px auto;
  }

  [class*=actu-] {
    font-size: 12pt;
    margin: 16px auto;
    text-align: left;
  }
  [class*=actu-]:last-of-type {
    background: none;
    margin-bottom: 0px;
  }

  #news .intro {
    padding: 30% 2% 40px 2%;
    margin: 2%;
    width: 96%;
    text-align: center;
  }
  #news .intro .btnMoreNews {
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
  }
  #news .intro h2 {
    max-width: 275px;
    font-size: 1em;
    margin: 0 auto;
    text-align: left;
  }

  .imgActu {
    width: 275px;
    max-width: 100%;
  }

  #storage h2, #recycling h2, #maintenance h2 {
    border-bottom: 3px solid #ffffff;
    line-height: 1.8em;
    font-size: 1.5em;
  }

  #storage .intP, #recycling .intP, #maintenance .intP, #more .intP {
    font-size: 0.8em;
  }

  #footer {
    display: block;
  }

  .newsLetterBox {
    display: block;
    height: auto;
  }

  #number-key .intro .messageN {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  #number-key .rubNum {
    width: 50%;
    margin-top: 20px;
    border-bottom: 1px dashed #204161;
    border-right: 0;
  }

  #number-key .rubNum:last-of-type {
    border-bottom: 0;
  }

  .newsLetterBox .nLTxt {
    width: 100%;
    text-align: center;
    height: 65px;
  }

  .newsLetterBox .nLinput {
    width: 90%;
    margin: 0 auto;
  }

  .newsLetterBox input#text_newsletter {
    margin-left: 0px;
    float: left;
  }

  #number-key #margeTop {
    height: 70px;
  }
}

/*# sourceMappingURL=stylefront.css.map */