footer {
  padding: 0em 2em;
  min-height: 9em;
  align-items: start;
  justify-items: start;
  margin: 0 10px;
  border-top: 1px solid #000;
}
footer * {
  color: var(--regular-blue);
}
.main-footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  align-items: flex-start;
}
.footer-list * {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.main-footer .AtlasPonantFooterLink {
  grid-area: 3/1/4/3;
  justify-self: center;
}
.main-footer h3 {
  line-height: 1em;
}
.main-footer a {
  color: #000;
  font-size: 14px;
  line-height: 2em;
}
.main-footer .social a {
  font-size: 30px;
  padding-right: 10px;
}
.main-footer .social {
  padding-top: 0;
}
.main-footer .social .adramar-contact img {
  height: 50px;
  margin: 10px 0;
}
@media (min-width: 40em) {
  .main-footer {
    justify-items: center;
    grid-template-columns: repeat(4, 1fr);
    padding: 1em 6vh;
    align-items: start;
  }
  .main-footer .AtlasPonantFooterLink {
    grid-area: 2/1/3/5;
  }
  .main-footer .social .adramar-contact img {
    height: 80px;
  }
}

.header {
  display: flex;
  flex-wrap: wrap;
  height: 105px;
  justify-content: space-evenly;
  background: white;
  align-items : center;
  box-shadow: #c7c7c7 0px 0px 6px;
  transition: all 300ms ease-out;
}

.header > div {
  display: flex;
  flex : 1 0 30%;
  align-items: center;
  flex-wrap: wrap;
}

.logo-container {
  padding-top: 20px;
  z-index: 100;
  justify-content : center;
}

.AtlasPonantLogo {
    width: 115px;
    height: 115px;
    background-image: url(/static/images/atlas-ponant-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* Header sticky and light styles for interactive map */

.header.light{
  height: 55px;
  padding: 0.5em 1em;
  box-shadow: #423f3f 0px -2px 14px 1px;
  border : none;
}

.header.js-Sticky{
  background-color : var(--dark-green);
  height: 4em;
  padding: 0.5em 1em;
  box-shadow: #423f3f 0px -2px 14px 1px;
  border : none;
}

.header.js-Sticky .social{
  display : none;
}

.header.js-Sticky .logo-container {
  padding-top: 0;
  justify-content: start;
  order : 1;
  height: 100%;
}

.header.light .logo-container {
  padding-top: 0;
  height: 100%;
}

.header.light .AtlasPonantLogo{
    background-image: url("/static/images/atlas-logo-light.png");
    width: 60px;
    height: 100%;
    background-position: center;
}

.header.js-Sticky .AtlasPonantLogo {
  background-image: url("/static/images/Atlas_Logo-white.png");
  width: 4.5em;
  height: 100%;
  background-position: center;
}

.header.js-Sticky .menu-container {
  order : 2;
}

.header.js-Sticky .menu-container .icon-menu {
  color: #fff;
}

.header .social a {
  padding: 0 0 0 10px;
  font-size: 35px;
  color: var(--regular-blue);
}

.menu-container .icon-menu {
  color: var(--regular-blue);
  cursor: pointer;
  font-size : 35px;
  padding: 0 10px 0 0;
}

.menu-container {
  justify-content : flex-end;
  position : relative;
  overflow : hidden;
}

.menu-container a.menu-item {
  color : #fff;
  text-decoration: none;
  font-family: var(--styled-font);
  font-weight: regular;
  font-size: 20px;
  padding: 1em 2em;
  margin : 0 auto;
}

.header a {
  color: var(--dark-green);
}

.header > .menu-container .bm-overlay {
  z-index : 1100!important;
  top : 0;
  right: 0;
}

.bm-cross-button {
  color: #fff!important;
  font-size : 30px;
  top : 20px!important;
  right : 20px!important;
}

.bm-menu {
  overflow : hidden!important;
  padding-top : 3em;
}

.bm-menu-wrap {
    background-color: var(--regular-blue)!important;
    top: 0;
}

@media (min-width: 64em) {
  .header {
    height: 175px;
    padding: 2em 0.5em 0 0.5em;
    align-items: center;
  }
  .header.light{
    height: 75px;
  }
  .header.light .AtlasPonantLogo{
      width: 100px;
  }
  .logo-container {
    padding-top: 20px;
  }
  .menu-container .icon-menu {
    font-size : 42px;
  }
  .AtlasPonantLogo {
    width: 215px;
    height: 215px;
    margin-top: 0;
  }

  .header .social a {
    padding-left: 10px;
}

.header .social .icon-YouTube {
      font-size: 42px;
}

  .header a:hover {
    color: var(--black);
  }

}

.connect {
  position: absolute;
  bottom: 30px;
  display: block;
  text-decoration: underline;
  font-weight: bold;
  border: 2px solid white;
  height: 10px !important;
  margin-left: 20px!important;
  border-radius: 7px;
  padding-top: 5px !important;
  padding-bottom: 34px !important;

}

.home-link {
  font-family: var(--styled-font);
}

.Button {
  --ButtonColor: var(--blue-2);
  border-radius: 5px;
  border: 1px solid;
  padding: 8px 16px;
  display: inline-block;
  background-color: var(--ButtonColor);
  color: white;
  font-family: Helvetica, sans-serif;
  font-family: var(--styled-font);
  text-align: center;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  cursor: pointer;
}

.Button > a {
  color: white;
  font-family: Helvetica, sans-serif;
  font-family: var(--styled-font);
  text-align: center;
}

.Button--delete {
  --ButtonColor: var(--red-2);
}

.Button--edit {
  --ButtonColor: var(--green);
}

.Button--recherche {
  --ButtonColor: var(--dark-green);
}

.Button--submit {
  --ButtonColor: var(--yellow-2);
}

.Button--active {
  filter: brightness(1.3);
}

.Button:hover {
  border-color: var(--ButtonColor);
  background-color: white;
  color: var(--ButtonColor);
  text-decoration: underline;
}

.SigninForm {
  max-width: 500px;
  margin: 72px auto;
}

.SigninForm input, .SigninForm .Button {
  display: block;
  margin: 20px auto;
  height: 30px;
  width: 80%;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px 20px;
}

.Feedback {
  text-align: center;
  color: red;
  font-weight: bold;
  margin-top: 40px;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/static/fonts/icomoon/icomoon.eot?2h3bkf');
  src:  url('/static/fonts/icomoon/icomoon.eot?2h3bkf#iefix') format('embedded-opentype'),
    url('/static/fonts/icomoon/icomoon.ttf?2h3bkf') format('truetype'),
    url('/static/fonts/icomoon/icomoon.woff?2h3bkf') format('woff'),
    url('/static/fonts/icomoon/icomoon.svg?2h3bkf#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-facebook2:before {
  content: "\EA20";
}

.icon-youtube:before {
  content: "\EA21";
}

.icon-avion:before {
  content: "\E903";
}

.icon-vehicule:before {
  content: "\EA35";
}

.icon-sousmarin:before {
  content: "\EA36";
}

.icon-reconstitue:before {
  content: "\EA37";
}

.icon-piege:before {
  content: "\EA38";
}

.icon-navire:before {
  content: "\EA39";
}

.icon-immerge:before {
  content: "\EA3A";
}

.icon-gisement:before {
  content: "\EA3B";
}

.icon-activity:before {
  content: "\E90C";
}

.icon-airplay:before {
  content: "\E90D";
}

.icon-alert-circle:before {
  content: "\E90E";
}

.icon-alert-octagon:before {
  content: "\E90F";
}

.icon-alert-triangle:before {
  content: "\E911";
}

.icon-align-center:before {
  content: "\E912";
}

.icon-align-justify:before {
  content: "\E913";
}

.icon-align-left:before {
  content: "\E914";
}

.icon-align-right:before {
  content: "\E915";
}

.icon-archive1:before {
  content: "\E916";
}

.icon-arrow-down-circle:before {
  content: "\E917";
}

.icon-arrow-down-left:before {
  content: "\E918";
}

.icon-arrow-down-right:before {
  content: "\E919";
}

.icon-arrow-down:before {
  content: "\E91A";
}

.icon-arrow-left-circle:before {
  content: "\E91B";
}

.icon-arrow-left:before {
  content: "\E91C";
}

.icon-arrow-right-circle:before {
  content: "\E91D";
}

.icon-arrow-right:before {
  content: "\E91E";
}

.icon-arrow-up-circle:before {
  content: "\E91F";
}

.icon-arrow-up-left:before {
  content: "\E920";
}

.icon-arrow-up-right:before {
  content: "\E921";
}

.icon-arrow-up:before {
  content: "\E922";
}

.icon-at-sign:before {
  content: "\E923";
}

.icon-award:before {
  content: "\E924";
}

.icon-bar-chart-2:before {
  content: "\E925";
}

.icon-bar-chart:before {
  content: "\E926";
}

.icon-battery-charging:before {
  content: "\E927";
}

.icon-battery:before {
  content: "\E928";
}

.icon-bell-off:before {
  content: "\E929";
}

.icon-bell:before {
  content: "\E92A";
}

.icon-bluetooth:before {
  content: "\E92B";
}

.icon-bold:before {
  content: "\E92C";
}

.icon-book-open:before {
  content: "\E92D";
}

.icon-book:before {
  content: "\E92E";
}

.icon-bookmark:before {
  content: "\E92F";
}

.icon-box:before {
  content: "\E930";
}

.icon-briefcase:before {
  content: "\E931";
}

.icon-calendar:before {
  content: "\E932";
}

.icon-camera-off:before {
  content: "\E933";
}

.icon-camera:before {
  content: "\E934";
}

.icon-cast:before {
  content: "\E935";
}

.icon-check-circle:before {
  content: "\E936";
}

.icon-check-square:before {
  content: "\E937";
}

.icon-check:before {
  content: "\E938";
}

.icon-chevron-down:before {
  content: "\E939";
}

.icon-chevron-left:before {
  content: "\E93A";
}

.icon-chevron-right:before {
  content: "\E93B";
}

.icon-chevron-up:before {
  content: "\E93C";
}

.icon-chevrons-down:before {
  content: "\E93D";
}

.icon-chevrons-left:before {
  content: "\E93E";
}

.icon-chevrons-right:before {
  content: "\E93F";
}

.icon-chevrons-up:before {
  content: "\E940";
}

.icon-chrome:before {
  content: "\E941";
}

.icon-circle:before {
  content: "\E942";
}

.icon-clipboard:before {
  content: "\E943";
}

.icon-clock:before {
  content: "\E944";
}

.icon-cloud-drizzle:before {
  content: "\E945";
}

.icon-cloud-lightning:before {
  content: "\E946";
}

.icon-cloud-off:before {
  content: "\E947";
}

.icon-cloud-rain:before {
  content: "\E948";
}

.icon-cloud-snow:before {
  content: "\E949";
}

.icon-cloud:before {
  content: "\E94A";
}

.icon-code:before {
  content: "\E94B";
}

.icon-codepen:before {
  content: "\E94C";
}

.icon-coffee:before {
  content: "\E94D";
}

.icon-command:before {
  content: "\E94E";
}

.icon-compass:before {
  content: "\E94F";
}

.icon-copy:before {
  content: "\E950";
}

.icon-corner-down-left:before {
  content: "\E951";
}

.icon-corner-down-right:before {
  content: "\E952";
}

.icon-corner-left-down:before {
  content: "\E953";
}

.icon-corner-left-up:before {
  content: "\E954";
}

.icon-corner-right-down:before {
  content: "\E955";
}

.icon-corner-right-up:before {
  content: "\E956";
}

.icon-corner-up-left:before {
  content: "\E957";
}

.icon-corner-up-right:before {
  content: "\E958";
}

.icon-cpu:before {
  content: "\E959";
}

.icon-credit-card:before {
  content: "\E95A";
}

.icon-crop:before {
  content: "\E95B";
}

.icon-crosshair:before {
  content: "\E95C";
}

.icon-database:before {
  content: "\E95D";
}

.icon-delete:before {
  content: "\E95E";
}

.icon-disc:before {
  content: "\E95F";
}

.icon-dollar-sign:before {
  content: "\E960";
}

.icon-download-cloud:before {
  content: "\E961";
}

.icon-download:before {
  content: "\E962";
}

.icon-droplet:before {
  content: "\E963";
}

.icon-edit-2:before {
  content: "\E964";
}

.icon-edit-3:before {
  content: "\E965";
}

.icon-edit:before {
  content: "\E966";
}

.icon-external-link:before {
  content: "\E967";
}

.icon-eye-off:before {
  content: "\E968";
}

.icon-eye:before {
  content: "\E969";
}

.icon-fast-forward:before {
  content: "\E96B";
}

.icon-feather:before {
  content: "\E96C";
}

.icon-figma:before {
  content: "\E96D";
}

.icon-file-minus:before {
  content: "\E96E";
}

.icon-file-plus:before {
  content: "\E96F";
}

.icon-file-text:before {
  content: "\E970";
}

.icon-file:before {
  content: "\E971";
}

.icon-film:before {
  content: "\E972";
}

.icon-filter:before {
  content: "\E973";
}

.icon-flag:before {
  content: "\E974";
}

.icon-folder-minus:before {
  content: "\E975";
}

.icon-folder-plus:before {
  content: "\E976";
}

.icon-folder:before {
  content: "\E977";
}

.icon-frown:before {
  content: "\E978";
}

.icon-gift:before {
  content: "\E979";
}

.icon-git-branch:before {
  content: "\E97A";
}

.icon-git-commit:before {
  content: "\E97B";
}

.icon-git-merge:before {
  content: "\E97C";
}

.icon-git-pull-request:before {
  content: "\E97D";
}

.icon-github:before {
  content: "\E97E";
}

.icon-gitlab:before {
  content: "\E97F";
}

.icon-globe:before {
  content: "\E980";
}

.icon-grid:before {
  content: "\E981";
}

.icon-hard-drive:before {
  content: "\E982";
}

.icon-hash:before {
  content: "\E983";
}

.icon-headphones:before {
  content: "\E984";
}

.icon-heart:before {
  content: "\E985";
}

.icon-help-circle:before {
  content: "\E986";
}

.icon-home:before {
  content: "\E987";
}

.icon-image:before {
  content: "\E988";
}

.icon-inbox:before {
  content: "\E989";
}

.icon-info:before {
  content: "\E98A";
}

.icon-instagram:before {
  content: "\E98B";
}

.icon-italic:before {
  content: "\E98C";
}

.icon-key:before {
  content: "\E98D";
}

.icon-layers:before {
  content: "\E98E";
}

.icon-layout:before {
  content: "\E98F";
}

.icon-life-buoy:before {
  content: "\E990";
}

.icon-link-2:before {
  content: "\E991";
}

.icon-link:before {
  content: "\E992";
}

.icon-linkedin:before {
  content: "\E993";
}

.icon-list:before {
  content: "\E994";
}

.icon-loader:before {
  content: "\E995";
}

.icon-lock:before {
  content: "\E996";
}

.icon-log-in:before {
  content: "\E997";
}

.icon-log-out:before {
  content: "\E998";
}

.icon-mail:before {
  content: "\E999";
}

.icon-map-pin:before {
  content: "\E99A";
}

.icon-map:before {
  content: "\E99B";
}

.icon-maximize-2:before {
  content: "\E99C";
}

.icon-maximize:before {
  content: "\E99D";
}

.icon-meh:before {
  content: "\E99E";
}

.icon-menu:before {
  content: "\E99F";
}

.icon-message-circle:before {
  content: "\E9A0";
}

.icon-message-square:before {
  content: "\E9A1";
}

.icon-mic-off:before {
  content: "\E9A2";
}

.icon-mic:before {
  content: "\E9A3";
}

.icon-minimize-2:before {
  content: "\E9A4";
}

.icon-minimize:before {
  content: "\E9A5";
}

.icon-minus-circle:before {
  content: "\E9A6";
}

.icon-minus-square:before {
  content: "\E9A7";
}

.icon-minus:before {
  content: "\E9A8";
}

.icon-monitor:before {
  content: "\E9A9";
}

.icon-moon:before {
  content: "\E9AA";
}

.icon-more-horizontal:before {
  content: "\E9AB";
}

.icon-more-vertical:before {
  content: "\E9AC";
}

.icon-mouse-pointer:before {
  content: "\E9AD";
}

.icon-move:before {
  content: "\E9AE";
}

.icon-music:before {
  content: "\E9AF";
}

.icon-navigation-2:before {
  content: "\E9B0";
}

.icon-navigation:before {
  content: "\E9B1";
}

.icon-octagon:before {
  content: "\E9B2";
}

.icon-package:before {
  content: "\E9B3";
}

.icon-paperclip:before {
  content: "\E9B4";
}

.icon-pause-circle:before {
  content: "\E9B5";
}

.icon-pause:before {
  content: "\E9B6";
}

.icon-pen-tool:before {
  content: "\E9B7";
}

.icon-percent:before {
  content: "\E9B8";
}

.icon-phone-call:before {
  content: "\E9B9";
}

.icon-phone-forwarded:before {
  content: "\E9BA";
}

.icon-phone-incoming:before {
  content: "\E9BB";
}

.icon-phone-missed:before {
  content: "\E9BC";
}

.icon-phone-off:before {
  content: "\E9BD";
}

.icon-phone-outgoing:before {
  content: "\E9BE";
}

.icon-phone:before {
  content: "\E9BF";
}

.icon-pie-chart:before {
  content: "\E9C0";
}

.icon-play-circle:before {
  content: "\E9C1";
}

.icon-play:before {
  content: "\E9C2";
}

.icon-plus-circle:before {
  content: "\E9C3";
}

.icon-plus-square:before {
  content: "\E9C4";
}

.icon-plus:before {
  content: "\E9C5";
}

.icon-pocket:before {
  content: "\E9C6";
}

.icon-power:before {
  content: "\E9C7";
}

.icon-printer:before {
  content: "\E9C8";
}

.icon-radio:before {
  content: "\E9C9";
}

.icon-refresh-ccw:before {
  content: "\E9CA";
}

.icon-refresh-cw:before {
  content: "\E9CB";
}

.icon-repeat:before {
  content: "\E9CC";
}

.icon-rewind:before {
  content: "\E9CD";
}

.icon-rotate-ccw:before {
  content: "\E9CE";
}

.icon-rotate-cw:before {
  content: "\E9CF";
}

.icon-rss:before {
  content: "\E9D0";
}

.icon-save:before {
  content: "\E9D1";
}

.icon-scissors:before {
  content: "\E9D2";
}

.icon-search:before {
  content: "\E9D3";
}

.icon-send:before {
  content: "\E9D4";
}

.icon-server:before {
  content: "\E9D5";
}

.icon-settings:before {
  content: "\E9D6";
}

.icon-share-2:before {
  content: "\E9D7";
}

.icon-share:before {
  content: "\E9D8";
}

.icon-shield-off:before {
  content: "\E9D9";
}

.icon-shield:before {
  content: "\E9DA";
}

.icon-shopping-bag:before {
  content: "\E9DB";
}

.icon-shopping-cart:before {
  content: "\E9DC";
}

.icon-shuffle:before {
  content: "\E9DD";
}

.icon-sidebar:before {
  content: "\E9DE";
}

.icon-skip-back:before {
  content: "\E9DF";
}

.icon-skip-forward:before {
  content: "\E9E0";
}

.icon-slack:before {
  content: "\E9E1";
}

.icon-slash:before {
  content: "\E9E2";
}

.icon-sliders:before {
  content: "\E9E3";
}

.icon-smartphone:before {
  content: "\E9E4";
}

.icon-smile:before {
  content: "\E9E5";
}

.icon-speaker:before {
  content: "\E9E6";
}

.icon-square:before {
  content: "\E9E7";
}

.icon-star:before {
  content: "\E9E8";
}

.icon-stop-circle:before {
  content: "\E9E9";
}

.icon-sun:before {
  content: "\E9EA";
}

.icon-sunrise:before {
  content: "\E9EB";
}

.icon-sunset:before {
  content: "\E9EC";
}

.icon-tablet:before {
  content: "\E9ED";
}

.icon-tag:before {
  content: "\E9EE";
}

.icon-target:before {
  content: "\E9EF";
}

.icon-terminal:before {
  content: "\E9F0";
}

.icon-thermometer:before {
  content: "\E9F1";
}

.icon-thumbs-down:before {
  content: "\E9F2";
}

.icon-thumbs-up:before {
  content: "\E9F3";
}

.icon-toggle-left:before {
  content: "\E9F4";
}

.icon-toggle-right:before {
  content: "\E9F5";
}

.icon-trash-2:before {
  content: "\E9F6";
}

.icon-trash:before {
  content: "\E9F7";
}

.icon-trello:before {
  content: "\E9F8";
}

.icon-trending-down:before {
  content: "\E9F9";
}

.icon-trending-up:before {
  content: "\E9FA";
}

.icon-triangle:before {
  content: "\E9FB";
}

.icon-truck:before {
  content: "\E9FC";
}

.icon-tv:before {
  content: "\E9FD";
}

.icon-twitter:before {
  content: "\E9FE";
}

.icon-type:before {
  content: "\E9FF";
}

.icon-umbrella:before {
  content: "\EA00";
}

.icon-underline:before {
  content: "\EA01";
}

.icon-unlock:before {
  content: "\EA02";
}

.icon-upload-cloud:before {
  content: "\EA03";
}

.icon-upload:before {
  content: "\EA04";
}

.icon-user-check:before {
  content: "\EA05";
}

.icon-user-minus:before {
  content: "\EA06";
}

.icon-user-plus:before {
  content: "\EA07";
}

.icon-user-x:before {
  content: "\EA08";
}

.icon-user:before {
  content: "\EA09";
}

.icon-users:before {
  content: "\EA0A";
}

.icon-video-off:before {
  content: "\EA0B";
}

.icon-video:before {
  content: "\EA0C";
}

.icon-voicemail:before {
  content: "\EA0D";
}

.icon-volume-1:before {
  content: "\EA0E";
}

.icon-volume-2:before {
  content: "\EA0F";
}

.icon-volume-x:before {
  content: "\EA10";
}

.icon-volume:before {
  content: "\EA11";
}

.icon-watch:before {
  content: "\EA12";
}

.icon-wifi-off:before {
  content: "\EA13";
}

.icon-wifi:before {
  content: "\EA14";
}

.icon-wind:before {
  content: "\EA15";
}

.icon-x-circle:before {
  content: "\EA16";
}

.icon-x-octagon:before {
  content: "\EA17";
}

.icon-x-square:before {
  content: "\EA18";
}

.icon-x:before {
  content: "\EA19";
}

.icon-zap-off:before {
  content: "\EA1B";
}

.icon-zap:before {
  content: "\EA1C";
}

.icon-zoom-in:before {
  content: "\EA1D";
}

.icon-zoom-out:before {
  content: "\EA1E";
}

.icon-mobilier:before {
  content: "\EA1F";
}

.icon-recherche:before {
  content: "\E900";
}

.icon-photos:before {
  content: "\E906";
}

.icon-site:before {
  content: "\E90B";
}

.icon-YouTube:before {
  content: "\E907";
}

.icon-archive:before {
  content: "\E910";
}

.icon-carte-interactive:before {
  content: "\E901";
}

.icon-bibliographie:before {
  content: "\E902";
}

.icon-localisation:before {
  content: "\E904";
}

.icon-facebook:before {
  content: "\E905";
}

.icon-vestige:before {
  content: "\E908";
}

.icon-contact:before {
  content: "\E909";
}

.icon-accueil:before {
  content: "\E90A";
}

:root {
  --sand: #d2a984;
  --yellow-1: #f1ad2e;
  --yellow-2: #fcd089;
  --orange-1: #e04814;
  --orange-2: #ea7024;
  --red-1: #ab1914;
  --red-2: #e30513;
  --regular-blue: #008798;
  --blue-1: #88cfe4;
  --blue-2: #0080b8;
  --dark-blue: #1d3663;
  --green: #029a8a;
  --dark-green: #00323b;
  --black: #1c1c1b;
  --styled-font: 'Amaranth', Helvetica, sans-serif;
  --regular-font: 'Open Sans', sans-serif;

  --pal: var(--red-1);
  --meso: var(--red-2);
  --neo: var(--orange-1);
  --bronze: var(--orange-2);
  --fer: var(--yellow-1);
  --gallo: var(--regular-blue);
  --moyen: var(--green);
  --moderne: var(--dark-blue);
  --contemp: var(--blue-2);
  --indeter: #414040;

  --vestige: var(--red-2);
  --site: var(--orange-2);
  --photos: var(--regular-blue);
  --mobilier: var(--yellow-1);
  --icono: var(--regular-blue);
  --archives: var(--green);
  --biblio: var(--dark-blue);

}

@font-face {
  font-family: 'Amaranth';
  src: url('/static/fonts/Amaranth/Amaranth-Bold.ttf') format('truetype');
  src: url('/static/fonts/Amaranth/Amaranth-BoldItalic.ttf') format('truetype');
  src: url('/static/fonts/Amaranth/Amaranth-Italic.ttf') format('truetype');
  src: url('/static/fonts/Amaranth/Amaranth-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'openSans';
  src: url('/static/fonts/openSans/openSans-Black.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-BlackItalic.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-Bold.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-BoldItalic.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-Italic.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-Light.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-LightItalic.ttf') format('truetype');
  src: url('/static/fonts/openSans/openSans-Regular.ttf') format('truetype');
}

body {
  font: 12px/26px 'Open Sans' , sans-serif;
  font: 12px/26px var(--regular-font);
  margin: 0 auto;
  overflow-x: hidden;
  color: #00323b;
  color: var(--dark-green);
}

.homepage,
.page {
  margin: 0 auto;
}

.page > div {
  margin: 0 auto 3em auto;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h6 {
  font-family: 'Amaranth'
,
Helvetica
,
sans-serif;
  font-family: var(--styled-font);
  line-height: normal;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.5em ;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.2em;
}

*:focus {
  outline: none;
}

.block {
  max-width: 1500px;
  margin: 0 auto;
}

p > .bubulle > i {
  display: none;
}

p > .bubulle {
  position: relative;
  cursor: help;
}

p > .bubulle:hover > i {
  transition: ease 0.2s;
  display: flex;
  position: absolute;
  bottom: 2em;
  left: 0;
  max-width: 22em;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  border-radius: 5px;
  background-color: #00323b;
  background-color: var(--dark-green);
  color: #fff;
  padding: 1em;
}

a {
  color: #008798;
  color: var(--regular-blue) ;
  text-decoration: none !important;;
  transition: color 0.2s ease;
}

a:hover {
  color: #029a8a;
  color: var(--green) ;
  text-decoration: none !important;;
  transition: color 0.2s ease;
}

.grid {
  max-width: 1900px;
  margin: 0 auto;
  width: 100%;
  padding: 2em 3em;
  align-self: center;
  justify-self: center;
}

.root {
  display: flex;
}

.root > * {
  height: 100vh;
  transition: width, flex-basis 500ms ease-in-out;
}

.page {
  padding: 6em 11vw;
  background-color: #f6f6f6;
}

.page > * {
  margin: inherit auto;
}

.page.full-width {
  padding: 0;
}

.page.full-width > * {
  padding: 1em;
  box-sizing: border-box;
}

span.more {
  display: flex;
  justify-content: flex-end;
}

span.more a {
  color: #00323b;
  color: var(--dark-green);
  padding: 4px 8px;
  border-top: 1px solid #008798;
  border-top: 1px solid var(--regular-blue);
  border-bottom: 1px solid #008798;
  border-bottom: 1px solid var(--regular-blue);
}

span.more.white a {
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

@media (min-width: 40em) {
  body {
    font-size: 15px;
  }
  .page > * {
    max-width: 1600px;
  }
  .page.full-width > * {
    padding: 10vh 8vw;
  }
}

.js-Sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

.FicheFormContainer {
  z-index: 1000000;
  position: fixed;
  background: rgba(0, 0, 0, 0.27);
  width: 100%;
  height: 100%;
}

.FicheForm {
  background: white;
}

.cxSGUt {
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 200;
  font-size: 1.1rem;
  position: relative;
  line-height: 2;
  max-width: 600px;
  overflow: hidden;
  margin: 10px auto 20px;

  font-weight: 500;
  font-size: 1.2rem;
}

.cxSGUt::before {
  right: 0.5em;
  margin-left: -50%;
}

.cxSGUt::before,
.cxSGUt::after {
  background-color: rgb(81, 99, 145);
  content: '';
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.cxSGUt::after {
  left: 0.5em;
  margin-right: -50%;
}

.cxSGUt::before,
.cxSGUt::after {
  background-color: rgb(81, 99, 145);
  content: '';
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.hOopQg {
  --secondary-color: #bf1650;
  --light-pink: #ec5990;
  --primary-color: #0e101c;
  --blue: #1e2a4a;
  font-kerning: normal;
  font-feature-settings: 'kern', 'liga', 'clig', 'calt';
  -webkit-font-smoothing: antialiased;
  font: inherit;
  margin: 0;
  overflow: visible;
  transition: all 0.3s;
  border: 1px solid #fff;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.9rem;
  border-radius: 4px;
  padding: 6px 10px;
  margin-bottom: 20px;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

.hOopQg > select,
.hOopQg > input {
  --secondary-color: #bf1650;
  --light-pink: #ec5990;
  --primary-color: #0e101c;
  --blue: #1e2a4a;
  margin: 0;
  overflow: visible;
  transition: all 0.3s;
  border: 1px solid blue;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.9rem;
  border-radius: 4px;
  padding: 6px 10px;
  margin-bottom: 20px;
}

.hOopQg select {
  --secondary-color: #bf1650;
  --light-pink: #ec5990;
  --primary-color: #0e101c;
  --blue: #1e2a4a;
  font-kerning: normal;
  font-feature-settings: 'kern', 'liga', 'clig', 'calt';
  -webkit-font-smoothing: antialiased;
  font: inherit;
  margin: 0;
  text-transform: none;
  transition: all 0.3s;
  min-height: 37px;
  background: #fff;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.9rem;
  border-radius: 4px;
  padding: 6px 10px;
  height: 43px;
  margin-bottom: 20px;
}

.hOopQg option {
  --secondary-color: #bf1650;
  --light-pink: #ec5990;
  --primary-color: #0e101c;
  --blue: #1e2a4a;
  font-kerning: normal;
  font-feature-settings: 'kern', 'liga', 'clig', 'calt';
  -webkit-font-smoothing: antialiased;
  font: inherit;
  text-transform: none;
  font-size: 0.9rem;
  box-sizing: inherit;
}

.ReactModal__Content.ReactModal__Content--after-open {
  max-width: 75%;
  margin: 0 auto;
}

.Admin-Nav + main > h1 {
  margin: 40px auto;
  display: block;
  width: -moz-max-content;
  width: max-content;
  font-size: 50px;
}

input.Button--edit {
  margin-left: auto;
  display: flex;
}

.Form-ButtonClose {
  border: 4px solid #1d3663;
  border-radius: 50%;
  height: 3em;
  width: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: auto;
}

.Form-ButtonClose:hover {
  border-color: white;
  background-color: #1d3663;
}

.Form-ButtonClose > svg use {
  transition: fill 0.3s ease-in;
}

.Form-ButtonClose:hover > svg use {
  fill: white;
}

.select-css {
  cursor: pointer;
  box-sizing: border-box;
  color: #0080b8;
  color: var(--blue-2);
  line-height: 1.3;
  padding: 7px 13px;
  margin: 0 10px 0 0;
  border: 1px solid #0080b8;
  border: 1px solid var(--blue-2);
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC')
      no-repeat scroll right 0.7em top 50%,
    0 0 transparent;
  background-size: 0.65em auto, 100%;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 6px 0px #1d366369;
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  outline: none;
  transition: box-shadow 0.3s;
}

.select-css option {
  font-weight: normal;
}

#Root {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  transform: translateX(-100%);
  transition: transform 400ms ease-in;
}

#Root.js-Visible {
  transform: translateX(0px);
}

ul[data-reach-combobox-list] {
  max-height: 60vh;
  overflow: scroll;
  background-color:
  #f6f6f6;
  list-style: none;
  padding: 1em;
}