.spinner-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 150px;
  margin: auto;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: auto;
}
.footer-large .double-bounce1,
.footer-large .double-bounce2 {
  background-color: white;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0B6BA7;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  animation-delay: -1s;
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.small-form-submit .spinner-wrapper {
  min-height: 0;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* GENERAL SETTINGS */
@font-face {
  font-family: OpenSansLight;
  font-display: swap;
  src: url("fonts/OpenSans-Light.eot?") format("eot"), url("fonts/OpenSans-Light.woff") format("woff"), url("fonts/OpenSans-Light.ttf") format("truetype"), url("fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
}
@font-face {
  font-family: OpenSansSemiBold;
  font-display: swap;
  src: url("fonts/OpenSans-Semibold.eot?") format("eot"), url("fonts/OpenSans-Semibold.woff") format("woff"), url("fonts/OpenSans-Semibold.ttf") format("truetype"), url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
}
@font-face {
  font-family: OpenSansExtraBold;
  font-display: swap;
  src: url("fonts/OpenSans-ExtraBold.eot?") format("eot"), url("fonts/OpenSans-ExtraBold.woff") format("woff"), url("fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold.svg#OpenSans-Extrabold") format("svg");
}
*,
*::before,
*::after {
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  font-weight: normal;
}
html {
  overflow-x: hidden;
  font-family: "Open Sans", Arial, sans-serif;
  width: 100%;
  margin: 0;
}
body {
  margin: 0;
  overflow-x: hidden;
}
.centeredDiv {
  text-align: center;
}
/* Accessibilité */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}
/* Hacks for ember-views in carto-page */
.cartoBody > .ember-view {
  height: 100vh;
}
.cartoBody #viewer > div {
  height: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
/* Hacks for posts img (mobile) */
figure {
  max-width: 100%;
}
.ol-viewport {
  height: calc(100% - 30px) !important;
}
input,
select {
  border-radius: 0;
}
input[type='button'],
input[type='image'] {
  -webkit-appearance: none;
  -webkit-user-select: none;
}
input[type='text'] {
  -webkit-appearance: none;
  -webkit-user-select: text;
  /* la valeur "none" empeche la saisie sur Safari */
}
textarea {
  resize: none;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul {
  list-style-type: none;
}
form {
  margin-bottom: 0;
}
@keyframes blink {
  0% {
    background-color: #EEF2F3;
    color: #0B6BA7;
  }
  50% {
    background-color: #00375A;
    color: #ffffff;
  }
  100% {
    background-color: #EEF2F3;
    color: #0B6BA7;
  }
}
.open {
  display: block;
}
.closed,
.hidden {
  display: none;
}
.print-only {
  display: none;
}
@media print {
  header,
  .header-panel,
  nav,
  .fullPage-alert-container,
  #home-section-newsletter,
  .breadcrumb,
  footer {
    display: none !important;
  }
}
/* Links & buttons */
a {
  color: inherit;
  text-decoration: none;
}
button {
  border: none;
  background-color: transparent;
}
.read-more {
  font-weight: bold;
  color: #0B6BA7;
  text-decoration: underline;
}
.inner-link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.footer-false-link {
  cursor: pointer;
}
/* Inputs */
.form-input,
.large-form-input {
  position: relative;
  max-width: 100%;
  margin: auto;
}
.cartoBody .header-logos {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.cartoBody #map-buttons {
  display: block;
}
.form-input {
  width: 400px;
}
.marge-form-input {
  width: 600px;
}
.small-form-input {
  width: 100%;
  height: 40px;
  padding-left: 20px;
  padding-right: 80px;
  border: none;
  border-radius: 20px;
  font-size: 1em;
}
.small-form-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: none;
  border-radius: 20px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
.tool-form-submit {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  padding: 0 20px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
  border: none;
  text-transform: uppercase;
}
*::-webkit-input-placeholder {
  font-style: italic;
}
*::-moz-placeholder {
  font-style: italic;
}
*:-ms-input-placeholder {
  font-style: italic;
}
.home-showMore-container {
  position: absolute;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  bottom: 35px;
}
.home-showMore {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: auto;
  border-radius: 20px;
  text-transform: uppercase;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 0.75em;
  cursor: pointer;
}
@media (min-width: 720px) {
  .home-showMore-container {
    width: calc(100% - 80px);
  }
  .home-showMore {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border-radius: 30px;
    font-size: 0.9em;
  }
}
/* Messages */
.info-message {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #bce8f1;
  border-radius: 4px;
  color: #31708f;
  background-color: #d9edf7;
}
.error-message {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
}
/* Flex inputs */
.GPflexInput {
  display: -ms-flexbox;
  display: flex;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, margin 0.3s ease-out;
}
.GPflexInput > * {
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 0;
}
.GPflexInput *:not(:last-child) {
  border-right: none;
}
.GPflexInput *:first-child {
  border-radius: 15px 0 0 15px;
}
.GPflexInput *:last-child:not(div[id^="GPlocationStageAdd"]) {
  border-radius: 0 15px 15px 0;
}
.GPflexInput > *:not(input) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.GPflexInput > input {
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  min-width: 0;
}
.GPflexInput > input:disabled {
  font-style: italic;
}
.GPflexInput > select {
  -ms-flex: 1;
  flex: 1;
  padding-right: 7px;
}
.GPflexInput > label[for] {
  width: 70px;
  padding-left: 10px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
/* Hidden elements */
#header-tool-help,
#share-advanced-panel {
  display: none;
}
#header-tool-print {
  border-left: none;
}
/* SEARCH ENGINE */
#autocompleteList {
  position: absolute;
  z-index: 50;
}
#home-search-input #autocompleteList {
  width: calc(100% - 60px);
  left: 30px;
}
#header-search-form #autocompleteList {
  width: calc(100% - 80px);
  top: 45px;
  left: 40px;
}
.autocomplete-proposition {
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  font-size: 0.75em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
#autocompleteList .autocomplete-proposition:first-child {
  height: 80px;
  padding-top: 50px;
}
#autocompleteList .autocomplete-proposition:first-child::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  line-height: 50px;
  width: 100%;
  padding-right: 20px;
  padding-left: 50px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
  cursor: default;
}
#no-results .autocomplete-proposition:first-child {
  height: 30px;
  padding-top: 0;
}
#locations-completeList .autocomplete-proposition:first-child::before {
  content: "Lieux & adresses";
}
#coordsPR-completeList .autocomplete-proposition:first-child::before {
  content: "Coordonnées & points routiers";
}
#layers-completeList .autocomplete-proposition:first-child::before {
  content: "Cartes & données";
}
#geocatalog-completeList .autocomplete-proposition:first-child::before {
  content: "Données du Géocatalogue";
}
@media (min-width: 620px) {
  #header-search-form #autocompleteList {
    top: 35px;
  }
}
@media (min-width: 720px) and (min-height: 720px) {
  #header-search-form #autocompleteList {
    top: 45px;
  }
  .autocomplete-proposition {
    font-size: 0.9em;
  }
}
/* EDITORIAL PAGES */
.edito-h1,
.nav-position {
  padding-right: 40px;
}
.edito-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.edito-h1 {
  margin: 0;
  line-height: 1em;
  font-family: OpenSansLight, "Open Sans", Arial, sans-serif;
  font-size: 1.2em;
  padding-left: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  max-width: calc(100% - 90px);
  overflow-x: hidden;
}
.edito-h1-bold {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
.edito-share {
  display: -ms-flexbox;
  display: flex;
}
.edito-share-item {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.nav-position {
  display: none;
  margin: 0;
  line-height: 1em;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
  padding: 20px;
  padding-left: 30px;
  padding-bottom: 0;
}
.nav-position-href-item::after {
  content: ">";
  margin-left: 5px;
  margin-right: 5px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
@media (min-width: 400px) {
  .edito-h1 {
    font-size: 1.4em;
  }
}
@media (min-width: 720px) and (min-height: 720px) {
  .edito-h1 {
    line-height: 1em;
    font-size: 3em;
    padding-left: 100px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .edito-share {
    padding-right: 20px;
  }
  .edito-share-item {
    width: 50px;
    height: 50px;
  }
  .nav-position {
    display: block;
  }
}
/* 3D NAVIGATION INFO */
/* FULL PAGE ALERT */
.fullPage-alert-container {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
#fullPage-alert-close {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("images/close-emeraud.svg");
  background-size: 14px 14px;
  background-position: center;
  cursor: pointer;
}
#redirect-remonterLeTemps {
  height: 100vh;
}
#alert-old-browser {
  height: 100%;
}
.fullPage-alert {
  margin: auto;
  padding: 30px;
  width: 400px;
  max-width: calc(100% - 60px);
  font-size: 0.75em;
}
#redirect-remonterLeTemps .fullPage-alert {
  height: 310px;
}
#alert-old-browser .fullPage-alert {
  position: fixed;
  top: 30px;
  left: 30px;
}
#goTo_ok {
  background-color: #00B798;
}
#goTo_ok:hover {
  color: #00B798;
  background-color: #E9EDF0;
}
.fullPage-alert p {
  margin-top: 0;
}
.fullPage-alert-3d p {
  font-size: 0.9em;
}
.fullPage-alert li {
  margin: 5px 0;
  margin-left: 15px;
}
.fullPage-alert li::before {
  content: "- ";
}
.link-fullPage-alert {
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.text-fullPage-info {
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-style: italic;
}
.img-fullPage-info {
  float: left;
  margin-right: 15px;
}
.link-fullPage-faq {
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  color: #00b798;
}
.btn-fullPage-alert {
  display: block;
  height: 30px;
  line-height: 40px;
  width: 200px;
  margin: auto;
  margin-top: 20px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
}
.btn-back-home {
  display: block;
  margin: auto auto 40px;
  width: 200px;
}
@media (min-width: 380px) {
  .fullPage-alert {
    font-size: 0.9em;
  }
  .btn-fullPage-alert {
    height: 40px;
    line-height: 40px;
    width: 250px;
  }
}
@media (min-width: 460px) {
  #alert-old-browser .fullPage-alert {
    left: 50%;
    margin-left: -200px;
  }
}
.GPflexInput > input[type="number"] {
  pading-right: 0;
}
/* Contact form */
.contact-form-faq {
  font-weight: bold;
}
.contact-form-faq-link {
  font-weight: bold;
  color: #00b798;
}
.contact-form-news {
  background-color: #f0ede7;
  margin: 0px;
  margin-top: 25px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  font-weight: 400;
  color: #002A50;
  font-family: "Open Sans", Arial, sans-serif;
  text-align: center;
}
/* HEADER */
.main-header {
  position: relative;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 40px;
}
/* Logos */
.header-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: inherit;
}
.editoBody .header-logos {
  -ms-flex: 1;
  flex: 1;
}
.header-logos p,
h1 {
  margin: 0;
  margin-left: 20px;
}
.header-logos p:first-child {
  display: none;
  width: 61px;
  height: 33px;
  margin-left: 10px;
  margin-right: 5px;
}
.header-logos h1 {
  margin: 1em 0;
  font-size: 1em;
  font-weight: normal;
}
.header-logos h1:last-child {
  width: 95px;
  height: 21px;
  margin-left: 5px;
}
.header-logos h1,
p img {
  width: 100%;
  height: 100%;
}
/* Search engine */
.homeBody .open-header-search-form-container,
.homeBody #header-search-form {
  display: none;
}
#open-header-search-form {
  display: none;
}
#open-header-search-form + .open-header-search-form-container {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
}
.open-header-search-form-container label {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
#container-header-search-form {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
  /* Safari
  -webkit-align-items: center;
  -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  */
}
#header-search-form {
  z-index: 500;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  max-height: 0;
  padding: 0 20px;
  overflow: hidden;
  transition: max-height ease-out 0.2s;
}
#open-header-search-form:checked ~ #container-header-search-form > #header-search-form {
  max-height: 50px;
  padding: 5px 20px;
  overflow: visible;
}
#header-search-form::before {
  z-index: 1;
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
}
#header-search-input {
  height: 100%;
  padding-left: 40px;
  padding-right: 70px;
}
.editoBody #header-search-input {
  padding-right: 20px;
}
#header-search-input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 0.9em;
}
#header-search-input::-moz-placeholder {
  font-style: italic;
  font-size: 0.9em;
}
#header-search-input:-ms-input-placeholder {
  font-style: italic;
  font-size: 0.9em;
}
#header-search-submit {
  height: 38px;
  top: 6px;
  right: 21px;
  background-position: center;
  cursor: pointer;
}
/* Tools */
.header-tools {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: inherit;
  padding: 0;
}
.header-tools ul {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.header-tools ul li {
  height: 40px;
}
.header-tools .header-tool-desktop-only {
  display: none;
}
.header-tools ul li:not(:first-child) .header-tool {
  border-left: 1px solid currentColor;
}
.header-tool {
  width: 40px;
  height: 40px;
}
#header-tool-myMaps {
  transition: all 0.25s ease-out;
}
.header-tool-span {
  display: block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  text-align: center;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.75em;
}
.editoBody #header-tool-print,
.editoBody #header-tool-share,
.homeBody #header-tool-print {
  display: none;
}
.homeBody .header-logos p:first-child,
.editoBody .header-logos p:first-child {
  display: block;
}
@media (min-width: 620px) {
  #open-header-search-form + .open-header-search-form-container {
    display: none;
  }
  #container-header-search-form {
    position: relative;
    -ms-flex: 1;
    flex: 1;
  }
  #header-search-form {
    position: relative;
    max-width: 440px;
    top: 0;
    width: 100%;
    height: 40px;
    max-height: 40px;
    padding: 5px 20px;
    overflow: visible;
  }
  #header-search-form::before {
    width: 30px;
    height: 30px;
  }
  #header-search-input {
    padding-left: 30px;
    padding-right: 60px;
  }
  #header-search-submit {
    width: 50px;
    height: 28px;
  }
}
@media (min-width: 1240px) {
  .main-header {
    height: 85px;
    padding-left: 85px;
  }
  .header-logos p:first-child {
    margin-left: 20px;
    margin-right: 10px;
  }
  .header-logos h1:last-child {
    margin-left: 10px;
  }
  .header-logos p:first-child {
    width: 130px;
    height: 70px;
  }
  .header-logos h1:last-child {
    width: 190px;
    height: 42px;
  }
  #header-search-form {
    height: 50px;
    max-height: 50px;
  }
  #header-search-form::before {
    width: 40px;
    height: 40px;
  }
  #header-search-input {
    padding-left: 40px;
    padding-right: 70px;
  }
  #header-search-submit {
    width: 60px;
    height: 38px;
  }
  .header-tools ul li {
    height: initial;
  }
  .header-tools .header-tools-mobile-desktop {
    padding-right: 10px;
  }
  .editoBody .header-tools .header-tools-mobile-desktop {
    padding-left: 10px;
    margin-left: 10px;
  }
  .header-tool {
    width: 60px;
  }
  .header-tool-span {
    bottom: 0;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
    font-size: 0.9em;
  }
}
@media (min-width: 1240px) {
  .header-logos p:first-child {
    display: block;
  }
}
/* HEADER PANELS */
.header-panel {
  z-index: 150;
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 280px;
}
.header-panel::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 12px;
  height: 10px;
}
.header-panel-content,
.header-panel-advanced-content {
  padding: 20px;
}
.header-panel h4 {
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 0.9em;
  text-transform: uppercase;
}
.header-panel-open {
  display: none;
}
.header-panel-open:checked + .header-panel {
  display: block;
}
.header-panel-textarea {
  height: 10em;
  width: 100%;
  line-height: 1.2em;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.75em;
}
.header-panel-text {
  margin: 0;
  margin-left: 10px;
  font-size: 0.75em;
}
.header-panel-text-center {
  margin: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 0.75em;
}
.header-panel-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 30px;
  cursor: pointer;
}
/* Maps/imports panel */
#myMaps-panel {
  height: 2000px;
  max-height: calc(100% - 80px);
}
#myMaps-panel::before {
  right: 53px;
}
.editoBody #myMaps-panel::before {
  right: 13px;
}
#myMaps-panel h4 {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin: 0;
  text-align: left;
}
.myMaps-radio {
  display: none;
}
#personal-imports {
  display: none;
}
.cartoBody #personal-imports {
  display: block;
}
/*
.cartoBody #personal-imports,
.cartoBody #personal-maps {
  height: calc(100vh - 231px); // taille dynamique pour la scrollbar
}
*/
/* gestion des scrollbars */
/*
#personal-imports[class*="os-host-overflow-y"],
#personal-maps[class*="os-host-overflow-y"] {
  padding-right: 10px;
}
*/
#myImports[class*="os-host-overflow-y"],
#myMaps[class*="os-host-overflow-y"] {
  padding-right: 10px;
}
/*
#personal-maps[class*="os-host-overflow-y"] .myMaps-entry-rename-input,
#personal-imports[class*="os-host-overflow-y"] .myMaps-entry-rename-input {
  width: calc(100% - 70px);
}
*/
#myMaps[class*="os-host-overflow-y"] .myMaps-entry-rename-input,
#myImports[class*="os-host-overflow-y"] .myMaps-entry-rename-input {
  width: calc(100% - 70px);
}
@media (min-width: 1240px) {
  /*
  .cartoBody #personal-imports,
  .cartoBody #personal-maps {
    height: calc(100vh - 276px); // taille dynamique pour la scrollbar
  }
  */
  #myMaps,
  #myImports {
    height: calc(100vh - 205px);
  }
}
.myMaps-radio-label {
  display: none;
  position: absolute;
  top: 40px;
  width: 50%;
  height: 40px;
  line-height: 40px;
  padding-left: 35px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
  font-variant: small-caps;
  cursor: pointer;
}
#myMaps-radio-label-maps {
  left: 0;
}
#myMaps-radio-label-imports {
  right: 0;
}
.myMaps-radio ~ .myMaps-section {
  display: none;
}
#myMaps-radio-maps:checked ~ #myMaps {
  display: block;
}
#myMaps-radio-imports:checked ~ #myImports {
  display: block;
}
#myMaps,
#myImports {
  height: calc(100vh - 160px);
}
.myMaps-section header {
  display: none;
  padding: 20px;
}
.myMaps-section .tool-form-submit {
  display: block;
  height: 30px;
  line-height: 30px;
  margin: auto;
  font-size: 0.75em;
}
.myMaps-section ul {
  max-height: calc(100% - 70px);
  padding: 0;
  /* overflow-y: auto; */
}
.myMaps-entry {
  display: block;
}
.myMaps-entry-description {
  height: 100%;
  width: calc(100% - 30px);
  padding: 10px 20px;
  font-size: 0.75em;
  cursor: pointer;
}
.myMaps-entry-name,
.myMaps-entry-type {
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.myMaps-entry-name,
.myMaps-entry-metadata {
  margin: 0;
}
.myMaps-entry-name {
  margin-bottom: 2px;
}
.myMaps-entry-show-options-input {
  display: none;
}
.myMaps-entry-show-options {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  cursor: pointer;
}
.myMaps-entry-options {
  position: absolute;
  width: 250px;
  max-width: 0;
  height: 100%;
  bottom: 0;
  right: 30px;
  overflow: hidden;
  transition: max-width ease-out 0.2s;
}
.myMaps-entry-show-options-input:checked ~ .myMaps-entry-options {
  max-width: 250px;
}
.myMaps-entry-rename-input,
.myMaps-entry-rename-valid,
.myMaps-entry-trash {
  display: block;
  position: absolute;
  height: 30px;
  line-height: 30px;
  top: 50%;
  margin-top: -15px;
}
.myMaps-entry-rename-input,
.myMaps-entry-rename-valid {
  border-radius: 15px;
  right: 50px;
}
.myMaps-entry-rename-input {
  width: calc(100% - 60px);
  padding-left: 10px;
  padding-right: 50px;
  font-size: 0.75em;
  border: none;
}
.myMaps-entry-rename-valid {
  width: 30px;
  text-align: center;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 1.2em;
}
.myMaps-entry-trash {
  right: 10px;
  width: 30px;
  border-radius: 10px;
  cursor: pointer;
}
#myMaps-saveMap-title {
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 0.9em;
}
/* Connexion panel */
#connexion-mail,
#connexion-password {
  margin-bottom: 10px;
  padding-right: 20px;
}
#connexion-password,
#connexion-submit {
  display: inline-block;
}
#connexion-password {
  width: calc(100% - 80px);
  margin-right: 10px;
}
#connexion-submit {
  width: 60px;
  border: none;
}
#connexion-inscription-button {
  display: block;
  width: 180px;
  margin: auto;
}
#connexion-disconnect-button {
  display: block;
  margin: auto;
}
.header-panel-connexion-infos {
  height: 40px;
  line-height: 40px;
}
.connexion-name {
  display: block;
  width: 230px;
  padding-left: 10px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 1.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#connexion-disconnect-button {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 5px;
  right: 5px;
}
/* Share panel */
#share-panel::before {
  right: 13px;
}
.share-button {
  position: relative;
  width: 100%;
  height: 34px;
  line-height: 34px;
  margin: auto;
  margin-bottom: 10px;
  border-radius: 18px;
  border: none;
  padding-left: 60px;
  text-align: left;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
}
.share-button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 34px;
  width: 40px;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
  border-right: none;
}
#share-twitter {
  margin-bottom: 0;
}
#share-advanced-panel {
  padding-top: 20px;
}
#share-advanced-panel .header-panel-text {
  margin-bottom: 5px;
}
#share-permalink {
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 0.75em;
}
@media (min-width: 1240px) {
  .header-panel {
    top: 80px;
    max-height: calc(100% - 120px);
  }
  .header-panel::before {
    top: -25px;
    width: 30px;
    height: 25px;
  }
  #myMaps-panel {
    height: calc(100% - 120px);
  }
  #myMaps-panel::before {
    right: 84px;
  }
  .editoBody #myMaps-panel::before {
    right: 24px;
  }
  #share-panel::before {
    right: 23px;
  }
}
.editoBody #header-search-submit {
  display: none;
}
/* NAV MENU */
#open-nav-menu {
  display: none;
}
#open-nav-menu + label {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.open-nav-menu-picto {
  display: block;
  width: 100%;
  height: 75%;
  transition: all ease-out 0.3s;
}
#open-nav-menu-text {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  text-align: center;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 0.55em;
  transition: all 0.25s ease-out;
}
#open-nav-menu-text.highlight {
  font-size: 0.65em;
}
#open-nav-menu:checked + label .open-nav-menu-picto {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.main-nav {
  z-index: 100;
  position: absolute;
  width: 210px;
  /* on laisse un peu de place pour la scrollbar */
  top: 40px;
  left: 0;
  background: transparent;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all ease-out 0.3s;
}
#open-nav-menu:checked ~ .main-nav {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.main-nav ul {
  padding: 0;
}
.main-nav .nav-li,
.main-nav .nav-aside-mobile-only {
  width: 100%;
  line-height: 24px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
}
.main-nav .nav-aside-mobile-only {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
.main-nav .nav-li .inner-link,
.main-nav .nav-li-aside > .inner-link {
  padding: 8px 20px;
}
.main-nav #nav-li-home .inner-link,
.main-nav #nav-li-remonterLeTemps .inner-link,
.main-nav .nav-li-aside .nav-aside-mobile-only {
  padding-left: 55px;
}
.nav-picto {
  display: block;
  width: 50px !important;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 5px;
}
/* Nav menu asides */
.main-nav .nav-li-aside {
  position: relative;
}
.nav-li-aside h2 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.nav-aside-desktop-only,
.desktop-only {
  display: none;
}
#nav-aside-backMaps-desktop-only,
#nav-aside-thematics-desktop-only {
  padding-bottom: 20px;
}
.main-nav .nav-li-aside .nav-aside-mobile-only,
.main-nav-second-level ul .nav-thematics .inner-link {
  padding-right: 30px;
  z-index: 5;
}
.nav-aside-mobile-only::after,
.main-nav-second-level ul .nav-thematics::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -20px;
}
.nav-aside header {
  margin: 0;
  padding: 20px;
  padding-left: 45px;
  text-transform: uppercase;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
}
.nav-showMore {
  display: block;
  line-height: 24px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  font-size: 0.9em;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
/* GC : patch pour desactiver bouton "tout voir" */
.nav-showMore-thematicData {
  display: none;
}
#nav-showMore-backMaps,
.nav-showMore-thematicData,
#nav-showMore-mobile-thematics {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 20px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
}
.nav-showMore-thematicData,
#nav-showMore-mobile-thematics {
  width: 150px;
}
.main-nav-second-level .nav-aside {
  padding-bottom: 20px;
}
#main-nav-thematics-level .nav-aside {
  padding-bottom: 0;
}
.nav-layers-examples {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 10px;
}
.nav-layer-selected .inner-link:hover {
  cursor: default;
}
.nav-layer-selected,
.nav-layer {
  width: 140px;
  margin-bottom: 5px;
  /* 
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  */
}
.nav-layer-selected .inner-link,
.nav-layer .inner-link {
  padding: 10px;
  padding-bottom: 5px;
}
.nav-layer-selected p,
.nav-layer p {
  margin: 0;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.75em;
}
.nav-thematics {
  line-height: 24px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
}
.nav-thematics .inner-link {
  padding-left: 60px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.nav-sections .inner-link {
  padding-left: 20px;
}
#inspire-contents {
  border-top: none;
}
#nav-aside-inspire-contents .nav-thematics .inner-link {
  padding-left: 50px;
  text-transform: uppercase;
}
#show-inspire-contents {
  display: none;
}
#nav-aside-inspire-contents {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out;
}
#show-inspire-contents:checked + #nav-aside-inspire-contents {
  max-height: 150px;
}
/* Nav menu : second level */
.main-nav-second-level {
  z-index: 10;
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
}
.open {
  display: block;
}
.closed {
  display: none;
}
.main-nav .main-nav-second-level-back {
  z-index: 2;
  position: absolute;
  width: 35px;
  height: 40px;
  top: 7px;
  left: 5px;
  cursor: pointer;
}
.main-nav .main-nav-second-level-back::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* Nav responsive */
@media (min-width: 560px) and (min-height: 560px) {
  .main-nav {
    width: 310px;
  }
  .nav-aside-mobile-only,
  .mobile-only {
    display: none;
  }
  .nav-aside-desktop-only,
  .desktop-only {
    display: block;
  }
  .nav-layers-examples {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 1240px) {
  #open-nav-menu + label {
    width: 85px;
    height: 85px;
    cursor: pointer;
  }
  #open-nav-menu-text {
    font-size: 0.9em;
  }
  #open-nav-menu-text.highlight {
    font-size: 1.2em;
  }
  .main-nav {
    top: 85px;
  }
}
/* FOOTER */
#display-large-footer,
#display-large-footer:checked + .footer-small {
  display: none;
}
#display-large-footer:checked ~ .footer-large {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.footer-large {
  padding-top: 30px;
}
.cartoBody .footer-large {
  z-index: 200;
  position: absolute;
  bottom: 0;
  max-height: calc(100% - 40px);
  width: 100%;
  overflow-y: auto;
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition: all ease-out 0.3s;
}
.cartoBody .footer-large {
  position: absolute !important;
}
.footer-large-content {
  width: 100%;
  max-width: 1240px;
  margin: auto;
}
.footer-column {
  width: 100%;
  font-size: 0.9em;
}
.footer-large-content .footer-column:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  background-image: url("images/thin-border.png");
  background-position: 40px 0;
}
.footer-small {
  display: none;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-family: OpenSansLight, "Open Sans", Arial, sans-serif;
}
.cartoBody .footer-small {
  display: block;
}
label.collapse-footer,
label.enlarge-footer {
  display: none;
}
.cartoBody label.collapse-footer,
.cartoBody label.enlarge-footer {
  display: block;
}
/* Footer general columns */
.footer-column ul {
  padding-left: 0;
  margin-left: 40px;
}
.footer-column ul:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  background-image: url("images/thin-border.png");
}
.footer-column li {
  height: 25px;
  line-height: 25px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
/* Footer social networks column */
.footer-semiColumn p {
  margin: 0;
}
.footer-strong {
  text-align: center;
  font-family: OpenSansLight, "Open Sans", Arial, sans-serif;
  font-size: 1.5em;
}
.footer-strong::before {
  content: "- ";
}
.footer-strong::after {
  content: " -";
}
.footer-semiColumn {
  padding: 0 20px;
}
.footer-column .footer-semiColumn:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  background-image: url("images/thin-border.png");
  background-position: top center;
}
.footer-semiColumn .footer-strong-baseline {
  margin-bottom: 20px;
  text-align: center;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
.footer-social-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-social-network {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 10px;
}
#footer-mail-input {
  margin-bottom: 20px;
}
/* Footer copyright */
.footer-large-copyright {
  margin-top: 20px;
  padding: 20px 40px;
  background-image: url("images/thin-border.png");
  background-position: 40px 0;
}
.footer-large-copyright {
  font-size: 0.75em;
}
.footer-large-copyright p {
  margin: 0;
  margin-right: 5px;
}
#newsletter-iframe-footer {
  border: 0;
  overflow: hidden;
  width: auto;
  height: 150px;
}
/* Responsive footer */
@media (min-width: 720px) {
  .cartoBody .footer-large {
    max-height: calc(100% - 80px);
  }
  .footer-large-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-column {
    width: 50%;
  }
  .footer-column {
    -ms-flex-order: 2;
    order: 2;
  }
  .footer-large-content .footer-column:nth-child(2) {
    -ms-flex-order: 0;
    order: 0;
  }
  .footer-large-content .footer-column:first-child {
    -ms-flex-order: 1;
    order: 1;
  }
  .footer-large-content .footer-column:first-child,
  .footer-large-content .footer-column:nth-child(2) {
    margin-top: 0;
    padding-top: 0;
    background-image: none;
  }
  .footer-large-copyright {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    padding: 20px 0;
    background-position: top center;
  }
  .footer-small-copyright p:nth-child(2) {
    display: block;
  }
}
@media (min-width: 960px) {
  .footer-column {
    width: 25%;
  }
  .footer-column {
    -ms-flex-order: 0;
    order: 0;
  }
  .footer-large-content .footer-column:first-child {
    -ms-flex-order: 1;
    order: 1;
  }
  .footer-large .footer-large-content .footer-column {
    margin-top: 0;
    padding-top: 0;
    background-image: none;
  }
}
/* Customize CSS of the ember-view wrapping l-footer component */
.ember-view .footer-view {
  /* TODO */
}
/* FOOTER ATTRIBUTIONS */
.footer-small-copyright {
  max-width: 1260px;
  padding: 0 10px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.75em;
}
.footer-small-copyright p {
  margin: 0;
  margin-right: 5px;
  white-space: nowrap;
}
.enlarge-footer,
.collapse-footer {
  display: block;
  cursor: pointer;
}
.enlarge-footer {
  height: 25px;
  width: 25px;
  /*margin-left: 10px;*/
}
.collapse-footer {
  height: 40px;
  width: 40px;
  z-index: 2;
  position: absolute;
  top: -30px;
  right: 0;
}
#footer-attributions ul li:first-child {
  /* max-width: 20px; */
}
#footer-attributions button {
  /*display: none;*/
  visibility: hidden;
}
#footer-attributions ul:not([id]) li:first-child {
  /* display: none; */
  /* visibility: hidden; */
}
#footer-attributions ul:not([id]) li:not(:first-child) {
  /* left: -25px; */
}
#footer-attributions .ol-attribution {
  height: 50px;
}
#footer-attributions-container,
#footer-attributions ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#footer-attributions-container {
  max-width: calc(100% - 35px);
  padding: 0 20px;
  /*overflow-x: auto;*/
}
.footer-attributions-label {
  max-width: 0;
  overflow: hidden;
}
#footer-attributions ul li {
  white-space: nowrap;
}
#footer-attributions ul li:not(:last-child)::after {
  content: ",";
  /*margin-left: 3px;*/
  left: -2px;
  margin-right: 5px;
}
#footer-attributions ul li a:not(:last-child)::after {
  content: ",";
  margin-left: 1px;
  margin-right: 5px;
}
.gp-control-attribution-image {
  display: none;
}
/* Responsive footer */
@media (min-width: 720px) and (min-height: 720px) {
  .footer-small {
    height: 40px;
    line-height: 40px;
  }
  .footer-small-copyright {
    font-size: 0.9em;
  }
  .enlarge-footer {
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 720px) {
  .footer-attributions-label {
    max-width: 100%;
    overflow: visible;
  }
}
/* GENERAL */
.home-section {
  position: relative;
  padding: 20px;
}
/* Titles */
.home-h2,
.home-h2-baseline {
  text-align: center;
  margin-top: 0;
  font-weight: normal;
}
.home-h2 {
  margin-bottom: 5px;
  padding: 0 20px;
  font-family: OpenSansLight, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.9em;
  line-height: 1em;
}
.home-h2-baseline {
  margin-bottom: 20px;
  font-size: 0.9em;
  line-height: 1.5em;
}
@media (min-width: 720px) {
  .home-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .home-h2 {
    font-size: 3em;
  }
  .home-h2-baseline {
    margin-bottom: 30px;
    font-size: 1.2em;
  }
}
/* MAIN SECTION, WITH CALL TO ACTION */
#home-section-callToAction {
  padding-top: 50px;
  background-color: #3b5b74;
}
/* Title / baseline */
.home-h1,
.home-h1-baseline {
  margin: auto;
  text-align: center;
  line-height: 25px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 1.1em;
}
/* Search input */
#home-search-input {
  width: 400px;
  max-width: 100%;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.large-form-input::before {
  z-index: 2;
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 40px;
}
.large-search-input {
  width: 100%;
  height: 40px;
  padding-left: 50px;
  padding-right: 70px;
  border: none;
  border-radius: 20px;
  font-size: 0.9em;
}
.large-search-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 40px;
  border: none;
  border-radius: 20px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 1em;
}
.large-search-input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 0.9em;
}
.large-search-input::-moz-placeholder {
  font-style: italic;
  font-size: 0.9em;
}
/* GC : desactivation pour affichage iso ie11 du placeholder */
/*
.large-search-input:-ms-input-placeholder {
  font-style: italic;
  font-size: 0.9em;
}
*/
/* Baseline / down arrow */
.home-search-baseline-mobile p {
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 10px;
}
.home-search-baseline-desktop {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
}
.home-search-baseline-desktop article {
  width: 33.33%;
  max-width: 400px;
  padding: 0 10px;
  text-align: center;
  border-right: 1px solid currentColor;
}
.home-search-baseline-desktop article:last-child {
  border: none;
}
.home-search-baseline-desktop h3,
.home-search-baseline-desktop p {
  margin: 0;
}
.home-search-baseline-desktop h3 {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 1.5em;
}
.home-search-baseline-desktop p {
  font-size: 0.8em;
}
.home-downArrow {
  position: absolute;
  display: none;
  width: 70px;
  height: 50px;
  left: 50%;
  bottom: 40px;
  margin-left: -35px;
  opacity: 0.75;
  border-radius: 25px;
  transition: opacity 0.25s ease-out;
}
.home-downArrow:hover {
  opacity: 1;
}
.home-downArrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 400px) {
  .home-h1,
  .home-h1-baseline {
    width: calc(100% - 100px);
  }
}
@media (min-width: 720px) {
  #home-section-callToAction {
    padding-top: 90px;
    padding-bottom: 140px;
  }
  .home-h1,
  .home-h1-baseline {
    line-height: 48px;
    font-size: 2.25em;
  }
  #home-search-input {
    width: 600px;
    max-width: calc(100% - 40px);
    margin-top: 40px;
    margin-bottom: 70px;
  }
  .large-form-input::before {
    width: 70px;
    height: 60px;
  }
  .large-search-input {
    height: 60px;
    padding-left: 70px;
    padding-right: 90px;
    border-radius: 30px;
    font-size: 1.5em;
  }
  .large-search-submit {
    width: 80px;
    height: 60px;
    border-radius: 30px;
    font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
    font-size: 1.5em;
  }
  .home-search-baseline-mobile {
    display: none;
  }
  .home-search-baseline-desktop {
    display: -ms-flexbox;
    display: flex;
  }
  .home-downArrow {
    display: block;
  }
}
@media (min-width: 1000px) {
  .home-search-baseline-desktop p {
    font-size: 1em;
  }
}
@media (min-width: 1260px) {
  #home-section-callToAction {
    background-position: right top;
  }
}
/* NEWS SECTION */
#home-section-news {
  padding: 0;
}
/* News slideshow */
.home-news-carousel {
  width: 100%;
  max-width: 460px;
  margin: auto;
  padding-bottom: 100px;
  overflow: hidden;
}
.home-news-carousel article .inner-link {
  padding: 0 40px;
  padding-top: 30px;
}
.home-news-date {
  margin: 0;
}
.home-news-carousel h3 {
  min-height: 70px;
  line-height: 1.1em;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.9em;
  overflow: hidden;
}
.home-news-img {
  margin: 0;
  text-align: center;
}
.home-news-description {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 30px;
}
.home-showMore-container {
  z-index: 50;
}
/* News slideshow arrows */
.home-news-arrows {
  display: none;
  position: absolute;
  bottom: 50%;
  width: 40px;
  height: 50px;
  line-height: 50px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  z-index: 1000;
}
.home-news-arrows::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-news-arrows:focus {
  outline: none;
}
#home-news-previous {
  left: 0;
  text-align: right;
}
#home-news-next {
  right: 0;
  text-align: left;
}
.home-news-slideshow-number {
  display: none;
}
@media (min-width: 720px) {
  #home-section-news {
    padding: 0 40px;
  }
  .home-news-carousel {
    max-width: 580px;
  }
  .home-news-carousel article .inner-link {
    padding: 30px 60px;
  }
  .home-news-arrows {
    width: 55px;
  }
  .home-news-arrows:focus {
    outline: none;
  }
  #home-news-previous {
    left: 20px;
    background-position: 0 0;
  }
  #home-news-next {
    right: 20px;
    background-position: 25px -50px;
  }
  .home-news-slideshow-number {
    display: inline;
  }
}
@media (min-width: 920px) {
  .home-news-carousel {
    max-width: 1160px;
    margin: auto;
    padding-bottom: 100px;
    overflow: hidden;
  }
}
/* NEWSLETTER SECTION */
#home-section-newsletter .home-h2-baseline {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
#newsletter-iframe {
  border: 0;
  height: 150px;
  overflow: hidden;
}
.newsletter-feedback {
  margin-bottom: 10px;
  text-align: center;
}
.newsletter-feedback p {
  margin: 0;
}
.newsletter-feedback .error-message {
  display: inline-block;
  margin: 0;
}
.newsletter-feedback .newsletter-success {
  font-weight: bold;
}
@media (min-width: 720px) {
  #home-section-newsletter {
    padding-bottom: 60px;
  }
}
/* DATA SECTION */
.home-data-examples {
  width: 340px;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: auto auto 30px;
  overflow: hidden;
}
.home-data-examples article {
  width: 260px;
  height: 290px;
  margin: 0 auto;
  transition: all ease-out 0.5s;
}
.home-data-examples article .inner-link {
  padding-bottom: 20px;
}
.home-data-examples article header {
  height: 50px;
}
.home-data-examples article header .spinner-wrapper {
  min-height: 0;
}
.home-data-examples h3 {
  line-height: 50px;
  margin: 0 0 0 50px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 0.9em;
}
.home-data-examples h3.no-picto {
  margin: 0 0 0 20px;
}
.data-example-img {
  margin: 20px;
  margin-bottom: 0;
}
.data-example-baseline,
.data-example-description {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  font-size: 0.75em;
}
.data-example-baseline {
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.data-example-description {
  max-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
/* Data slideshow arrows */
.home-data-arrows {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 60px;
  margin-top: -30px;
  z-index: 1000;
}
.home-data-arrows::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-data-arrows:focus {
  outline: none;
}
#home-data-previous {
  left: -10px;
}
#home-data-next {
  right: -10px;
}
@media (min-width: 720px) {
  .home-data-examples {
    width: 640px;
  }
}
@media (min-width: 1260px) {
  .home-data-examples {
    width: 100%;
    max-width: 1240px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .home-data-arrows {
    display: none;
  }
}
/* TUTORIALS SECTION */
#home-section-tutorials {
  padding-left: 0;
  padding-right: 0;
}
/*  Tutorials slideshow */
.home-tutorials-carousel {
  position: relative;
  max-width: 1160px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 30px;
  padding: 0 20px;
  overflow: hidden;
  background-color: #00B798;
}
.home-tutorials-carousel .owl-item img {
  display: inline-block;
  width: inherit;
}
.home-tutorials-carousel article {
  background-color: #00B798;
  color: #FFF;
}
.home-tutorials-carousel {
  display: -ms-flexbox;
  display: flex;
  transition: transform 0.5s ease-out;
}
.home-tutorial-img,
.home-tutorial-txt {
  margin: 0;
  padding: 10px 20px;
}
.home-tutorial-img {
  text-align: center;
}
.home-tutorial-txt h3 {
  margin-top: 0;
  margin-bottom: 25px;
  line-height: 1em;
  font-family: OpenSansLight, "Open Sans", Arial, sans-serif;
  font-size: 1.9em;
  font-weight: normal;
}
.home-tutorial-description {
  font-size: 0.9em;
  line-height: 1.5em;
}
/* Tutorials slideshow arrows */
.home-tutorials-arrows {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 60px;
  line-height: 60px;
  margin-top: -30px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  z-index: 1000;
}
.home-tutorials-arrows::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-tutorials-arrows:focus {
  outline: none;
}
#home-tutorials-previous {
  left: 0;
  text-align: left;
}
#home-tutorials-next {
  right: 0;
  text-align: right;
}
.home-tutorials-slideshow-number {
  display: none;
}
@media (min-width: 720px) {
  .home-tutorial-img,
  .home-tutorial-txt {
    padding: 20px;
  }
}
@media (min-width: 920px) {
  #home-section-tutorials {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-tutorials-carousel {
    width: calc(100% - 80px);
    padding: 0;
  }
  .home-tutorials-carousel .owl-item img {
    display: inline-block;
    width: 100%;
  }
  .home-tutorials-carousel article .inner-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-tutorial-img,
  .home-tutorial-txt {
    width: 50%;
    padding: 40px;
  }
  .home-tutorial-img {
    padding: 20px;
    padding-right: 0;
  }
  .home-tutorial-txt {
    padding-right: 100px;
  }
  .home-tutorials-arrows {
    width: 90px;
  }
  #home-tutorials-previous {
    padding-left: 40px;
    background-position: 12px 0;
  }
  #home-tutorials-next {
    padding-right: 40px;
    background-position: 52px -60px;
  }
  .home-tutorials-slideshow-number {
    display: inline;
  }
}
/* PRODUCERS SECTION */
.home-producers-examples {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.home-producers-examples p {
  margin: 0 20px;
  margin-bottom: 20px;
}
img.home-producer {
  filter: grayscale(100%);
}
/* INSPIRE SECTION */
.home-inspire-content {
  margin: 0 auto;
  text-align: center;
}
#home-showMore-inspire {
  margin-top: 20px;
  width: 290px;
  text-align: center;
}
@media (min-width: 720px) {
  .home-inspire-container {
    width: calc(50% - 80px);
    margin-left: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .home-inspire-content {
    max-width: 520px;
    text-align: center;
  }
}
.header-logos {
  -ms-flex: 1;
  flex: 1;
}
/* NEWS LIST */
.news-list {
  width: 100%;
  max-width: 940px;
  padding: 40px 20px;
  padding-top: 0;
  margin: auto;
}
.news-list article {
  margin-bottom: 20px;
}
.news-list article .inner-link {
  padding: 20px;
}
.news-list-news-img {
  text-align: center;
  margin: 0;
}
.news-list-news-block h2 {
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1em;
  margin-top: 5px;
  margin-bottom: 10px;
}
.news-list-news-date {
  font-size: 0.9em;
  margin: 0;
}
.news-list-news-description {
  font-size: 0.9em;
  margin: 0;
}
@media (min-width: 520px) {
  .news-list {
    padding: 40px;
    padding-top: 0;
  }
}
@media (min-width: 720px) {
  .news-list article .inner-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .news-list-news-img {
    width: 40%;
    margin-right: 40px;
  }
  .news-list-news-block {
    -ms-flex: 1;
    flex: 1;
  }
}
/* Show complete list */
.news-list-showMore-input {
  display: none;
}
.news-list-more {
  display: none;
}
#news-list-showMore-container {
  position: relative;
  bottom: 0;
}
.news-list-showMore-input:checked + .home-showMore-container {
  display: none;
}
.news-list-showMore-input:checked ~ .news-list-more {
  display: block;
}
@media (min-width: 720px) {
  .news-list-showMore {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border-radius: 30px;
    font-size: 0.9em;
  }
}
/* SINGLE ARTICLE */
.news-article {
  width: 100%;
  max-width: 780px;
  padding: 40px 20px;
  margin: auto;
}
.news-article figure {
  margin: 0;
  padding: 0;
}
.news-article figcaption {
  text-align: center;
  margin-top: 5px;
  font-style: italic;
}
.news-article a {
  font-weight: bold;
}
.news-article a:hover {
  text-decoration: underline;
}
.news-article .date {
  text-transform: capitalize;
  font-size: 0.9em;
  margin: 0;
  margin-bottom: 5px;
}
.news-article h1 {
  margin: 0;
  font-size: 2em;
  line-height: 1em;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
}
.news-article h2 {
  margin: 30px 0;
  font-size: 1.1em;
  line-height: 1em;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.news-article > p,
.news-article > div {
  margin: 30px 0;
}
.news-article strong {
  font-weight: normal;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.news-article h1 + p {
  font-size: 1.3em;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.news-article img {
  display: block;
}
.news-article .center-img {
  margin: auto;
}
.news-article p[align="center"] {
  font-size: 0.9em;
  text-align: center;
}
.news-article li {
  margin-left: 54px;
}
.news-article ul li {
  text-indent: -24px;
}
.news-article ul li::before {
  content: "✔";
  margin-right: 10px;
}
/* Newsletter section */
.home-section {
  position: relative;
  padding: 20px;
}
.home-h2,
.home-h2-baseline {
  text-align: center;
  margin-top: 0;
  font-weight: normal;
}
.home-h2 {
  margin-bottom: 5px;
  font-family: OpenSansLight, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.9em;
  line-height: 1em;
}
.home-h2-baseline {
  margin-bottom: 20px;
  font-size: 0.9em;
  line-height: 1.5em;
}
#home-section-newsletter .home-h2-baseline {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
@media (min-width: 500px) {
  .news-article {
    padding: 40px;
  }
}
@media (min-width: 720px) {
  .home-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .home-h2 {
    font-size: 3em;
  }
  .home-h2-baseline {
    margin-bottom: 30px;
    font-size: 1.2em;
  }
  #home-section-newsletter {
    padding-bottom: 60px;
  }
}
.news-article .img-gauche-texte-droite img {
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  .news-article .img-gauche-texte-droite {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9em;
  }
  .news-article .img-gauche-texte-droite img {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.news-article .site-map-container {
  margin: 0 ;
}
.news-article .site-map-container p {
  margin: 0 ;
  line-height: 1.5em;
}
.news-article .site-map-container h2 {
  margin-top: 40px;
  margin-bottom: 15px;
}
.news-article .site-map-container a {
  font-weight: normal;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.news-article .site-map-container a:hover {
  text-decoration: none;
  color: #0B6BA7;
}
/* Form sections */
.profile-section {
  width: 100%;
  max-width: 880px;
  padding: 0 20px;
  margin: auto;
}
.form-profile-section {
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 0.9em;
}
/* Headers and inputs */
.header-logos {
  -ms-flex: 1;
  flex: 1;
}
.form-profile-section-header {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.form-profile-section-header h2 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.small-form-input.profile-input,
.profile-textarea {
  width: 100%;
  max-width: 410px;
  margin-bottom: 10px;
  padding-right: 20px;
}
.profile-textarea {
  padding: 10px 15px;
  height: 200px;
  border-radius: 15px;
}
.profile-requiredText {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 5px;
  font-size: 0.9em;
  font-style: italic;
}
.profile-emailWarning {
  left: 10px;
  font-style: italic;
  color: red;
  visibility: hidden;
}
/* Newsletter subscription */
.form-profile-section-header.form-profile-newsletterSection-header {
  margin-bottom: 20px;
}
#profile-newsletter-subscription,
#profile-cgu-validation {
  display: none;
}
.profile-newsletterText {
  display: block;
  margin-left: 40px;
  font-size: 0.9em;
  cursor: pointer;
}
.profile-newsletterText::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  border-radius: 15px;
  margin-right: 10px;
  margin-left: -40px;
  margin-top: -5px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 1.8em;
  float: left;
  cursor: pointer;
}
input[type="checkbox"]:checked + .profile-newsletterText::before {
  content: "✔";
}
/* Validation */
.form-profile-section-validation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1em;
}
.form-profile-section-column {
  text-align: center;
}
.form-profile-section-column:not(:first-child) {
  padding-top: 20px;
}
.tool-form-submit.profile-submit,
.tool-form-submit.create-profile-submit {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: auto;
}
.tool-form-submit.profile-submit {
  margin-bottom: 20px;
}
.tool-form-submit.create-profile-submit {
  margin-top: 20px;
}
.profile-smallText {
  font-size: 0.75em;
}
@media (min-width: 480px) {
  .profile-section {
    padding: 0 40px;
  }
}
@media (min-width: 720px) {
  .form-profile-section-validation {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .form-profile-section-column {
    width: 50%;
  }
  .form-profile-section-column:not(:first-child) {
    padding-top: 0;
  }
  .tool-form-submit.profile-submit {
    margin-bottom: 0;
  }
}
.redirection-section {
  padding: 40px;
}
.redirection-img {
  max-width: 100%;
  margin: auto;
  text-align: center;
}
.redirection-txt {
  width: 400px;
  max-width: 100%;
  margin: auto;
}
.erreur-redirection-btn {
  display: block;
  height: 40px;
  line-height: 40px;
  width: 250px;
  margin: auto;
  margin-bottom: 40px;
}
@media (min-width: 720px) {
  .redirection-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .redirection-img {
    width: 420px;
    max-width: 50%;
    padding-right: 20px;
    margin: 0;
  }
  .redirection-txt {
    max-width: 50%;
    margin: 0;
  }
}
/* Title logo */
.data-themes-logo {
  position: absolute;
  display: block;
  left: 5px;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
}
@media (min-width: 720px) and (min-height: 720px) {
  .data-themes-logo {
    left: 10px;
    width: 80px;
    height: 80px;
    margin-top: -40px;
  }
}
/* GLOBAL PRESENTATION */
.data-themes-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.data-themes-aside {
  width: 280px;
}
.data-themes-mainSection {
  -ms-flex: 1;
  flex: 1;
}
.data-list {
  display: -ms-flexbox;
  display: flex;
  /* center or start ? */
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-top: 20px;
  padding: 0 40px;
}
/* DATA LIST */
.data-list-item {
  width: 260px;
  height: 200px;
  margin: 10px;
  overflow: hidden;
  transition: background-color 0.25s ease-out;
}
.theme-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.theme-list-item img {
  width: 100px;
}
.theme-list-item p {
  max-width: 260px;
  padding: 0 30px;
  font-weight: bold;
  text-transform: uppercase;
}
/* External link */
.data-list-item-externalLink {
  height: 100%;
  width: 100%;
  padding: 40px 5px;
  margin: 0;
  text-align: center;
  line-height: 30px;
  font-size: 1.1em;
  transition: background-color 0.25s ease-out;
}
.data-list-externalLink-theme {
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
}
.data-list-externalLink-href {
  font-size: 0.8em;
}
.data-list-externalLink-href::after {
  content: "➜";
  margin-left: 2px;
}
/* Data list item */
.data-list-item-img {
  margin: 0;
  padding: 20px;
  padding-bottom: 0;
}
.data-list-item-title {
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
  margin: 0 20px;
  padding-left: 40px;
  padding-top: 5px;
  height: 53px;
  line-height: 16px;
  overflow: hidden;
}
.data-list-item-moreInput {
  display: none;
}
.data-list-item-moreLabel {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.data-list-item-more {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  padding: 20px;
  transition: top 0.25s ease-out;
}
.data-list-item-moreInput:checked ~ .data-list-item-more {
  top: 0;
}
.data-list-item-moreClose {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.data-list-item-moreText {
  height: 100%;
  margin: 0;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.6em;
  overflow: hidden;
}
.data-list-item-moreText img {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}
@media (min-width: 720px) and (min-height: 720px) {
  .data-list {
    min-height: 500px;
  }
}
/* DISPLAY ASIDE FILTERS */
#open-data-filter {
  display: none;
}
.open-data-filter-label {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  left: -40px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
}
.close-data-filter-label {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.data-themes-aside {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  -ms-transform: translateX(280px);
  transform: translateX(280px);
  font-size: 0.8em;
  transition: all 0.25s ease-out;
}
#open-data-filter:checked + .data-themes-aside {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media (min-width: 660px) {
  .open-data-filter-label,
  .close-data-filter-label {
    display: none;
  }
  .data-themes-aside {
    position: relative;
    height: auto;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* ASIDE FILTERS */
.data-theme-filter {
  width: 100%;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 20px;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
}
.data-theme-filter {
  cursor: pointer;
}
.data-themes-aside-section {
  padding: 0 0 20px 0;
}
.data-themes-aside-section header {
  margin: 20px 0 20px 20px;
  text-transform: uppercase;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
.data-provider-filter {
  padding: 0 20px;
}
.data-provider-filter-input {
  display: none;
}
.data-provider-filter-label {
  display: block;
  min-height: 30px;
  padding-left: 40px;
  margin: 10px 0;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  cursor: pointer;
}
.data-provider-filter-label::before {
  content: "✘";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 1.8em;
}
.data-provider-filter-input:checked + .data-provider-filter-label::before {
  content: "✔";
}
#data-date-filter {
  padding: 0 20px;
}
#data-date-filter label {
  width: 30px;
  text-align: center;
}
#data-localisation-filter {
  display: block;
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin: auto;
  margin-top: 10px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
}
/* GENERAL SETTINGS */
body {
  color: #002A50;
  background-color: #FFF;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  background-color: #00B798;
}
/* Links & buttons */
a:focus,
button:focus,
input[type="submit"]:focus {
  outline: 1px dotted #F90;
}
/* Inputs */
.home-showMore {
  color: #FFF;
  background-color: #0B6BA7;
}
.home-showMore:hover {
  color: #0B6BA7;
  background-color: #EBEFF2;
}
#home-showMore-news:hover,
#home-showMore-tutorials:hover,
#home-showMore-inspire:hover {
  background-color: #FFF;
}
.small-form-input {
  color: #002A50;
}
.small-form-input::-webkit-input-placeholder {
  color: #002A50;
  opacity: 0.7;
}
.small-form-input::-moz-placeholder {
  color: #002A50;
  opacity: 0.7;
}
.small-form-input:-ms-input-placeholder {
  color: #002A50;
  opacity: 0.7;
}
.small-form-submit {
  background-color: #D8DDE0;
  color: #0B6BA7;
}
.tool-form-submit {
  color: #FFF;
  background-color: #00B798;
}
.tool-form-submit:hover {
  color: #00B798;
  background-color: #FFF;
}
.tool-form-submit:disabled {
  color: #FFF !important;
  background: silver !important;
}
.button-leave {
  color: #FFF;
  background-color: #0B6BA7;
}
.button-leave:hover {
  color: #0B6BA7;
  background-color: #FFF;
}
.button-leave:hover {
  color: #0B6BA7;
  background-color: #FFF;
}
.button-leave:disabled {
  color: #FFF !important;
  background: silver !important;
}
.button-close {
  color: #0B6BA7;
  background-color: #FFF;
  border: 1px solid #0B6BA7;
}
.button-close:hover {
  color: #FFF;
  background-color: #0B6BA7;
}
.button-close:disabled {
  color: #FFF !important;
  background: silver !important;
}
/* HEADER */
.main-header {
  background-color: #FFF;
}
.open-header-search-form-container label {
  background-image: url("images/search.svg");
  background-size: 24px 24px;
  background-position: center;
}
#header-search-form {
  background-color: #FFF;
}
#header-search-form::before {
  background-image: url("images/search.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
#header-search-input {
  border: 1px solid #D6D6D6;
}
#header-search-submit {
  background-color: #EEF2F5;
  background-image: url("images/more.svg");
  background-size: 18px 18px;
}
.header-tools-desktop-only {
  background-color: #FFF;
  color: #CBCBCB;
}
.header-tools-mobile-desktop {
  background-color: #00B798;
  color: #FFF;
}
.header-tool {
  background-image: url("images/header-tools.svg");
  background-size: 300px 33px;
}
#header-tool-help {
  background-position: -55px 3px;
}
#header-tool-print {
  background-position: -105px 3px;
}
#header-tool-myMaps {
  background-position: -155px 3px;
}
#header-tool-share {
  background-position: -255px 3px;
}
#header-tool-myMaps.highlight {
  background-color: #DD6;
  box-shadow: 0 0 10px #FF3;
  background-size: 360px 40px;
  background-position: -190px -3px;
}
.header-tool-span {
  color: #FFF;
  background-color: #0B6BA7;
}
@media (min-width: 620px) {
  #header-search-form::before {
    background-size: 18px 18px;
  }
}
@media (min-width: 1240px) {
  #header-search-form::before {
    background-size: 24px 24px;
  }
  .header-tool {
    background-size: 360px 40px;
  }
  #header-tool-help {
    background-position: -60px 0;
  }
  #header-tool-print {
    background-position: -120px 0;
  }
  #header-tool-myMaps {
    background-position: -180px 0;
  }
  #header-tool-share {
    background-position: -300px 0;
  }
  #header-tool-myMaps.highlight {
    background-size: 450px 50px;
    background-position: -232px -7px;
  }
}
/* HEADER PANELS */
.header-panel::before {
  background-size: 100% 100%;
  background-image: url("images/header-pointer.svg");
}
.header-panel-content {
  background-color: #EBEFF2;
}
.header-panel-advanced-content,
.header-panel-connexion-infos {
  background-color: #D4D8D9;
}
.header-panel h4 {
  color: #002A50;
}
.header-panel-close {
  background-image: url("images/close-emeraud.svg");
  background-size: 16px 16px;
  background-position: center;
}
/* Maps/imports panel */
#myMaps-panel h4 {
  background-color: #EBEFF2;
}
.myMaps-radio-label {
  background-image: url("images/myMaps-radio.svg");
  background-size: 30px 160px;
}
#myMaps-radio-label-maps {
  background-position: 5px 0px;
}
#myMaps-radio-maps:checked + #myMaps-radio-label-maps {
  background-position: 5px -40px;
}
#myMaps-radio-label-imports {
  background-position: 5px -80px;
}
#myMaps-radio-imports:checked + #myMaps-radio-label-imports {
  background-position: 5px -120px;
}
.myMaps-radio + .myMaps-radio-label {
  background-color: #00B798;
  color: #FFF;
}
.myMaps-radio:checked + .myMaps-radio-label {
  background-color: #FFF;
  color: #002A50;
}
.myMaps-section {
  background-color: #EBEFF2;
}
.myMaps-section .tool-form-submit:hover {
  background-color: #EBEFF2;
}
.myMaps-section header,
.myMaps-entry {
  border-bottom: 1px solid #B2BFCA;
}
.myMaps-section header {
  background-color: #FFF;
}
.myMaps-entry-description {
  background-color: #EBEFF2;
}
.myMaps-entry-description:hover {
  background-color: #FFF;
}
.myMaps-entry-name {
  color: #0B6BA7;
}
.myMaps-entry-metadata {
  color: #999;
}
.myMaps-entry-show-options {
  background-color: #0B6BA7;
  background-image: url("images/layer-advancedTools-open.svg");
  background-size: 60px 24px;
  background-position: 0 center;
}
.myMaps-entry-show-options-input:checked + .myMaps-entry-show-options {
  background-color: #FFF;
  background-position: -30px center;
}
.myMaps-entry-options {
  background-color: #0B6BA7;
}
.myMaps-entry-rename-input {
  color: #0B6BA7;
}
.myMaps-entry-rename-valid {
  background-color: #EBEFF2;
  color: #00B798;
}
.myMaps-entry-rename-valid:hover {
  background-color: #00B798;
  color: #FFF;
}
.myMaps-entry-trash {
  background-color: #0B6BA7;
  background-image: url("images/myMaps-trash.svg");
  background-size: 60px 30px;
  background-position: 0 0;
}
.myMaps-entry-trash:hover {
  background-position: -30px 0;
}
.myMaps-entry-trash:hover {
  background-color: #FFF;
}
/* Connexion panel */
.connexion-panel-connected {
  background-color: #EBEFF2;
}
#connexion-mail,
#connexion-password {
  border: 1px solid #BBB;
}
.connexion-name {
  color: #0B6BA7;
}
#connexion-disconnect-button {
  background-image: url("images/disconnect.svg");
  background-size: 30px 30px;
}
#print-title,
#myMaps-saveMap-title,
#share-permalink,
.header-panel-textarea {
  border: 1px solid #D6D6D6;
}
/* Share panel */
.share-button {
  color: #FFF;
  background-color: #00B798;
}
.share-button:hover {
  color: #00B798;
  background-color: #FFF;
}
.share-button::before {
  background-color: #FFF;
  background-image: url("images/share-buttons.svg");
  background-size: 120px 32px;
  border: 1px solid #D6D6D6;
  border-right: none;
}
#share-mail::before {
  background-position: 2px 0;
}
#share-facebook::before {
  background-position: -38px 0;
}
#share-twitter::before {
  background-position: -78px 0;
}
.share-button:hover::before {
  border: 1px solid #FFF;
}
/* NAV MENU */
.open-nav-menu-picto {
  background-image: url("images/menu-hamburger.svg");
  background-size: 18px 16px;
  background-position: center;
}
#open-nav-menu-text {
  color: #CCC;
}
#open-nav-menu-text.highlight {
  text-shadow: 0 0 5px #FFFF33;
  color: #FFFF66;
}
#open-nav-menu + label {
  background-color: #0B6BA7;
}
.main-nav {
  background-color: #EBEFF1;
}
.main-nav .nav-li {
  background-color: #0B6BA7;
  color: #FFF;
  border-top: 1px solid #39C;
}
.main-nav .nav-li:hover {
  background-color: #FFF;
  color: #0B6BA7;
}
.main-nav #nav-li-home .nav-picto,
.main-nav #nav-li-remonterLeTemps .nav-picto,
.main-nav #nav-showMore-backMaps-mobile .nav-picto,
.main-nav #nav-showMore-thematics-mobile .nav-picto {
  background-image: url("images/nav-pictos.svg");
  background-size: 26px 240px;
}
.main-nav #nav-li-home .nav-picto {
  background-position: 10px -40px;
}
.main-nav #nav-li-home:hover .nav-picto {
  background-position: 10px 0;
}
.main-nav #nav-li-remonterLeTemps .nav-picto {
  background-position: 10px -120px;
}
.main-nav #nav-li-remonterLeTemps:hover .nav-picto {
  background-position: 10px -80px;
}
.main-nav #nav-showMore-backMaps-mobile .nav-picto {
  background-position: 10px -160px;
}
.main-nav #nav-showMore-thematics-mobile .nav-picto {
  background-position: 10px -200px;
}
.main-nav .nav-li-aside,
.nav-aside {
  background-color: #EBEFF1;
  color: #0B6BA7;
}
.main-nav .nav-li-aside {
  border-top: 1px solid #B2BFCA;
}
.nav-aside-mobile-only::after,
.main-nav-second-level ul .nav-thematics::after {
  background-image: url("images/arrow-blue.svg");
  background-size: 10px 18px;
  background-position: center;
}
.nav-aside header {
  color: #002A50;
}
.nav-showMore {
  color: #FFF;
  background-color: #0B6BA7;
}
.nav-layer {
  color: #0B6BA7;
}
.nav-layer-selected {
  color: #FFF;
  background-color: #00375A;
}
.nav-layer .inner-link:hover {
  cursor: pointer;
  background-color: #FFF;
}
.nav-layer-selected .inner-link:hover {
  cursor: pointer;
  color: #0B6BA7;
}
.nav-showMore:hover {
  background-color: #FFF;
  color: #0B6BA7;
}
ul .nav-thematics:nth-child(1) .nav-picto {
  background-position: 0 -5px;
}
ul .nav-thematics:nth-child(2) .nav-picto {
  background-position: 0 -55px;
}
ul .nav-thematics:nth-child(3) .nav-picto {
  background-position: 0 -105px;
}
ul .nav-thematics:nth-child(4) .nav-picto {
  background-position: 0 -155px;
}
ul .nav-thematics:nth-child(5) .nav-picto {
  background-position: 0 -205px;
}
ul .nav-thematics:nth-child(6) .nav-picto {
  background-position: 0 -255px;
}
ul .nav-thematics:nth-child(7) .nav-picto {
  background-position: 0 -305px;
}
ul .nav-thematics:nth-child(8) .nav-picto {
  background-position: 0 -355px;
}
ul .nav-thematics:nth-child(9) .nav-picto {
  background-position: 0 -405px;
}
.nav-aside-mobile-only:hover,
.nav-thematics:hover {
  background-color: #FFF;
}
#nav-aside-inspire-contents .nav-thematics {
  border-top: 1px solid #B2BFCA;
}
/* Nav menu : second level */
.main-nav-second-level-back {
  background-color: #EBEFF1;
}
.main-nav-second-level-back::after {
  background-image: url("images/arrow-blue.svg");
  background-size: 14px 24px;
  background-position: center;
  transform: translateX(-1px) rotateY(180deg);
}
.main-nav-second-level-back:hover {
  background-color: #0B6BA7;
}
.main-nav-second-level-back:hover::after {
  background-image: url("images/arrow-white.svg");
}
.main-nav-second-level ul .nav-thematics {
  border-bottom: 1px solid #B2BFCA;
}
.main-nav-second-level ul .nav-thematics:first-child {
  border-top: 1px solid #B2BFCA;
}
@media (min-width: 1240px) {
  .open-nav-menu-picto {
    background-size: 30px 28px;
  }
}
/* SEARCH ENGINE */
#home-search-input #autocompleteList {
  border-top: 1px solid #002A50;
}
.autocomplete-proposition {
  color: #0B6BA7;
  background-color: #EEF2F3;
  border-bottom: 1px solid #D8DFE4;
}
.autocomplete-proposition:hover {
  background-color: #FFF;
}
.autocomplete-proposition:first-child::before {
  color: #002A50;
  background-color: #EEF2F3;
  background-image: url("images/autocomp-title.svg");
  background-size: 50px 100px;
  border-bottom: 1px solid #D8DFE4;
}
#locations-completeList .autocomplete-proposition:first-child::before {
  background-position: 0 0;
}
#layers-completeList .autocomplete-proposition:first-child::before {
  background-position: 0 -50px;
}
#geocatalog-completeList .autocomplete-proposition:first-child::before {
  background-position: 0 -50px;
}
/* EDITORIAL PAGES */
.edito-title,
.edito-h1 {
  background-color: #F1F4F5;
}
.nav-position-href-item {
  color: #00B798;
}
.edito-share {
  background-image: url("images/edito-share.svg");
  background-size: 90px 30px;
}
@media (min-width: 720px) and (min-height: 720px) {
  .edito-share {
    background-size: 150px 50px;
  }
}
.erreur-redirection-btn:hover {
  background-color: #EBEFF2;
}
/* FULL PAGE ALERT */
.fullPage-alert-container {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
}
.fullPage-alert {
  background-color: #FFF;
}
.fullPage-alert li a {
  color: #0B6BA7;
}
.fullPage-alert li a:hover {
  color: #00B798;
}
.btn-fullPage-alert {
  background-color: #0B6BA7;
  color: #FFF;
}
.btn-fullPage-alert:hover {
  background-color: #E9EDF0;
  color: #0B6BA7;
}
/* FOOTER */
.footer-large {
  background-color: #0B6BA7;
  color: #EEE;
}
.footer-small {
  background-color: #FFF;
  color: #333;
}
.enlarge-footer {
  background-image: url("images/more.svg");
  background-size: 12px 12px;
  background-position: center;
}
.collapse-footer {
  background-image: url("images/close-white.svg");
  background-size: 16px 16px;
  background-position: center;
}
.footer-social-network {
  background-image: url("images/social-networks.png");
  background-size: 120px 60px;
}
#footer-facebook {
  background-position: 0 0;
}
#footer-twitter {
  background-position: -60px 0;
}
/*********************************
 * COLORS FOR HOME PAGE
 *********************************/
