@charset "UTF-8";
/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
/*
EXEMPLE : 

@include keyframes(name) {
0% { value: 1; }
100% { value: 0; }
}
*/
/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.primary-button, .retour-button {
  font-size: 0.75rem;
  background-color: #4d4d4d;
  padding: 0.5rem 1.5625rem;
  margin-top: 1.5em;
  display: inline-block;
  color: #fff;
  margin: 0.9em 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  transition: background-color 300ms ease-out;
}
.primary-button:hover, .retour-button:hover, .primary-button:focus, .retour-button:focus {
  background-color: #333;
  color: #fff;
}
.primary-button:before, .retour-button:before {
  font-family: "ElegantIcons";
  content: "5";
  font-size: 0.875rem;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  top: -0.15em;
}

/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.secondary-button {
  text-transform: uppercase;
  text-align: center;
  background-color: #808080;
  color: #fff;
  display: inline-block;
  margin: 0.7em 0;
  padding: 0.4em 0.5em;
  font-size: 0.625rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  transition: background-color 300ms ease-out;
  line-height: 0.75rem;
}
.secondary-button:hover, .secondary-button:focus {
  background-color: #4d4d4d;
  color: #fff;
}
.secondary-button:before {
  font-family: "ElegantIcons";
  content: "5";
  font-size: 0.875rem;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  top: -0.15em;
}

/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.tiny-w {
  max-width: 50%;
}

/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.savoir-plus {
  color: #000;
  background: none;
  background-color: transparent;
  text-transform: none;
  font-size: 0.6875rem;
  font-family: "Asap", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}
.savoir-plus:hover, .savoir-plus:focus {
  background: none;
  color: #000;
  text-decoration: underline;
}
.savoir-plus:before {
  text-decoration: none;
  display: inline-block;
}

/*@import "../../foundation/functions";*/
/*.select {
    position: relative;
    overflow: hidden;

    select {
        color: #808080;
        font-size: rem-calc(12);
        font-family: 'Montserrat', Arial, Helvetica, sans-serif;
        background: #fff;
        border-color: #808080;
        position: relative;

        &:hover {
            cursor: pointer;
        }
    }

    &:after {
        background: #808080;
        position: absolute;
        float: right;
        content: '\000043';
        font-family: 'ElegantIcons';
        font-size: 0.875rem;
        right: 0;
        top: 0;
        padding: .82em 1.2em;
        width: 48px;
        color: #fff;
        pointer-events: none; // pour pouvoir cliquer " à travers " l'element after, et donc sur le select
    }

    &.small {
        max-width: rem-calc(300);
    }
}*/
/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.retour-button {
  background: none;
  padding: 0;
  margin: 0.9em 0;
  color: #999;
  display: inline-block;
  cursor: pointer;
  font-size: 0.6875rem;
  font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif;
  transition: all 0.25s ease-in-out;
}
.retour-button:hover {
  color: #333;
  transition: all 0.25s ease-in-out;
  background: none;
}
.retour-button:before {
  content: "4";
  top: -0.1em;
}
.retour-button:focus {
  background: none;
  color: #333;
}

/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
/*
EXEMPLE : 

@include keyframes(name) {
0% { value: 1; }
100% { value: 0; }
}
*/
.contact-wrapper #ouverture .ouverture {
  position: relative;
  margin: 0;
}
.contact-wrapper #ouverture .ouverture a {
  position: absolute;
  width: 100%;
  display: inline-block;
  left: 0;
}
.contact-wrapper #ouverture .ouverture a.horaires {
  height: 6%;
  top: 79%;
}
.contact-wrapper #ouverture .ouverture a.trouver {
  top: 85%;
  height: 6%;
}
.contact-wrapper #ouverture h2 strong {
  font-size: 1.2em;
}
.contact-wrapper #ouverture h2:before, .contact-wrapper #ouverture h2:after {
  content: none;
}

