@charset "utf-8";
/* CSS Document */
@font-face { font-family: ms_th; src: url('/web/20210629170225im_//assets/fonts/Montserrat-Thin.ttf');}
@font-face { font-family: ms_Lt; src: url('/web/20210629170225im_//assets/fonts/Montserrat-Light.ttf');}
@font-face { font-family: ms_Lt-i; src: url('/web/20210629170225im_//assets/fonts/Montserrat-LightItalic.ttf');}
@font-face { font-family: ms_md; src: url('/web/20210629170225im_//assets/fonts/Montserrat-Medium.ttf');}
@font-face { font-family: ms_rg; src: url('/web/20210629170225im_//assets/fonts/Montserrat-Regular.ttf');}
@font-face { font-family: ms_sb; src: url('/web/20210629170225im_//assets/fonts/Montserrat-SemiBold.ttf');}
@font-face { font-family: ms_b; src: url('/web/20210629170225im_//assets/fonts/Montserrat-Bold.ttf');}
@font-face { font-family: ms_bck; src: url('/web/20210629170225im_//assets/fonts/Montserrat-Black.ttf');}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/web/20210629170225im_//assets/fonts/glyphicons-halflings-regular.eot');
  src: url('/web/20210629170225im_//assets/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'),
  url('/web/20210629170225im_//assets/fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('/web/20210629170225im_//assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('/web/20210629170225im_//assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
  font-family: 'icomoon';
  src:  url('/web/20210629170225im_//assets/fonts/icomoon.eot?tawi1a');
  src:  url('/web/20210629170225im_//assets/fonts/icomoon.eot?tawi1a#iefix') format('embedded-opentype'),
  url('/web/20210629170225im_//assets/fonts/icomoon.ttf?tawi1a') format('truetype'),
  url('/web/20210629170225im_//assets/fonts/icomoon.woff?tawi1a') format('woff'),
  url('/web/20210629170225im_//assets/fonts/icomoon.svg?tawi1a#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-linkedin2:before {
  content: "\eaca";
}

/*GLOBAL*/
ul>span{ width: 64px; height: 2px; border-bottom: 2px solid #D0011B; content: ''; position: absolute; top: 43px;  }
/*ul.sb_li li{ display: flex;}*/
ul.sb_li{padding-left: 0px; list-style: none;}
ul.sb_li li.text-right { padding-right: 50px; }
ul.sb_li li.text-left { padding-left: 50px; }
ul.sb_li li.text-right::before{ content:"• "; color: #D0011B; font-size: 2em; position: absolute; right: 23px; top: -3px; }
ul.sb_li li.text-left::before{ content:"• "; color: #D0011B; font-size: 2em; position: absolute; left: 23px; top: -3px; }
.collapse-circ img{ position: absolute; left: 65%; max-width: 271px; }
.collapse-circ img:first-child { left: 35% }
.row.vagues { line-height: 13px; height: 14px; margin: 0; }
.thumbnail q { font-style: normal; }
.thumbnail q:before { content: '« '; font-size: 1.6em;}
.thumbnail q:after { content: ' »'; font-size: 1.6em;}

/* HOME */
#home .row2 { background: url('/web/20210629170225im_//assets/images/map-home_xl.png') no-repeat;  background-color: #c9d9ff; background-position: right; height: 600px; margin-bottom: 30px; position: relative; padding-bottom: 0px; }
#home header .centered { z-index: inherit; }
/*#home header { height: 410px; }*/
#home header>div, #home header .jumbo-carousel, #home header .jumbo-carousel .owl-stage-outer , #home header .owl-stage, #home header .owl-item, #home header .jumbo-item{height: inherit;}
.jumbo-item a, .jumbo-item a>svg {display: block; height: inherit}
.home-header svg { height: auto; width: 100%; min-height: -webkit-fill-available; }
/*#home .owl-carousel .jumbo-item img,#home .jumbo-item svg { height: 100%; width: auto;}*/
#home .jumbo-item a {width: 100%; overflow: hidden; position: relative; display: block; align-items: center; }
#home .jumbo-item a svg tspan, #home .jumbo-item a svg text{ font-family: 'ms_lt', Helvettica, Arial; font-size: 12px!important;}
#home .jumbo-item a div#map_xl svg { position: absolute; right: 0; bottom: 0; height: 100%; width: auto}
#home .jumbo-item a div#map_xs{ position: relative; height: inherit; }
#home .jumbo-item a div#map_xs svg { position: relative; width: 100%;}
#home #map_xl,  #home .slide_xl{
  display: none;
}
.vg_vlt{ background: url('/web/20210629170225im_//assets/images/vag_vlt.png') no-repeat; }
.vg_bl-clr{ background: url('/web/20210629170225im_//assets/images/vag_bl-clr.png') no-repeat; }
.vg_r{background-position: right;}
#home .row2>.container, #home .row2 div:not(.centered){ height: 100%; }
#home figure.hoverFiltre figcaption {display: none;}
#home figure.hoverFiltre:hover figcaption { display: block; width: auto; padding-bottom: 5px; margin-top: 5px; }
#home figure.hoverFiltre:hover .filter{ width: calc(100% - 30px); height: 100%; background: rgba(122,210,255,0.6); position: absolute; top: 0; left: 15px;}
#home .centered { width: 100%; }
#home .row4{ margin-bottom: 0px; position: relative; }
#home .modales { margin: auto; position: absolute; top: 0; height: 100%; width: 100%; display: none}
#home section{ padding-bottom: 0 }
.molal { width: 100%;}
.modal-dialog { max-width: 1170px;}
#home.modal-open .modales { z-index: 990; display: block; }
#home .socialHolder { display: none }
#home .match-height-insta:hover .socialHolder{  position: absolute; top: 0; left: 15px; width: 100%; height: 100%; background: rgba(0,0,0,0.48); width: calc(100% - 30px);display: flex; justify-content: center; align-items: center;}
ul>h3, #home ul.sb_li li {margin-left: 80px; padding-bottom: 15px}
.owl-carousel.jumbo-carousel{ z-index: inherit; }
.jumbo-carousel .owl-nav { z-index: 1; }
.press-carousel .owl-nav { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); width:calc( 100% + 30px ); } .timeline .cta { margin-bottom: 40px; }
.press-carousel .thumbnail, .topPress .thumbnail{ border: 4px solid #E9EAF3; border-radius: 0px; padding: 35px; }
.press-carousel .thumbnail>div{padding-bottom: 30px;}
.press-carousel .thumbnail>div:first-child{padding-bottom: 56px;}
.press-carousel .thumbnail>div:last-child{padding-bottom: 0px;}
.press-carousel .thumbnail .logo_presse, .topPress .thumbnail .logo_presse{ max-height: 51px; width: auto; max-width: 120px; margin: auto; }
.press-carousel .owl-nav { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); width:100%; }
.jumbo-carousel .owl-nav { position: absolute; top: 20px; top: 45%; left: 0; width:100%; height: inherit; display: flex; align-items: center;}
.press-carousel .owl-nav { width:calc( 100% + 30px ); }
.press-carousel .owl-prev, .press-carousel .owl-next, .jumbo-carousel .owl-next, .jumbo-carousel .owl-prev { width: 50%; float: left; }
.press-carousel .owl-prev, .jumbo-carousel .owl-prev { padding-left: 5px; }
.jumbo-carousel .owl-prev img{ display: block; margin-right: auto; margin-left: 0}
.jumbo-carousel .owl-next img{ display: block; margin-right: 0; margin-left: auto }
.press-carousel .owl-next, .jumbo-carousel .owl-next { text-align: right; padding-right: 1px; }
.jumbo-carousel .owl-next, .jumbo-carousel .owl-prev {  float: none; }
.jumbo-carousel .owl-next { right: 0px; }
.jumbo-carousel .owl-prev { left: 0px; }
/*#home header>div { margin-top: -30px; }*/
#home figcaption { padding-bottom: 20px }
#home header { width: calc( 100% + 30px ); }
.img-to-share .btn-social, .img-to-share .btn-share img{ padding: 20px 10px; }
.img-to-share .btn-share { display: none; }
.instagram-share:hover { cursor: pointer; }
.img-to-share:hover .socialHolder { display: flex; }
.img-to-share:hover .btn-share { display: block; }
.insta-title { display: flex; align-items: center; margin-bottom: 5px }
.insta-title hr { width: 100% }
.insta-title img{ padding: 0 15px; }
.col-md-4.match-height-insta{ padding-top: 30px }
.seabubblersPicto { display: flex; justify-content: space-between; align-items: center; padding: 0 30px; }
.seabubblersPicto a {
  color: #9B9A9B;
  font-size: 21px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.seabubblersPicto a:hover {
   color: #193D7F;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   box-shadow: 0 5px 4px 0px rgba(0,0,0,.1);
 }
.seabubblersPicto .icon-facebook:hover {
  color: #193D7F;
}
.seabubblersPicto .icon-twitter:hover {
  color: rgb(29, 161, 242);
}
.seabubblersPicto .icon-instagram:hover {
  color: #715ED2;
}
.seabubblersPicto .icon-linkedin2:hover {
  color: #0077B5;
}
.seabubblersPicto .icon-youtube:hover {
  color: #CC0000;
}
.seabubblersPicto>span { padding-top: 8px; }
.match-height-ourVision>.centered>p { padding: 0 15px; }
#footer_main .horizontal-list.social a {
  color: #9B9A9B;
  font-size: 21px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}
@media (min-width: 340px) and (max-width: 375px){
  #home #map_xs svg{
    width: 100%;
    right: -30px
  }
}
@media (min-width: 380px){
  /*#home header{ height: 460px }*/
  #home #map_xs svg{
    width: 100%;
  }
}
@media (min-width: 530px){
  /*#home header{ height: 38vw }*/
  #home #map_xs, #home .slide_xs{
    display: none;
  }
  #home #map_xl, #home .slide_xl{
    display: block;
  }
}
@media (min-width: 1200px){
  /*#home header{ height: 30vw; }*/
}