/* HOME MAIN SECTION, WITH CALL TO ACTION */
#home-section-callToAction {
  color: #FFF;
}
#home-section-callToAction {
  background-image: url("images/background-map.jpg");
  background-position: center top;
}
/* Search input */
.large-search-input {
  color: #002A50;
}
.large-search-input::-webkit-input-placeholder {
  color: #002A50;
  opacity: 0.7;
}
.large-search-input::-moz-placeholder {
  color: #002A50;
  opacity: 0.7;
}
.large-search-input:-ms-input-placeholder {
  color: #002A50;
  /* GC : desactivation pour affichage iso ie11 du placeholder */
  /*
      opacity: 0.7;
    */
}
.large-form-input::before {
  background-image: url("images/search.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.large-search-submit {
  background-color: #D4D9DD;
  color: #0B6BA7;
}
/* Baseline / down arrow */
.home-downArrow {
  background-color: #00B798;
}
.home-downArrow::after {
  background-image: url("images/arrow-white.svg");
  background-size: 18px 32px;
  background-position: center;
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
}
@media (min-width: 720px) {
  #home-section-callToAction {
    background-image: url("images/background-map-xl.jpg");
  }
  .large-form-input::before {
    background-size: 30px 30px;
  }
}
/* HOME NEWS SECTION */
#home-section-news {
  background-color: #E8ECEF;
}
/* News slideshow */
#home-news-slideshow article {
  background-color: #E8ECEF;
}
.home-news-date {
  color: #666;
}
/* News slideshow arrows */
.home-news-arrows {
  color: #0B6BA7;
}
.home-news-arrows::after {
  background-image: url("images/arrow-emeraud.svg");
  background-size: 20px 32px;
  background-position: center;
}
#home-news-previous::after {
  transform: rotateY(180deg);
}
@media (min-width: 720px) {
  .home-news-arrows::after {
    background-size: 30px 48px;
    background-position: center right;
  }
}
@media (min-width: 920px) {
  #home-section-news {
    background: linear-gradient(to right, #E8ECEF 50%, #E0E4E7 50%);
  }
  #home-news-slideshow article:nth-child(even) {
    background-color: #E0E4E7;
  }
}
/* HOME NEWSLETTER SECTION */
#home-section-newsletter {
  background-color: #00B798;
  color: #FFF;
}
/* HOME DATA SECTION */
#home-section-data {
  background-color: #FFF;
}
.home-data-examples article {
  background-color: #EEF2F5;
}
.home-data-examples article header {
  background-color: #E3E7EA;
}
#data-example-agri header {
  background-position: 0 0;
}
#data-example-cult header {
  background-position: 0 -50px;
}
#data-example-eco header {
  background-position: 0 -100px;
}
#data-example-educ header {
  background-position: 0 -150px;
}
.home-data-examples h3,
.data-example-baseline {
  color: #0B6BA7;
}
.data-example-description {
  color: #111;
}
.home-data-arrows::after {
  background-image: url("images/arrow-emeraud.svg");
  background-size: 20px 32px;
  background-position: center;
}
#home-data-previous::after {
  transform: rotateY(180deg);
}
/* HOME TUTORIALS SECTION */
#home-section-tutorials {
  background-color: #00B798;
  color: #FFF;
}
@media (min-width: 920px) {
  #home-section-tutorials {
    background-color: #E8ECEF;
    color: inherit;
  }
  #home-tutorials-slideshow article {
    background-color: #00B798;
    color: #FFF;
  }
}
/* Tutorials slideshow arrows */
.home-tutorials-arrows {
  background-color: rgba(0, 183, 152, 0.7);
  color: #FFF;
}
.home-tutorials-arrows::after {
  background-image: url("images/arrow-white.svg");
  background-size: 20px 32px;
  background-position: center;
}
#home-tutorials-previous::after {
  transform: rotateY(180deg);
}
@media (min-width: 920px) {
  .home-tutorials-arrows::after {
    background-size: 30px 48px;
    background-position: 50px center;
  }
}
/* HOME PRODUCERS SECTION */
#home-section-producers {
  background-color: #FFF;
}
/* HOME INSPIRE SECTION */
#home-section-inspire {
  background-color: #E8ECEF;
}
/*********************************
 * COLORS FOR PROFILE PAGE
 *********************************/