@media only screen and (min-width:40.063em) {
  .contact-wrapper #ouverture .ouverture {
    margin: 0 -2em;
  }
  .contact-wrapper #ouverture .ouverture a.horaires {
    width: 26%;
    height: 22%;
    left: 74%;
    top: 49%;
  }
  .contact-wrapper #ouverture .ouverture a.trouver {
    width: 22%;
    height: 12%;
    left: 74%;
    top: 72%;
  }
}
[data-magellan-expedition-clone] {
  opacity: 0;
  background: rgba(0, 0, 0, 0) !important;
  min-width: 0 !important;
}

[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: rgba(0, 0, 0, 0) !important;
  padding: 0;
  min-width: 0 !important;
}

#main-content {
  background-color: #333;
}

.contact-wrapper input,
.contact-wrapper textarea {
  color: #808080;
  font-size: 0.75rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  background: #fff;
  border-color: #808080;
  box-shadow: none;
}
.contact-wrapper textarea {
  font-size: 0.875rem;
  font-family: "Asap", Arial, Helvetica, sans-serif;
  line-height: 1.0625rem;
  max-width: 100%;
}
.contact-wrapper .contact {
  background: #fff;
  padding: 1em 2em 2em 2em;
}
.contact-wrapper .contact .chat img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.contact-wrapper .contact .tel, .contact-wrapper .contact .chat {
  margin-bottom: 1em;
}
.contact-wrapper .contact .tel .content, .contact-wrapper .contact .chat .content {
  padding: 2em 2em 0 2em;
}
.contact-wrapper .contact .tel .descriptif, .contact-wrapper .contact .chat .descriptif {
  font-family: "Asap", Arial, Helvetica, sans-serif;
  color: #808080;
  font-size: 0.875rem;
  line-height: normal;
  margin: 0.5em 0;
}
.contact-wrapper .contact .tel .title, .contact-wrapper .contact .chat .title {
  padding-bottom: 1em;
}
.contact-wrapper .contact .tel .label, .contact-wrapper .contact .chat .label {
  font-size: 0.875rem;
}
.contact-wrapper .contact .tel .success.label:after, .contact-wrapper .contact .tel .warning.label:after, .contact-wrapper .contact .tel .alert.label:after, .contact-wrapper .contact .chat .success.label:after, .contact-wrapper .contact .chat .warning.label:after, .contact-wrapper .contact .chat .alert.label:after {
  font-family: "ElegantIcons";
  font-size: 0.875rem;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  left: 0.3em;
}
.contact-wrapper .contact .tel .success.label:after, .contact-wrapper .contact .chat .success.label:after {
  content: "\e052";
}
.contact-wrapper .contact .tel .warning.label:after, .contact-wrapper .contact .chat .warning.label:after {
  content: "\e066";
}
.contact-wrapper .contact .tel .alert.label:after, .contact-wrapper .contact .chat .alert.label:after {
  content: "\e06b";
}
.contact-wrapper .contact h1 {
  font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333;
  font-size: 1.375rem;
}
.contact-wrapper .contact h3 {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
  color: #b3b3b3;
  padding-left: 0;
  margin-top: 1em;
}
.contact-wrapper .contact .content {
  font-family: "Asap", Arial, Helvetica, sans-serif;
  color: #808080;
  font-size: 0.875rem;
  text-align: justify;
}
.contact-wrapper .contact .details {
  font-family: "Asap", Arial, Helvetica, sans-serif;
  color: #808080;
  font-size: 0.625rem;
  margin-bottom: 0;
}
.contact-wrapper .contact .title {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #808080;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.contact-wrapper .contact .subtitle {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
  color: #b3b3b3;
  padding-left: 0;
  margin-top: 1em;
}
.contact-wrapper .contact .phone {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333;
  padding: 1rem 0;
  font-size: 1.875rem;
  /* &:before {
      font-family: 'ElegantIcons';
      content: '\00e090';
      font-size: rem-calc(22);
      line-height: 0;
      vertical-align: middle;
      position: relative;
      top: -.15em;
      margin-right: .3em;
  }*/
}
.contact-wrapper .contact .help {
  text-align: center;
  border: 1px solid #ccc;
  padding: 1.5em 1em;
  margin-bottom: 1em;
}
.contact-wrapper .contact .help .content {
  text-align: center;
  padding: 0;
}
.contact-wrapper .contact .error {
  border-color: #d21e24;
}
.contact-wrapper .contact label.error {
  display: block;
  color: #d21e24;
  background: none;
  text-align: right;
  font-family: "Asap", Arial, Helvetica, sans-serif;
  font-size: 0.6875rem;
}
.contact-wrapper .contact .input-validation-error, .contact-wrapper .contact input.input-validation-error, .contact-wrapper .contact textarea.input-validation-error {
  border-color: #c60f13 !important;
}
.contact-wrapper .contact a.supprimer-piece-jointe:hover {
  color: #d21e24;
  text-decoration: underline;
}
.contact-wrapper .contact .se-connecter {
  background-color: #00a99d;
}
.contact-wrapper .contact .se-connecter:before {
  content: "";
}
.contact-wrapper .contact .se-connecter:hover, .contact-wrapper .contact .se-connecter:focus {
  background-color: #008e80;
}
.contact-wrapper .contact .connexion-1,
.contact-wrapper .contact .connexion-2 {
  padding: 1.25em 0 0 0;
}
.contact-wrapper .contact .connexion-1 .connexion-wrapper .savoir-plus,
.contact-wrapper .contact .connexion-2 .connexion-wrapper .savoir-plus {
  display: block;
  text-align: left;
  margin: 0 0 1em 0;
}
.contact-wrapper .contact .connexion-1 .connexion-wrapper .se-connecter,
.contact-wrapper .contact .connexion-2 .connexion-wrapper .se-connecter {
  width: 100%;
}
.contact-wrapper .contact .separator {
  text-align: center;
}
.contact-wrapper .contact .separator-1, .contact-wrapper .contact .separator-2 {
  display: block;
  height: 4.375rem;
  background: #b3b3b3;
  width: 1px;
}
.contact-wrapper .contact .separator-1 {
  margin: 1.25rem auto 0.625rem auto;
}
.contact-wrapper .contact .separator-2 {
  margin: 0.625rem auto 1.25rem auto;
}
.contact-wrapper .contact .separator-ou {
  font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #333;
}
.contact-wrapper .contact label {
  background: none;
  font-family: "Asap", Arial, Helvetica, sans-serif;
  color: #808080;
  font-size: 0.75rem;
  margin-bottom: 0;
  padding: 0;
}
.contact-wrapper .contact .login {
  padding: 1em;
  background: #f2f2f2;
  margin-bottom: 1em;
}
.contact-wrapper .contact .mentions {
  margin-top: 1em;
}
.contact-wrapper .contact .mentions .content {
  font-size: 0.75rem;
}
.contact-wrapper .contact .courrier .content {
  font-size: 1.125rem;
}
.contact-wrapper .contact .presse .savoir-plus {
  font-size: 0.9375rem;
}
.contact-wrapper .contact .upload-input-wrapper {
  position: relative;
  overflow: hidden;
}
.contact-wrapper .contact .upload-input-wrapper input.upload-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.wrapper_contact_presse, .wrapper_contact_presse .block_first, .wrapper_contact_presse .block_two {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrapper_contact_presse .block_first p, .wrapper_contact_presse .block_two p {
  display: inline-block;
  font-size: 15px;
}
.wrapper_contact_presse .block_first .text_popIn_link, .wrapper_contact_presse .block_two .text_popIn_link {
  color: #1ba9c8;
  text-decoration: underline;
}
.wrapper_contact_presse .block_first {
  margin-bottom: 15px;
}
.wrapper_contact_presse .block_first .title_popIn {
  font-size: 19px;
  margin-bottom: 15px;
}

.close-reveal-modal {
  font-family: "ElegantIcons";
  font-size: 1.5em !important;
  font-weight: normal !important;
}

@media only screen and (max-width: 40em) {
  .contact-wrapper .contact {
    padding: 1em;
  }
}