html {
  position: relative;
  min-height: 100%;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  /* Margin bottom by footer height */
  /* margin-bottom: 235px; */
  height:100%;

  background: #fff;
  background-position:top center; 
  background-size: cover;
  background-repeat: no-repeat;

  font:400 14px 'Open Sans', sans-serif !important;

  overflow-x: hidden;
}

:focus, :active {
    outline: 0;
}

*, *:after, *:before, .box-sizing {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Helpers Class */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.prod-border{ border:solid 1px #000; }

.bt_scroll{
  width:40px; height:40px;
  position:fixed;
  bottom:60px;right:0px;
  margin:auto;
  z-index:1010;
  display:none;
  cursor:pointer;
}


/* - - - - - - - - - - - - - Bootstrap */
.col-centered{ float: none; margin: 0 auto; }


/* - - Modal */
.modal-titre{
  width:100% !important; 
  max-width: 100% !important; 
  background:#394b6e url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/back-menu-secondaire.jpg); 
  color:#fff; 
  font:400 23px 'Open Sans', Arial; 
  padding:15px 20px 20px 20px; 
  margin:0 auto 0 auto;
}

.modal-bt-fermer {
  display:inline-block;
  width:auto; height:auto;
  position:absolute;
  z-index:100;
  top:-10px; right:-10px;
  cursor: pointer;
  background: #c9a152;
  border-radius:50%;
}

.modal-bt-fermer:hover {
  background:#7C6331;
}

.up { background: transparent url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/bt_scrollup.png); }

.clear { clear:both; }
.texte-blanc { color:#fff; }
.text-center { text-align: center; }
/* 
  .margin-vertical-25px { margin : 25px 0; }
  .margin-center { margin-left:auto !important; margin-right:auto !important; }
*/ 
.left { float:left; }
.right { float:right; }

.transform-y {
   /* ---- point d'ancrage au milieu Y --- */ 
  -webkit-transform: translateX(0%) translateY(-50%) ;
  -moz-transform: translateX(0%) translateY(-50%) ;
  -ms-transform: translateX(0%) translateY(-50%) ;
  -o-transform: translateX(0%) translateY(-50%) ;
  transform: translateX(0%) translateY(-50%) ;
}

.transform-middle {
   /* ---- point d'ancrage au milieu X et Y -- */ 
  -webkit-transform: translateX(-50%) translateY(-50%) ;
  -moz-transform: translateX(-50%) translateY(-50%) ;
  -ms-transform: translateX(-50%) translateY(-50%) ;
  -o-transform: translateX(-50%) translateY(-50%) ;
  transform: translateX(-50%) translateY(-50%) ;
}

.transform-top {
   /* ---- point d'ancrage au milieu X et Y -- */ 
  -webkit-transform: translateX(0%) translateY(0%) ;
  -moz-transform: translateX(0%) translateY(0%) ;
  -ms-transform: translateX(0%) translateY(0%) ;
  -o-transform: translateX(0%) translateY(0%) ;
  transform: translateX(0%) translateY(0%) ;
}

.shadow-box {
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
}

h1 {
  color:#2b5b8b;
  font:300 32px 'Tomorrow', sans-serif;
  padding:5px 0; margin:5px 0;
  text-transform: uppercase;
}

h2 {
	color:#2b5b8b;
	font:300 28px 'Tomorrow', sans-serif;
  padding:5px 0; margin:5px 0;
  text-transform: uppercase;
}


h3 {
  color:#2b5b8b;
  padding:5px 15px 10px 5px; margin:10px 0;
  display:inline-block;
  background: #ffffff;

  font:700 20px 'Open Sans', sans-serif !important;
  letter-spacing: .025em;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}



a { font-weight:600; color:#2b5b8b; }
a:hover { text-decoration: none;  color:#786131; }

a.lien-box { 
	color:#fff; 
	width:auto; height: auto;
	display:inline-block;
	padding:5px 8px; margin:5px 0;
	background-color: #2b5b8b;
}
a.lien-box:hover { 
	background-color: #DFA830;
}


.menu-active { color:#fff !important; }

ul{
  list-style: none;
   list-style-image: url("https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/liste-fleche.png");
}

ul li {
  margin:10px 0;
}


.btn-contact-form {
  font:400 14px 'Tomorrow',Arial,sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}


hr.tiret {
  border: 0; 
  background-color: #DFA830;
  padding:0; margin:10px auto;
  width:5%; height: 2px; 
}

.bt-pdf {
    text-align:right;
    position:absolute; 
    bottom:10px; right:10px; 
    background-color: #fff;    
    font:700 16px 'Open Sans', sans-serif !important;
    color:#2b5b8b;
    padding:5px;    
    cursor: pointer;  
}


.background-carte {
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/background-carte.png);
  /*background-size: cover !important;*/
  background-repeat: no-repeat !important;
  background-attachment : fixed !important;
}

/* - - - - - - - blockquote --*/
blockquote {
  background: #fcfcfc;
  border: 1px dashed #DFA830;
  color: #000;
  font:400 14px 'Tomorrow', sans-serif;
  font-style: italic;
  margin:0 auto 10px auto;
  padding: 30px;
}

blockquote h2{
  color:#2b5b8b;
  font:400 32px 'Tomorrow', sans-serif;
  padding:10px 0 0 0; margin:0;
  text-decoration: uppercase;

}

blockquote hr{
  border: 0; 
  background-color: #DFA830;
  padding:0; margin:20px auto;
  width:20%; height: 2px; 
}

blockquote p {
  font:300 30px 'Tomorrow', sans-serif;
  margin:5px 0;
}

/* - - - - - - - - - - - - - - - - - Masonry */
.box { width: 70px; color: #fff; height:auto; text-align:center; margin:2px 0;}
.box img { width: 100%; height:auto; }
.img-wrapper img { width:100%; height:auto; }

.barre-menu-secondaire {
    width: 100%;
    height: auto;
    background-color: #314263;
    background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/back-menu-secondaire.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 0 0 15px 0 0;
}
.barre-menu-secondaire a { color:white; text-decoration:none; }
.barre-menu-secondaire a:hover { text-decoration:underline; }

.barre-menu-secondaire .flex-wrapper { 
  display:flex;
  justify-content: flex-end;
  align-items: baseline;
}

.barre-menu-secondaire .flex-wrapper .icon-flag { width:30px; height:auto; margin:10px 20px; }
.barre-menu-secondaire .flex-wrapper .icon-flag img { width:100%; height:auto; }


.newsletter-container { 
    width:100%; 
    margin:0; padding:15px 0; 
    text-align:right; 
    display:inline-block; 
    font:700 12px 'Open Sans',Arial;
    cursor: pointer;
}
/*.newsletter-container label{ display:inline-block !important;}
.newsletter-container div{ display:inline-block !important;}
.newsletter-container input{ width:150px !important; max-width:150px !important;}*/
.form-group-imput, .form-group-submit { display: inline-block; }

#email_newsletter { padding:2px; font-size:12px; height:auto; color:#000; }

#newsletter-bt-envoi {
    width:auto !important;
    font:600 12px 'Open Sans',Arial;
    background: #4a9a94; 
    color:#fff;
    border:none !important; 
    text-shadow:none !important;
    border-radius:none !important;
    padding:2px 5px !important;
    margin:0px !important;
}

#newsletter-bt-envoi:hover {
    background: #42c4b9; 
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Zone Compteur */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.compteur {
  padding:10px 25px 10px 10px;
  position:fixed; bottom:10px; right:0px; z-index:9000;
  width:70px; height:45px;
  display: inline-block;

  background-color: #1a3753;
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/compteur-regle.png);
  background-position:top center; 
  background-size: 100%;
  background-repeat: repeat-y;


  text-align:right;
  font:700 16px 'Open Sans', sans-serif !important;
  color:#fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Zone Header */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header {
  width:100%; height:auto;
  margin:0 0 15px 0;

  background-color: #fff; 
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/background-haut.jpg);
  background-position:top center; 
  background-size: cover;
  background-repeat: no-repeat;
}

.menu-wrapper {
  width:100%; max-width:1170px; height:70px;
  background-color: #fff; 
  margin:auto;
  position: relative;
  z-index:1000;
}

.menu-logo-wrapper {
  width:300px; height:auto;
  background: transparent;
  text-align: center;
  margin:25px auto;
}

.menu-logo-wrapper img { width:100%; height:auto; }



/* - - - - - - - - - - - - - Jetmenu */
.jetmenu li { float: none !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Accueil */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.accueil-slider-contenu {
  width:45%;height:auto;
  padding:15px;
  color:#fff;
  font:400 20px 'Open Sans', sans-serif !important;
  text-align:center;
}
.accueil-slider-contenu a { color:#806734; padding:2px; font:400 16px 'Open Sans', sans-serif !important; }
.accueil-slider-contenu a:hover { color:#fff; background:#806734; }

.accueil-coins-wrapper {
  width:20px; height:20px;
  position: absolute;
  z-index:100;
  top:50%; left:50%; 
  background-color: transparent;
}

.accueil-wrapper {
  width:100%; height:100%;
  position: relative;
  z-index:125;
  top:0%; left:0%; 
  background-color: rgba(25,56,83,0.5);
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/back-landing.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.accueil-logo-wrapper {
  width:80%; max-width:600px; height:auto;
  position: absolute;
  z-index:100;
  top:50%; left:50%; 
  background-color: rgba(250,250,250,0.8);
  text-align: center;
  padding:30px;
  border-radius: 0;

}

.accueil-logo-wrapper img { width:100%; height:auto; }
.accueil-coin-haut-gauche   { width:40px; height:40px; position: absolute; z-index:101; top:5px; left:5px; }
.accueil-coin-bas-gauche    { width:40px; height:40px; position: absolute; z-index:101; bottom:5px; left:5px;}
.accueil-coin-haut-droit    { width:40px; height:40px; position: absolute; z-index:101; top:5px; right:5px; }
.accueil-coin-bas-droit     { width:40px; height:40px; position: absolute; z-index:101; bottom:5px; right:5px; }

.accueil-flag-wrapper { 
  width:100px; height:100px; 
  background:transparent; color:#000; 
  
  font:700 12px 'Open Sans', sans-serif;  
     
  cursor:pointer;
  transition: all 0.15s linear 0s;
  
  border:solid 1px #c9a152;
  border-radius: 100px;
  position: relative;

  display:inline-block;
  padding:10px; margin:0 10px;
}

.accueil-flag-wrapper:hover {
  background:#314263; color:#fff; 
  border:solid 1px #314263;
}

.accueil-flag-wrapper:hover > .accueil-flag-box { 
  color:#fff; 
}

.accueil-flag-box { 
  width:80px; height:auto; 
  background:transparent; color:#000; 
  font:700 12px 'Open Sans', sans-serif;  
  margin:auto; padding:10px;
  position: relative;
  top:50%; left:50%;
}

.accueil-cadran {
  width:500px; height:auto;
  position: absolute;  z-index:1;
  bottom:-320px; left:55%;
  margin: -300px 0 0 -300px;
}

.accueil-cadran img { width:100%; height:auto; }


.avantages-wrapper  {   
  margin: 30px auto;
}

.avantages-wrapper h2 {   
  font:700 16px 'Open Sans', sans-serif !important;  
  color: #2b5b8b;
  padding:0; margin:10px 0;
}
.avantages-wrapper hr {  
    border: 0; 
    background-color: #DFA830;
    padding:0; margin:10px auto;
    width:20%; height: 2px; 
}

.accueil-texte-compteur{
  font:600 14px 'Open Sans', sans-serif !important; 
  color: #2b5b8b;
}


.clients-wrapper {
  width:100%; max-width:900px; background:white;
}
.clients-wrapper .item { 
  width:100px; height:auto; margin:45px; 
  -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3); 
  box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}
.clients-wrapper .item img { width:100%; height:auto;  }


/* - - - - - - - - owl-accueil */
.owl-accueil {
  margin:0px 0 0px 0;
}

.owl-accueil .wrapper:hover .item .support { opacity:0.8; }
.owl-accueil .wrapper:hover .item .titre { opacity: 1; bottom:15%; }

.owl-accueil .wrapper {
  margin:25px 0px;
  background-color: white;
}

.owl-accueil .item {
  position: relative;
  
  background-color: #ccc;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center center;
  background-attachment: fixed;

  height:450px;
  cursor:pointer;

  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.owl-accueil .item .titre { 
  display:inline-block;
  position:absolute; bottom:15px; left:50px; z-index:50;
  
  -webkit-transform: translateX(0%) translateY(0%) ;
  -moz-transform: translateX(0%) translateY(0%) ;
  -ms-transform: translateX(0%) translateY(0%) ;
  -o-transform: translateX(0%) translateY(0%) ;
  transform: translateX(0%) translateY(0%) ;

  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;

  text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
  
  font:400 32px 'Tomorrow',Arial; color:white; opacity:1;  
  text-align:left;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  line-height: 1.5em;
}
.owl-accueil .item  .titre p { font:400 14px "Open Sans",Arial; }
.owl-accueil .item  .titre .croix-blanche { 
  position:absolute; top:-25px; left:0px; z-index:10; 
}
.owl-accueil .item  .titre .croix-blanche img { width:20px; height:auto; }
     /* @include prefix((transform: translateX(-50%) translateY(-50%)), webkit ms o); */

.owl-accueil .item .support { 
  width:98%; height:95%; 
  
  background-color: rgba(223, 158, 48,0.5); opacity:0;
  position:absolute; top:50%; left:50%; z-index:40;

  -webkit-transform: translateX(-50%) translateY(-50%) ;
  -moz-transform: translateX(-50%) translateY(-50%) ;
  -ms-transform: translateX(-50%) translateY(-50%) ;
  -o-transform: translateX(-50%) translateY(-50%) ;
  transform: translateX(-50%) translateY(-50%) ;
}

.owl-item { opacity: 0.35 !important; }
.owl-item:hover { opacity: 1 !important; }
.owl-stage .center { opacity: 1 !important; }




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - PAGE / FICHE */
.container-wrapper-page {
  max-width:100% !important; background-color:#f8f8f8;
  padding: 0 ; margin: 0;
}

.row-page {
  max-width:1140px; 
  background-color:transparent; 
  margin:0 auto 0 auto !important;
}

.row-page {
  padding:25px 0;
  margin:0 0 50px 0;
}

.row-page h2 {
  margin:0 0 20px 0;
}

.row-page h3 {
  color:#2b5b8b;
  padding:5px 15px 10px 5px; margin:10px 0 0 0;
  display:inline-block;
  background: #fff;

  font:700 16px 'Open Sans', sans-serif !important;

  -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.row-page h3::before {
    content: "/";
    padding:0 5px 0 5px;
    color:#DFA830;

    font:400 16px 'Open Sans', sans-serif !important;
}

.row-page ul{
  list-style: none;
   list-style-image: url("https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/liste-fleche.png");
}

.row-page ul li {
  margin:10px 0;
}

.page-wrapper {
  padding:25px 0;
}

.page-wrapper h2 {
  margin:0;
}

.page-contenu {
  padding:0 0 0 60px;  
}


.fiche-wrapper {
	padding:25px 0;
  margin:0 0 50px 0;
}

.fiche-wrapper h2 {
	margin:0 0 20px 0;
}

.fiche-wrapper h3 {
  color:#2b5b8b;
  padding:5px 15px 10px 5px; margin:10px 0 0 0;
  display:inline-block;
  background: #fff;

  font:700 16px 'Open Sans', sans-serif !important;

  -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.fiche-wrapper h3::before {
    content: "/";
    padding:0 5px 0 5px;
    color:#DFA830;

    font:400 16px 'Open Sans', sans-serif !important;
}

.fiche-wrapper ul{
  list-style: none;
   list-style-image: url("https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/liste-fleche.png");
}

.fiche-wrapper ul li {
  margin:10px 0;
}


  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - -  fiche contenu */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.fiche-contenu{
  background-color: transparent;
    color:#000;
    position: relative;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    padding:20px 0 0 15px;
}

.fiche-contenu a {
  font:600 13px 'Open Sans', sans-serif !important;
}

.fiche-contenu h3 {
  color:#2b5b8b;
  padding:5px 15px 10px 5px; margin:10px 0 0 0;
  display:inline-block;
  background: #ffffff;

  font:600 18px 'Open Sans', sans-serif !important;
  letter-spacing: .025em;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.fiche-contenu h3::before {
  content: "/";
  padding:0 5px 0 15px;
  color:#DFA830;
  font:400 18px 'Open Sans', sans-serif !important;
}
  
.fiche-contenu ul{
  list-style-image: url("https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/liste-fleche.png");
}

.fiche-contenu ul li {
  margin:10px 20px 10px 0;
  font:600 14px 'Open Sans', sans-serif !important;
}

.bt-pdf {
  width:200px; height:auto;
  position:absolute; 
  bottom:1%; left:50%; 
  background-color: #fff;
  
  font:700 12px 'Open Sans', sans-serif !important;
  color:#2b5b8b;
  text-align: center; 

  padding: 5px;    
  cursor: pointer;  
}

.slippry-block{
  width:100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Références Chantiers  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ref-chantiers-logo-wrapper{
  position: relative;
  width:100%; height:auto;
  background-color: #fff;
  padding:25px 10px;

}

.ref-chantiers-logo-img {
  width:35%; height:auto;
  text-align: center; 
  margin:auto; 
}

.ref-chantiers-logo-img img {
  width:75%; height:auto;
}

.ref-chantiers-logo-img strong {
   font:700 16px 'Open Sans', sans-serif !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Nous contacter        */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.map-wrapper {
  position: relative;
  overflow:hidden;
}

.map-pin {
  width:20px; height:auto;
  position: absolute;
  text-align: center;
  z-index:100;  
  -webkit-transform: translateX(-50%) translateY(-100%) ;
  -moz-transform: translateX(-50%) translateY(-100%) ;
  -ms-transform: translateX(-50%) translateY(-100%) ;
  -o-transform: translateX(-50%) translateY(-100%) ;
  transform: translateX(-50%) translateY(-100%) ;

  cursor: pointer;
}


.map-pin img {
  width:100%; height:auto;
}

.pin-reunion { top:56%; left:74.5%; }
.pin-mada { top:45.5%; left:58.5%; }
.pin-maurice { top:45%; left:80.5%; }
.pin-mozambique { top:91%; left:31.2%; }

.map-coord {
  border:solid 1px #f8f8f8;
  background-color: #f8f8f8;
  position: relative;
  cursor: pointer;
}

.map-coord:hover {
  border:solid 1px #DFA830;
  background-color: #fff;
}



/* - - - - - - - - notification error/success envoie formulaire */
#noty {
  display:block;
  position:fixed;
  top:0px; left:50%;
  z-index:9000;
  
  width:100%; max-width:100%;
  text-align: center;

  font:600 16px 'Open Sans', sans-serif;
  padding:10px;

  -webkit-transform: translateX(-50%) translateY(0%) ;
  -moz-transform: translateX(-50%) translateY(0%) ;
  -ms-transform: translateX(-50%) translateY(0%) ;
  -o-transform: translateX(-50%) translateY(0%) ;
  transform: translateX(-50%) translateY(0%) ;
}

.noty-success{
  border-bottom: 1px solid #fff;
  border-top: none;
  color: #fff;
  background-color: #009900;
}

.noty-error{
  border-bottom: 1px solid  #fff;
  border-top: none;
  color: #fff;
  background-color: #ff0000;
}







body{
	background: #fff;
	  background-position:top center; 
	  background-size: cover;
	  background-repeat: no-repeat;

	  height:100%; 
	  color: #313036;
	}

	html {
	  height:100%; 
	}

	footer {
	  color:#fff;

	  background-color:#314263; 
	  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/back-footer-2015-12-13.png);
	  /*background-size: cover !important;*/
	  background-repeat: no-repeat !important;
	  background-position: right center !important;
	  
	  width: 100%;
	  height: 235px;

	  padding:50px 0 0 0;

	  position: inherit;
	}

	.background-01 {
		background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/fond-01.jpg) !important;
	  	background-size: cover !important;
	  	background-repeat: no-repeat !important;
	  	background-position: center center !important;
		background-attachment : fixed !important;
	  	background:#eee;
	}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
    /* - - - - - - - - - - - - - - - - - - - - - - - - - owl */
    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
    #owl-clients {
      background: #fff;
      margin:10px auto 35px auto;
      width:80%;
    }


    #owl-clients .item{
      margin: 3px;
    }

    #owl-clients .item img{
      display: block;
      width: 100px;
      height: auto;
      margin:auto;
    }

    #owl-clients .item h3 {
    	color:#2b5b8b;
  		font:700 16px 'Open Sans', sans-serif !important; 
  		text-transform: uppercase;
  		background: transparent !important;
  		padding:0; margin:0;
     }

    #owl-clients .item h3::before {
	  content: "";
	  padding:0;
	} 

    #owl-clients .item h4{
    	color:#806734;
  		font:700 12px 'Open Sans', sans-serif !important; 
  		text-transform: uppercase;
     }

     #owl-clients .item hr {
    	border: 0; 
	    background-color: #DFA830;
	    padding:0; margin:10px auto;
	    width:20%; height: 2px; 
     }
		
	.owl-theme .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
	.owl-theme .owl-controls .owl-page span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);/*IE7 fix*/
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #DFA830;
	}

	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
	}