.form-profile-section:not(:last-child) {
  border-bottom: 1px solid #D6D6D6;
}
.profile-input,
.profile-textarea {
  border: 1px solid #D6D6D6;
}
.profile-requiredText {
  color: #0B6BA7;
}
.profile-newsletterText::before {
  color: #0B6BA7;
  background-color: #EBEFF2;
}
.profile-newsletterLink {
  color: #00B798;
}
.profile-submit,
.create-profile-submit {
  color: #FFF;
}
.profile-submit:hover,
.create-profile-submit:hover {
  background-color: #EBEFF2;
}
.form-profile-section-column:not(:last-child) {
  border-bottom: 1px solid #D6D6D6;
}
@media (min-width: 720px) {
  .form-profile-section-column:not(:last-child) {
    border-bottom: none;
  }
}
/*********************************
 * COLORS FOR NEWS LIST PAGE
 *********************************/
.news-list article:hover {
  color: #0B6BA7;
  background-color: #EBEFF2;
}
.news-list-news-date {
  color: #666;
}
/*********************************
 * COLORS FOR NEWS SINGLE ARTICLE PAGE
 *********************************/
.news-article .date {
  color: #666;
}
.news-article p[align="center"] {
  color: #666;
}
.news-article a {
  color: #00b798;
}
.news-article figure a {
  float: left;
  margin-bottom: 5px;
  position: relative;
  z-index: 10;
}
/*********************************
 * COLORS FOR DATA THEMES PAGE
 *********************************/