/*social media*/
.snap-display{ padding-top: 10px; }
.snap-code{ display:none; background-color: rgba(0,0,0,0.8); z-index: 500; }
.snap-code>div{ display: flex; justify-items: center; align-items: center; justify-content: center; height: 100%; }
.seabubblersPicto span.hoverFiltre{ display: none; opacity: 0; -webkit-transition: opacity 2s; /* Safari */  transition: opacity 2s, display  2s;}
.seabubblersPicto>:hover span.hoverFiltre{ display: flex; background: rgba(0, 0, 0, 0.48); opacity: 1;}
.seabubblersPicto .hoverFiltre img{ margin: auto}

.fb-follow ._5n2y::before { background-image: url('/web/20210629170225im_//assets/images/picto_fb.png'); background-repeat: no-repeat;  }
button#u_0_4 span::before {
  content: ' ';
  width: 20px;
  height: 20px;
  display: block;
  display: block!important;
}
button#u_0_4{ content: 'coucou'}
button#u_0_4 span { display: none!important;}

#instagramShare {
  cursor: pointer;
}
#instagramModal .modal-header {
  background: #193E7F;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  color: #ffffff;
}
#instagramModal .modal-title,
#instagramModal .close {
  color: #ffffff;
}

.copy-to-clipboard input {
  width: 100%;
  border: none !important;
  background: transparent;
  -webkit-appearance: inherit;
}
.copied {
  position: relative;
  background: #193E7F;
  color: #fff;
  font-weight: bold;
  z-index: 99;
  width: 100%;
  top: 0;
  text-align: center;
  padding: 15px;
  display: none;
  font-size: 18px;
}

@media (min-width: 768px){
  .jumbo-carousel .owl-nav { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); width:100%; bottom: auto }
  .jumbo-carousel .owl-next, .jumbo-carousel .owl-prev { bottom: initial; }
  .jumbo-carousel .owl-prev img{ display: block; margin-right: auto; margin-left: 0}
  .jumbo-carousel .owl-next img{ display: block; margin-right: 0; margin-left: auto }
}
@media only screen and (max-width: 1127px) {
  #home .row2 { background-position-x: -90px;  }
}
@media only screen and (max-width: 767px) {
  .row2 .filtre { background-color: rgba(201, 217, 255, 0.8)}
}
@media only screen and (max-width: 767px) {
  /*#home .jumbo-carousel .owl-item img{  width: auto; }*/

}
@media only screen and (max-width: 414px) {
  #home .jumbo-carousel .owl-item img{  width: 100%; /*height: 100vh;*/ }
}
@media only screen and (max-width: 375px) {
  ul>h3,#home ul.sb_li li { margin-left: 54px; }
  ul>span { width: 42px; }


}
@media only screen and (max-width: 320px) {
  #home .jumbo-carousel .owl-item img{  width: auto; height: 568px; }
  ul>h3,#home ul.sb_li li { margin-left: 54px; }
  ul>span { width: 42px; }
}
@media only screen and (min-width: 992px) {
  .seabubblersPicto { display: flex; justify-content: space-between; align-items: center; padding: 0 0px; }
  .col-md-4.match-height-insta{ padding-top: 0px }
}
/*VISION*/
.vision-header { background-repeat: no-repeat !important; background-position: right !important; background-size: cover !important; padding: 50px 0; display: flex; align-items: center;}
/*.vision-header .row.bg { margin: 0; }*/
.vision-header img { /*zoom: 2;*/ width: 100%; float: right;}
#vision header .tiret { position: absolute; padding-top: 1em; left : -68px;  }
#vision .collapse-circ { height: 271px; }
#vision .row2 q::before, #vision .row2 q::after { display: none; }
#vision .row2 q { padding-left: 20px; }
#vision .row3 { padding-top: 70px; padding-bottom: 70px; margin-left:-15px; margin-right: -15px;}
#vision .row4 { padding: 0px 0px 80px 0; margin-bottom: 0px}
#vision .row3>.container>.row::before { content: ''; background: url('/web/20210629170225im_//assets/images/facade_xl.png') no-repeat; background-size:cover; background-position:top right; width: 100%; }
#vision .row5 .row { position: relative; height: 546px; overflow: hidden;}
#vision .typo span:first-child { padding-left: 20px}
#vision .typo span:nth-child(3) {padding-left: 94px}
#vision .typo span:last-child { display: block; text-align: right; padding-top: 14px; }
.vision-image-bottom-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  background-position: bottom center;
}
.vision-image-bottom-container img {
  position: absolute;height: 100%; }