/* - - - footer */
footer {
  color:#fff;

  background-color:#314263; 
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/back-footer-2015-12-13.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  width  : 100%;
  height : auto;
  padding:25px 0;
}

.footer-logo {
  width:60%; height:auto;
  background-color: transparent;
  padding:10px; margin:auto;
}

.footer-logo img {
  width:100%; height:auto;
}

.footer-certifications {
	text-align: center;
	padding:10px 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Media Queries */
@media only screen and (max-width: 400px) { 

}




@media only screen and (max-width: 1024px) { 
  
}


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

  .menu-logo-wrapper { width:200px; height:auto; }

}


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

  .menu-logo-wrapper { width:250px; height:auto; }

}


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

  .footer-certifications { text-align: center; padding:0;	}

}







/* - - - - - - - - - swiper accueil */
.swiper-container {
  width: 100%;
  height: 23vw;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
}
.swiper-container.swiper-container-coverflow {
  padding-top: 0;
  margin:25px 0 50px 0;
}
.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide .entity-img {
  display: none;
}


.swiper-slide .content {
  position: absolute; bottom: 20px; left: 50%;
  width: 80%;
  color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align:left;
}

.swiper-slide .content .title {
  font:400 23px 'Tomorrow',Arial;
  margin-bottom: 30px;
  text-align:left;
}
.swiper-slide .content .caption {
  display: inline-block;
  font:400 14px 'Open Sans',Arial;
  border : solid 1px #fff;
  padding:5px; margin-bottom:15px;
  text-align:left;
}