#data-themes-logo-susDev {
  background-position: 0 -200px;
}
@media (min-width: 720px) and (min-height: 720px) {
  .data-themes-logo {
    background-size: 80px 720px;
  }
  #data-themes-logo-susDev {
    background-position: 0 -400px;
  }
}
.data-themes-aside {
  background-color: #E9EDEF;
}
/* Data / producer list */
.data-list-item {
  background-color: #E9EDEF;
}
.data-list-item:hover {
  background-color: #DDD;
}
/* External link */
.data-list-item-externalLink {
  background-color: #00B798;
  color: #FFF;
}
.data-list-item-externalLink:hover {
  background-color: #002A50;
}
/* Data list item */
.data-list-item-title {
  color: #0B6BA7;
  background-image: url("images/layers-list.svg");
  background-size: 40px 30px;
}
.producer-list-item .data-list-item-title {
  margin: 5px 20px 0 20px;
  padding: 0;
  background-image: none;
  text-align: center;
  color: #0B6BA7;
}
.data-list-item-moreLabel {
  background-color: #00B798;
  background-image: url("images/info.svg");
  background-size: 30px 30px;
}
.data-list-item-more {
  background-color: #00B798;
}
.data-list-item-moreClose {
  background-image: url("images/close-white.svg");
  background-size: 16px 16px;
  background-position: center;
}
.data-list-item-moreText {
  color: #FFF;
}
.theme-list-item {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0B6BA7;
}
.theme-list-item img {
  filter: brightness(0) invert(1);
}
.theme-list-item:hover {
  background-color: #00B798;
}
/* Display aside filters */
.open-data-filter-label {
  background-color: #0B6BA7;
  background-image: url("images/data-filter.svg");
  background-size: 24px 18px;
  background-position: center;
}
.close-data-filter-label {
  background-image: url("images/close-emeraud.svg");
  background-size: 14px 14px;
  background-position: center;
}
/* Aside filters */
.data-theme-filter {
  color: #0B6BA7;
}
.data-theme-filter:hover {
  background-color: #FFF;
}
a.active .data-theme-filter {
  color: #FFF;
  background-color: #002A50;
}
.data-themes-aside-section:nth-child(n+2) {
  border-top: 1px solid #B2BFCA;
}
.data-provider-filter-label:hover {
  color: #00B798;
}
.data-provider-filter-label::before {
  color: #FFF;
  background-color: #00B798;
}
.data-provider-filter-input:checked + .data-provider-filter-label::before {
  color: #00B798;
  background-color: #FFF;
}
#data-date-filter input::-webkit-input-placeholder {
  color: #00B798;
}
#data-date-filter input::-moz-placeholder {
  color: #00B798;
}
#data-date-filter input:-ms-input-placeholder {
  color: #00B798;
}
#data-date-filter input:-moz-placeholder {
  color: #00B798;
}
#data-date-filter input {
  border: 1px solid #AAA;
  color: #00B798;
}
#data-date-filter input:first-child {
  border-right: none;
}
#data-date-filter input:last-child {
  border-left: none;
}
#data-date-filter label {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-left: none;
  border-right: none;
}
#data-localisation-filter {
  border: 1px solid #AAA;
}
/*********************************
 * COLORS FOR SURVEY LEAVING WEBSITE
 *********************************/