.vision-image-bottom-container > p { display: block; width: 100%;}
@media only screen and (min-width: 768px) {
  .vision-image-bottom-container { position: relative; height: inherit;}
  .vision-image-bottom-container img { max-width: 100%; }
  .vision-image-bottom-container > p {  }
}


@media only screen and (max-width: 992px) {
  .vision-header img { zoom: 1; height: 400px; float: right; width: auto;}
  .vision-img-content {
    /*top: 30%;*/
  }
}
@media only screen and (max-width: 540px) {
  .vision-header img { zoom: 1; height: 500px; float: right; width: auto;}
}

@media only screen and (max-width: 380px) {
  .vision-header img { zoom: 1; height: 650px; float: right; width: auto;}
  .vision-img-content {
    /*top: 350px;*/
  }
}

@media only screen and (max-width: 992px) {
  #vision .collapse-circ { height: 271px!important }
  #vision .collapse-circ img{ max-width: 251px; }
}
@media only screen and (max-width: 767px) {
  #vision header { height: 100vh;}
  #vision .typo span { padding-left: 0px!important;}
  #vision .typo, #vision .typo span:last-child { text-align: center; }
}
@media only screen and (max-width: 375px) {
  #vision .collapse-circ img{ max-width: 210px; }
}

/*PRODUCTS*/
#products .row0 {
  padding-top: 80px;
  padding-bottom: 0;
  margin-top: -40px;
}
#products .productNav {

}
#products .productNav .item {
  padding: 0;
}
#products .productNav .item img {
   width: 100%;
 }
#products .productNav .item .centered p {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#products .productNav .item:hover .centered p {
  background-color: rgba(0, 0, 0, .8);
}

#products #product-title {
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#products #product-title h2 {
  color: #fff;
  position: absolute;
}
#products #product-title img {
  width: 100%;
  padding-top: 0;
}
#products #bubble #zero-details {
  background: url("/web/20210629170225im_//assets/images/bubble-technical-details.jpg") top no-repeat;
  padding: 20px 0;
}
#products #bubble #zero-details .zero {
  font-size: 190px;
  line-height: normal;
  display: inline-block;
  text-align: right;
}
#products #bubble #zero-details .zero-text {
  display: inline-block;
  text-align: left;
  font-size: 42px;
  line-height: normal;
}
#products #bubble #bubble-video {
  padding: 0;
}
#products #bubble #bubble-video .col-xs-12 {
  padding: 0;
}
#products #bubble #bubble-video #youtube-bubble {
  position: relative;
  bottom: -5px;
}
#products #bubble #dimensions h4 {
  text-transform: inherit;
  color: #193D7F;
}
#products #bubble .characteristics span {
  font-size: 48px;
  line-height: normal;
}
#products #bubble .jumbo-carousel {
  background: none;
}
#products #technical-details {
  background: url("/web/20210629170225im_//assets/images/bubble-technical-details.jpg") center bottom no-repeat;
  background-size: cover;
  padding: 50px 0 98px;
}
#products .experience p {
  font-size: 16px;
  line-height: 30px;
}
#products .row3 { padding-top: 50px; padding-bottom: 50px; }
#products .row3 .match-no-row { padding: 0px 50px}
#products .row3 .match-no-row:not(:last-child) { border-right: 1px solid #6C6C6C }
#products .row4>div { padding: 20px 15px 0px 15px}
#products .row4 ul:first-child { padding-right: 0px}
#products .row4 ul { margin-bottom: 0px;}
#products .row4 ul li { padding-bottom: 10px }
#products .row5>div:first-child { background: url('/web/20210629170225im_//assets/images/docks_prod.png') no-repeat; background-size:cover; }
#products .row5>div { position: relative;}
#products .row5>div img { margin-bottom: 128px; }
#products .row5 .cta { position: absolute; bottom:30px; }
#products.product-dock .row5>div:first-child { background: url('/web/20210629170225im_//assets/images/the-dock.png') no-repeat; background-size:cover; }
#products.product-app .row3 img.img-responsive{ width: 100%; }
#products.product-app .row5>div:first-child { background: url('/web/20210629170225im_//assets/images/the-dock.png') no-repeat; background-size:cover; }
#products.product-app .row5>div:nth-child(2){ background: url('/web/20210629170225im_//assets/images/dock.jpg') no-repeat; background-size:cover;  height: 700px; }
@media only screen and (max-width: 990px) {
  #products .row3 { padding-top: 0px; padding-bottom: 0px; }
  #products .row3 .match-no-row:not(:last-child) { border-right: 0px solid #6C6C6C; border-bottom: 1px solid #6C6C6C;  }
  #products .row3 .match-no-row:not(:last-child) p { margin: 0px;}
  #products .row3 .match-no-row { padding: 50px 50px}
  #products .row4 ul:last-child { padding-left: 0px}
}
@media only screen and (max-width: 668px) {
  #products .row3 .match-no-row { padding: 24px 15px;}
  #products .row4>div { padding: 20px 5px 0px 5px; }
}
/*TEAM*/
#team .row3{ position: relative; }
#team img.bubble { max-width: 180px; }
#team .row4 h3{ margin-bottom: 0px; }
#team h4 { margin-bottom: 4px; }
#team .row2 h3 { margin-bottom: 0px; }