.swiper-slide .content-accroche {
  position: absolute; top: 40%; left: 50%; z-index:2;
  width: 80%;
  color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align:left;
}
.swiper-slide .content-accroche .accroche {
  font:400 3vw 'Tomorrow',Arial;
  margin-bottom: 30px;
  text-align:center;
  text-shadow: 0px 0px 10px #000;
}

.swiper-slide { opacity:0.5; border-top:solid 10px #fff; border-bottom:solid 10px #fff; }
.swiper-slide-active { opacity:1 !important; border:none; }

[class^="swiper-button-"] {
  width: 44px;
  opacity: 0;
  visibility: hidden;
}

.swiper-button-prev {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.swiper-button-next {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px;
  position: relative;
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: .4;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 0px solid #fff;
  border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-width: 1px;
}

/*
.swiper-slide-active
{
  width:80% !important;
}
*/






/* - - - - MEDIA QUERIES */ 
@media (max-width: 1180px) {
  .swiper-slide .content .title {
    font-size: 25px;
  }
  .swiper-slide .content .caption {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .swiper-container {
    height: 40vw;
  }
  .swiper-container.swiper-container-coverflow {
    padding-top: 0;
  }
}

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

  .accueil-cadran { display:none; }
  .swiper-slide .content-accroche { top:50%; }
  .swiper-slide .content-accroche .accroche { font:400 5vw 'Tomorrow',Arial; }

}

/* - - - - - - - - - - - - - - - - - - - - - - - - Métiers */
/* - - - - - - - - - - - - - - - - - - - - - - - - Métiers */
/* - - - - - - - - - - - - - - - - - - - - - - - - Métiers */

.flex-container {

  width:100%; max-width:1140px;
  padding: 0 25px;
  margin: 0 auto;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-between;

  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;

}

.flex-item {
  width: 50%; height: auto;
  padding:40px 20px 40px 20px; margin: 0px;
}
.flex-item h2 { font-size:18px; text-transform:initial !important; }
.flex-item h3 { font:400 23px 'Tomorrow',Arial !important; }

/* - - - - - - - - - - - - - - - Partenaire */
.wrapper-partenaire {
  height:350px;
  padding:20px;

  background-color: #eee;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;

  position: relative;
}

.tideland {
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/nos-activites-metiers-tideland-back.jpg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.ecoplage {
  background-image: url(https://web.archive.org/web/20230610000000im_/https://www.seanergy-oi.com/Assets/img/nos-activites-metiers-ecoplage-fond.jpg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.partenaire-titre {
  
  width:200px; height:auto;
  position:absolute; 
  top:10%; left:50%; 
  background-color: rgba(200,160,80,0.8);
  
  font:600 16px 'Open Sans', sans-serif !important;
  color:#fff;
  text-align: center; 

  padding: 5px;    
}


.partenaire-texte {
  width:80%; height:auto;
  position:absolute; 
  top:50%; left:50%; 
  background-color: transparent;
  text-align: center; 
  
  color:#fff;
  font:600 12px 'Open Sans', sans-serif !important;
}

.partenaire-logo {
  width:200px; height:auto;
  margin:0 auto 5px auto;
}


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

    .flex-container {
      width:100%; max-width:1140px;
      padding: 0 5px;
    }

    .flex-item {
      width:100%;
      border: none !important;
      padding:40px 20px 40px 20px !important;
      border-bottom: solid 1px #2d5d8d !important;
    }

    .flex-galerie { display:none;  }
}




/* - - - - - - - - - - - - - - - - - - - - - - - - Etude de cas */
/* - - - - - - - - - - - - - - - - - - - - - - - - Etude de cas */
/* - - - - - - - - - - - - - - - - - - - - - - - - Etude de cas */
.btn-clients {
	margin:0 15px 0 0;
	font:600 14px 'Open Sans', sans-serif;
}

.btn-clients:hover {
	background-color: #fff;
	position: relative;
}

.btn-clients-support {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index:10;
	width:100px; height:50px;
	padding:0; margin:0;
	top:0; left:0; 
}



/* grid item */
.liste-grid {
	width: 30%; height: 350px;
	float: left;
	text-align: center;
	border: 1px solid #ddd;
	padding:40px; margin: 15px 15px;
	background-color: #fff;
	cursor: pointer;
}

.liste-grid:hover .liste-icon {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}


.liste-icon {
	width:100%; height: auto;
	padding:0; margin:auto;
	display: block;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.liste-icon img { 
	width:auto; max-width:200px;
	height: auto; max-height:80px;
}


.liste-grid .ville {
	font:600 14px 'Oepn Sans',Arial,sans-serif; 
	margin:0 0 5px 0;
}

.liste-grid .lieu {
	font:600 16px 'Oepn Sans',Arial,sans-serif; 
}


/* - - - - - - - - - - - - - - - - - - - - - - - - -  Media queries */
@media screen and (max-width: 1024px) {

	.page-contenu {
		padding:25px;
	}

	.liste-grid {
		width: 85%; height: 250px;
		float: none;
		text-align: center;
		border: 1px solid #ddd;
		padding:40px; margin: 15px auto;
		background-color: #fff;
		cursor: pointer;
	}

}


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

	.liste-icon img { 
		width:auto; max-width:150px;
		height: auto; max-height:80px;
	}

}


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

	.liste-grid {
		width: 100%; height: 250px;
	}

	.page-contenu {
		padding:0px !important;
		margin:0px  !important;
	}

}


/* - - - - - - - - - - - - - - - - - - - - - - - - Equipe */
/* - - - - - - - - - - - - - - - - - - - - - - - - Equipe */
/* - - - - - - - - - - - - - - - - - - - - - - - - Equipe */
.equipe-item { background-color: #eee; margin:0; padding:15px; }

.equipe-item h4{
    color:#2b5b8b;
    padding:5px 15px 10px 23px; margin:0;
    display:inline-block;
    background: #fff;
    font:700 14px 'Open Sans', sans-serif !important;
  margin-bottom:15px;
}

.equipe-flex-container {
  padding: 0 25px; margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-between;
}

.equipe-flex-item {
  background: #eee; border-left:dotted 1px #ccc;
  width: 48%; height: auto;
  padding: 5px; margin: 10px;
}

.equipe-article {
  padding:0 25px; margin:0 0 10px 0px;
}


@media only screen and (max-width: 1066px) {
  .equipe-flex-item { width: 100%; margin:10px 0px; }
} 



/* - - - - - - - - - - - - - - - - - - - - - - - - Zones d'intervention */
/* - - - - - - - - - - - - - - - - - - - - - - - - Zones d'intervention */
/* - - - - - - - - - - - - - - - - - - - - - - - - Zones d'intervention */

.intervention-wrapper {
  position:relative;
}

.intervention-wrapper .icon { 
  position: absolute; top:50%; left:50%; z-index:2;
  width:25px; height:auto;
}
.intervention-wrapper .icon img { width:100%; height:auto; }
/*
     FILE ARCHIVED ON 09:50:49 Mar 08, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:42:07 Jul 06, 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.458
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.033
  esindex: 0.008
  cdx.remote: 10.868
  LoadShardBlock: 127.908 (3)
  PetaboxLoader3.datanode: 240.886 (5)
  PetaboxLoader3.resolve: 863.391 (2)
  load_resource: 1020.832
  loaddict: 22.645
*/