.breadcrumb {
  display: none;
  padding: 20px 20px 0 30px;
  margin: 0;
  line-height: 1em;
  font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
}
.nav-position-item {
  display: inline;
}
.nav-position-item:not(:last-child) {
  color: #00B798;
}
.nav-position-item:not(:last-child)::after {
  content: ">";
  margin-left: 5px;
  margin-right: 5px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
@media (min-width: 720px) and (min-height: 720px) {
  .breadcrumb {
    display: block;
  }
}
h2.frq-main-title {
  font-size: 20px;
}
.hrf-entry {
  border: none !important;
  margin-bottom: 30px !important;
  padding-bottom: 0px !important;
}
.hrf-content {
  display: none;
  color: #002A50;
  font-size: 16px;
  padding: 10px;
  padding-left: 50px;
  word-break: normal;
}
.hrf-title {
  font-size: 18px ;
  color: white;
  background: #0B6BA7;
  padding: 0px 10px 10px 50px ;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline-style: none;
  border-radius: 20px;
}
.hrf-title.close-faq {
  cursor: pointer;
}
.hrf-title.close-faq span {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  left: 0;
  top: 8px;
  margin-right: 12px;
  margin-left: -42px;
  background: #0B6BA7 url("images/vendors/faq/open.png") no-repeat center center;
}
.hrf-title.open-faq span {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  left: 0;
  top: 8px;
  margin-right: 12px;
  margin-left: -42px;
  background: #0B6BA7 url("images/vendors/faq/close.png") no-repeat center center;
}
.hrf-title:hover,
.hrf-title.close-faq:hover,
.hrf-title.open-faq:hover,
.hrf-title.close-faq:hover span,
.hrf-title.open-faq:hover span,
.hrf-title:hover span {
  background-color: #00B798;
}
.right-panel {
  overflow: hidden !important;
}
.GPlayerInfoPanelOpened {
  overflow-y: auto;
}
.geoportail-popup-content a {
  font-weight: bold;
  color: #00b798;
  text-decoration: underline;
}
#layerSwitcher-infoLegend-data {
  display: block;
  width: calc(100% - 20px);
  /* font-size: 1em; */
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 10px auto;
  padding: 0;
}
.right-panel-section-header h2 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
/* PANEL : GENERAL */
#advanced-search-container {
  display: none;
  z-index: 50;
  position: absolute;
  top: 7px;
  left: 7px;
  box-shadow: 0 0 5px #000;
  background-color: #FFF;
  width: 400px;
  padding: 10px;
  padding-top: 0;
  transition: all ease-out 0.3s;
}
#advanced-search-close {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("images/close-emeraud.svg");
  background-size: 14px 14px;
  background-position: center;
  cursor: pointer;
}
#advanced-search-title {
  width: calc(100% - 60px);
  margin: auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #002A50;
  border-bottom: 1px solid #BBB;
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  margin-bottom: 15px;
}
.advanced-search-current-panel {
  display: block;
}
.advanced-search-other-panel {
  display: none;
}
@media (min-width: 720px) and (min-height: 720px) {
  #advanced-search-container {
    top: 15px;
    left: 15px;
  }
}
/* PANEL HEADER */
.advanced-search-panel-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 15px;
}
.advanced-search-panel-header-img-container {
  margin: 0;
}
#advanced-search-change-panel {
  height: 30px;
  width: 200px;
  line-height: 30px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border: 1px solid #BBB;
  padding: 0 10px;
  font-size: 0.9em;
}
#advanced-search-poi-select {
  height: 30px;
  width: 120px;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 30px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border: 1px solid #BBB;
  padding: 0 10px;
  font-size: 0.9em;
}
/* PANEL FORMS */
.advanced-search-form-line-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.advanced-search-input {
  height: 30px;
  width: 280px;
  line-height: 30px;
  border-radius: 15px;
  border: 1px solid #BBB;
  padding: 0 10px;
  font-size: 0.9em;
}
.advanced-search-input.address-input {
  width: 145px;
}
.advanced-search-input.city-input {
  width: 135px;
}
.advanced-search-input.parcel-input {
  width: 85px;
}
.advanced-search-input.parcel-input:disabled {
  background-color: #EEF2F5;
}
.advanced-search-submit {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 10px;
  text-align: center;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 0.9em;
  border: none;
  background-color: #00B798;
  color: #FFF;
}
.advanced-search-submit:hover {
  background-color: #EEF2F5;
  color: #00B798;
}
.advanced-search-submit:disabled {
  background-color: #EEF2F5;
  color: #FFF;
  cursor: default;
}
#advanced-search-parcel-form {
  margin-top: 15px;
}
.advanced-search-coords-select {
  height: 30px;
  width: 170px;
  margin: auto;
  line-height: 30px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border: 1px solid #BBB;
  padding: 0 10px;
  font-size: 0.75em;
  margin-bottom: 10px;
}
#advanced-search-coords-selectProj {
  width: 150px;
}
#advanced-search-coords-submit {
  display: block;
  margin: auto;
  margin-top: 20px;
}
#advanced-search-coords .GPflexInput {
  font-size: 0.75em;
  margin: 15px;
}
#advanced-search-coords .GPflexInput > label {
  padding: 0 5px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
}
#advanced-search-coords .GPflexInput > label[for] {
  width: 95px;
  padding: 0 10px;
}
#advanced-search-coords .GPflexInput > label[for].advanced-search-coords-smallLabel {
  width: 40px;
}
#advanced-search-coords-form .GPflexInput > :last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-right: 10px;
}
.advanced-search-geocatalog-link-container {
  padding: 0 30px;
}
/* RESULTS LIST */
.advanced-search-hidden-results,
.advanced-search-displayed-results {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.advanced-search-hidden-results {
  max-height: 0;
}
.advanced-search-displayed-results {
  max-height: 200px;
}
.advanced-search-results-list {
  margin-top: 15px;
  border-left: 1px solid #D8DFE4;
  border-right: 1px solid #D8DFE4;
  border-top: 1px solid #D8DFE4;
}
.advanced-search-results-list .autocomplete-proposition {
  display: none;
}
.advanced-search-results-list.page1 .autocomplete-proposition:nth-child(1),
.advanced-search-results-list.page1 .autocomplete-proposition:nth-child(2),
.advanced-search-results-list.page1 .autocomplete-proposition:nth-child(3),
.advanced-search-results-list.page1 .autocomplete-proposition:nth-child(4),
.advanced-search-results-list.page1 .autocomplete-proposition:nth-child(5) {
  display: block;
}
.advanced-search-results-list.page2 .autocomplete-proposition:nth-child(6),
.advanced-search-results-list.page2 .autocomplete-proposition:nth-child(7),
.advanced-search-results-list.page2 .autocomplete-proposition:nth-child(8),
.advanced-search-results-list.page2 .autocomplete-proposition:nth-child(9),
.advanced-search-results-list.page2 .autocomplete-proposition:nth-child(10) {
  display: block;
}
.advanced-search-results-list.page3 .autocomplete-proposition:nth-child(11),
.advanced-search-results-list.page3 .autocomplete-proposition:nth-child(12),
.advanced-search-results-list.page3 .autocomplete-proposition:nth-child(13),
.advanced-search-results-list.page3 .autocomplete-proposition:nth-child(14),
.advanced-search-results-list.page3 .autocomplete-proposition:nth-child(15) {
  display: block;
}
.advanced-search-results-list.page4 .autocomplete-proposition:nth-child(16),
.advanced-search-results-list.page4 .autocomplete-proposition:nth-child(17),
.advanced-search-results-list.page4 .autocomplete-proposition:nth-child(18),
.advanced-search-results-list.page4 .autocomplete-proposition:nth-child(19),
.advanced-search-results-list.page4 .autocomplete-proposition:nth-child(20) {
  display: block;
}
.advanced-search-results-list.page5 .autocomplete-proposition:nth-child(21),
.advanced-search-results-list.page5 .autocomplete-proposition:nth-child(22),
.advanced-search-results-list.page5 .autocomplete-proposition:nth-child(23),
.advanced-search-results-list.page5 .autocomplete-proposition:nth-child(24),
.advanced-search-results-list.page5 .autocomplete-proposition:nth-child(25) {
  display: block;
}
/* RESULTS COUNTER */
.advanced-search-results-page-counter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0 80px;
  margin-top: 10px;
}
.advanced-search-results-page-counter input {
  display: none;
}
.advanced-search-results-page-counter-item {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-size: 0.75em;
  background-color: #DDD;
  color: #FFF;
  cursor: pointer;
}
input[type="radio"]:checked + .advanced-search-results-page-counter-item {
  background-color: #00B798;
}
#viewer-map .ol-viewport {
  width: 100% !important;
  height: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