/*CONTACT*/
.sBubbleForm input, .sBubbleForm textarea{ border-radius: 30px; border-color: #E9EAF3 }
.sBubbleForm input:not([type="radio"]) { height: 38px; }
.sBubbleForm label { font-weight: normal; }
.sBubbleForm .radio-inline:not(:first-child) { padding-left: 5%; }
.sBubbleForm .radioHolder label { cursor: pointer; position: relative; min-height: 12px}
.sBubbleForm textarea { padding: 20px 30px; }
/*.sBubbleForm input[type="radio"] { display:none; }*/
.sBubbleForm input[type="radio"] + label span { display:inline-block; width:14px; height:14px; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; -moz-border-radius:  50%; border-radius:  50%; border: 2px solid #193D7F;}
.sBubbleForm input[type="radio"]:checked + label span:before { content:''; background-color: #D0011B; height: 6px; width:6px; border-radius: 100%; display: block; position: absolute; top:50%; left:50%; transform:translate( -50%, -50%) }
.sBubbleForm input[type="radio"] + label span, input[type="radio"]:checked + label span { -webkit-transition:background-color 0.4s linear; -o-transition:background-color 0.4s linear; -moz-transition:background-color 0.4s linear; transition:background-color 0.4s linear; }
.sBubbleForm input[type="radio"] + label span { position: relative; border: 2px solid #193D7F; margin-right: 15px; }
.sBubbleForm input[type="file"] { display: none; }
.sBubbleForm label.upload { border-bottom: 1px solid #193D7F; padding-bottom: 5px; padding-bottom: 0px; cursor: pointer;}
.sBubbleForm #closeButton { cursor: pointer; visibility: hidden; width: 10px; height: 10px; }

.sBubbleForm .radio, .popin-radio .radio { display: inline-block; width: auto; }
.contact-radio input[type="radio"], .popin-radio input[type="radio"]{display: inline-block; margin-left: -25px!important;}
.contact-radio > .radio, .popin-radio > .radio {padding-left: 5%;}
.contact-radio label, .popin-radio label {font-size: 12px; text-transform: uppercase; color: #6C6C6C}
.contact-file label {    border-bottom: 1px solid #193D7F; padding-bottom: 5px; padding-bottom: 0px; cursor: pointer; font-weight: normal; font-size: 18px; line-height: 30px; font-family: 'ms_rg', Helvettica, Arial; color: #193D7F; fill: #193D7F; text-transform: uppercase;}
.contact-form input { margin-top: 15px; }

/*RECRUITMENT*/
.recruitment-form label {font-weight: normal}
.recruitment-form input { height: 38px; border-radius: 30px; border-color: #E9EAF3; margin-top: 8px;}
.recruitment-form textarea { border-radius: 30px; border-color: #E9EAF3;}
.recruitment-file label { border-bottom: 1px solid #193D7F; padding-bottom: 0px; cursor: pointer;}
.recruitment-file input[type="file"] { display: none; }
.adds-container{
  padding-bottom: 40px;
}
.adds article{
  border-bottom: 1px solid #e2e2e2;
  padding-top: 15px;
  padding-bottom: 15px;
}
.adds article *{
  font-size: 16px;
  line-height: 1.6em;
}
.adds article a:hover, .adds article a:active, .adds article a:focus{
  text-decoration: none;
}
.adds article .actions a{
  color: #193e7f;
  font-size: 14px;
  font-family: 'ms_rg', Helvettica, Arial;
  display: inline-block;
  border-bottom: 1px solid #193e7f;
  text-decoration: none;
}
.adds article h4{
  color: #193e7f;
  font-family: 'ms_md', Helvettica, Arial;
  text-transform: none;
}
.adds article h4 .add-label{
  text-transform: uppercase;
}
.adds article .glyphicon{
  padding-right: 8px;
}
.adds .adds-nav{
  display: none;
}
.adds .adds-nav a{
  color: #193e7f;
  border-bottom: 1px solid #193e7f;
  margin-top: 10px;
  font-family: 'ms_rg', Helvettica, Arial;
  text-decoration: none;
}
#application >.row + .row{
  margin-top: 40px;
}
#application label:not(.upload){
  /*bottom: 2em;*/
  position: absolute;
  top: 0;
  margin-left: 15px;
  font-size: 14px;
  transition: 300ms ease-in-out;
  -webkit-transform: translateY(1.3em);
  -ms-transform: translateY(1.3em);
  transform: translateY(1.3em);
  background-color: #FFF;
}
#application input, input.bouncing-input{
  padding: 6px 18px;
  margin: 8px 0;
}
#application textarea{
  margin-top: 10px;
  padding: 18px 20px;
}
#application textarea ~ label:not(.upload){
  font-size: 14px;
  -webkit-transform: translateY(2em);
  -ms-transform: translateY(2em);
  transform: translateY(2em);
}
#application textarea:focus ~ label
,#application textarea:not([value=""]) ~ label,
textarea.bouncing-input:focus ~ label, textarea.bouncing-textarea:not([value=""]) ~ label
{

  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 16px;
}
#application input:focus ~ label
,#application input:not([value=""]) ~ label
{

  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 16px;
}
#application span.required{
  display: none;
}
#application label.required:after{
  content: "*";
  display: inline-block;
  padding-left: 5px;
}

/*NEWSLETTER SUBSCRIBE*/
#newsletterModal .modal-content{
  border-radius: 0;
}
#newsletterModal .modal-header{
  border: none;
  padding-top: 8px;
  padding-bottom: 15px;
}
#newsletterModal .modal-body{
  padding: 0 30px 30px;
}
#newsletterModal .has-background {
  background: url('/web/20210629170225im_//assets/images/newsletter-bg.jpg');
  background-size: 100% 100%;
  padding: 10px;
}

#newsletterModal .overview {
  background-color: #fff;
  padding: 60px 15px 30px;

}

#newsletterModal .overview .newsletter-languages.newsletter-languages .nav{
  float: right;
  margin-top: -3em;
}
#newsletterModal .overview .newsletter-languages .nav li {
  float: left!important;
}
#newsletterModal .overview .newsletter-languages .nav li a {
  display: inline-block;
}
#newsletterModal .overview .newsletter-languages .nav li:not(:first-child):before {
  content: '|';
  display: inline-block;
  /*padding-top: 30px;*/
  /*padding-bottom: 30px;*/
}

#newsletterModal .overview {
  background-color: #fff;
  padding: 60px 15px 30px;

}

#newsletterModal .overview-title {
  line-height: normal;
}
#newsletterModal .overview h2 {
  margin-top: 40px;
  margin-bottom: 0;
  font-weight: 100;
  font-family: 'ms_lt', Helvettica, Arial;
}
#newsletterModal h3 {
  font-family: 'ms_lt', Helvettica, Arial;
  text-transform: uppercase;
  color: #193e7f;
  font-weight: 400;
  font-size: 18px;
}
#newsletterModal .overview h3 {
  margin-bottom: 0;
}

#newsletterModal .overview h2 ~ p {
  line-height: 20px;
  font-family: 'ms_lt', Helvettica, Arial;
}

#newsletterModal .overview h2, #newsletterModal .overview h2 ~ p {
  color: #666666;
  font-size: 18px;
}
#newsletterModal label{
  padding-bottom: 5px;
}
#newsletterModal label,  .subscribe-success, .popin-label {
  font-weight: normal;
  font-family: 'ms_lt', Helvettica, Arial;
  color: #193e7f;
}
.popin-label {
  display: inline-block;
}
#newsletterModal label[for=optin] {
  font-size: 12px;
  width:100%;
  max-width: 330px;
  margin: auto;
  margin-top: 15px;
  display: block;
}
#newsletter-gender, #newsletterModal select, label[for=newsletter-country] {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}

#newsletterModal .select-wrapper{
  position: relative;
  max-width: 320px;
  margin: auto;
}

#newsletterModal .select-wrapper::before{
  content:'\e114';
  position: absolute;
  right: 15px;
  line-height: 2.5;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;

}

#newsletterModal .select-wrapper select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#newsletterModal .select2-container {
  max-width: 320px;
  display: block;
  margin: auto;
}

#newsletterModal [class*='select2-selection']{
  height: 38px;
  border-radius: 30px;
  border-color: #E9EAF3;
  padding-left: 7px;
  color: #555;
}
#newsletterModal [disabled]{
  opacity: 0.5;
  cursor: not-allowed;
}
.modal-open .select2-container--open .select2-dropdown--below{

  margin-top: -1em;
  padding-top: 1em;
  border-color: #E9EAF3;
  border-top: none;
  border-radius: 0 30px;
}

#newsletterModal .select2-selection__rendered {
  line-height: 2.5;
}
.modal-open .select2-results__options{
  border-radius: 0 30px;
}

.modal-open li.select2-results__option:not(:first-child){
  line-height: 1;
  padding: 10px 12px;
}

#newsletterModal .select2:focus, .select2 *:focus{
  outline: none;
}
#newsletterModal .select-wrapper select *{
  padding: 15px 0;

}
#newsletterModal .select-wrapper option {
  min-height: 3em;
}
label[for=newsletter-country] {
  padding-left: 12px;
}
#newsletterModal .checkbox{
  width: auto;
  margin: auto;
}
#newsletterModal #newsletter-gender .checkbox {
  height: auto;
  vertical-align: middle;
}
#newsletterModal .logo {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 15px;
  background-color: #fff;
}
#newsletterModal input, #newsletterModal select {
  height: 38px;
  border-radius: 30px;
  border-color: #E9EAF3;
  /*margin-top: 8px;*/
}
#newsletterModal .radio, #newsletter-gender .popin-label {
  margin: 0;
}
#newsletter-gender .popin-label{
  padding-left: 12px
}
#newsletterModal::placeholder, #newsletterModal, .popin-label{
  color: #9c9595!important;
  font-family: 'ms_rg', Helvettica, Arial!important;
  font-weight: 400;
}
#newsletterModal .radio {
  line-height: 1em;
}
#newsletterModal textarea { border-radius: 30px; border-color: #E9EAF3;}
input#newsletter_email{
  margin-top: 4px;
}
#newsletterModal .g-recaptcha div {
  margin: 0 auto;
}

.required-mention {
  opacity: 0.8;
  font-size: 0.8em;
  font-style: italic;
}




.checkbox-button {
  cursor: pointer;
}
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input {
  font-size: 1rem;
  line-height: 1.5;
  padding: 11px 23px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 0;
  outline: 0;
  background-color: transparent;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.checkbox-button__input {
  opacity: 0;
  position: absolute;
}

.checkbox-button__control {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  vertical-align: middle;
  background-color: inherit;
  color: #017b5f;
  border: 2px solid #666;
}

.checkbox-button__input:checked+.checkbox-button__control:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: #01a982;
}
.checkbox-button__label{
  display:inline-block;
  float: right;
  width: calc(100% - 35px);
}

.checkbox-button__input:checked+.checkbox-button__control {
  border-color: #01a982;
}

.checkbox-button__control {
  transform: scale(0.75);
}



  /*PRESS*/
#press .row1 .thumbnail:not(:first-child) { display: none; }
#press .press-carousel .thumbnail, #press .topPress .thumbnail{ border: 4px solid #E9EAF3; border-radius: 0px; padding: 25px; }
#press .row1 { padding-bottom: 0px; }

/*PARTNERS*/
#partners .match2{  display: flex; margin: auto;}
#partners .match2>img{ display: flex; margin: auto; }
#partners .match, #partners .match1 { display: table-cell; vertical-align: bottom; }
#partners .match img, #partners .rg2  img { vertical-align: bottom;}
.partner-row {display: table;}
.partner-row > div {float: none; display: table-cell;}
#partners .rg2 img { vertical-align: bottom; margin: auto; }
#partners .logo-octelio { position: absolute; }
#partners .match-height-eu {
  display: flex;
  margin: auto;
}

/* GALLERY */
#gallery .gallery-carousel .owl-item {  padding: 15px 15px;}
#gallery .owl2row-item>div:not(:first-child){ margin-top: 30px; }
#gallery .owl-carousel{ margin-top: 0px; }
#gallery .owl-carousel .owl-stage-outer{ z-index: 100;}
#gallery .owl-carousel .owl-nav {  height: 100%; position: absolute; transform: translate(0,50%); top: -50%; left: -36px;  display: flex; justify-content: space-between; width: calc(100% + 75px); align-items: center; margin:auto; z-index: 90;}
/*#gallery .owl-carousel .owl-nav .owl-prev, #gallery .owl-carousel .owl-nav  .owl-next { background: transparent; }*/
#gallery section { padding-bottom: 20px; }
#gallery .galleryHover { display: none ; height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
#gallery .galleryHover p { width: 100%; padding: 0px; line-height: 30px!important; }
#gallery  .owl-carousel .item { position: relative;}
.instagram-post{
  margin-bottom: 30px;
}
.instagram-post-link {
  display: block;
}
.instagram-post:hover .overview{
  opacity: 1;
}
.instagram-post .img-responsive {
  margin: auto;
}
.instagram-thumb {
  /*width: 0;*/
  /*height: 0;*/
  /*opacity: 0;*/
  background-color: #9B9A9B;
  transition: all 0.9s ease-in-out;

}

.instagram-thumb.lazy-loaded {
  opacity: 1;

}
.instagram-post .overview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  opacity: 0;
  display: block!important;
  background-color: rgba(255,255,255,0.8);
  transition: all 0.5s ease-in-out;
  color:#193D7F;
}
.instagram-post .overview.show{
  opacity: 1;
}
.instagram-post .overview .content {
  width: 100%;
  padding: 1em 30px;
}
.instagram-post .overview .content h3 {
  font-size: 18px;
  font-family: 'ms_rg', Helvettica, Arial;
  margin-bottom: 15px;
}
.instagram-post .instagram-thumb.lazy-loaded:hover + .overview {
  opacity: 1;
}
.rounded-icon{
  display: inline-block;
  /*max-width: 3em;*/
  /*padding: 7%;*/
  text-align: center;
  line-height: 29px;
  border-radius: 100%;
  background-color: transparent;
  color: #193D7F;
  letter-spacing: 0.25em;
}
.rounded-icon .glyphicon{
  display: block;
  border: 1px solid #193D7F;
  vertical-align: middle;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;

}
.rounded-icon .glyphicon:before{
  width: 15px;
  display: inline-block;
}
.rounded-icon * {
  display: inline-block;
}
.rounded-icon:hover .glyphicon{
  border-color: transparent;
  background-color: #193D7F;
  color: #FFF;
}