#viewer-map .ol-viewport canvas,
#viewer-map > .ol-viewport .ol-overlaycontainer,
#viewer-map > .ol-viewport .ol-overlaycontainer-stopevent {
  position: static;
}
.cartoBody {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
}
.cartoBody .main-nav,
#viewer {
  height: calc(100% - 65px);
}
.cartoBody #main-nav-first-level {
  height: 100%;
  overflow-y: auto;
}
#viewer-map,
.cartoBody .main-nav-second-level {
  height: 100%;
}
.cartoBody .nav-aside {
  max-height: 100%;
  overflow-y: auto;
}
#viewer-map {
  width: 100%;
  background-color: #DDD;
  background-position: center;
}
@media (min-width: 720px) and (min-height: 720px) {
  .cartoBody .main-nav,
  #viewer {
    height: calc(100% - 120px);
  }
  .cartoBody .footer-large {
    max-height: calc(100% - 80px);
  }
}
/* Visible elements */
.cartoBody .header-tools #header-tool-suggestions,
.cartoBody .header-tools #header-tool-help {
  display: block;
}
@media (min-height: 560px) {
  .cartoBody #share-advanced-panel {
    display: block;
  }
}
@media (min-width: 1000px) and (min-height: 620px) {
  .cartoBody .header-tools .header-tool-desktop-only {
    display: block;
  }
  .cartoBody #header-tool-print {
    border-left: 1px solid currentColor;
  }
}
/* HEADER PANELS */
/* Suggestions panel */
#suggestions-panel {
  width: calc(100% - 600px);
  right: 148px;
}
#suggestions-panel::before {
  right: 25px;
}
#suggestions-panel .header-panel-content {
  padding-bottom: 10px;
}
#suggestions-panel h4 {
  margin-bottom: 5px;
}
.suggestions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow-x: auto;
}
/* Maps/imports panel */
.cartoBody #myMaps-panel .myMaps-section {
  margin-top: 40px;
}
.cartoBody #myMaps-panel .myMaps-radio-label,
.cartoBody #myMaps-panel .myMaps-section header {
  display: block;
}
.cartoBody #myMaps-panel .myMaps-h4-span {
  display: inline;
}
/* Print panel */
.cartoBody #print-panel::before {
  right: 94px;
}
.cartoBody #print-title,
.cartoBody #print-comment {
  width: 100%;
  margin-bottom: 10px;
}
.cartoBody #print-title {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 20px;
}
.cartoBody #print-submit {
  display: block;
  margin: auto;
}
@media (min-width: 720px) and (min-height: 720px) {
  #suggestions-panel {
    width: calc(100% - 600px);
    right: 240px;
  }
  .cartoBody #print-panel::before {
    right: 145px;
  }
}
/* OL HIDDEN ELEMENTS */
.ol-zoom,
.ol-rotate {
  display: none;
}
.ol-attribution {
  display: block;
}
/** -------------
STRUCTURE OF MODAL BOX
-----------------**/
.ember-modal-dialog {
  z-index: 51000;
  position: fixed;
}
.ember-modal-dialog.modal-dialog-question .survey-title-section h2 {
  margin: 16px 0px 0px 0px;
  text-transform: uppercase;
  font-weight: 600;
}
.ember-modal-dialog.modal-dialog-question .support-buttons-section input {
  margin: 0px 10px;
}
.ember-modal-dialog.modal-dialog-information .content {
  overflow-y: auto;
}
.ember-modal-dialog.emd-in-place {
  position: static;
}
.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}
.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
}
/* ---------------
APPEARANCE OF MODAL BOX
---------------- */
@media (min-width: 100px) {
  .ember-modal-dialog {
    border-radius: 1px;
    background-color: #fff;
    box-shadow: none !important;
    padding: 20px;
    width: 350px;
    min-height: 30%;
    max-height: 450px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ember-modal-dialog.modal-dialog-information {
    padding: 20px;
    max-height: 90vh;
  }
  .ember-modal-dialog.modal-dialog-question {
    padding: 10px 30px;
  }
}
@media (max-width: 480px) {
  .ember-modal-dialog {
    border-radius: 1px;
    background-color: #fff;
    box-shadow: none !important;
    padding: 20px;
    width: 80%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ember-modal-dialog.modal-dialog-information {
    padding: 20px;
    max-height: 90vh;
  }
  .ember-modal-dialog.modal-dialog-question {
    padding: 10px 30px;
  }
}
@media (max-width: 300px) {
  .ember-modal-dialog {
    display: none;
  }
  .ember-modal-overlay {
    display: none;
  }
}
.ember-modal-overlay.translucent {
  background-color: rgba(0, 0, 0, 0.7);
}
.ember-modal-dialog h3 {
  color: #002A50;
  line-height: 25px;
  font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  margin: 0 0 10px 0;
}
.ember-modal-dialog a {
  font-weight: bold;
  color: #00B798;
}
.ember-modal-dialog p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.support-buttons-section {
  text-align: center;
  margin-bottom: 0px;
}
.support-submit {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0 35px;
  font-size: 1.2em;
}
.support-submit:hover {
  color: #FFF;
  background-color: #00B798;
}
.support-iframe-section {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  height: 100%;
}
.support-iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
.support-giveup-section {
  color: #0B6BA7;
  margin-top: 10px;
  font-size: 0.95em;
  font-weight: bold;
  cursor: pointer;
}