#gallery  .owl-carousel .item:hover * { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;}
#gallery  .owl-carousel .item:hover .galleryHover{ display: block; background: rgba(122,210,255,0.6) }
#gallery  .owl-carousel .item a[data-toggle="modal"]{ outline: none; }
#gallery  .owl-carousel .centered { width: 100%; padding: 15px;}
/*#gallery .galleryItem { height: inherit; overflow: hidden; display: flex;align-items: baseline; }*/
#gallery .owl-theme .owl-nav [class*=owl-]:hover, #gallery .owl-theme .owl-nav [class*=owl-] { background: transparent }
/*#gallery .owl-carousel .owl-item img { width: auto; width: min-content; min-height: 100%; max-width: inherit; min-width:100%; position : relative; height: auto; padding: 0;}*/
#gallery .owl-carousel .owl-item img { width: auto; padding: 0; position: relative; }
nav.navInterGallery a::before { content: ''; background: url(/web/20210629170225im_//assets/styles/img/prec_sm_grey.png) no-repeat; padding-right: 1em; width: 6px; height: 11px; background-position-y: 50% }
nav.navInterGallery ul { list-style: none; padding-left: 0 }
nav.navInterGallery ul li a { display: block }
/*SELECTION*/
#gallery.gallery-selection .galleryItem p { display: none;}
/*gallery modales*/
#gallery.gallery-selection .modal-backdrop.in { display: inherit }
#gallery.gallery-selection .modal-dialog {
  transform: translate( -50%, -50%)!important;
  max-height: calc(100vh - 60px);
  /*overflow: hidden;*/
  /*overflow-y: auto;*/
  /*width: fit-content;*/
  max-width: 100%;
}
@media (min-width: 991px) {
  #gallery.gallery-selection .modal-dialog{
    box-shadow: 0 0 20px 4px #0000004f;
  }
}
#gallery.gallery-selection .modal-content {
  border-radius: 0px;
  border:0;
  width: max-content;
  width: 100%;
  background-color: transparent;
  margin: auto;
  box-shadow: none!important;
}
#gallery.gallery-selection .modal-content .post-content {
  padding: 30px;
}
#gallery.gallery-selection .modal-header { position:absolute; top:0; right: 0; padding: 10px; z-index: 200; border: 0;}
#gallery.gallery-selection .modal-body {
  padding: 0;
  transition: height 0.25s ease-in-out;
}
#gallery.gallery-selection .modal-body>.row {
  /*position: relative;*/
}
#gallery.gallery-selection .modal-body * {
  word-wrap: break-word;
}
#gallery.gallery-selection .modal-body .owl-item {
  background-color: #fff;
  box-shadow: 0 0 20px 4px rgba(0,0,0,0.31);
}
.modal-has-post-img{
  padding: 0;
}
#gallery.gallery-selection .modal-content .modal-media{
  background-color: #000;
}
@media (min-width: 991px){
  #gallery.gallery-selection .modal-content .modal-media img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
  }
}
#gallery.gallery-selection .modal-content .post-content .headings {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
#gallery.gallery-selection .modal-content .post-content .headings .insta-logo img {
  max-width: none!important;
  margin-right: 10px;
}
.modal-media .has-video {
  height: 100%;
}
.modal-media .has-video.embed-responsive video {
  height: auto;
  margin: auto;
}
.insta-user{
  text-transform: none;
  font-size: 18px;
}
#gallery.gallery-selection .modal-content .post-content .insta-logo, #gallery.gallery-selection .modal-content .post-content .titles {
  display: table-cell;
  vertical-align: middle;
}
.post-content .titles h3{
  font-size: 18px;
}
.post-content .titles h5{
  font-size: 16px;
}
.post-content .titles h3, .post-content .titles h5 {
  margin: 0;
  line-height: 1em;
}
#gallery.gallery-selection .modal-body img { max-width: 100%; }
#gallery.gallery-selection .modal-footer { display: flex; justify-content: space-between; align-items: center; width: 100%; align-content: stretch; position: absolute; bottom: 0; background-color: #ffffff;}
#gallery.gallery-selection .modal-footer *:first-child { margin: auto ; margin-left: 0 }
#gallery.gallery-selection .modal-footer .btn-share { display: none; }
.hidden-display{
  display: none;
}
.modal-post-img{
  width: 100%;
}
#modal-post-feedback{
  margin-top: 30px;
}

@media (min-width: 768px){
  #gallery.gallery-selection .modal-dialog{ margin-top: 0; margin-bottom: 0; }
}
@media(min-width: 992px){
  #gallery.gallery-selection .modal-content{
    /*max-height: calc(100vh - 60px);*/
  }

  #gallery.gallery-selection .modal-content .post-content{
    /*max-height: 100%;*/
    overflow: auto;
  }
  #gallery.gallery-selection .modal-body {
    /*overflow: hidden;*/
    /*overflow-x: hidden;*/
    /*height: 100%;*/
  }
  #gallery.gallery-selection .modal-body>.row {
    /*height:100%;*/
  }
}
/* CONNEXION */
.authentification-form { margin-top: 40px; }
.authentification-form .password { margin-top: 20px; }
.authentification-form label {display: block; text-align: center;}
.authentification-form input {width: 100%; padding: 10px; background-color: white;}

body.modal-open {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1200px){
  #gallery .modal-dialog{
    max-width: calc(100vw - 20px);
    margin: auto;
  }
}


#gallery-selection{ }

/* TIMELINE horizontale
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#timelineH .timeline {
  white-space: nowrap;
  overflow-x: scroll;
}

#timelineH .timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 233px 0 211px 0px;
  transition: all 1s;
}

#timelineH .timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 20%;
  height: 2px;
  border-bottom: 2px solid #193E7F;
}

#timelineH .timeline ol li:first-child {
  width: 19%;
}

#timelineH .timeline ol li:not(:first-child) {
  margin-left: 14px;
}

#timelineH .timeline ol li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #193E7F;
}
#timelineH .timeline ol li:not(:last-child)::after{cursor: pointer;}
#timelineH .timeline ol li div {
  cursor: pointer;
  position: absolute;
  left: calc(50% + 7px);
  width: 100%;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: black;
}


#timelineH .timeline ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
}

#timelineH .timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent;
}

#timelineH .timeline ol li:nth-child(even) div {
  top: calc(100% + 16px);
}

#timelineH .timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}
#timelineH .timeline ol li.futur {
  background: none;
  border-bottom: none;
  border-bottom: 2px dotted #193E7F;
}
#timelineH .timeline ol li.futur:not(:last-child)::after{
  background: none;
  border: 3px solid #193E7F;}
#timelineH .timeline ol li.star::after { width: 116px; height: 116px; left: calc(100% - 58px); background-color: #6C6C6C!important ; border-color: #6C6C6C!important; z-index: 100}
#timelineH .timeline li.star .lgd { padding-top: 66px; padding-bottom: 66px;}
#timelineH .timeline time {margin-bottom: 0px;}
#timelineH .timeline li.star time { font-size: 18px!important;}

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#timelineH .timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

#timelineH .timeline .arrows .arrow__prev {
  margin-right: 20px;
}

#timelineH .timeline .disabled {
  opacity: .5;
}

#timelineH .timeline .arrows img {
  width: 45px;
  height: 45px;
}






/* TIMELINE MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-modal .modal-content {width: 100%; min-height: 100%; border-radius: 0px; border: none; box-shadow: none;}
.timeline-modal{position: absolute;}
.modal-open, .timeline-modal.modal.in { overflow-y: hidden;}
.timeline-modal.modal.in .modal-dialog{ width:100%}
.timeline-modal .modal-backdrop.in{display: none;}
.timeline-modal .modal-body{padding: 10px 60px 60px 60px; width: 100%}
.timeline-modal .modal-header {
  padding: 15px;
  border-bottom: 0px solid #e5e5e5;
}
.timeline-modal .modal-content::before {
  text-align: center;
  content: '•';
  font-weight: bold;
  font-size: 30px;
  padding-top: 3px;
  color: red;
  border:2px solid red;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 100%;
  position: absolute;
  top: calc( 50% - 6px );
  left: -15px;
  opacity: 0;
  opacity: 1;
}
.timeline-modal.modal.in .modal-dialog {
translate( -50%, -50%)!important
}
#timeline .timeline-modal.modal.in .modal-dialog { height: 600px; margin: 45px auto; }
#timeline .row2 { position: relative; }
#timeline .row2 .container-scroll{ overflow: hidden; position: relative; height: 826px; min-height: 300px;}

/* TIMELINE VERTICALE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#timelineV .timeline{
  max-width: 250px;
  margin: auto;
}


#timelineV .timeline ul {
  position: relative;
  /*left: 50px;*/
  padding-left: 60px;
}

#timelineV .timeline ul li.futur {
  background: none;
  border-bottom: none;
  border-right: 2px dotted #193E7F;
}
#timelineV .timeline ul li {
  list-style-type: none;
  position: relative;
  margin: 0 0;
  /*padding-top: 50px;*/
  height: 63px;
  width: 100%;
}

#timelineV .timeline ul li >div {
  line-height: 63px;
  display: inline-block;
  padding-left: 20px;

}

#timelineV .timeline .percent {
  position: absolute;
  left: -3.6em;
  line-height: 63px;
  display: inline-block;
}

#timelineV .timeline ul li:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 2px;
  height:100%;
  background: #193E7F;
}

#timelineV .timeline ul li::after {
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #193E7F;
}
#timelineV .timeline ul li.futur::after { left: calc(50% + 1px);border: 2px solid #193e7f; background: #e9eaf3; }
#timelineV .timeline ul li.star::after{ width: 20px; height: 20px;  }
/*#timelineV .timeline ul li.star{ height: 178px; }*/

#timelineV .timeline .lgd {
  position: absolute;
  top: 128px;
  width: 500px;
}
#timelineV .timeline ul li.star .lgd { top: 56px;}
#timelineV .timeline .lgd { display: inline-flex; vertical-align: middle; }
#timelineV .timeline ul .star:nth-child(even) .lgd {
  left: -526px;
  text-align: right;
}
#timelineV .timeline ul :not(.star):nth-child(even) .lgd {
  left: -556px;
  text-align: right;
}
#timelineV { position: relative; height:100%;  top:0px; right:-17px; bottom:0; left: 0px;  }
#timelineV .timeline ul li:nth-child(odd) .lgd-txt { width: calc( 100% - 136px ) }
#timelineV .timeline .lgd-img { width: 116px; height: 116px; margin: 20px; }
#timelineV .timeline ul li.star:nth-child(odd) .lgd-txt, #timelineV .timeline ul li.star:nth-child(even) .lgd-txt { margin: auto; margin-right: 0px; }
#timelineV .timeline ul li:nth-child(odd) .lgd-img, #timelineV .timeline ul li:nth-child(odd) .lgd-txt { float: left;}
#timelineV .timeline ul li.star:nth-child(even) .lgd-img, #timelineV .timeline ul li.star:nth-child(even) .lgd-txt { float: right;}
#timelineV .timeline .lgd-img img { height: 116px; width: 116px;}
li:not(.star) .lgd-txt, #timelineV .timeline li:not(.star) .lgd { display: block; }
#timelineV .timeline ol li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #F45B69;
}
#timeline .modal-dialog { width: 100%; min-width: 100%; background-color: #FFFFFF;}
#timeline .modal-content { width: 100%; max-width: 1170px; margin: auto; }


@media screen and (max-width: 1200px) {
  #timelineV .timeline ul li:nth-child(even) .lgd { left: -329px; }
  #timeline .row2 .container-scroll  {height: calc( 100vh - 400px )}
  #timelineV .timeline ul li.star .lgd { display: list-item; }
  #timelineV .timeline ul li .lgd { width: 290px }
  #timelineV .timeline ul li .lgd-img { margin: 0px 0px 10px 0px }
  #timelineV .timeline ul li.star .lgd-txt { width: 100%; display: block; margin-left: 0px!important; margin-right: 0px!important;  }
  #timeline .timeline-modal.modal.in .modal-dialog, #timeline .timeline-modal.modal.fade .modal-dialog { height: calc( 100% - 90px );}
  .timeline-modal .modal-body { padding: 15px; }

}
@media screen and (max-width: 992px) {
  #timelineV .timeline ul li:nth-child(even) .lgd { left: 48px; text-align: left; }
  #timelineV .timeline ul li:nth-child(odd) div { direction: ltr; }
  /*#timelineV .timeline ul li:first-child { padding-top: 120px; }*/
  #timelineV .timeline ul li:first-child.futur .lgd { top: 60px; }
  #timelineV .timeline .lgd { top: 164px; }
  #timelineV .timeline ul li.star .lgd { top: 108px; }
  /*#timelineV .timeline ul li { margin: 0 auto 0 20%;  padding-top: 182px;}*/
  #timelineV .timeline ul li.star:nth-child(even) .lgd-img, #timelineV .timeline ul li.star:nth-child(even) .lgd-txt { float: none; }
  /*#timelineV .timeline ul li.star:nth-child(odd) div, #timelineV .timeline ul li:nth-child(even) div { top: 24px; }*/

}
@media screen and (max-width: 652px) {
  /*#timelineV .timeline ul li.star .lgd { left: 50%; transform: translate( -50%, 0 );}*/
  #timelineV .timeline ul li .lgd-img, #timelineV .timeline ul li:nth-child(odd) .lgd-img { float: none; margin: 10px 0 10px 0}
  .lgd-txt{ text-align: left; }
  .home-header .slider-img {
    /*height: 450px;*/
    width: auto !important;
    position: relative;
    /*left: -400px;*/
  }
}

@media screen and (max-width: 530px) {
  #home {
    position: relative;
    top: -10px;
  }
}

@media screen and (max-width: 468px) {

  #timelineV .timeline ul li { margin: 0px auto 0px 15px; }
}
#privacy-policy span.tiret, #faq span.tiret { margin-top: 33px; margin-right: 20px; }
#privacy-policy .row4 ul { text-decoration: none; list-style : none}
#faq h4 { margin-bottom: 50px; }
#faq .questions { border-bottom: 1px solid #EAEAEA }
#faq .questions p { margin-bottom: 18px; }
#faq .questions p:last-child { margin-bottom: 24px; }
#faq .questions p:first-child { margin-top: 18px }
#faq .bs-docs-sidebar { padding-top: 194px; }
#faq header { margin-bottom: 80px; margin-left: 0px; margin-right: 0px; }
#faq .bs-docs-sidebar .active { border-left: 3px solid; }
#faq .questions { cursor: pointer }
#faq .bs-docs-sidebar ul { width: 25%; padding-right: 66px; padding-left: 0px; }
#faq .navbar {padding-bottom: 100px;}
@media screen and (max-width: 768px) { .bs-docs-sidebar{ display: none } }
@media screen and (max-width: 1092px) {
  #faq .bs-docs-sidebar .f20{ font-size: 14px; }
}



/* PRE ORDERS */

/*carousel*/
#pre-order .jumbo-carousel .owl-nav {
  padding: 0 30px;
}
#pre-order .has-carousel{
  margin-top: -36px;
}
/*sales*/
.saled-seabubbles .number {
  display: inline-block
}
.saled-seabubbles .number span, .saled-seabubbles .saled-label{
  font-size: 30px;
  display: inline-block;
  /*color: #193E7F;*/
  /*font-family: ;*/
}
.saled-seabubbles .number span {
  line-height: 50px;
  margin: 0 3px;
  background-color: #fff;
  width:1em;
}
.saled-seabubbles .saled-label{
  padding-left: 0.8em;
}

/* carousel */
.has-carousel {
  padding-bottom: 0;
}
.has-overview {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.has-overview .overview{
  width: 65%;
  max-width: 350px;
}
.inner-overview {

    margin: auto;
    padding: 60px 30px 48px;
}
.has-overview .overview h2, .has-overview .overview h3, .has-overview .overview p {
  margin: 0;
}
.carousel-action {
  padding-top: 34px ;
  padding-bottom: 34px ;
}
#pre-order .jumbo-item {
    text-align: center;
    min-height: 280px;
}
#pre-order .owl-item {
    overflow: hidden;
}
#pre-order .owl-item .jumbo-item img{
    text-align: center;
    margin: auto;
}
#pre-order .owl-nav {
    top: 50%;
}

@media (max-width: 768px){
  .has-overview .overview{
    width: 80%;
  }
  #pre-order .owl-nav {
    top: 50%;
    transform: translateY(-50%);
  }
  #pre-order .owl-item .jumbo-item img{
    text-align: center;
    min-height: 600px;
    width: auto;
    margin: auto;
    display: inline-block;
  }
}

/*cards*/
.has-cards{
  padding-top: 50px;
  padding-bottom: 50px;
}

.card{
  padding-right: 8px;
  padding-left: 8px;
}
.card:not(last-child){
  margin-bottom: 30px;
}
.card-inner {
  height: 100%;
  border: 4px solid #E9EAF3;
  border-radius: 0px;
  padding: 35px;
}

.card-inner p {
  color: #193E7F;
}

/* modal-pre-order */
.modal-backdrop {
  background-color: #fff;
}
#modal-pre-order .form-group {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

#modal-pre-order .modal-content, #modal-pre-order-success .modal-content{
  border-radius: 0;
}
#modal-pre-order-success .modal-body {
  padding-top: 68px;
  padding-bottom: 90px;
}
#modal-pre-order .modal-header, #modal-pre-order-success .modal-header {
  border: none;
  padding-bottom: 0
}
#modal-pre-order h4 {
  margin-top: 0;
  margin-bottom: 30px;
}

.quantity {
  position: relative;
}

#modal-pre-order input {
  height: 38px;
  border-radius: 30px;
  border-color: #193E7F;
  background-color: #f1f1f2;
  font-size: 13px;
}

#modal-pre-order textarea {
  border-radius: 0;
  border-color: #193E7F;
  margin-top: 12px;
  background-color: #f1f1f2;
  font-size: 13px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

label[for=pre-order-quantity]{
  vertical-align: middle;
  line-height: 38px;
  margin-left: 10px;
}
input[name=pre-order-quantity]{

}

.quantity input {
  width: 100px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-left: 40px;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 30px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  /*border-left: 1px solid #eee;*/
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding-right: 27px;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  /*border-bottom: 1px solid #eee;*/
}
.quantity-button.quantity-up span {
  padding-top: 5px;
  font-size: 12px;
}
.quantity-button.quantity-down span {
  padding-bottom: 5px;
  font-size: 12px;
}
.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}



.vagues-container{height: 14px}

/* a supp  au retour des img */
#timelineV .timeline ul li.star:nth-child(odd) .lgd-txt {
  margin: 0;
  margin-right: 0;
}
/* supp*/



.mr-20 {
  margin-right: 20px;
}
.pl-50 {
  padding-left: 50px;
}
.menu-active {
  text-decoration: underline;
}
.timeline-container {
  display: flex;
  align-items: center;
}
.owl-next {
  position: relative;
  right: 5px;
}

/*   Page recruitement   */

/*
     FILE ARCHIVED ON 17:02:25 Jun 29, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:43:22 Jun 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.772
  exclusion.robots: 0.182
  exclusion.robots.policy: 0.169
  esindex: 0.01
  cdx.remote: 8.932
  LoadShardBlock: 133.109 (3)
  PetaboxLoader3.datanode: 45.258 (4)
  PetaboxLoader3.resolve: 272.72 (2)
  load_resource: 198.977
*/