@font-face {
  font-family: DroidSans;
  src: url('//cdn.agglo-larochelle.fr/fonts/DroidSans-webfont.eot?') format("eot"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-webfont.woff2') format("woff2"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-webfont.woff') format("woff"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-webfont.ttf') format("truetype"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-webfont.svg#OpenSans-Light') format("svg");
}

@font-face {
  font-family: DroidSansBold;
  src: url('//cdn.agglo-larochelle.fr/fonts/DroidSans-Bold-webfont.eot?') format("eot"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-Bold-webfont.woff2') format("woff2"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-Bold-webfont.woff') format("woff"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-Bold-webfont.ttf') format("truetype"), url('//cdn.agglo-larochelle.fr/fonts/DroidSans-Bold-webfont.svg#OpenSans-Semibold') format("svg");
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
  scroll-behavior: smooth;
}

img,
img.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

html[lang="fr"],
body {
  color: #313131;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  margin: 0;
  overflow-x: hidden;
}

html[lang="fr"] {
  font-size: 100% !important;
  height: 100% !important;
  width: 100% !important;
}

body {
  background-color: #efefef;
  height: 100%;
  line-height: 1.4;
  padding: 0;
}

body .dialog-off-canvas-main-canvas {
  background: none;
  font-size: 1rem;
}

body a {
  color: #108670;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

body a:hover,
body a:focus {
  color: #0463b3;
}

body h3,
body .h5.text-uppercase {
  color: #06504f;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-weight: normal;
  margin: 1.5625rem 0 .9375rem;
  text-transform: uppercase;
}

body h3:first-child,
body .h5.text-uppercase:first-child {
  margin-top: 0;
}

body b,
body strong {
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

::selection {
  background: #b3d0e8;
  color: #313131;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
*[tabindex="0"]:focus {
  outline: .125rem solid #0463b3 !important;
  outline-offset: .125rem !important;
}

a[tabindex="-1"]:focus,
button[tabindex="-1"]:focus,
input[tabindex="-1"]:focus,
select[tabindex="-1"]:focus,
textarea[tabindex="-1"]:focus,
*[tabindex="-1"]:focus {
  outline: 0 !important;
}

a.skip-link.focusable.visually-hidden {
  background-color: #d03d81;
  border: .125rem solid #fff;
  border-left: 0;
  box-shadow: 0 0 .625rem #666;
  clip: auto;
  color: #fff;
  display: block;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  height: 2.125rem !important;
  left: -15.625rem;
  line-height: 1.875rem;
  padding: 0 1.25rem;
  position: absolute !important;
  text-decoration: none;
  top: 2.5rem;
  transform: translateX(0);
  transition: transform .35s ease-out;
  -webkit-transform: translateX(0);
  -webkit-transition: transform .35s ease-out;
  width: 15.625rem !important;
  z-index: 10000;
}

a.skip-link.focusable.visually-hidden:focus {
  outline: 0 !important;
  transform: translateX(15.625rem);
  -webkit-transform: translateX(15.625rem);
}

.preprod-banner {
  background: linear-gradient(#f00 0, #f66 80%);
  bottom: 3.4375rem;
  box-shadow: 0 .125rem .625rem 0 rgba(0, 0, 0, 0.75);
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  height: 2.25rem;
  left: -3.125rem;
  line-height: 2.25rem;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 15.625rem;
  z-index: 9999999;
}

.navbar.container {
  background: none;
  border: 0;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.navbar.container .navbar-header {
  background-color: #fff;
  box-shadow: 0 0 1.25rem #bbb;
  float: none;
  margin: 0;
  min-height: 3.75rem;
  width: 100%;
}

.navbar-header .region-navigation {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 75rem;
  padding: 0;
  position: relative;
}

.navbar-header .logo {
  background: #fff;
  display: inline-block;
  float: none !important;
  height: 3.75rem;
  margin: 0;
  padding: .3125rem;
}

.navbar-header .logo img {
  display: block;
  height: 3.125rem;
  margin: auto;
  width: 6.5625rem;
}

.navbar-header .navbar-brand.name {
  align-items: center;
  color: #0463b3;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex: 1;
  flex-shrink: 1;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-weight: normal;
  height: 100%;
  line-height: 1;
  margin-right: 3.75rem;
  -ms-flex: 1;
  -ms-flex-align: center;
  -ms-flex-negative: 1;
  padding: 0 0 0 1.25rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.navbar-header .navbar-brand.name:hover,
.navbar-header .navbar-brand.name:focus {
  color: #035396;
}

.navbar-header .navbar-toggle {
  background: #0463b3;
  border: 0;
  border-radius: 50%;
  display: block;
  float: none;
  height: 2.25rem;
  margin: 0;
  position: absolute;
  right: .625rem;
  top: .3125rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 2.25rem;
}

.navbar-header .navbar-toggle::after {
  bottom: -1rem;
  color: #0463b3;
  content: "MENU";
  display: block;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: .75rem;
  font-weight: normal;
  left: 0;
  position: absolute;
  text-align: center;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 100%;
}

.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
  background: #035396;
}

.navbar-header .navbar-toggle:hover::after,
.navbar-header .navbar-toggle:focus::after {
  color: #035396;
}

.navbar-header .navbar-toggle .icon-bar {
  background: #fff;
  display: block;
  height: .1875rem;
  left: .5rem;
  margin: 0;
  position: absolute;
  top: .6875rem;
  width: 1.25rem;
}

.navbar-header .navbar-toggle .icon-bar+.icon-bar {
  top: 1.0625rem;
}

.navbar-header .navbar-toggle .icon-bar+.icon-bar+.icon-bar {
  top: 1.4375rem;
}

.navbar.container .navbar-collapse {
  margin: 0;
  padding: 0;
}

#block-daria-themes-main-menu {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  width: 100%;
}

.nav.menu--main {
  margin: 0 auto;
  max-width: 75rem;
  padding: 0;
  width: 100%;
}

.nav.menu--main li {
  display: block;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  font-weight: normal;
  height: 2.8125rem;
}

.nav.menu.menu--main li:not(:last-child) {
  border-bottom: .0625rem solid #72a2ca;
}

.nav.menu.menu--main li a {
  align-items: center;
  background-color: #0463b3;
  color: #fff;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  font-size: .9rem;
  height: 100%;
  justify-content: flex-start;
  margin: 0;
  -ms-flex-align: center;
  -ms-flex-pack: start;
  padding: 0;
  padding-left: .9375rem;
  text-align: left;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.nav.menu.menu--main li a.is-active,
.nav.menu.menu--main li a:hover,
.nav.menu.menu--main li a:focus {
  background-color: #035396;
  color: #fff;
}

.nav.menu.menu--account {
  display: none;
}

ul.article-share {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  left: 7.1875rem;
  list-style-type: none;
  margin: .625rem 0 0 1.25rem;
  padding: 0;
  position: absolute;
  position: relative;
  top: -4.0625rem;
}

li.article-share-item:not(:last-child) {
  margin-right: .625rem;
}

a.article-share-link {
  background-color: #0463b3;
  background-repeat: no-repeat;
  border-radius: 50%;
  color: transparent;
  display: block;
  font-size: 0;
  height: 2.5rem;
  transition: background-color .25s ease-out;
  -webkit-transition: background-color .25s ease-out;
  width: 2.5rem;
}

a.article-share-link:hover,
a.article-share-link:focus {
  background-color: #108670;
  text-decoration: none;
}

li.article-share-linkedin a.article-share-link {
  background-image: url("//cdn.agglo-larochelle.fr/images/share-linkedin.svg");
  background-position: center;
  background-size: 2rem 2rem;
}

li.article-share-newsletter a.article-share-link {
  background-image: url("//cdn.agglo-larochelle.fr/images/share-newsletter.svg");
  background-position: center;
  background-size: 1.5rem 1.5rem;
}

li.article-share-item:not(.article-share-linkedin):not(.article-share-newsletter) a.article-share-link {
  background-image: url("//cdn.agglo-larochelle.fr/images/share-items.svg");
  background-size: 17.5rem 2.5rem;
}

li.article-share-mail a.article-share-link {
  background-position: -10rem 0;
}

li.article-share-twitter a.article-share-link {
  background-position: -12.5rem 0;
}

li.article-share-facebook a.article-share-link {
  background-position: -14.75rem 0;
}

.footer.container {
  background: #313131;
  color: #fff;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 0 0;
  padding: 2.5rem 0 1.875rem;
  width: 100%;
}

.footer-content {
  margin: 0 auto;
  max-width: 75rem;
  padding: 0 1.875rem;
}

ul.footer-list {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  margin-bottom: 1.875rem;
  margin-right: 0;
  -ms-flex-align: center;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  padding-left: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
}

li.footer-link {
  line-height: inherit;
  margin: 0;
  text-align: left;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

li.footer-link:not(:last-child) {
  margin-bottom: .625rem;
}

li.footer-link a,
p.footer-mentions {
  color: #ddd;
  font-size: .9rem;
}

li.footer-link a {
  font-size: .9rem;
  height: 2rem;
  line-height: 2rem;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  white-space: nowrap;
}

li.footer-link a:hover,
li.footer-link a:focus {
  color: #fff;
  padding: 0;
  text-decoration: none;
}

li.footer-link a::after {
  border-bottom: .0625rem solid #fff;
  bottom: -.125rem;
  content: "";
  display: block;
  height: 0;
  left: 0;
  max-width: 0;
  position: absolute;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 100%;
}

li.footer-link a:hover::after,
li.footer-link a:focus::after {
  max-width: 100%;
}

p.footer-mentions {
  margin-bottom: 2.5rem;
  text-align: center;
}

p.footer-mentions a,
p.footer-mentions a:visited {
  color: #ddd;
  text-decoration: underline;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

p.footer-mentions a:hover,
p.footer-mentions a:focus {
  color: #fff;
}

p.footer-logo {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-flex-align: center;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
}

a.footer-logo-link {
  display: block;
  height: 3.125rem;
}

a.footer-logo-link:first-child {
  margin-bottom: 1.25rem;
  width: 9.0625rem;
}

a.footer-logo-link:last-child {
  width: 11.875rem;
}

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

.cookies-notice {
  background: rgba(49, 49, 49, .9);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: .3125rem .625rem;
  position: fixed;
  right: 0;
  z-index: 99999;
}

.cookies-notice.no-cookies {
  display: none;
}

.cookies-notice-content {
  margin: 0 auto;
  max-width: 100rem;
}

p.cookies-notice-text {
  flex: 1;
  flex-shrink: 1;
  font-size: .875rem;
  margin: 0;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
}

.cookies-btn-wrapper {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  justify-content: center;
  margin: .625rem 0 .3125rem;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
}

a.cookies-btn,
button.cookies-btn {
  background: #108670;
  border-radius: .25rem;
  color: #fff;
  display: inline-block;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: .875rem;
  padding: .125rem .625rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

button.cookies-btn {
  border: 0;
  margin-left: 1.25rem;
}

a.cookies-btn:hover,
a.cookies-btn:focus,
button.cookies-btn:hover,
button.cookies-btn:focus {
  background: #0463b3;
  color: #fff;
  text-decoration: none;
}

.breadcrumb-container {
  margin: 0 .9375rem 1.25rem;
}

.breadcrumb-container.article-breadcrumb {
  margin-left: auto;
  margin-right: auto;
  max-width: 53.75rem;
}

.breadcrumb-container ul {
  background: none;
  border-radius: 0;
  display: inline;
  margin: 0;
  padding: 0;
}

.breadcrumb-container li {
  display: inline;
  font-size: .9rem;
  margin-right: 1.5625rem;
  text-shadow: none;
}

.breadcrumb-container li.active {
  color: inherit;
  cursor: default;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  margin-right: 0;
}

.breadcrumb-container li a {
  color: #313131;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.breadcrumb-container li a:hover,
.breadcrumb-container li a:focus {
  color: #108670;
  text-decoration: none;
}

.breadcrumb-container .divider {
  color: transparent;
  display: inline-block;
  padding: 0;
  position: relative;
  width: 0;
}

.breadcrumb-container .divider::after {
  background-color: #0463b3;
  background-image: url("//cdn.agglo-larochelle.fr/images/white-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .5625rem .5625rem;
  border-radius: 50%;
  content: "";
  height: .8125rem;
  margin-top: -.375rem;
  position: absolute;
  right: -1.1875rem;
  top: 50%;
  width: .8125rem;
}

h1.main-article-title,
div[role="main"] #main.widget-opendata #filter h1,
main.main--dataset::before {
  border-radius: 0;
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.75rem;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 1.25rem;
  padding: 1.875rem;
  text-align: center;
  text-transform: uppercase;
}

div[role="main"] #main.widget-opendata #filter h1 {
  background-color: #0463b3;
  font-size: 1.5rem;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}

h1.main-article-title {
  background-color: #0463b3;
  margin-left: .9375rem;
  margin-right: .9375rem;
}

h1.main-article-title.actus-title {
  background-color: #108670;
}

h1.main-article-title.reuses-title {
  background-color: #59286a;
}

h1.main-article-title.data-title {
  background-color: #dfb93c;
  color: #313131;
}

h1.main-article-title .main-article-subtitle {
  color: #fff;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  text-transform: none;
}

h1.page-header {
  display: none;
}

.region-header .tabs .nav-tabs {
  border: 0;
  position: absolute;
  right: .9375rem;
  top: .3125rem;
  z-index: 2;
}

.region-header .tabs .nav-tabs li {
  margin: 0;
  margin-right: .125rem;
}

.region-header .tabs .nav-tabs li:first-child {
  display: none;
}

.region-header .tabs .nav-tabs li a {
  background: #313131;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: .875rem;
  padding: .125rem .3125rem;
}

.region-header .tabs .nav-tabs li a:hover,
.region-header .tabs .nav-tabs li a:focus {
  background: #fff;
  border: 0;
  color: #313131;
}

.dialog-off-canvas-main-canvas {
  height: 100%;
}

div[role="main"] {
  margin: 1.25rem auto 3.125rem !important;
  min-height: calc(100% - 18.875rem);
  padding: 0 .625rem;
  width: 100% !important;
}

div[role="main"].main-container {
  max-width: 75rem;
}

main.main--dataset {
  margin: 0;
}

div[role="main"] section.col-sm-12,
div[role="main"] #main.widget-opendata,
div[role="main"] #main .col-md-2,
div[role="main"] #main .col-md-10 {
  padding: 0;
}

div[role="main"] .breadcrumb,
div[role="main"] footer.ng-scope,
main.main--dataset .d4c-app-explore-dataset .d4c-notification-handler {
  display: none;
}

div[role="main"] #main.widget-opendata,
main.main--dataset .d4c-app-explore-dataset {
  margin: 0 auto;
  overflow: visible;
  padding: 0 !important;
}

div[role="main"] #main.widget-opendata {
  display: block;
  margin-top: 1.25rem;
  max-width: 28.75rem;
  padding-top: 8.125rem !important;
}

main.main--dataset .d4c-app-explore-dataset {
  max-width: 85rem !important;
  padding-top: 1.125rem !important;
  position: relative;
}

.path-frontpage div[role="main"].main-container {
  max-width: 100%;
}

h1.main-article-title.home-title {
  background: transparent;
  color: #035396;
  line-height: .85;
  margin: 1.25rem auto;
  max-width: 46.875rem;
  padding: 0 0 1.875rem;
  position: relative;
}

h1.main-article-title.home-title::after {
  border-bottom: .25rem solid #aaa;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -3.75rem;
  position: absolute;
  width: 7.5rem;
}

h1.main-article-title.home-title .main-article-subtitle {
  color: #555;
}

.path-frontpage .region-content [class*="block-views-blockactualites-home-home"],
.path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"],
.path-frontpage .region-content [class*="block-views-blockreutilisations-home"],
.path-frontpage .region-content #block-dernierespublications,
.path-frontpage .region-content #block-donneespopulaires {
  margin-left: auto;
  margin-right: auto;
}

.path-frontpage .region-content #block-dernierespublications {
  flex: 1;
  flex-shrink: 1;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
}

.home-block {
  background: #fff;
  box-shadow: 0 .5rem 1.25rem #ccc;
  font-size: .9em;
  margin: 0 .9375rem;
}

.main-home-block {
  margin-top: 1.875rem;
}

.home-block h1.main-article-title {
  margin: 0;
}

.home-block h2.home-block-subtitle {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-variant: small-caps;
  font-weight: normal;
  margin: .9375rem 0 .625rem;
}

.home-block-columns {
  padding: 1.25rem;
}

.home-data-explore .home-block {
  padding: 1.25rem 1.25rem 0;
}

.home-data-explore.home-data-contrib .home-block {
  padding: 1.25rem;
}

.home-block-column+.home-block-column {
  margin-top: .9375rem;
}

.home-block-column p:not(:last-child) {
  margin-bottom: .9375rem;
}

.home-block .home-block-link {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  text-decoration: underline;
}

.home-data-explore h2.home-article-title,
.home-data-explore .home-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 56.25rem;
}

.home-data-explore.home-data-newsletter .home-block {
  max-width: 38.75rem;
}

.home-data-explore.home-data-newsletter .home-article-title {
  color: #0463b3;
  margin-bottom: .3125rem;
}

.home-data-contrib.home-data-newsletter .home-search-form .search-submit {
  background: #0463b3;
}

.home-data-contrib.home-data-newsletter .home-search-form .search-submit:hover,
.home-data-contrib.home-data-newsletter .home-search-form .search-submit:focus {
  background: #035396;
}

section.block-block-grouphome-list-columns {
  margin-left: auto;
  margin-right: auto;
}

.home-thematics,
.home-indicators {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  max-width: 42rem;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  padding: 0;
  -webkit-box-pack: center;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
}

.home-thematics {
  margin: 0 auto;
}

.home-indicators {
  margin: .625rem auto 0;
}

.home-theme {
  margin: .625rem;
  width: 8.75rem;
}

.home-indic {
  margin: 1.25rem;
  width: 11.25rem;
}

.home-indicators .home-indic:first-child {
  align-items: flex-end;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
}

.home-theme-link,
.home-indic-link {
  display: block;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.home-theme-link {
  padding: 0 .625rem .625rem;
}

.home-indic-link {
  padding: 1.25rem .625rem;
}

.home-theme-link:hover,
.home-theme-link:focus,
.home-indic-link:hover,
.home-indic-link:focus {
  background: #fff;
  box-shadow: 0 .5rem 1.25rem #aaa;
  text-decoration: none;
}

.home-theme-title,
.home-indic-text,
.home-indic-producer {
  color: #555;
  text-align: center;
}

.home-theme-title,
.home-indic-text {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  margin: .5rem 0 0;
}

.home-indic-producer {
  font-size: .875rem;
  margin: 0 0 .5rem;
}

h2.home-indic-title {
  margin: 0;
}

.home-indic-number,
.home-indic-text,
.home-indic-producer {
  display: block;
}

.home-indic-number {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 4rem;
  text-align: center;
  white-space: nowrap;
}

.home-indic-number.small-number {
  font-size: 3rem;
  margin-top: 1.125rem;
}

.home-indic-title-main .home-indic-number {
  color: #108670;
}

.home-indic-number .home-indic-number-separator {
  margin-left: .375rem;
}

.home-indic-text {
  padding: 0 .625rem;
}

.home-indic-number.small-number+.home-indic-text {
  margin-top: 1rem;
}

.last-data-list,
.best-data-list {
  list-style-image: url("//cdn.agglo-larochelle.fr/images/blue-arrow.png");
  list-style-type: none;
  margin-bottom: 0;
  padding: .625rem 0 .625rem 1.25rem;
}

.last-data-list-item:not(:first-child),
.best-data-list-item:not(:first-child) {
  margin-top: 1.25rem;
}

.last-data-list-link,
.best-data-list-link,
.last-data-link-meta,
.best-data-link-meta {
  display: block;
}

.last-data-list-link,
.best-data-list-link {
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  line-height: 1.2;
}

.last-data-link-meta,
.best-data-link-meta {
  color: #767676;
  font-size: .9em;
  margin-top: .375rem;
  padding-left: .625rem;
}

.contextual-region[id*="headersearch"],
.contextual-region[id*="headertwitter"],
.contextual-region[id*="headersearch"]>.contextual,
.contextual-region[id*="headertwitter"]>.contextual {
  position: static;
}

.search-form,
.header-twitter {
  position: relative;
}

.top-search-form,
.header-twitter {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
}

.top-search-form {
  margin: 0 .625rem .625rem;
  max-width: 26.25rem;
  width: calc(100% - 1.25rem);
}

.header-twitter {
  align-items: center;
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif;
  font-size: .875rem;
  justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  padding: .625rem;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  width: 100%;
}

.header-twitter a {
  color: #d03d81;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  margin-left: .375rem;
  transition: none;
  -webkit-transition: none;
}

.header-twitter a:hover,
.header-twitter a:focus {
  color: #c22c73;
}

.home-data-contrib .home-search-form {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-flex-align: center;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
}

.search-bar {
  position: relative;
}

.top-search-form .search-bar,
.top-search-form .search-bar2 {
  flex: 1;
  flex-shrink: 1;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
}

.home-data-explore:not(.home-data-contrib) .home-search-form .search-bar::before {
  background-color: #d03d81;
  background-image: url("//cdn.agglo-larochelle.fr/images/search.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.25rem;
  left: .75rem;
  pointer-events: none;
  position: absolute;
  top: .75rem;
  width: 2.25rem;
}

.search-label {
  clip: rect(1px, 1px, 1px, 1px);
  height: .0625rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: .0625rem;
}

.search-input {
  background: #e4e2e3;
  border: .0625rem solid #e4e2e3;
  display: block;
  width: 100%;
}

.home-search-form .search-input {
  font-size: 1.25rem;
  height: 3.75rem;
  padding: 0 1.5625rem 0 3.75rem;
}

.home-search-form .search-bar {
  margin: 0;
}

.home-data-contrib .home-search-form .search-bar {
  font-size: 1rem;
}

.top-search-form .search-input {
  border-right: 0;
  font-size: 1rem;
  height: 2.5rem;
  padding: 0 .9375rem;
}

.search-input:hover,
.search-input:focus {
  border-color: #0463b3;
}

.search-submit {
  background-color: #d03d81;
  border: 0;
  border-radius: .125rem;
  display: block;
}

.home-search-form .search-submit {
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-weight: normal;
  height: 3.75rem;
  line-height: 3.75rem;
  margin: 1.25rem auto 0;
  padding: 0 1.5625rem;
}

.home-data-contrib .home-search-form .search-submit {
  display: inline-block;
  height: 2.75rem;
  line-height: 2.75rem;
}

.home-data-contrib .home-search-form .search-submit:hover,
.home-data-contrib .home-search-form .search-submit:focus {
  text-decoration: none;
}

.top-search-form .search-submit {
  background-image: url("//cdn.agglo-larochelle.fr/images/search.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: transparent;
  font-size: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
  width: 2.5rem;
}

.search-submit:hover,
.search-submit:focus {
  background-color: #c22c73;
}

.search-form .ui-autocomplete {
  border: 0;
  border-radius: 0;
  box-shadow: 0 .0625rem .625rem rgba(0, 0, 0, .25);
  left: 0 !important;
  margin: 0;
  padding: 0;
  position: absolute !important;
}

.home-search-form .ui-autocomplete {
  top: 4.0625rem !important;
  width: 100% !important;
}

.top-search-form .ui-autocomplete {
  top: 2.6875rem !important;
  width: calc(100% + 2.5rem) !important;
}

.search-form .ui-autocomplete .ui-menu-item {
  padding: 0;
}

.home-search-form .ui-autocomplete .ui-menu-item {
  font-size: 1rem;
}

.top-search-form .ui-autocomplete .ui-menu-item {
  font-size: .875rem;
}

.search-form .ui-autocomplete .ui-menu-item:not(:last-child) {
  border-bottom: .0625rem solid transparent;
  position: relative;
}

.search-form .ui-autocomplete .ui-menu-item:not(:last-child)::after {
  border-bottom: .0625rem solid #ccc;
  bottom: -.0625rem;
  content: "";
  display: block;
  height: 0;
  left: 30%;
  position: absolute;
  right: 30%;
}

.search-form .ui-autocomplete .ui-menu-item-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  white-space: nowrap;
}

.home-search-form .ui-autocomplete .ui-menu-item-wrapper {
  padding: .625rem 1.25rem;
}

.top-search-form .ui-autocomplete .ui-menu-item-wrapper {
  padding: .625rem .9375rem;
}

.search-form .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background: #0463b3;
  border: 0;
  color: #fff;
}

.ui-helper-hidden-accessible {
  display: none !important;
}

.author,
.field--name-field-image {
  display: none;
}

.interior-article-container {
  margin: 0 .9375rem;
}

.interior-article,
.field--name-field-contact,
#block-informationsurlacollectedesdonneesacaracterepersonnel {
  background-color: #fff;
}

.interior-article.interior-article-api-console {
  max-width: 100%;
}

.interior-article {
  box-shadow: 0 .5rem 1.25rem #ccc;
  margin: 0 auto 1.25rem;
  max-width: 53.75rem;
  padding: 0 1.25rem 1.25rem;
}

.interior-article.interior-article-no-title {
  margin-top: 2.5rem;
  padding-top: 1.25rem;
}

.interior-article.interior-article-large,
.field--name-field-contact,
#block-informationsurlacollectedesdonneesacaracterepersonnel {
  max-width: 71.25rem;
}

.interior-article.interior-article-large h2,
.interior-article.interior-article-large p {
  margin-left: auto;
  margin-right: auto;
  max-width: 51.25rem;
}

.interior-article.interior-article-no-title h2:first-child {
  margin-top: 0;
}

.view-formulaire-donnees .views-row>article>h2,
.view-licence-donnees .views-row>article>h2 {
  display: none;
}

.interior-article> :last-child,
.interior-article> :last-child> :last-child {
  margin-bottom: 0 !important;
}

.interior-article h1.main-article-title {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.interior-article h1.main-article-title+* {
  margin-top: 0;
}

.interior-article h2,
.interior-article h3,
.interior-article h4 {
  color: #06504F;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

.interior-article h2,
.interior-article h3 {
  color: #06504F;
}

.interior-article h2 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  margin-top: 2.5rem;
  text-transform: uppercase;
}

.interior-article h3 {
  font-size: 1.25rem;
  margin-bottom: .9375rem;
  margin-top: 1.875rem;
  text-transform: none;
}

.interior-article h4 {
  color: #555;
  font-size: 1.125em;
  margin-bottom: .625rem;
  margin-top: 1.25rem;
}

.interior-article.narrow-block {
  background: #eaedf7;
  box-shadow: 0 .25rem .625rem #ccc;
  margin: 0 auto;
  max-width: 33.75rem;
  padding: 1.25rem;
}

.interior-article p {
  font-size: .9rem;
  margin-bottom: .625rem;
}

.interior-article .small-paragraph {
  font-size: .8125rem;
}

.interior-article strong {
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

.interior-article em {
  font-style: italic;
}

.interior-article code {
  background-color: #f6f9ff;
  border: .0625rem solid #ddd;
  border-radius: .25rem;
  color: #0463b3;
  display: inline-block;
  font-size: 1em;
  padding: .125rem .375rem;
}

.interior-article code strong {
  color: #035396;
}

.interior-article ul,
.interior-article ol {
  font-size: .9rem;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: .625rem;
  padding-left: 1.25rem;
}

.interior-article ul li,
.interior-article ol li {
  margin-bottom: .3125rem;
  position: relative;
}

.interior-article ul {
  list-style-image: url("//cdn.agglo-larochelle.fr/images/green-arrow.png");
}

.interior-article ol {
  counter-reset: article-list;
}

.interior-article ol>li {
  counter-increment: article-list;
}

.interior-article ol>li::before {
  color: #108670;
  content: counter(article-list, decimal) ".";
  display: block;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  left: -1.125rem;
  position: absolute;
  width: 1.25rem;
}

.interior-article blockquote {
  background-color: #efefef;
  border: none;
  color: #108670;
  font-style: italic;
  margin: .9375rem 0;
  padding: 1.875rem;
  text-align: center;
}

.interior-article blockquote p {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.3;
}

.interior-article .def-wrapper {
  background: #f5f5f5;
  box-shadow: 0 0.125rem 0.25rem #ccc;
  font-size: .9rem;
  margin: .75rem 0;
  padding: .5rem .75rem;
}

.interior-article .def-wrapper dt {
  color: #d03d81;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  font-weight: normal;
}

.interior-article .def-wrapper dd,
.interior-article .def-wrapper dd br+code {
  margin-top: .5rem;
}

.interior-article a,
.interior-article a:visited,
.interior-article a:focus,
.d4c-dataset-api-console__tab-header a,
.d4c-dataset-api-console__tab-header a:visited,
.d4c-dataset-api-console__tab-header a:focus {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.interior-article a,
.interior-article a:visited,
.d4c-dataset-api-console__tab-header a,
.d4c-dataset-api-console__tab-header a:visited {
  color: #108670;
  text-decoration: underline;
}

.interior-article a:hover,
.interior-article a:visited:hover,
.interior-article a:focus,
.d4c-dataset-api-console__tab-header a:hover,
.d4c-dataset-api-console__tab-header a:visited:hover,
.d4c-dataset-api-console__tab-header a:focus {
  color: #0463b3;
  text-decoration: underline;
}

.interior-article img {
  display: block;
  margin: 1.5625rem auto;
}

.interior-article figcaption {
  font-size: .9rem;
  font-style: italic;
  text-align: center;
  transform: translateY(-1.25rem);
  -webkit-transform: translateY(-1.25rem);
}

.interior-article table {
  font-size: .9rem;
  margin: 1.25rem auto;
  max-width: 100%;
}

.interior-article table caption {
  color: #313131;
  font-size: .9rem;
  font-style: italic;
  padding-top: 0;
  text-align: center;
}

.interior-article table tr:nth-child(odd) {
  background-color: #fff;
}

.interior-article table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.interior-article table[align="center"] th,
.interior-article table[align="center"] td {
  text-align: center;
}

.interior-article table th,
.interior-article table td {
  padding: .625rem;
}

.interior-article table th {
  background-color: #efefef;
  border: .0625rem solid #ddd;
  color: #108670;
  font-weight: normal;
  text-align: center;
}

.interior-article table thead th {
  background-color: #06504f;
  border: .0625rem solid rgba(255, 255, 255, 0.25);
  color: #fff;
}

.interior-article table td {
  border: .0625rem solid #e2e0e1;
  text-align: left;
}

.interior-article.interior-article-data h2,
.interior-article.interior-article-data h3,
.interior-article.interior-article-data a,
.interior-article.interior-article-data a:visited,
.interior-article.interior-article-data ol>li::before,
.interior-article.interior-article-data blockquote,
.interior-article.interior-article-data table th {
  color: #8c6706;
}

.interior-article.interior-article-data table thead th {
  background: #dfb93c;
  color: #313131;
}

.interior-article.interior-article-data ul {
  list-style-image: url("//cdn.agglo-larochelle.fr/images/yellow-arrow.png");
}

.interior-article.interior-article-reuses h2,
.interior-article.interior-article-reuses h3,
.interior-article.interior-article-reuses a,
.interior-article.interior-article-reuses a:visited,
.interior-article.interior-article-reuses ol>li::before,
.interior-article.interior-article-reuses blockquote,
.interior-article.interior-article-reuses table th {
  color: #59286a;
}

.interior-article.interior-article-reuses table thead th {
  background: #59286a;
  color: #fff;
}

.interior-article.interior-article-reuses ul {
  list-style-image: url("//cdn.agglo-larochelle.fr/images/purple-arrow.png");
}

.matomo-iframe {
  border: 0;
  height: 8.125rem;
  margin: .9375rem 0;
  width: 100%;
}

.iframe-infolettre {
  border: 0;
  height: 1420px;
  width: 100%;
}

.breadcrumb-container.article-breadcrumb.article-breadcrumb-large {
  margin-left: .9375rem;
  margin-right: .9375rem;
  max-width: 100%;
}

.multi-content-layout {
  margin-left: .9375rem;
  margin-right: .9375rem;
}

.multi-content-layout .interior-article {
  padding-top: 1.25rem;
}

.multi-content-layout .interior-article h2:first-child {
  margin-top: 0;
}

#interior-aside-visible {
  display: none;
}

label.interior-aside-title {
  background-color: #FFF;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif;
  margin-top: 1.25rem;
  max-height: 10.625rem;
  overflow: hidden;
  padding-right: 3.75rem;
}

#interior-aside-visible:checked+.interior-aside label.interior-aside-title,
#interior-aside-visible:checked~label.interior-aside-title {
  margin-bottom: 0;
  max-height: 0;
}

#interior-aside-visible:checked+.interior-aside {
  max-height: 625rem;
}

#interior-aside-visible:checked~.interior-article-container {
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  padding-bottom: 0;
}

#interior-aside-visible:checked~.interior-article-container .interior-article-footer {
  display: none;
}

.interior-aside {
  background-color: #FFF;
  box-shadow: 0 .5rem 1.25rem #CCC;
  margin-bottom: 1.25rem;
  max-height: 5.625rem;
  overflow: hidden;
  transition: all ease-out 0.25s, max-height 0.5s ease-out;
  -webkit-transition: all ease-out 0.25s, max-height 0.5s ease-out;
  width: 100%;
}

label.interior-aside-title,
li.interior-aside-moreContent,
h2.interior-aside-moreContent {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  font-size: .9em;
  height: 5.625rem;
  margin: 0;
  -ms-flex-align: center;
  transition: all ease-out .25s, max-height .5s ease-out;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-transition: all ease-out .25s, max-height .5s ease-out;
}

label.interior-aside-title {
  cursor: pointer;
  padding-left: 3.75rem;
  padding-right: 1.5625rem;
  position: relative;
}

li.interior-aside-moreContent,
h2.interior-aside-moreContent {
  border-bottom: .0625rem solid #e2e0e1;
}

ul.interior-aside-list {
  margin: 0;
  padding: 0;
}

ul.interior-aside-list .inner-link {
  padding: 0;
}

li.interior-aside-moreContent a.inner-link {
  align-items: center;
  color: #313131;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  height: 100%;
  -ms-flex-align: center;
  padding-left: 3.75rem;
  padding-right: 1.125rem;
  position: relative;
  transition: all ease-out .25s, max-height .5s ease-out;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-transition: all ease-out .25s, max-height .5s ease-out;
  width: 100%;
}

label.interior-aside-title::before,
li.interior-aside-moreContent a.inner-link::before {
  background-image: url("//cdn.agglo-larochelle.fr/images/white-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  border: .1875rem solid #fff;
  border-radius: 50%;
  color: #313131;
  content: "";
  display: block;
  height: 2.625rem;
  left: .75rem;
  margin-top: -1.3125rem;
  position: absolute;
  top: 50%;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 2.625rem;
}

label.interior-aside-title::before {
  background-color: #108670;
}

li.interior-aside-moreContent a.inner-link::before {
  background-color: #06504F;
}

label.interior-aside-title:hover,
label.interior-aside-title:focus,
li.interior-aside-moreContent a.inner-link:hover,
li.interior-aside-moreContent a.inner-link:focus {
  background-color: #F3F3F3;
  text-decoration: none;
}

li.interior-aside-moreContent a.inner-link:hover::before,
li.interior-aside-moreContent a.inner-link:focus::before {
  border: .1875rem solid #06504F;
}

label.interior-aside-title:hover::before,
label.interior-aside-title:focus::before {
  border: .1875rem solid #108670;
}

.interior-aside-moreContent-text {
  display: block;
  margin: auto;
  width: 100%;
}

label.interior-aside-title::after {
  background: linear-gradient(-45deg, #108670, #108670 50%, transparent 50%, transparent);
  background: -webkit-linear-gradient(135deg, #108670, #108670 50%, transparent 50%, transparent);
  bottom: 0;
  color: #FFF;
  content: "+";
  display: block;
  font-family: DroidSans, "Open Sans", Arial, sans-serif;
  font-size: 2.0em;
  height: 4.6875rem;
  padding-left: 2.8125rem;
  padding-top: 1.875rem;
  position: absolute;
  right: 0;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  width: 4.6875rem;
}

label.interior-aside-title:hover::after,
label.interior-aside-title:focus::after {
  font-size: 2.5rem;
  height: 5.625rem;
  padding-left: 3.125rem;
  padding-top: 2.25rem;
  width: 5.625rem;
}

label.interior-aside-subtitle {
  box-shadow: 0 .5rem 1.25rem #CCC;
  margin-bottom: 1.25rem;
}

.multi-content-layout .interior-article-container {
  background-color: #FFF;
  box-shadow: 0 .5rem 1.25rem #CCC;
  flex: 1;
  flex-shrink: 1;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-height: 625rem;
  max-width: 53.75rem;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  transition: all ease-out .25s, max-height .5s ease-out;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
  -webkit-transition: all ease-out .25s, max-height .5s ease-out;
}

.multi-content-layout article.interior-article {
  box-shadow: none;
  margin: 0;
  overflow: hidden;
  transition: opacity .75s ease-out;
  -webkit-transition: opacity .75s ease-out;
}

.multi-content-layout article.interior-article-hidden {
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 0;
}

.multi-content-layout article.interior-article-displayed {
  background-color: #FFF;
  height: 100%;
  opacity: 1;
  width: 100%;
}

.multi-content-layout article.interior-article-displayed-full {
  overflow: visible;
}

.multi-content-layout .interior-article-container-agregator article.interior-article.interior-article-noDisplay {
  display: none;
}

.field--name-field-contact,
#block-informationsurlacollectedesdonneesacaracterepersonnel {
  box-shadow: 0 1.25rem 1.25rem #ccc;
  margin: 0 .9375rem;
  padding: 1.25rem 1.25rem 1.25rem;
  transform: translateY(-1.25rem);
}

.contact-message-parent {
  margin: 0 auto;
}

.contact-message-parent #block-informationsurlacollectedesdonneesacaracterepersonnel {
  background: transparent;
  box-shadow: none;
  padding-top: 3.75rem;
}

.news-list,
.home-data-explore {
  margin-left: .9375rem;
  margin-right: .9375rem;
  position: relative;
}

.home-data-explore {
  margin-top: 1.875rem;
}

.home-news-list,
.home-data-explore.home-data-contrib {
  margin-top: 3.75rem;
}

h2.home-article-title,
.block-block-grouphome-group-actus h2.block-title {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.5rem;
  margin: 0 0 .9375rem;
  text-transform: uppercase;
}

.news-list-actus h2.home-article-title,
.block-block-grouphome-group-actus h2.block-title {
  color: #06504f;
}

.news-list-reuses h2.home-article-title {
  color: #59286A;
}

.news-list-data h2.home-article-title {
  color: #8c6706;
}

.news-list-lastdata h2.home-article-title {
  color: #035396;
}

.news-list-bestdata h2.home-article-title {
  color: #051c50;
}

.home-data-explore .home-article-title {
  color: #7a083c;
}

article.news-list-news-container {
  background-color: #fff;
  box-shadow: 0 .5rem 1.25rem #ccc;
  cursor: pointer;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

h2.home-article-title,
article.news-list-news-container,
p.home-article-showMore {
  margin-left: auto;
  margin-right: auto;
  max-width: 30rem;
  width: 100%;
}

.news-list-lastdata article.news-list-news-container,
.news-list-bestdata article.news-list-news-container {
  cursor: default;
}

.home-news-list article.news-list-news-container {
  margin-bottom: 0;
  padding-bottom: 5rem;
}

article.news-list-news-container:hover {
  background-color: #F2F2F2;
  box-shadow: 0 .5rem 1.25rem #aaa;
}

article.news-list-news-container:focus-within {
  background-color: #F2F2F2;
  box-shadow: 0 .5rem 1.25rem #aaa;
}

.news-list-lastdata article.news-list-news-container:hover,
.news-list-bestdata article.news-list-news-container:hover {
  background-color: #fff;
  box-shadow: 0 .5rem 1.25rem #ccc;
}

.news-list-lastdata article.news-list-news-container:focus-within,
.news-list-bestdata article.news-list-news-container:focus-within {
  background-color: #fff;
  box-shadow: 0 .5rem 1.25rem #ccc;
}

article.news-list-news-container::after,
.home-article-mainContent-wrapper .home-article-mainContent::after {
  bottom: 0;
  content: "+";
  display: block;
  font-size: 2rem;
  height: 4.6875rem;
  padding-left: 2.8125rem;
  padding-top: 1.875rem;
  position: absolute;
  right: 0;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 4.6875rem;
}

.news-list-lastdata article.news-list-news-container::after,
.news-list-bestdata article.news-list-news-container::after {
  display: none;
}

.home-news-list article.news-list-news-container::after {
  bottom: 3.75rem;
}

article.news-list-news-container:hover::after,
.home-article-mainContent-wrapper .home-article-mainContent:hover::after {
  font-size: 2.5rem;
  height: 5.625rem;
  padding-left: 3.25rem;
  padding-top: 2.1875rem;
  width: 5.625rem;
}

article.news-list-news-container:focus-within::after,
.home-article-mainContent-wrapper .home-article-mainContent:focus-within::after {
  font-size: 2.5rem;
  height: 5.625rem;
  padding-left: 3.25rem;
  padding-top: 2.1875rem;
  width: 5.625rem;
}

.home-article-showMore,
section.block-block-grouphome-group-actus .more-link {
  bottom: 0;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  height: 3.75rem;
  left: 0;
  line-height: 3.75rem;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.home-article-showMore .inner-link,
.home-article-showMore .inner-link:hover,
.home-article-showMore .inner-link:focus,
section.block-block-grouphome-group-actus .more-link a,
section.block-block-grouphome-group-actus .more-link a:hover,
section.block-block-grouphome-group-actus .more-link a:focus {
  color: #fff;
  display: block;
  height: 100%;
  text-decoration: none;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 100%;
}

.news-list-actus .home-article-showMore .inner-link,
section.block-block-grouphome-group-actus .more-link a {
  background: #108670;
}

.news-list-actus .home-article-showMore .inner-link:hover,
.news-list-actus .home-article-showMore .inner-link:focus,
section.block-block-grouphome-group-actus .more-link a:hover,
section.block-block-grouphome-group-actus .more-link a:focus {
  background: #06504f;
}

.news-list-reuses .home-article-showMore .inner-link {
  background: #59286a;
}

.news-list-reuses .home-article-showMore .inner-link:hover,
.news-list-reuses .home-article-showMore .inner-link:focus {
  background: #431e51;
}

.news-list-data .home-article-showMore .inner-link {
  background: #dfb93c;
  color: #313131;
}

.news-list-data .home-article-showMore .inner-link:hover,
.news-list-data .home-article-showMore .inner-link:focus {
  background: #d7a92c;
}

.news-list-lastdata .home-article-showMore .inner-link {
  background: #0463b3;
}

.news-list-lastdata .home-article-showMore .inner-link:hover,
.news-list-lastdata .home-article-showMore .inner-link:focus {
  background: #035396;
}

.news-list-bestdata .home-article-showMore .inner-link {
  background: #152c60;
}

.news-list-bestdata .home-article-showMore .inner-link:hover,
.news-list-bestdata .home-article-showMore .inner-link:focus {
  background: #051c50;
}

.news-list-news-block {
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
}

p.news-list-news-img {
  margin: 0;
  margin-bottom: 1.5625rem;
  overflow: hidden;
  text-align: center;
}

p.news-list-news-img {
  max-height: 15.625rem;
}

.news-list-news-title {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0;
  margin-bottom: .625rem;
  text-transform: uppercase;
}

.news-list-news-title a,
.news-list-news-title a:hover,
.news-list-news-title a:focus,
s {
  color: inherit;
  text-decoration: none;
}

.news-list-news-title a::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

p.news-list-news-date {
  color: #767676;
  font-size: .9em;
  margin: 0;
  margin-bottom: .625rem;
}

.news-list-news-theme {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  text-transform: uppercase;
}

p.news-list-news-description {
  font-size: .9em;
  line-height: 1.4;
  margin: 0;
}

.home-article-mainContent-wrapper .home-article-mainContent::after {
  background: linear-gradient(-45deg, #fff, #fff 50%, transparent 50%, transparent);
  background: -webkit-linear-gradient(-45deg, #fff, #fff 50%, transparent 50%, transparent);
  color: #108670;
}

.news-list-actus .news-list-news-title,
.news-list-actus article.news-list-news-container::after {
  color: #06504F;
}

.news-list-actus article.news-list-news-container::after {
  background: linear-gradient(-45deg, #9CD4C4, #9CD4C4 50%, transparent 50%, transparent);
  background: -webkit-linear-gradient(135deg, #9CD4C4, #9CD4C4 50%, transparent 50%, transparent);
}

.news-list-actus .news-list-news-theme {
  color: #108670;
}

.news-list-reuses .news-list-news-title,
.news-list-reuses article.news-list-news-container::after {
  color: #59286A;
}

.news-list-reuses article.news-list-news-container::after {
  background: linear-gradient(-45deg, #D1C2D5, #D1C2D5 50%, transparent 50%, transparent);
  background: -webkit-linear-gradient(135deg, #D1C2D5, #D1C2D5 50%, transparent 50%, transparent);
}

.news-list-reuses .news-list-news-theme {
  color: #84708A;
}

.news-list-data .news-list-news-title,
.news-list-data article.news-list-news-container::after {
  color: #8c6706;
}

.news-list-data article.news-list-news-container::after {
  background: linear-gradient(-45deg, #f7e4a6, #f7e4a6 50%, transparent 50%, transparent);
  background: -webkit-linear-gradient(135deg, #f7e4a6, #f7e4a6 50%, transparent 50%, transparent);
}

.news-list-data .news-list-news-theme {
  color: #996f2d;
}

p.news-list-subtitle {
  font-size: 1.0em;
  margin: 0 .9375rem 1.25rem;
}

p.news-list-subtitle.news-back {
  margin: 0 auto 1.25rem;
  max-width: 53.75rem;
}

p.news-list-subtitle a.inner-link {
  background-color: #fff;
  box-shadow: 0 .5rem 1.25rem #ccc;
  color: #313131;
  display: block;
  height: 100%;
  padding: 1.25rem;
  padding-left: 3.75rem;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 100%;
}

p.news-list-subtitle a.inner-link:hover,
p.news-list-subtitle a.inner-link:focus {
  background-color: #f2f2f2;
  box-shadow: 0 .5rem 1.25rem #aaa;
  text-decoration: none;
}

p.news-list-subtitle a.inner-link::before {
  background-image: url("//cdn.agglo-larochelle.fr/images/white-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  border: .1875rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.375rem;
  left: .75rem;
  margin-top: -1.1875rem;
  position: absolute;
  top: 50%;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 2.375rem;
}

p.news-list-subtitle-reuses a.inner-link::before {
  background-color: #59286A;
}

p.news-list-subtitle-reuses a.inner-link:hover::before,
p.news-list-subtitle-reuses a.inner-link:focus::before {
  border: .1875rem solid #59286A;
}

p.news-list-subtitle-actus a.inner-link::before {
  background-color: #108670;
}

p.news-list-subtitle-actus a.inner-link:hover::before,
p.news-list-subtitle-actus a.inner-link:focus::before {
  border: .1875rem solid #108670;
}

.field.field--name-field-thematique,
.field.field--name-field-theme {
  display: none;
}

p.news-list-subtitle-data a.inner-link::before {
  background-color: #8c6706;
}

p.news-list-subtitle-data a.inner-link:hover::before,
p.news-list-subtitle-data a.inner-link:focus::before {
  border: .1875rem solid #8c6706;
}

section.block-block-grouphome-group-hot-content {
  margin-top: -1.25rem;
}

section.block-block-grouphome-group-actus.block-blockgroup {
  background-color: #fff;
  box-shadow: 0 .5rem 1.25rem #ccc;
  display: block;
  margin: 6.3125rem .9375rem 0;
  max-width: calc(100% - 1.875rem);
  position: relative;
  width: 100%;
}

section.block-block-grouphome-group-actus h2.block-title {
  left: 0;
  position: absolute;
  top: -2.5625rem;
}

section.block-block-grouphome-group-actus .views-element-container>.form-group,
section.block-block-grouphome-group-actus .view,
section.block-block-grouphome-group-actus .view-content,
section.block-views-blockactualites-home-main-block-1 .views-row,
.home-article-mainContent-wrapper {
  height: 100%;
  width: 100%;
}

section.block-views-blockactualites-home-main-block-1 .views-row {
  left: 0;
  position: absolute;
  top: 0;
}

section.block-views-blockactualites-home-main-block-1 {
  background: #ddd;
  flex: 1;
  flex-shrink: 1;
  height: 29.25rem;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
}

section.block-views-blockactualites-home-carousel-block-1 {
  position: relative;
}

section.block-views-blockactualites-home-carousel-block-1 .view-content {
  padding-bottom: 3.75rem;
}

.home-article-mainContent-wrapper {
  opacity: 1;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  z-index: 2;
}

.home-article-mainContent-wrapper .home-article-img {
  align-items: center;
  bottom: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  justify-content: center;
  left: 0;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
}

.home-article-mainContent-wrapper .home-article-img img {
  max-width: 30rem;
}

.home-news-arrow {
  background-color: transparent;
  background-image: url("//cdn.agglo-larochelle.fr/images/blue-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 2.625rem;
  position: absolute;
  top: 1rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 2.625rem;
  z-index: 5;
}

.home-news-arrow::after {
  background-color: #fff;
  background-image: url("//cdn.agglo-larochelle.fr/images/blue-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  border-radius: 50%;
  bottom: .1875rem;
  content: "";
  display: block;
  left: .1875rem;
  position: absolute;
  right: .1875rem;
  top: .1875rem;
}

.home-news-arrow:hover,
.home-news-arrow:focus {
  background-color: #fff;
}

.home-news-arrow.home-news-arrow-next {
  right: 1rem;
}

.home-news-arrow.home-news-arrow-prev {
  left: 1rem;
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
}

.home-article-mainContent-wrapper .home-article-mainContent {
  background-color: #108670;
  bottom: 1.25rem;
  color: #fff;
  left: 1.5rem;
  padding: 1.875rem 2.5rem;
  position: absolute;
  right: 1.25rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.home-article-mainContent-wrapper .home-article-mainContent::before {
  border-bottom: .75rem solid #108670;
  border-left: .75rem solid transparent;
  border-right: .75rem solid transparent;
  content: "";
  display: block;
  left: 50%;
  margin-left: -.75rem;
  position: absolute;
  top: -.75rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.home-article-mainContent-wrapper .home-article-mainContent:hover {
  background-color: #06504f;
}

.home-article-mainContent-wrapper .home-article-mainContent:focus-within {
  background-color: #06504f;
}

.home-article-mainContent-wrapper .home-article-mainContent:hover::before {
  border-bottom: .75rem solid #06504f;
}

.home-article-mainContent-wrapper .home-article-mainContent:focus-within::before {
  border-bottom: .75rem solid #06504f;
}

.home-article-mainContent-wrapper .home-article-secondaryHeader {
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: .9em;
  margin-bottom: .625rem;
  text-transform: uppercase;
}

.home-article-mainContent-wrapper h3.home-article-secondaryTitle {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

.home-article-mainContent-wrapper h3.home-article-secondaryTitle a,
.home-article-mainContent-wrapper h3.home-article-secondaryTitle a:hover,
.home-article-mainContent-wrapper h3.home-article-secondaryTitle a:focus {
  color: #fff;
  text-decoration: none;
}

.home-article-mainContent-wrapper h3.home-article-secondaryTitle a::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

h3.home-article-moreContent {
  background: #fff;
  border-bottom: .0625rem solid #e2e0e1;
  cursor: pointer;
  display: none;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  height: 8.5rem;
  line-height: 1.2;
  margin: 0;
  max-height: 8.5rem;
  opacity: 1;
  position: relative;
  text-transform: none;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

h3.home-article-moreContent a {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  height: 100%;
  -ms-flex-align: center;
  padding-left: 5rem;
  padding-right: 1.25rem;
  position: relative;
  -webkit-align-items: center;
  -webkit-box-align: center;
  width: 100%;
}

h3.home-article-moreContent a,
h3.home-article-moreContent a:hover,
h3.home-article-moreContent a:focus {
  color: #313131;
  text-decoration: none;
}

h3.home-article-moreContent:hover {
  background: #efefef;
}

h3.home-article-moreContent:focus-within {
  background: #efefef;
}

h3.home-article-moreContent a::before {
  background-color: #06504f;
  background-image: url("//cdn.agglo-larochelle.fr/images/white-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  border: .1875rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.625rem;
  left: 1.6875rem;
  margin-top: -1.3125rem;
  position: absolute;
  top: 50%;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 2.625rem;
}

h3.home-article-moreContent:hover a::before {
  border: .1875rem solid #06504f;
}

h3.home-article-moreContent:focus-within a::before {
  border: .1875rem solid #06504f;
}

.view-actualites-home-main .views-row:not(:first-child) .home-article-mainContent-wrapper,
.view-actualites-home-main .views-row .home-article-mainContent-wrapper.home-article-mainContent-wrapper-hidden {
  opacity: 0;
  z-index: 1;
}

.view-actualites-home-main .views-row .home-article-mainContent-wrapper.home-article-mainContent-wrapper-displayed {
  opacity: 1;
  z-index: 2;
}

.view-actualites-home-carousel .views-row:first-child .home-article-moreContent,
.view-actualites-home-carousel .views-row .home-article-moreContent.home-article-moreContent-hidden {
  max-height: 0;
  opacity: 0;
}

.view-actualites-home-carousel .views-row .home-article-moreContent.home-article-moreContent-displayed {
  max-height: 8.5rem;
  opacity: 1;
}

.interior-article .site-map a {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  text-decoration: none;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.interior-article .site-map a:hover,
.interior-article .site-map a:focus {
  color: #0463b3;
  text-decoration: none;
}

.interior-article .site-map,
.interior-article .site-map ul {
  list-style-image: none;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.interior-article .site-map {
  padding: 1.25rem;
}

.interior-article .site-map>li {
  padding-bottom: 1.25rem;
  padding-left: 0;
}

.interior-article .site-map>li:not(:last-child) {
  border-bottom: .0625rem solid #ccc;
  margin-bottom: 1.25rem;
}

.interior-article .site-map ul.sitemap-level-1>li:not(:last-child) {
  margin-bottom: .3125rem;
}

.interior-article .site-map li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.interior-article .site-map ul.sitemap-level-1>li.site-map-subtitle {
  margin-bottom: .625rem;
}

.interior-article .site-map ul.sitemap-level-1>li.site-map-subitem {
  padding-left: 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-filters {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
  background: none;
  border: 0;
  height: 2.5rem;
  left: 50%;
  margin: 0 auto;
  max-width: 28.75rem;
  padding: 0;
  position: absolute;
  top: 1.25rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__count {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle {
  background: none;
  border: 0;
  bottom: 0;
  color: transparent;
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: -.125rem;
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle .fa {
  color: #fff;
  font-size: 1.5rem;
  position: absolute;
  right: .5rem;
  top: .5rem;
}

div[role="main"] #main.widget-opendata #filter {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  position: static;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
}

div[role="main"] #main.widget-opendata #filter>* {
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
}

div[role="main"] #main.widget-opendata #filter>.ng-scope.d4c-portail-map {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin: 1.25rem 0 .3125rem;
  height: 100%;
  min-height: 100px;
}

div[role="main"] #main.widget-opendata #filter>.ng-scope.d4c-portail-map .d4cwidget-map,
div[role="main"] #main.widget-opendata #filter>.ng-scope.d4c-portail-map .d4cwidget-map__map {
  height: 238px !important;
  min-height: 100px !important;
}

div[role="main"] #main.widget-opendata #filter .ng-scope.d4c-portail-map d4c-dataset-context .row:nth-child(1) div.col-md-12.col-sm-4:nth-child(1) {
  width: 100%;
}

div[role="main"] #main.widget-opendata #filter .ng-scope.d4c-portail-map .d4c-box.d4c-map-wp {
  border: 1px solid;
}

div[role="main"] #main.widget-opendata #filter .ng-scope.d4c-portail-map:before {
  content: "Filtre geospatial";
  text-transform: uppercase;
}

div[role="main"] #main.widget-opendata #filter>h2:nth-last-child(2) {
  background: #06504f;
  font-size: 1.125rem;
  margin-top: 0;
  -ms-flex-order: 0;
  order: 0;
  padding: 0;
  text-align: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
}

div[role="main"] #main.widget-opendata #filter>.list-group:last-child {
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 0;
}

div[role="main"] #main.widget-opendata #filter,
main.main--dataset .d4c-app-explore-dataset .d4c-filters,
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__facets,
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records .third {
  background: #fff;
  border-radius: 0;
  box-shadow: 0 .5rem 1.25rem #ccc;
  margin: 0 auto 2.5rem;
  max-width: 100%;
  padding: 0 0 .9375rem;
}

div[role="main"] #main.widget-opendata #filter,
main.main--dataset .d4c-app-explore-dataset .d4c-filters,
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__facets {
  width: 28.75rem;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records .third {
  margin-left: .625rem;
  margin-right: .625rem;
  width: calc(33.33% - 1.25rem);
}

div[role="main"] #main.widget-opendata #filter h1+input+.form-group::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle::before {
  align-items: center;
  background: #06504f;
  color: #fff;
  content: "Filtrer les donn\0000E9es";
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  height: 2.5rem;
  justify-content: center;
  line-height: 2.5rem;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  text-align: center;
  text-transform: uppercase;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4c-filters__filters-summary {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  padding: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4c-filters__filters-summary .d4cwidget-clear-all-filters {
  right: 0;
  bottom: 0;
}

div[role="main"] #main.widget-opendata #filter h1+input+.form-group::before {
  margin-left: -.9375rem;
  margin-right: -.9375rem;
  margin-top: 1.875rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary:hover .d4c-filters-summary__toggle::before {
  background: #108670;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary:focus-within .d4c-filters-summary__toggle::before {
  background: #108670;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters {
  display: block;
  max-height: 0;
  overflow-y: hidden;
  padding-top: 1.5625rem;
  transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters>a {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters.d4c-filters-open {
  max-height: 37.5rem;
  overflow-y: auto;
  transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters h2.d4c-filters__count {
  display: block;
}

div[role="main"] #main.widget-opendata #filter .hidden-filter {
  display: none;
}

div[role="main"] #main.widget-opendata #filter h2,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2:not(.d4c-filters__count),
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__facets .d4c-filters__count,
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records .third h2 {
  background: #108670;
  border-radius: 0;
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  font-weight: normal;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 1.875rem 0 .625rem;
  padding: 0 .9375rem;
  text-transform: uppercase;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters h2.d4c-filters__count {
  background: none;
  color: #313131;
  font-size: 1rem;
  margin: 2.5rem 0 0;
  padding: 0 .9375rem;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__facets .d4c-filters__count,
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records .third h2 {
  background: #06504f;
  font-size: 1.125rem;
  margin-top: 0;
  padding: 0;
  text-align: center;
}

div[role="main"] #main.widget-opendata #filter h3,
div[role="main"] #main.widget-opendata #filter .ng-scope.d4c-portail-map:before,
div[role="main"] #main.widget-opendata #filter label[for="sel1"],
main.main--dataset .d4c-app-explore-dataset .d4c-filters h3,
.d4c-dataset-selection__overlay .d4cwidget-facet__facet-title {
  color: #06504f;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 1.25rem 0 .3125rem;
}

div[role="main"] #main.widget-opendata #filter h3,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h3,
div[role="main"] #main.widget-opendata #filter .ng-scope.d4c-portail-map:before,
.d4c-dataset-selection__overlay .d4cwidget-facet__facet-title {
  padding: 0 .9375rem;
}

div[role="main"] #main.widget-opendata #filter label[for="sel1"] {
  padding: 0;
}

div[role="main"] #main.widget-opendata #filter .form-group {
  margin: 0;
  padding: 0 .9375rem;
}

div[role="main"] #main.widget-opendata #filter .form-group,
div[role="main"] #main.widget-opendata #filter #actif-filters,
div[role="main"] #main.widget-opendata #filter h2,
div[role="main"] #main.widget-opendata #filter #search-form {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

div[role="main"] #main.widget-opendata #filter select#sel1 {
  cursor: pointer;
  margin: 0;
}

div[role="main"] #main.widget-opendata #filter h2 #reset-filters,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters {
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: .875rem;
  font-weight: normal;
  text-transform: none;
}

div[role="main"] #main.widget-opendata #filter h2 #reset-filters,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters {
  bottom: -2.1875rem;
  position: absolute;
  right: .625rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters .fa-ban,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4c-filters__no-filters {
  display: none;
}

div[role="main"] #main.widget-opendata #filter h2 #reset-filters::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters::before {
  content: "\2715";
  margin-right: .3125rem;
}

div[role="main"] #main.widget-opendata #filter h2 #reset-filters,
div[role="main"] #main.widget-opendata #filter h2 #reset-filters::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters::before,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters::before {
  color: #767676;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

div[role="main"] #main.widget-opendata #filter h2 #reset-filters:hover,
div[role="main"] #main.widget-opendata #filter h2 #reset-filters:focus,
div[role="main"] #main.widget-opendata #filter h2 #reset-filters:hover::before,
div[role="main"] #main.widget-opendata #filter h2 #reset-filters:focus::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters:focus,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters:hover::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2 .d4cwidget-clear-all-filters:focus::before,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters:hover,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters:focus,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters:hover::before,
.d4c-dataset-selection__overlay .d4cwidget-clear-all-filters:focus::before {
  color: #d03d81;
}

div[role="main"] #main.widget-opendata #filter #search-form,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search,
.d4c-dataset-selection__overlay .d4cwidget-text-search {
  margin: .9375rem .9375rem 1.5625rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search .d4cwidget-text-search__form,
.d4c-dataset-selection__overlay .d4cwidget-text-search__form {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
}

div[role="main"] #main.widget-opendata #filter #search-form #search-bar,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search .d4cwidget-text-search__search-box,
.d4c-dataset-selection__overlay .d4cwidget-text-search__search-box {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: inset 0 .0625rem .0625rem rgba(0, 0, 0, .075);
  font-size: .875rem;
  height: 2.125rem;
  padding: .375rem .75rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search .d4cwidget-text-search__search-box,
.d4c-dataset-selection__overlay .d4cwidget-text-search__search-box {
  flex: 1;
  flex-shrink: 1;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
}

div[role="main"] #main.widget-opendata #filter #search-form button[type="submit"],
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search button[type="submit"],
.d4c-dataset-selection__overlay .d4cwidget-text-search button[type="submit"] {
  border: .0625rem solid #ccc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: .25rem;
  border-left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: .25rem;
  color: #666;
  font-size: 1rem;
  height: 2.125rem;
  line-height: 2.125rem;
  margin-left: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 2.125rem;
  margin: 0 !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search button[type="submit"],
.d4c-dataset-selection__overlay .d4cwidget-text-search button[type="submit"] {
  line-height: 2rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-text-search button[type="reset"],
.d4c-dataset-selection__overlay .d4cwidget-text-search button[type="reset"],
div[role="main"] #main.widget-opendata #filter #list-flag {
  display: none;
}

div[role="main"] #main.widget-opendata #filter .jetons,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary {
  align-items: flex-start;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-flex-align: start;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
}

div[role="main"] #main.widget-opendata #filter .jetons,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary {
  margin: 0;
}

div[role="main"] #main.widget-opendata #filter .jetons {
  padding-top: 1.5625rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary {
  padding-top: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter:first-child {
  margin-top: 1.5625rem;
}

.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter:first-child {
  margin-top: .5rem;
}

div[role="main"] #main.widget-opendata #filter .jetons li,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link,
div[role="main"] #main.widget-opendata #filter .list-item,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category,
.d4c-dataset-selection__overlay .d4cwidget-facet__category,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link {
  background: none;
  border: 0;
  border-left: 0;
  border-radius: 0;
  color: #313131;
  cursor: pointer;
  font-size: .875rem;
  margin: 0;
  max-width: 100%;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

div[role="main"] #main.widget-opendata #filter .jetons li,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link {
  padding: .3125rem .9375rem .3125rem 2.5rem;
}

.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link {
  display: inline-block;
}

div[role="main"] #main.widget-opendata #filter .list-item,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category,
.d4c-dataset-selection__overlay .d4cwidget-facet__category {
  padding: .3125rem .9375rem .3125rem 2.8125rem;
}

div[role="main"] #main.widget-opendata #filter .list-item::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category::before,
.d4c-dataset-selection__overlay .d4cwidget-facet__category::before {
  content: "";
  left: 1.25rem;
}

div[role="main"] #main.widget-opendata #filter .jetons li::before, main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link::before, main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link::before, main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined::before, .d4c-dataset-selection__overlay .d4cwidget-facet__category.d4cwidget-facet__category--refined::before, .d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link::before, div[role="main"] #main.widget-opendata #filter .list-item.selected::before {
  content: "\2713";
}

div[role="main"] #main.widget-opendata #filter .jetons li::before,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link::before,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link::before {
  left: .9375rem;
}

div[role="main"] #main.widget-opendata #filter .jetons li::before,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link::before,
div[role="main"] #main.widget-opendata #filter .list-item::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category::before,
.d4c-dataset-selection__overlay .d4cwidget-facet__category::before,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link::before {
  background: #fff;
  border: .125rem solid #bbb;
  border-radius: .125rem;
  color: #0463b3;
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  height: 1rem;
  line-height: .375rem;
  padding-left: .0625rem;
  position: absolute;
  text-align: center;
  text-shadow: -.125rem 0 0 #fff, .125rem 0 0 #fff, 0 -.125rem 0 #fff, 0 .125rem 0 #fff;
  top: .4375rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 1rem;
}

div[role="main"] #main.widget-opendata #filter .jetons li:hover,
div[role="main"] #main.widget-opendata #filter .jetons li:focus,
div[role="main"] #main.widget-opendata #filter .jetons li:hover::before,
div[role="main"] #main.widget-opendata #filter .jetons li:focus::before,
,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:focus,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:hover::before,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:focus::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:focus,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:hover::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:focus::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined:focus,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined:hover::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined:focus::before,
.d4c-dataset-selection__overlay .d4cwidget-facet__category.d4cwidget-facet__category--refined:hover,
.d4c-dataset-selection__overlay .d4cwidget-facet__category.d4cwidget-facet__category--refined:focus,
.d4c-dataset-selection__overlay .d4cwidget-facet__category.d4cwidget-facet__category--refined:hover::before,
.d4c-dataset-selection__overlay .d4cwidget-facet__category.d4cwidget-facet__category--refined:focus::before,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link:hover,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link:focus,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link:hover::before,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-link:focus::before {
  color: #d03d81;
}

div[role="main"] #main.widget-opendata #filter .jetons li:focus-within,
div[role="main"] #main.widget-opendata #filter .jetons li:focus-within::before,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:focus-within,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-link:focus-within::before {
  color: #d03d81;
}

div[role="main"] #main.widget-opendata #filter .jetons li .glyphicon-remove {
  bottom: 0;
  color: transparent;
  display: block;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-label,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-label {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-filter-summary .d4cwidget-filter-summary__active-filter-value,
.d4c-dataset-selection__overlay .d4cwidget-filter-summary__active-filter-value {
  margin-left: 0;
}

div[role="main"] #main.widget-opendata #filter .list-item:hover,
div[role="main"] #main.widget-opendata #filter .list-item:focus,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:focus,
.d4c-dataset-selection__overlay .d4cwidget-facet__category:hover,
.d4c-dataset-selection__overlay .d4cwidget-facet__category:focus,
.d4c-dataset-selection__overlay .d4cwidget-facet__expansion-control-link:hover,
.d4c-dataset-selection__overlay .d4cwidget-facet__expansion-control-link:focus {
  color: #108670;
}

div[role="main"] #main.widget-opendata #filter .list-item[data-visu="analyze"] {
  display: none;
}

div[role="main"] #main.widget-opendata #filter .list-item .number_element,
div[role="main"] #main.widget-opendata #filter .list-item:hover .number_element,
div[role="main"] #main.widget-opendata #filter .list-item:focus .number_element,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:hover .d4cwidget-facet__category-count,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:focus .d4cwidget-facet__category-count,
.d4c-dataset-selection__overlay .d4cwidget-facet__category-count {
  color: #999;
  float: none;
  font-size: 1em;
  padding: 0;
}

div[role="main"] #main.widget-opendata #filter .list-item .number_element,
div[role="main"] #main.widget-opendata #filter .list-item:hover .number_element,
div[role="main"] #main.widget-opendata #filter .list-item:focus .number_element {
  margin-left: .125rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:hover .d4cwidget-facet__category-count,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:focus .d4cwidget-facet__category-count,
.d4c-dataset-selection__overlay .d4cwidget-facet__category-count {
  margin-left: .3125rem;
}

div[role="main"] #main.widget-opendata #filter .list-group:not(#list-cat) .list-item .number_element::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count::before,
.d4c-dataset-selection__overlay .d4cwidget-facet__category-count::before {
  content: "(";
}

div[role="main"] #main.widget-opendata #filter .list-group:not(#list-cat) .list-item .number_element::after,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count::after,
.d4c-dataset-selection__overlay .d4cwidget-facet__category-count::after {
  content: ")";
}

div[role="main"] #main.widget-opendata #filter .list-group#list-cat .list-item {
  padding-left: .9375rem;
}

div[role="main"] #main.widget-opendata #filter .list-group#list-cat .list-item::before {
  display: none;
}

div[role="main"] #main.widget-opendata #filter .list-group#list-cat .list-item .number_element {
  color: #d03d81;
}

div[role="main"] #main.widget-opendata .col-md-10,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters {
  margin: 0 auto;
  width: 100%;
}

div[role="main"] #main.widget-opendata .col-md-10 {
  flex: 1;
  flex-shrink: 1;
  max-width: 28.75rem;
  -ms-flex: 1;
  -ms-flex-negative: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -webkit-flex-shrink: 1;
}

div[role="main"] #main.widget-opendata .col-md-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: 28.75rem;
}

#main.widget-opendata #datasets {
  padding-top: 0;
}

#main.widget-opendata #datasets .dataset {
  background: #fff !important;
  border: 0;
  border-radius: 0;
  box-shadow: 0 .5rem 1.25rem #ccc;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  margin-left: 0;
  max-width: 28.75rem;
  -ms-flex-direction: column;
  padding: 0;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 100%;
}

#main.widget-opendata #datasets .dataset:hover {
  border-left: 0;
  box-shadow: 0 .5rem 1.25rem #aaa;
  padding-left: 0;
}

#main.widget-opendata #datasets .dataset:focus-within {
  border-left: 0;
  box-shadow: 0 .5rem 1.25rem #aaa;
  padding-left: 0;
}

#main.widget-opendata #datasets .dataset .box_1 {
  background: #fff;
  cursor: pointer;
  flex: auto;
  height: 100%;
  -ms-flex: auto;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  display: flex;
}

#main.widget-opendata #datasets .dataset .box_1:hover {
  background: #f2f2f2;
}

#main.widget-opendata #datasets .dataset .box_1:focus-within {
  background: #f2f2f2;
}

#main.widget-opendata #datasets .dataset .box_1::after {
  background: linear-gradient(-45deg, #B3D0E8, #B3D0E8 50%, transparent 50%, transparent);
  bottom: 0;
  color: #0463B3;
  content: "+";
  display: block;
  font-size: 2rem;
  height: 3.75rem;
  padding-left: 2.1875rem;
  padding-top: 1.3125rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 3.75rem;
}

#main.widget-opendata #datasets .dataset .box_1:hover::after {
  font-size: 2.5rem;
  height: 4.6875rem;
  padding-left: 2.75rem;
  padding-top: 1.625rem;
  width: 4.6875rem;
}

#main.widget-opendata #datasets .dataset .box_1:focus-within::after {
  font-size: 2.5rem;
  height: 4.6875rem;
  padding-left: 2.75rem;
  padding-top: 1.625rem;
  width: 4.6875rem;
}

#main.widget-opendata #datasets .dataset .box_1>a {
  background: none;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  height: 100%;
  width: 100%;
  padding-bottom: 0.9375rem;
}

#main.widget-opendata #datasets .dataset .box_1>a:hover {
  text-decoration: none;
}

#main.widget-opendata #datasets .dataset .box_1 .fav-btn {
  display: none;
}

#main.widget-opendata #datasets .dataset .box_1 .dataset-private {
  color: #c33;
}

#main.widget-opendata #datasets .dataset .box_1 .dataset-private i {
  margin-right: .25rem;
}

#main.widget-opendata #datasets .dataset .box_2 {
  align-items: center;
  background: #d3e1ed;
  border: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex: auto;
  flex-wrap: wrap;
  justify-content: center;
  -ms-flex: auto;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  padding: .3125rem;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -webkit-flex: auto;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
}

#main.widget-opendata #datasets .dataset .box_2 p {
  font-size: .875rem;
  margin: .1875rem .3125rem;
}

#main.widget-opendata #datasets .dataset .box_2 p a {
  border: .125rem solid transparent;
  border-radius: .125rem;
  display: block;
  height: 100%;
  padding: .1875rem .3125rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 100%;
}

#main.widget-opendata #datasets .dataset .box_2 p a:hover,
#main.widget-opendata #datasets .dataset .box_2 p a:focus {
  border-color: #0463b3;
  color: #152c60 !important;
  text-decoration: none;
}

#main.widget-opendata #datasets .dataset .portail-theme {
  height: 2.5rem;
  left: .3125rem;
  padding: 0;
  position: absolute;
  top: .3125rem;
  width: 2.5rem;
}

#main.widget-opendata #datasets .dataset .portail-theme> :first-child {
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}

#main.widget-opendata #datasets .dataset .box_4 {
  margin-right: 0;
  padding-left: 3.125rem;
}

#main.widget-opendata #datasets .dataset .jetons,
#main.widget-opendata #datasets .dataset .listeFormat {
  display: none;
}

#main.widget-opendata #datasets .dataset h2,
#main.widget-opendata #datasets .dataset .dataset-h2 {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  line-height: 1.2;
  margin: 0;
}

#main.widget-opendata #datasets .dataset .dataset-h2 a {
  color: inherit;
}

#main.widget-opendata #datasets .dataset h2:hover,
#main.widget-opendata #datasets .dataset .dataset-h2 a:hover,
#main.widget-opendata #datasets .dataset .dataset-h2 a:focus {
  text-decoration: none;
}

#main.widget-opendata #datasets .dataset h2::after,
#main.widget-opendata #datasets .dataset .dataset-h2 a::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#main.widget-opendata #datasets .dataset .box_1 .inner:not(.infos) {
  padding: .625rem .9375rem .9375rem;
}

#main.widget-opendata #datasets .dataset .box_1 :not(.infos) p {
  font-size: 1rem;
  margin-bottom: 0;
  word-break: break-all;
}

#main.widget-opendata #datasets .dataset .box_1 :not(.infos) p br {
  display: none;
}

#main.widget-opendata #datasets .dataset .box_1 .dataset-private {
  margin: 0 2.8125rem 0 .9375rem;
}

#main.widget-opendata #datasets .dataset .box_1 .infos.inner {
  padding: 0 2.8125rem .9375rem .9375rem;
}

#main.widget-opendata #datasets .dataset .box_1 .box_4 .inner {
  padding: .9375rem .9375rem .9375rem .3125rem;
}

#main.widget-opendata #datasets .dataset .box_1 .infos.inner ul {
  font-size: .875rem;
  margin-bottom: 0;
}

#main.widget-opendata #datasets .dataset .box_1 .infos.inner ul+ul {
  margin-top: .3125rem;
}

#main.widget-opendata #datasets .dataset .titre {
  margin-right: .1875rem;
}

#main.widget-opendata #datasets .dataset .titre::after {
  content: ":";
  margin-left: .1875rem;
}

#main.widget-opendata #datasets .dataset .info {
  float: none;
  margin-left: 0;
  margin-right: 0;
}

#main.widget-opendata #datasets .dataset .box_1 .infos.inner {
  color: #313131;
}

#main.widget-opendata #pagination ul.pagination,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list {
  border-radius: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 1.25rem;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  width: 100%;
}

#main.widget-opendata #pagination ul.pagination li,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li {
  display: block;
  margin: 0 .625rem;
}

#main.widget-opendata #pagination ul.pagination li.disabled,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li:disabled {
  display: none !important;
}

#main.widget-opendata #pagination ul.pagination li a,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li a {
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  color: #108670;
  cursor: pointer;
  display: block;
  float: none;
  font-size: 1rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 0;
  padding: 0;
  text-align: center;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 1.875rem;
}

#main.widget-opendata #pagination ul.pagination li a:not(.disabled):hover,
#main.widget-opendata #pagination ul.pagination li a:not(.disabled):focus,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li a:not(.disabled):hover,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li a:not(.disabled):hover {
  background-color: #108670;
  color: #fff;
}

#main.widget-opendata #pagination ul.pagination li a.disabled,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li a.disabled {
  cursor: default;
}

#main.widget-opendata #pagination ul.pagination li.active .page_link,
#main.widget-opendata #pagination ul.pagination li.active .page_link:hover,
#main.widget-opendata #pagination ul.pagination li.active .page_link:focus,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li a.d4cwidget-pagination__page-link--active,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-listli a.d4cwidget-pagination__page-link--active:hover,
.d4c-dataset-selection__overlay ul.d4cwidget-pagination__page-list li a.d4cwidget-pagination__page-link--active:focus {
  background-color: #06504f;
  color: #fff;
  cursor: default;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-subscription {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-advanced_filters,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__header {
  background: #fff;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters {
  padding: 0rem 1.25rem 0.5rem 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization {
  box-shadow: 0 .5rem 1.25rem #ccc;
}

main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4c-filters__no-filters {
  font-style: normal !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__dataset-title {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 1.875rem !important;
  text-transform: uppercase;
  width: 100%;
  padding: 0 0 0 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-advanced_filters {
  z-index: 10;
  width: 100%;
  padding: 0 1.2rem 2.5rem 1.25rem;
}

d4c-saved-filters {
  margin-left: .75rem;
}

d4c-saved-filters a:hover,
d4c-saved-filters a:focus {
  text-decoration: none;
}

#d4c-modal-title {
  padding: .5rem .75rem;
  background: #0463b3;
  color: #fff;
  border-top: .25rem solid #fff;
  border-left: .25rem solid #fff;
  border-right: .25rem solid #fff;
}

.d4c-modal__close-button {
  padding: .75rem;
}

.d4c-modal__close-button i {
  color: #fff;
}

.d4c-modal__action {
  background: #108670;
  border: 0;
  font-weight: bold;
  transition: background .25s ease-out;
}

.d4c-modal__action:hover,
.d4c-modal__action:focus {
  background: #06504f;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__dataset-title .box_3 {
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__dataset-title .box_3>.d4c-button {
  margin-left: -1.25rem;
  margin-bottom: 2.5rem;
  align-items: center;
  background: #06504f;
  color: #fff;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  height: 2.5rem;
  justify-content: center;
  line-height: 2.5rem;
  gap: .5rem;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  text-align: center;
  text-transform: uppercase;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  box-shadow: 0 0.5rem 1.25rem #ccc;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__dataset-title .box_3> :nth-child(3) {
  height: 3.125rem !important;
  margin-right: 1rem !important;
  width: 3.125rem !important;
}

.interior-article-api-console .service-box .service-header {
  cursor: default;
  line-height: 1.2;
  margin: 0 0 1.875rem !important;
}

.interior-article-api-console .service-box .service-header .service-label {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  width: 100%;
}

.interior-article-api-console .service-box .service-header .service-techinfo {
  color: #767676;
  float: none;
  font-size: 1rem;
  margin-top: .75rem;
}

main.main--dataset .d4c-app-explore-dataset .d4cwidget-social-buttons,
body:not(.user-logged-in) d4c-cart-item-modal {
  display: none;
}

a[href*="/feed/dataset/rss"] {
  position: absolute;
  top: 1.25rem;
  left: 100%;
  transform: translateX(-1.75rem);
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__tab,
main.main--dataset .d4c-app-explore-dataset .dt-button {
  background: #ccc;
  border: 0;
  border-radius: 0;
  color: #fff;
  margin: 0 1.25rem 1.25rem 0;
  padding: .625rem 1.25rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__tab:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__tab:focus,
main.main--dataset .d4c-app-explore-dataset .dt-button:hover,
main.main--dataset .d4c-app-explore-dataset .dt-button:focus {
  background: #108670;
  border: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__tab--active,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__tab--active:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__tab--active:focus {
  background: #0463b3;
  border: 0;
  cursor: default;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane {
  position: relative;
  border: 0;
  box-shadow: none;
  padding: .625rem 0 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane div[class^="col-"] {
  padding: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane div[class^="col-"]>.card,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="visualizations"] div>.card {
  border: 0;
  margin: 0;
  border-radius: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane div[class^="col-"]>.card>.card-body {
  padding: 0.75rem 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4c-embed-control {
  margin-top: 1.875rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4c-embed-control .d4c-tabs__pane {
  margin-top: 0;
  padding: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4c-embed-control .d4c-tabs__pane>div>div {
  display: flex;
  position: relative;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child {
  align-items: flex-start;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  -ms-flex-align: start;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -webkit-box-pack: start;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: start;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child>* {
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-subscription {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"]>div:first-child>.row:first-child .col-sm-3,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"]>div:first-child>.row:first-child .col-sm-9 {
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] .h5.text-uppercase {
  margin: 0 0 1.25rem;
  font-family: DroidSansBold, AdjustedArialBold, sans-serif;
  font-size: 1rem;
  color: #06504f;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] .badge {
  margin: 0 .5rem .5rem 0;
  padding: .25rem .5rem .375rem;
  text-transform: none;
  border-radius: .375rem;
  background: #b3d0e8;
  color: #313131;
  font-weight: normal;
  font-size: .875rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] .my-3 {
  margin-bottom: .75rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] .my-3 i {
  color: #767676;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] .my-3 b {
  color: #555;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] ul {
  list-style-image: url("//cdn.agglo-larochelle.fr/images/green-arrow.png");
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: .625rem;
  padding-left: 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"] ul li {
  margin-bottom: .3125rem;
  position: relative;
}

.d4c-form__control,
input[ng-model="visualizationName"] {
  display: block;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  color: #313131;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 0.1rem;
  transition: border-color ease-in-out .15s;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  line-height: normal;
  margin: 0;
  width: 100%;
}

input[ng-model="visualizationName"]+button {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block {
  color: #313131;
  margin: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block:first-child {
  margin-top: 1.875rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata {
  margin: 0 0 .5rem !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block:first-child .d4c-dataset-metadata-block__metadata:first-child {
  margin-bottom: .9375rem !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata .d4c-dataset-metadata-block__metadata {
  margin: 0 !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-name,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-value {
  display: inline;
  font-size: .9375rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block:first-child .d4c-dataset-metadata-block__metadata:first-child .d4c-dataset-metadata-block__metadata-name,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block:first-child .d4c-dataset-metadata-block__metadata:first-child .d4c-dataset-metadata-block__metadata-value {
  font-size: 1rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-name {
  float: none;
  text-align: left;
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-name::after {
  content: ":";
  margin-left: .3125rem;
  margin-right: .1875rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-value {
  margin: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-value p {
  display: inline;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-value code {
  background: none;
  border: 0;
  color: #108670;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block__metadata-value code:hover {
  color: #0463b3;
  text-decoration: underline;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block:first-child .d4c-dataset-metadata-block__metadata:first-child code,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-metadata-block:first-child .d4c-dataset-metadata-block__metadata:first-child code:hover {
  color: #d03d81;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  text-decoration: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__schema {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-attachments+.d4c-dataset-visualization__schema {
  display: block;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__schema,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses,
main.main--dataset .d4c-app-explore-dataset details {
  background: #f2f2f2 !important;
  border: 0;
  box-shadow: 0 .25rem .625rem #999;
  margin: 1.875rem 0 1.25rem;
  padding: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-subscription {
  margin: 1.875rem 0 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__schema .d4c-collapsible,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-collapsible,
main.main--dataset .d4c-app-explore-dataset details {
  border: 0;
  padding: 0;
  border-radius: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-dataset-visualization__toggle-schema,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-dataset-reuses__toggle-header,
main.main--dataset .d4c-app-explore-dataset details summary {
  background: #108670;
  color: #fff;
  padding: .75rem 1.25rem;
  position: relative;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset details summary {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: uppercase;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-dataset-visualization__toggle-schema:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-dataset-reuses__toggle-header:hover,
main.main--dataset .d4c-app-explore-dataset details summary:hover {
  background: #06504f;
}

main.main--dataset .d4c-app-explore-dataset details summary::before {
  content: '';
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-dataset-visualization__toggle-schema::after,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-dataset-reuses__toggle-header::after,
main.main--dataset .d4c-app-explore-dataset details summary::after {
  background-image: url("//cdn.agglo-larochelle.fr/images/white-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  content: "";
  display: block;
  height: 2.25rem;
  margin-top: -1.125rem;
  pointer-events: none;
  position: absolute;
  right: .625rem;
  top: 50%;
  transform: rotateZ(90deg);
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transform: rotateZ(90deg);
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 2.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-collapsible__above-fold--expanded .d4c-dataset-visualization__toggle-schema::after,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-collapsible__above-fold--expanded .d4c-dataset-reuses__toggle-header::after,
main.main--dataset .d4c-app-explore-dataset details[open] summary::after {
  transform: rotateZ(90deg) rotateY(180deg);
  -webkit-transform: rotateZ(90deg) rotateY(180deg);
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-collapsible__help-text {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization d4c-collapsible-above-fold,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization d4c-collapsible-above-fold .d4c-collapsible__above-fold {
  margin: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-collapsible__fold:not(.ng-hide),
main.main--dataset .d4c-app-explore-dataset details>div {
  padding: 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema {
  margin: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__schema h4,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses h4 {
  color: #06504f;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  margin: 1.875rem 0 .9375rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field {
  background: #fff;
  border: .0625rem solid #ccc;
  margin-bottom: 1.25rem;
  padding: 0 .625rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-label {
  border: 0;
  color: #d03d81;
  font-size: 1rem;
  margin: 0 0 .3125rem;
  padding-left: 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-description {
  font-size: .875rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization pre.d4cwidget-dataset-schema__field-description {
  background: #fff;
  overflow: visible;
  padding: .1875rem .3125rem;
  position: relative;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-details {
  display: block;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-description-wrapper {
  margin: 0;
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-name {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-properties {
  margin: .625rem 0;
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-properties-key {
  padding-top: .1875rem;
  width: 5.625rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-type-value {
  padding: .125rem .3125rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-schema__field-sample-value {
  background: #f2f2f2;
  border-color: #ccc;
  padding: .3125rem .625rem;
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-dataset-json-schema {
  background: #fff;
  font-size: .75rem;
  margin-top: .9375rem;
}

main.main--dataset .d4c-app-explore-dataset details>div>a {
  background: #0463b3;
  color: #fff !important;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  gap: .625rem;
  padding: .625rem 1.25rem;
  margin: 0 1.25rem 1.25rem 0;
  width: fit-content;
  text-decoration: none;
}

main.main--dataset .d4c-app-explore-dataset .dataTables_scrollBody {
  height: unset !important;
  max-height: unset !important;
}

div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
  max-height: 500px !important;
}

main.main--dataset .d4c-app-explore-dataset details>div>a>img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(129deg) brightness(103%) contrast(100%);
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}

main.main--dataset .d4c-app-explore-dataset details>div>a>span {
  font-size: 1rem !important;
}

div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after {
  color: #fff !important;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  line-height: .25 !important;
  position: absolute;
  right: 0;
  top: 0;
}

div.DTE_Body {
  padding: 2.45rem 0 3.75rem !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses h4.d4c-dataset-reuses__new-reuse,
div.DTE div.DTE_Header,
div.DTE button.btn,
div.DTE div.DTE_Form_Buttons button {
  background: #0463b3 !important;
  color: #fff !important;
  box-shadow: unset !important;
  border: 0 !important;
  display: inline-block;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem !important;
  margin: 0;
  padding: .5rem .9375rem !important;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  height: unset !important;
}

div.DTE div.DTE_Footer {
  height: unset !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses h4.d4c-dataset-reuses__new-reuse:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses h4.d4c-dataset-reuses__new-reuse:focus,
main.main--dataset .d4c-app-explore-dataset details>div>a:hover,
main.main--dataset .d4c-app-explore-dataset details>div>a:focus,
div.DTE button.btn:hover,
div.DTE div.DTE_Form_Buttons button:focus,
div.DTE button.btn:hover,
div.DTE div.DTE_Form_Buttons button:focus {
  background: #108670 !important;
  border: 0 !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-collapsible__fold .d4c-collapsible__fold {
  padding: 1.25rem 0 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-form__label {
  margin-bottom: .3125rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-form__group input,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-form__group textarea,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-form__group select {
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-reuses__upload-button {
  background: #aaa;
  border: 0;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-reuses__upload-button:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses .d4c-reuses__upload-button:focus {
  background: #108670;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse {
  background: #fff;
  border: .0625rem solid #ccc;
  margin: 0 0 1.25rem;
  padding: .9375rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse-authoring-information {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse-title {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  margin-bottom: 1.25rem;
  text-align: left;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse:focus {
  background: #0463b3;
  border-color: #0463b3;
  color: #fff;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse:focus-within {
  background: #0463b3;
  border-color: #0463b3;
  color: #fff;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse:hover .d4c-dataset-reuses__reuse-title,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse:focus .d4c-dataset-reuses__reuse-title {
  color: #fff;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse:focus-within .d4c-dataset-reuses__reuse-title {
  color: #fff;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse-information {
  min-height: 6.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-reuses__reuse-thumbnail {
  margin-right: .9375rem;
  width: auto;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-export__format-choice {
  border: 0;
}

.d4c-dataset-export__mandatory-license .card {
  border: 0;
}

.d4c-dataset-export__mandatory-license [ng-if="context.dataset.hasFeature('geo')"] > div:last-child,
.d4c-dataset-export__mandatory-license iframe[src*="/visualisation/frame/map"] {
  display: none;
}

.d4c-dataset-export__mandatory-license [ng-if="context.dataset.hasFeature('geo')"] > div {
  width: 100% !important;
}

.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-container {
  width: auto !important;
  background: none !important;
  box-shadow: 0 .125rem .625rem #ccc;
}

.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-logo_container {
  width: 2.5rem;
  height: 2.5rem;
}

.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-name {
  width: auto !important;
  font-size: 1rem !important;
  color: #313131;
}

.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-link {
  background: #108670;
  color: #fff;
  border: 0;
}

.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-link:hover,
.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-link:focus {
  background: #06504f;
}

.d4c-dataset-export__mandatory-license .d4c-dataset-export__format-link-textarea {
  width: auto;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-export-link__explanations {
  display: none;
}

.leaflet-container {
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: 1.0em;
}

ul.leaflet-draw-actions a {
  font-size: 0.75em;
}

.leaflet-container .leaflet-control-attribution {
  line-height: 1.5;
  max-height: 1rem;
}

.d4cwidget-map--fullscreen .d4cwidget-map__map {
  height: 100% !important;
}

.leaflet-container .leaflet-control.leaflet-control-scale {
  background-color: #FFF;
  border-radius: .1875rem;
  bottom: 1.5625rem;
  box-shadow: 0 .0625rem .3125rem rgba(0, 0, 0, 0.4);
  left: .625rem;
  margin: 0;
  padding: .3125rem;
  position: absolute;
}

.leaflet-container .leaflet-control-scale-line {
  background-color: rgba(255, 255, 255, 0.75);
  border-color: #464646;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  text-align: center;
}

.leaflet-container .leaflet-control-scale .leaflet-control-scale-line:last-child {
  display: none;
}

.leaflet-container .leaflet-control.leaflet-control-layers {
  margin-bottom: 3.875rem;
}

.leaflet-container .leaflet-control-layers {
  background: none;
  box-shadow: none;
}

.leaflet-container .leaflet-control-layers.leaflet-control-layers-expanded {
  padding: 0;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-list {
  background-color: #FFF;
  border-radius: .25rem;
  box-shadow: 0 .0625rem .3125rem rgba(0, 0, 0, 0.4);
  display: block;
  padding: .3125rem .625rem;
  width: 5rem;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-separator,
.leaflet-container .leaflet-control-layers .leaflet-control-layers-overlays {
  display: none;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-selector {
  display: none;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-base>label {
  cursor: pointer;
  height: 1.25rem;
  line-height: 1.25rem;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-selector+span {
  color: #AAA;
  padding-left: .9375rem;
  transition: color 0.25s ease-out;
  -webkit-transition: color 0.25s ease-out;
  white-space: nowrap;
}

.leaflet-control-layers .leaflet-control-layers-base>label:hover>.leaflet-control-layers-selector+span,
.leaflet-control-layers-base>label:focus>.leaflet-control-layers-selector+span {
  color: #313131;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-selector:checked+span,
.leaflet-container .leaflet-control-layers .leaflet-control-layers-base>label:hover>.leaflet-control-layers-selector:checked+span,
.leaflet-container .leaflet-control-layers .leaflet-control-layers-base>label:focus>.leaflet-control-layers-selector:checked+span {
  color: #393;
  padding-left: 0;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-selector+span::before {
  color: #393;
  content: "";
  font-size: 1.25em;
}

.leaflet-container .leaflet-control-layers .leaflet-control-layers-selector:checked+span::before {
  content: "\2714";
}

.leaflet-container .leaflet-control-container .leaflet-control-locate a {
  padding: 0;
}

.leaflet-container .leaflet-top {
  position: static;
}

.leaflet-container .leaflet-control.leaflet-control-zoom,
.leaflet-container .leaflet-control.leaflet-control-locate {
  margin: 0;
  position: absolute;
  right: .625rem;
}

.leaflet-container .leaflet-control.leaflet-control-zoom {
  top: .625rem;
}

.leaflet-container .leaflet-control.leaflet-control-locate {
  top: 4.5rem;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder,
.d4cwidget.d4cwidget-map-search-box {
  background: none;
  box-shadow: none;
  display: none;
  height: 1.625rem;
  left: 2.9375rem;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: .625rem;
  width: auto;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder .leaflet-control-geocoder-icon,
.d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__box-wrapper::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.375rem;
  height: 1.625rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.625rem;
}

.d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__box-wrapper::before {
  background-image: url(../api/portail_d4c/lib/leaflet-control-geocoder/images/geocoder.png);
  content: "";
  z-index: 2;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder .leaflet-control-geocoder-form {
  display: block;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder input[type=text],
.d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__box {
  border: none;
  border-radius: .25rem;
  color: #313131;
  font-size: .875rem;
  height: 1.625rem;
  line-height: 1.625rem !important;
  margin: 0 !important;
  padding-left: 1.625rem !important;
  padding-right: .3125rem !important;
  width: 11.25rem !important;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder input[type=text] {
  box-shadow: 0 .0625rem .3125rem rgba(0, 0, 0, 0.65) !important;
}

.d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__box {
  box-shadow: none;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder .leaflet-control-geocoder-alternatives {
  background: #fff;
  border: none;
  box-shadow: 0 .0625rem .3125rem rgba(0, 0, 0, 0.65);
  margin-top: .125rem;
  width: 100%;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder .leaflet-control-geocoder-alternatives li a {
  line-height: 1.0em;
  padding: .625rem;
}

.leaflet-container .leaflet-control.leaflet-control-geocoder .leaflet-control-geocoder-alternatives li a:hover,
.leaflet-container .leaflet-control.leaflet-control-geocoder .leaflet-control-geocoder-alternatives li a:focus {
  background-color: #EFEFEF;
}

.d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__toggle {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table,
.d4c-dataset-selection__overlay .d4cwidget-table {
  box-shadow: 0 .25rem .625rem #ccc;
  height: auto !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__records,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__records {
  height: auto !important;
  max-height: 37.5rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__header-cell,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__header-cell {
  background: #313131;
  color: #fff;
  padding: .375rem .125rem;
  position: relative;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__cell,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__cell {
  padding: .125rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__header-cell:not(:last-child)::after,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__header-cell:not(:last-child)::after {
  border-right: .0625rem solid #999;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__header-cell .d4cwidget-table__label,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__header-cell .d4cwidget-table__label {
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__sort-icons,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__sort-icons {
  height: auto;
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__sort-icons__down,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__sort-icons__up,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__sort-icons__down,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__sort-icons__up {
  opacity: .35;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__sort-icons__down--active,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4cwidget-table .d4cwidget-table__sort-icons__up--active,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__sort-icons__down--active,
.d4c-dataset-selection__overlay .d4cwidget-table .d4cwidget-table__sort-icons__up--active {
  opacity: 1;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-form__addon,
.interior-article-api-console .d4c-form__addon,
.main--mapbuilder .d4c-modal__window .d4c-form__addon {
  background: #108670;
  border: 0;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-form__addon:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-form__addon:focus,
.interior-article-api-console .d4c-form__addon:hover,
.interior-article-api-console .d4c-form__addon:focus,
.main--mapbuilder .d4c-modal__window .d4c-form__addon:hover,
.main--mapbuilder .d4c-modal__window .d4c-form__addon:focus {
  background: #06504f;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization select.d4c-form__control {
  cursor: pointer;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization textarea.d4c-form__control {
  min-height: 10rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-embed-control__misc-option:not(:last-child) {
  margin-bottom: .3125rem;
}

.main--mapbuilder.d4c-mapbuilder__main {
  box-shadow: 0 .125rem 1.25rem #aaa;
}

.main--mapbuilder .d4c-mapbuilder__container {
  overflow: hidden;
}

.main--mapbuilder .d4c-mapbuilder__map {
  display: block;
}

.main--mapbuilder .d4cwidget-map,
.main--mapbuilder .d4cwidget-map__map {
  height: 100% !important;
}

.main--mapbuilder .d4c-mapbuilder__main-panel {
  border-radius: .25rem;
  box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.4);
  font-size: .875rem;
  left: 2.9375rem;
  opacity: 1;
  padding: .25rem 0;
  top: 2.9375rem;
  width: 11.25rem;
}

.main--mapbuilder .d4c-mapbuilder__main-panel__mode-switch {
  margin-bottom: .5rem;
}

.main--mapbuilder .d4c-mapbuilder__main-panel__button {
  padding: .375rem .5rem;
}

.main--mapbuilder .d4c-mapbuilder__main-panel__button[ng-click="showSelectorModal()"] {
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

.main--mapbuilder .d4c-mapbuilder__main-panel__button:not([ng-click="showSelectorModal()"]) {
  text-align: left;
}

.main--mapbuilder .d4c-modal__window {
  border-radius: .375rem;
  padding: .25rem;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__title {
  background: #0463b3;
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.2;
  padding: .625rem 2.5rem;
  text-align: center;
  text-transform: uppercase;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__close-button {
  height: 2rem;
  padding: 0;
  right: .375rem;
  top: .375rem;
  width: 2rem;
  z-index: 2;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__close-button i {
  display: none;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__close-button::after,
.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__close-button::before {
  border-top: .25rem solid #fff;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  width: calc(100% - .5rem);
}

.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__close-button::after {
  transform: translateX(-50%) translateY(-50%) rotateZ(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(-45deg);
}

.main--mapbuilder .d4c-modal__window .d4c-modal__header .d4c-modal__close-button::before {
  transform: translateX(-50%) translateY(-50%) rotateZ(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(45deg);
}

.main--mapbuilder .d4c-modal__window .d4c-modal__actions {
  padding-top: 0;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__action,
.main--mapbuilder .d4c-modal__window .d4c-button--primary,
.main--mapbuilder .d4c-modal__window .d4c-button[disabled],
.d4c-dataset-selection__overlay .d4c-button {
  border: 0;
  color: #fff;
  font-weight: normal;
  height: 100%;
  min-height: 1.875rem;
  padding: 0 .75rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.d4c-dataset-selection__overlay .d4c-button {
  font-size: .875rem;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__action,
.main--mapbuilder .d4c-modal__window .d4c-button--primary,
.d4c-dataset-selection__overlay .d4c-button {
  background: #108670;
}

.main--mapbuilder .d4c-modal__window .d4c-button[disabled],
.d4c-dataset-selection__overlay .d4c-button[disabled] {
  background: #ccc;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__action {
  border-radius: .25rem;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

.main--mapbuilder .d4c-modal__window .d4c-modal__action:hover,
.main--mapbuilder .d4c-modal__window .d4c-modal__action:focus,
.main--mapbuilder .d4c-modal__window .d4c-button--primary:hover,
.main--mapbuilder .d4c-modal__window .d4c-button--primary:focus {
  background: #06504f;
  color: #fff;
  text-decoration: none;
}

.main--mapbuilder .d4c-modal__window h2 {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  font-weight: normal;
  padding-left: 1.25rem;
}

.main--mapbuilder .d4c-modal__window h2:not(:first-child) {
  margin-top: 1.75rem;
}

.main--mapbuilder .d4c-modal__window .d4c-button--danger {
  border: .125rem solid #c33;
  border: 0;
  color: #c33;
  height: 100%;
  min-height: 1.875rem;
}

.main--mapbuilder .d4c-modal__window .d4c-button--danger:hover,
.main--mapbuilder .d4c-modal__window .d4c-button--danger:focus {
  background: #c33;
  color: #fff;
  text-decoration: none;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.main--mapbuilder .d4c-modal__window .d4c-table-list {
  box-shadow: 0 .25rem .625rem #ccc;
}

.main--mapbuilder .d4c-modal__window .d4c-table-list .d4c-table-list__header-cell {
  background: #313131;
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
}

.main--mapbuilder .d4c-modal__window .d4c-table-list .d4c-table-list__body .d4c-table-list__row:nth-child(2n+1) {
  background: #fff;
}

.main--mapbuilder .d4c-modal__window .d4c-table-list .d4c-table-list__body .d4c-table-list__row:nth-child(2n) {
  background: #f2f2f2;
}

.main--mapbuilder .d4c-modal__window .d4c-table-list .d4c-table-list__body .d4c-table-list__cell {
  background: transparent;
}

.main--mapbuilder .d4c-modal__window .d4c-pagination {
  margin-bottom: 0;
}

.main--mapbuilder .leaflet-popup .leaflet-popup-close-button {
  height: 1.25rem;
  width: 1.25rem;
  z-index: 2;
}

.main--mapbuilder .leaflet-popup .leaflet-popup-content {
  border-radius: .625rem;
  display: inline-block;
  font-size: .75rem;
  line-height: 1.5;
  margin: 0;
  max-width: 75vw;
  padding: .75rem 1rem;
  width: 18.75rem !important;
}

.main--mapbuilder .leaflet-popup .leaflet-popup-content .d4cwidget-map-tooltip__record {
  padding: 0;
}

.main--mapbuilder .leaflet-popup .leaflet-popup-content h2 {
  color: #0463B3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.0em;
  font-weight: normal;
  margin-top: 0;
  padding-left: .625rem;
}

.main--mapbuilder .leaflet-popup .leaflet-popup-content h2+p {
  border-top: .0625rem solid #efefef;
  margin: 0;
  padding-top: .625rem;
}

.main--mapbuilder .d4cwidget-map-legend {
  bottom: 1.5rem;
  box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.4);
  right: .625rem;
}

.main--mapbuilder .d4cwidget-map-display-control {
  box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.4);
  right: 2.875rem;
  top: .625rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  z-index: 10;
}

.main--mapbuilder .d4cwidget-map-display-control:not(.d4cwidget-map-display-control--expanded) {
  transform: translateX(21.625rem);
  -webkit-transform: translateX(21.625rem);
}

.main--mapbuilder .d4cwidget-map-display-control.d4cwidget-map-display-control--expanded .d4cwidget-map-display-control__toggle {
  top: .625rem;
}

.main--mapbuilder .d4cwidget-map-display-control__groups,
.main--mapbuilder .d4cwidget-map-display-control__no-groups {
  min-height: 0;
  padding: .25rem .125rem;
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group {
  border: 0;
  margin: 0 0 0;
  opacity: 1;
  padding-left: 2.25rem;
  position: relative;
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group:not(:last-child) {
  margin-bottom: .0625rem;
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group::before {
  background: #fff;
  border: .125rem solid #bbb;
  border-radius: .125rem;
  color: #0463b3;
  content: "\2713";
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  height: 1rem;
  left: .625rem;
  line-height: .375rem;
  margin-top: -.375rem;
  padding-left: .0625rem;
  position: absolute;
  text-align: center;
  text-shadow: -.125rem 0 0 #fff, .125rem 0 0 #fff, 0 -.125rem 0 #fff, 0 .125rem 0 #fff;
  top: 50%;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 1rem;
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group.d4cwidget-map-display-control__group--disabled::before {
  content: "";
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group-title {
  color: #313131;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.2;
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group:hover .d4cwidget-map-display-control__group-title {
  color: #0463b3;
}

.main--mapbuilder .d4cwidget-map-display-control .d4cwidget-map-display-control__group-description {
  display: none;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel {
  background: #fff;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel a {
  color: #108670;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel a:hover,
.main--mapbuilder .d4c-mapbuilder__datasets-panel a:focus {
  color: #0463b3;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__group-container {
  padding: 0 .5rem;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__group-container:not(:first-child) {
  border-top: 0;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__group-container {
  border-bottom: .0625rem solid #ccc;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__layer {
  color: #313131;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__add-dataset {
  background: #108670;
  border-radius: .25rem;
  color: #fff;
  margin: 1.25rem auto 0;
  padding: 0 0 0 24px;
  position: relative;
  text-align: center;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  width: 21.25rem;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__add-dataset:hover,
.main--mapbuilder .d4c-mapbuilder__datasets-panel__add-dataset:focus {
  background: #0463b3;
  color: #fff;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__add-dataset-icon {
  left: .625rem;
  position: absolute;
  top: .375rem;
}

.main--mapbuilder button.d4c-mapbuilder__datasets-panel__layer-button:hover,
.main--mapbuilder button.d4c-mapbuilder__datasets-panel__layer-button:focus {
  background: none;
}

.main--mapbuilder button.d4c-mapbuilder__datasets-panel__layer-button .d4c-mapbuilder__datasets-panel__layer-button-icon {
  display: none;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel__layer-button-zoom-icon {
  color: #0463b3;
  display: block;
  transform: translateY(-.25rem) rotate(45deg);
  -webkit-transform: translateY(-.25rem) rotate(45deg);
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__header {
  flex-wrap: wrap;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__header .d4c-mapbuilder__layer-edition__layer-button {
  display: none;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__header .d4c-mapbuilder__layer-edition__header-title {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  font-weight: normal;
  justify-content: center;
  margin-bottom: .25rem;
  -ms-flex-pack: center;
  padding-bottom: .375rem;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  width: 100%;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__header .d4c-mapbuilder__layer-edition__header-title::after {
  border-bottom: .25rem solid #ccc;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -2.5rem;
  position: absolute;
  width: 5rem;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__header .d4c-mapbuilder__layer-edition__header-back {
  margin-left: 1.25rem;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__top-button {
  background: #ccc;
  border: 0;
  color: #fff;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  margin: .5rem .125rem;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__top-button:first-child {
  margin-left: .25rem;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__top-button:last-child {
  margin-right: .25rem;
}

.main--mapbuilder .d4c-mapbuilder__layer-edition__top-button--active,
.main--mapbuilder .d4c-mapbuilder__layer-edition__top-button:hover,
.main--mapbuilder .d4c-mapbuilder__layer-edition__top-button:focus {
  background: #0463b3;
  color: #fff;
}

.main--mapbuilder .d4c-mapbuilder__layer-configuration__section-title {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.25rem;
  font-weight: normal;
  margin: .5rem 0 .75rem;
}

.main--mapbuilder .d4c-form__group--horizontal {
  display: block;
}

.main--mapbuilder .d4c-form__group .d4c-form__label {
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0;
  max-width: 100%;
  width: 100%;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel .d4c-button {
  background: #108670;
  border-color: #108670;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.main--mapbuilder .d4c-mapbuilder__datasets-panel .d4c-button:hover,
.main--mapbuilder .d4c-mapbuilder__datasets-panel .d4c-button:focus {
  background: #06504f;
  border-color: #06504f;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__catalog-search {
  width: calc(100% - 240px);
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__catalog-sort {
  display: inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  height: 38px;
  margin-bottom: 20px;
  margin-left: 1.25rem;
  vertical-align: top;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__catalog-sort .icon-sort-by-attributes {
  transform: translateY(10px) translateX(-4px);
  -webkit-transform: translateY(10px) translateX(-4px);
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__catalog-sort .d4c-dataset-selection-list__catalog-sort-selector {
  width: 100%;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__item {
  box-shadow: 0 .25rem .625rem #ccc;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records {
  position: relative;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records-selector {
  box-shadow: 0 .5rem 1.25rem #ccc;
  margin-top: 0;
}

.d4c-dataset-selection__overlay [ng-click="exploreCatalog()"] {
  position: absolute;
  right: 30px;
  top: 70px;
}

.d4c-dataset-selection__overlay h1.d4c-dataset-selection-list__records-title {
  color: #0463b3;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}

.d4c-dataset-selection__overlay h1.d4c-dataset-selection-list__records-title .d4c-dataset-selection-list__records-count {
  font-weight: normal;
}

.d4c-dataset-selection__overlay h1.d4c-dataset-selection-list__records-title .d4c-dataset-selection-list__records-portal-icon {
  display: none;
}

.d4c-dataset-selection__overlay .two-thirds h2 {
  color: #06504f;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  text-transform: uppercase;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records-filter-summary-title {
  color: #06504f;
  float: none;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  width: auto;
}

.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records-filter-summary-content {
  margin: 0;
}

.contact-form {
  border-bottom: .0625rem solid #ccc;
  border-top: .0625rem solid #ccc;
  margin: 0 auto;
  max-width: 43.75rem;
  padding: 2.5rem 0;
}

.form-item:not(.form-type-checkbox) {
  background: #f6f6f6;
  border: .0625rem solid #ccc;
  border-radius: .3125rem;
  color: #666;
  cursor: not-allowed;
  display: block;
  font-size: .875rem;
  line-height: 2.125rem;
  margin: 0;
  margin-bottom: .9375rem;
  overflow: visible;
  width: 100%;
}

.form-item:not(.form-type-checkbox) .control-label,
.form-item:not(.form-type-checkbox) .form-control {
  border: .0625rem solid #ccc;
  border-radius: 0;
  display: block;
  font-size: .875rem;
  max-width: calc(100% + .125rem);
  width: calc(100% + .125rem);
}

.form-item:not(.form-type-checkbox) .control-label {
  background: #efefef;
  border-top-left-radius: .3125rem;
  color: #555;
  cursor: pointer;
  font-variant: normal;
  font-weight: bold;
  line-height: 2.125rem;
  margin: -.0625rem 0 0 -.0625rem;
  min-height: 2.125rem;
  overflow: hidden;
  padding: 0 .625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-item:not(.form-type-checkbox) .control-label {
  border-top-right-radius: .3125rem;
  margin-right: -.0625rem;
  text-align: center;
}

.form-item:not(.form-type-checkbox) .form-control {
  background-color: #f6f9ff;
  border-bottom-right-radius: .3125rem;
  box-shadow: none;
  color: #313131;
  height: 2.25rem;
  margin: -.0625rem;
  min-width: 0;
  transition: none;
  -webkit-transition: none;
}

.form-item:not(.form-type-checkbox) .form-control:hover,
.form-item:not(.form-type-checkbox) .form-control:focus {
  background-color: #FAFFEE;
  border-color: #0463b3;
  color: #313131;
}

.form-item:not(.form-type-checkbox) .form-control:disabled,
.form-item:not(.form-type-checkbox) .form-control:disabled:hover,
.form-item:not(.form-type-checkbox) .form-control:disabled:focus,
.form-item:not(.form-type-checkbox) .form-control:read-only,
.form-item:not(.form-type-checkbox) .form-control:read-only:hover,
.form-item:not(.form-type-checkbox) .form-control:read-only:focus {
  background: #f6f6f6;
  border-color: #ccc;
  box-shadow: none;
  color: #666;
  cursor: not-allowed;
}

.form-item:not(.form-type-checkbox) .form-control:focus {
  box-shadow: 0 0 .25rem rgba(4, 99, 179, 0.25) inset;
  outline: 0 !important;
}

.form-item:not(.form-type-checkbox) .form-control {
  border-bottom-left-radius: .3125rem;
}

.form-item:not(.form-type-checkbox) .form-textarea {
  line-height: 1.3;
  min-height: 15.625rem !important;
  padding: .625rem;
}

.form-required::after {
  background: none;
  color: #c33;
  content: "*";
  font-size: .875rem;
  font-style: italic;
  font-weight: bold;
  height: auto;
  margin-left: .25rem;
  vertical-align: inherit;
  width: auto;
}

.form-type-checkbox .control-label {
  border: 0;
  line-height: 1.2;
  line-height: 1.25rem;
  margin: .9375rem;
  min-height: 1.25rem;
  overflow: visible;
  padding-left: 1.75rem;
  padding-right: .25rem;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
  white-space: normal;
}

.form-type-checkbox .control-label:hover,
.form-type-checkbox .control-label:focus {
  color: #0463b3;
  outline: .0625rem solid #0463b3;
}

.form-item.form-item-mail .control-label,
.form-item.form-item-subject-0-value .control-label {
  font-size: 0;
  height: 2.25rem;
}

.form-item.form-item-mail .control-label::before,
.form-item.form-item-subject-0-value .control-label::before {
  font-size: .875rem;
  height: 2.125rem;
}

.form-item.form-item-mail .control-label::before {
  content: "Courriel";
}

.form-item.form-item-subject-0-value .control-label::before {
  content: "Sujet";
}

.form-actions {
  margin-top: 1.25rem;
}

.btn.form-submit {
  background: #108670;
  border: 0;
  border-radius: .3125rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: none;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-size: 1.125rem;
  font-weight: normal;
  height: auto;
  padding: .625rem 1.25rem;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.btn.form-submit:not(.interior-article-submit) {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.btn.form-submit:hover,
.btn.form-submit:focus {
  background: #06504f;
  color: #fff;
}

.btn.form-submit.interior-article-submit {
  color: #fff;
  margin: .75rem .625rem 0;
}

.btn.form-submit.interior-article-submit:hover,
.btn.form-submit.interior-article-submit:focus {
  color: #fff;
  text-decoration: none;
}

.interior-article .btn-wrapper {
  text-align: center;
}

.interior-article .btn-wrapper+p,
.interior-article .btn-wrapper+ul {
  margin-top: 1.875rem;
}

.interior-article-api-console .d4c-box,
.interior-article-api-console .service-box {
  margin: 0;
  padding: 0;
}

.interior-article-api-console .service-box+.service-box {
  margin-top: 2rem;
  padding-top: 2rem;
  position: relative;
}

.interior-article-api-console .service-box+.service-box::before {
  border-top: .375rem solid #ccc;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -5rem;
  position: absolute;
  top: 0;
  width: 10rem;
}

.interior-article-api-console .service-box:not(.active) {
  background: #fff;
  color: #313131;
}

.interior-article-api-console .service-box:not(.active) .d4c-api-console {
  max-height: none;
}

.d4c-api-console .d4c-form__group,
.interior-article-api-console .d4c-form__group {
  margin-bottom: 1.25rem;
}

.d4c-api-console .d4c-form__group .d4c-form__label,
.interior-article-api-console .d4c-form__group .d4c-form__label {
  color: #555;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  margin-bottom: .5rem;
}

.d4c-api-console .d4c-form__group .d4c-form__control,
.interior-article-api-console .d4c-form__group .d4c-form__control {
  background: #f6f9ff;
  transition: none;
  -webkit-transition: none;
}

.d4c-api-console .d4c-form__group .d4c-form__control:hover,
.d4c-api-console .d4c-form__group .d4c-form__control:focus,
.interior-article-api-console .d4c-form__group .d4c-form__control:hover,
.interior-article-api-console .d4c-form__group .d4c-form__control:focus {
  background: #faffee;
  border-color: #0463b3;
}

.d4c-api-console .d4c-api-console-page__service-result,
.interior-article-api-console .d4c-api-console-page__service-result {
  background: #f2f2f2;
  font-size: .75rem;
  margin: 1.75rem 0 1.25rem;
}

.interior-article-api-console .d4c-api-console-page__service-result ul {
  font-size: .75rem;
}

.interior-article-api-console .d4c-api-console-page__service-result ul li {
  margin-bottom: 0;
}

.d4c-api-console .d4c-button--primary,
.interior-article-api-console .d4c-button--primary {
  background: #108670;
  border: 0;
  font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
  font-weight: normal;
  transition: all .25s ease-out, outline 0s, outline-offset 0s;
  -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
}

.d4c-api-console .d4c-button--primary:hover,
.d4c-api-console .d4c-button--primary:focus,
.interior-article-api-console .d4c-button--primary:hover,
.interior-article-api-console .d4c-button--primary:focus {
  background: #06504f;
}

.d4c-api-console .d4c-api-console-page__service-url,
.interior-article-api-console .d4c-api-console-page__service-url {
  min-height: 2.5rem;
  padding: 0;
}

.d4c-api-console .d4c-api-console-page__service-url a,
.interior-article-api-console .d4c-api-console-page__service-url a {
  background: #f2f2f2;
  border-color: #ccc;
  color: #313131;
  display: block;
  font-family: DroidSans, "Open Sans", Arial, sans-serif !important;
  font-size: 1rem;
  height: 100%;
  padding: .5rem .75rem;
  text-decoration: none;
  transition: none;
  -webkit-transition: none;
}

.d4c-api-console .d4c-api-console-page__service-url a:hover,
.d4c-api-console .d4c-api-console-page__service-url a:focus,
.interior-article-api-console .d4c-api-console-page__service-url a:hover,
.interior-article-api-console .d4c-api-console-page__service-url a:focus {
  background: #faffee;
  color: #0463b3;
  text-decoration: none;
}

.d4c-list-filters-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-right: 20px;
}

.d4c-list-filters-container .form-item .control-label {
  position: relative;
  margin: 0;
  padding-left: 0;
}

.d4c-list-search-bar {
  display: flex;
  gap: 8px;
}

.d4c-list-search {
  padding: 8px 30px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-right: 8px;
  position: relative;
}

.d4c-list-btn, .d4c-list-search-btn {
background-color: #007bff;
color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.d4c-list-btn:hover, .d4c-list-btn:focus {
  text-decoration: none;
  color: #231515;
}

.d4c-list-search-btn:hover, .d4c-list-search-btn:focus {
  text-decoration: none;
  background-color: #0061ca;
  color: white;
}

.d4c-list-search-icon {
  position: absolute;
  left: 12px;
  top: 22%;
  color: #aaa;
  z-index: 1;
}

.d4c-list-actions {
  display: flex;
  gap: 8px;
}

.d4c-dashboard-list,
.d4c-dataset-admin-buttons {
  display: flex;
  gap: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.d4c-dashboard-card, .d4c-visualization-card,
.d4c-dataset-admin-buttons a {
  overflow-wrap: break-word;
}

.d4c-dashboard-card, .d4c-dashboard-card--selected {
  width: 32.5%;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  border: solid 1px black;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.d4c-dashboard-card-link-title {
  font-size: 16px;
  font-weight: bold;
  color: #004c9d;
  text-decoration: none;
}

.d4c-dashboard-card-actions {
  text-align: center;
  margin-top: 10px;
}

.card-container,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(calc(1em * 7.5), 1fr));
  grid-auto-rows: calc(1em * 7.5);
  grid-gap: 1em 1em;
  grid-auto-flow: row dense;
  justify-items: center;
}

.card-container > .card,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a {
  font-size: .75rem;
  line-height: 1.0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: unset;
  border-radius: 5px ;
  color: #000 !important;
  border: unset;
  margin: 0;
  padding: 1em;
  height: 100%;
  gap: 0.5em ;
}

.card-container > .card.gris,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a {
  background-color: lightgray;
}

.card-container > .card:hover,
.card-container > .card:focus,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a:hover,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a:focus {
  background-color: #bbb !important;
}

.card-container > .card > .card-img,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a img {
  height: auto;
  width: 40%;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 50%;
  margin: 0;
  display: block;
}

main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a img {
  filter: invert(0%);
}

.card-container > .card > .card-lbl,
main.main--dataset .d4c-app-explore-dataset details .d4c-dataset-admin-buttons a span {
  margin: .5rem 0 0;
  text-align: center;
  font-size: inherit !important;
  font-weight: bold;
}

.d4c-dataset-export__format-container{
  border-radius: 5px !important;
  background-color: #4974ca;
  alignment-baseline: middle;
  padding: 10px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  color: #ffffff !important;
  text-align: center;
  gap: 15px;
  width: fit-content !important;
}

.d4c-dataset-export__format-name{
  font-size:18px !important;
  font-weight:bold !important;
  text-align: center !important;
  width: 150px !important;
  margin: 0px !important;
}

.d4c-dataset-export__format-links{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0px !important;
}

@media (min-width:22.5rem) {

  .leaflet-container .leaflet-control.leaflet-control-geocoder,
  .d4cwidget.d4cwidget-map-search-box {
    display: block;
  }
}

@media (min-width:26.25rem) {
  p.footer-logo {
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
  }

  a.footer-logo-link:first-child {
    margin-bottom: 0;
    margin-right: 2.5rem;
  }

  .interior-article ul,
  .interior-article ol {
    padding-left: 2.1875rem;
  }

  label.interior-aside-title,
  li.interior-aside-moreContent {
    font-size: 1em;
  }

  label.interior-aside-title,
  li.interior-aside-moreContent a.inner-link {
    padding-left: 5rem;
  }

  label.interior-aside-title::before,
  li.interior-aside-moreContent a.inner-link::before {
    left: 1.6875rem;
  }

  .interior-article .article-inner-block {
    box-shadow: 0 .25rem .625rem #ccc;
    margin: 2.5rem 0 1.25rem;
    padding: 0 .9375rem .9375rem;
  }

  .interior-article .article-inner-block h2 {
    background: #555;
    color: #fff;
    font-family: DroidSansBold, "Open Sans", Arial, sans-serif !important;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 -.9375rem .9375rem;
    padding: .9375rem;
    text-align: center;
  }

  .interior-article .article-inner-block> :last-child {
    margin-bottom: 0;
  }

  .interior-article .article-inner-block+.article-inner-block {
    margin-top: 2.5rem;
  }
}

@media (min-width:28.75rem) {

  .leaflet-container .leaflet-control.leaflet-control-geocoder input[type=text],
  .d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__box {
    width: 15.625rem !important;
  }

  .top-search-form,
  .header-twitter {
    margin-left: auto;
    margin-right: auto;
  }
}

@media(min-width:30rem) {
  .leaflet-container .leaflet-control.leaflet-control-layers {
    margin-bottom: 2.9375rem;
  }

  .leaflet-container .leaflet-control.leaflet-control-scale {
    bottom: .625rem;
  }
}

@media (min-width:32.5rem) {
  .nav.menu.menu--main li a {
    padding-left: calc(50% - 14.375rem);
  }

  div[role="main"] {
    padding: 0 1.25rem;
  }

  .home-block-columns {
    padding: 1.875rem;
  }

  .leaflet-container .leaflet-control.leaflet-control-geocoder input[type=text],
  .d4cwidget.d4cwidget-map-search-box .d4cwidget-map-search-box__box {
    width: 20rem !important;
  }
}

@media(min-width:33.75rem) {
  section.block-block-grouphome-group-actus.block-blockgroup {
    margin-left: auto;
    margin-right: auto;
    max-width: 30rem;
  }
}

@media (min-width:35rem) {
  .form-item:not(.form-type-textarea) {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  }

  .form-item:not(.form-type-textarea) .control-label,
  .form-item:not(.form-type-textarea) .form-control {
    max-width: 100%;
    width: auto;
  }

  .form-item:not(.form-type-textarea):not(.form-type-checkbox) .control-label {
    border-bottom-left-radius: .3125rem;
    border-top-right-radius: 0;
    margin-bottom: -.0625rem;
    margin-right: .625rem;
  }

  .form-item:not(.form-type-textarea):not(.form-type-checkbox) .form-control {
    border-bottom-left-radius: 0;
    border-top-right-radius: .3125rem;
    flex: 1;
    flex-shrink: 1;
    margin-left: -.6875rem;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
  }
}

@media(min-width: 37.5rem) {
  .leaflet-container .leaflet-control.leaflet-control-scale {
    left: 6.25rem;
  }

  .leaflet-container .leaflet-control.leaflet-control-layers {
    margin-bottom: .625rem;
  }

  .home-data-explore .home-block {
    padding: 1.25rem;
  }

  .home-search-form {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  }

  .home-data-contrib .home-search-form {
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
  }

  .home-search-form .search-bar {
    flex: 1;
    flex-shrink: 1;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
  }

  .home-search-form .search-submit {
    margin: 0;
    margin-left: 1.25rem;
  }
}

@media (min-width:48rem) {
  .navbar.container .navbar-header {
    height: 3.75rem;
  }

  .navbar-header .region-navigation {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: flex-start;
    -ms-flex-pack: start;
    padding: 0 1.875rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
  }

  .navbar-header .logo {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  }

  ul.article-share {
    left: 0;
    position: relative;
    top: 0;
  }

  .top-search-form,
  .header-twitter {
    position: absolute;
    right: 1.875rem;
  }

  .top-search-form {
    margin: 0;
    top: .625rem;
    width: calc(100% - 25rem);
  }

  .header-twitter {
    height: 100%;
    padding: .625rem 0;
    width: auto;
  }

  .navbar-header .navbar-toggle {
    display: none;
  }

  .navbar.container .navbar-collapse {
    max-height: 4.375rem;
  }

  .nav.menu--main {
    display: flex;
    padding: 0 1.875rem;
  }

  .nav.menu--main li {
    flex: 1;
    flex-shrink: 1;
    height: 4.375rem;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
  }

  .nav.menu.menu--main li:not(:last-child) {
    border-bottom: 0;
    border-right: .0625rem solid #72a2ca;
  }

  .nav.menu.menu--main li a {
    justify-content: center;
    -ms-flex-pack: center;
    padding: 0 .9375rem;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
  }

  .nav.menu.menu--main li a.is-active::after {
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-top: .75rem solid #035396;
    bottom: -.75rem;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.75rem;
    position: absolute;
  }

  h1.main-article-title,
  main.main--dataset::before {
    padding: 1.875rem 5rem;
  }

  div[role="main"] #main.widget-opendata #filter h1 {
    left: 21.25rem;
  }

  h1.main-article-title.home-title {
    font-size: 3rem;
  }

  h1.main-article-title.home-title::after {
    border-bottom: .375rem solid #aaa;
  }

  h1.main-article-title .main-article-subtitle {
    font-size: 1.5rem;
  }

  div[role="main"] {
    padding: 0 1.875rem;
  }

  div[role="main"] #main.widget-opendata,
  main.main--dataset .d4c-app-explore-dataset {
    align-items: flex-start;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-align: start;
    -ms-flex-pack: center;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    flex-wrap: wrap;
  }

  div[role="main"] #main.widget-opendata {
    max-width: 50rem;
    padding-top: 0 !important;
  }

  #main.widget-opendata #datasets {
    padding-top: 8.125rem;
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
    display: block;
    left: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: 1.25rem;
    transform: none;
    -webkit-transform: none;
    width: 18.75rem;
    z-index: 9;
  }

  div[role="main"] #main.widget-opendata #filter,
  main.main--dataset .d4c-app-explore-dataset .d4c-filters {
    margin: 0;
    width: 18.75rem;
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-filters {
    position: absolute;
    right: 0;
    top: 1.125rem;
    z-index: 8;
  }

  div[role="main"] #main.widget-opendata .col-md-10 {
    margin: 0 0 0 2.5rem;
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization {
    margin: 0;
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization__header {
    padding-right: 18.75rem;
    width: 100%;
  }

  section.block-block-grouphome-group-actus,
  section.block-block-grouphome-list-columns {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  section.block-block-grouphome-list-columns {
    max-width: 80rem;
  }

  .path-frontpage .region-content>article,
  .path-frontpage .region-content #block-headersearch,
  .path-frontpage .region-content [class*="block-views-blockactualites-home-home"] {
    width: 100%;
  }

  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"],
  .path-frontpage .region-content #block-donneespopulaires {
    width: 50%;
  }

  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"]>.form-group,
  .path-frontpage .region-content [class*="block-views-blockreutilisations-home"]>.form-group,
  .path-frontpage .region-content #block-donneespopulaires>.field {
    height: calc(100% - 3.75rem);
  }

  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"] .home-news-list,
  .path-frontpage .region-content [class*="block-views-blockreutilisations-home"] .home-news-list,
  .path-frontpage .region-content #block-donneespopulaires .home-news-list,
  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"] .home-news-list .view-content,
  .path-frontpage .region-content [class*="block-views-blockreutilisations-home"] .home-news-list .view-content,
  .path-frontpage .region-content #block-donneespopulaires .home-news-list .view-content,
  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"] .home-news-list .view-content .views-row,
  .path-frontpage .region-content [class*="block-views-blockreutilisations-home"] .home-news-list .view-content .views-row,
  .path-frontpage .region-content #block-donneespopulaires .home-news-list .view-content .views-row {
    height: 100%;
  }

  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"] .home-news-list .view-content .views-row,
  .path-frontpage .region-content [class*="block-views-blockreutilisations-home"] .home-news-list .view-content .views-row,
  .path-frontpage .region-content #block-donneespopulaires .home-news-list .view-content .views-row {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
  }

  .home-news-list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex: 1;
    flex-direction: column;
    flex-shrink: 1;
    -ms-flex: 1;
    -ms-flex-direction: column;
    -ms-flex-negative: 1;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-flex: 1;
    -webkit-flex-direction: column;
    -webkit-flex-shrink: 1;
  }

  .home-news-list:first-child {
    margin-right: .9375rem;
  }

  .home-news-list:last-child {
    margin-left: .9375rem;
  }

  .home-news-list article.news-list-news-container {
    flex: 1 0 auto;
  }

  section.block-block-grouphome-group-actus.block-blockgroup {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    max-width: 46.875rem;
  }

  section.block-views-blockactualites-home-main-block-1 {
    width: 30rem;
  }

  section.block-views-blockactualites-home-carousel-block-1 {
    height: 29.25rem;
    width: 16.875rem;
  }

  h3.home-article-moreContent {
    display: block;
  }

  .home-news-arrow {
    display: none;
  }

  .main--mapbuilder .d4cwidget-map-display-control:not(.d4cwidget-map-display-control--expanded) {
    transform: none;
    -webkit-transform: none;
  }
}

@media(min-width:57.5rem) {
  ul.footer-list {
    flex-direction: row;
    list-style-type: none;
    margin-bottom: 1.875rem;
    margin-right: 0;
    -ms-flex-direction: row;
    padding-left: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
  }

  li.footer-link {
    margin: 0 1.25rem;
  }

  li.footer-link:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width:60.625rem) {
  .cookies-notice-content {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
  }

  .cookies-btn-wrapper {
    margin-left: 1.25rem;
  }

  .cookies-btn-wrapper {
    margin-top: .3125rem;
  }
}

@media (min-width:56.25rem) {
  .home-block-columns {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
  }

  .home-block-column {
    flex: 1;
    flex-shrink: 1;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
  }

  .home-block-column+.home-block-column {
    margin-left: 2.5rem;
    margin-top: 0;
  }

  .interior-article .article-inner-block-columns {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  }

  .interior-article .article-inner-block {
    flex: 1;
    flex-shrink: 1;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
  }

  .interior-article .article-inner-block+.article-inner-block {
    margin-left: 1.25rem;
  }

  .multi-content-layout {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  }

  .interior-aside,
  .interior-article-container-agregator {
    align-self: flex-start;
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
  }

  .interior-aside,
  #interior-aside-visible:checked~.interior-article-container {
    max-height: 625rem;
  }

  label.interior-aside-title {
    display: none;
  }

  .interior-aside {
    margin-right: 1.25rem;
    width: 16.875rem;
  }

  a.interior-aside-moreContent-displayed {
    font-family: DroidSansBold, "Open Sans", Arial, sans-serif;
  }

  li.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:hover,
  li.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:focus,
  h2.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:hover,
  h2.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:focus {
    background-color: transparent;
  }

  li.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed::before,
  h2.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed::before {
    background-color: #108670;
  }

  li.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:hover::before,
  li.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:focus::before,
  h2.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:hover::before,
  h2.interior-aside-moreContent a.inner-link.interior-aside-moreContent-displayed:focus::before {
    border: .1875rem solid #FFF;
  }

  .interior-news-list article.news-list-news-container {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
  }

  .interior-news-list h2.home-article-title,
  .interior-news-list article.news-list-news-container,
  .interior-news-list p.home-article-showMore {
    max-width: 100%;
  }

  .interior-news-list .news-list-news-title {
    font-size: 1.5em;
  }

  .interior-news-list p.news-list-news-img {
    margin-bottom: 0;
    margin-right: 2.5rem;
    width: 40%;
  }

  .interior-news-list .news-list-news-block {
    flex: 1;
    flex-shrink: 1;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
  }

  div[role="main"] #main.widget-opendata #filter h1 {
    font-size: 2rem;
  }
}

@media (min-width:64rem) {
  .home-thematics {
    max-width: 62.5rem;
  }
}

@media (min-width:66.25rem) {
  .navbar-header .logo {
    height: 8.125rem;
    padding: .9375rem;
  }

  .navbar-header .logo img {
    height: 6.25rem;
    width: 13.125rem;
  }

  .navbar-header .navbar-brand {
    font-size: 1.75rem;
  }

  .nav.menu--main li:first-child {
    margin-left: 15rem;
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child>.d4c-dataset-visualization__schema {
    margin-right: .9375rem;
    width: calc(74% - .9375rem);
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child>.d4c-dataset-subscription {
    margin-left: .9375rem;
    width: calc(26% - .9375rem);
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"]>div:first-child>.row:first-child .col-sm-9 {
    width: 66.33%;
    padding-right: 2rem;
  }

  main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane[slug="information"]>div:first-child>.row:first-child .col-sm-3 {
    width: 33.33%;
  }

  .path-frontpage .region-content [class*="block-views-blockdonnees-a-la-une-home"],
  .path-frontpage .region-content [class*="block-views-blockreutilisations-home"],
  .path-frontpage .region-content #block-donneespopulaires {
    width: 33.33%;
  }

  div[role="main"] #main.widget-opendata {
    max-width: 80rem;
  }

  div[role="main"] #main.widget-opendata .col-md-10 {
    margin-left: 1.25rem;
    max-width: 60rem;
  }

  div[role="main"] #main.widget-opendata #datasets {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  #main.widget-opendata #datasets .dataset {
    margin-left: 1.125rem;
    width: calc(50% - 1.125rem);
  }

  .contact-message-parent {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
  }

  .contact-message-parent::before,
  .contact-message-parent::after {
    border-top: .0625rem solid #ccc;
    content: "";
    display: block;
    height: 0;
    left: 5rem;
    position: absolute;
    right: 5rem;
  }

  .contact-message-parent::before {
    top: 0;
  }

  .contact-message-parent::after {
    bottom: 1.875rem;
  }

  .contact-message-parent .contact-form,
  .contact-message-parent #block-informationsurlacollectedesdonneesacaracterepersonnel {
    flex: 1;
    flex-shrink: 1;
    -ms-flex: 1;
    -ms-flex-negative: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex-shrink: 1;
    width: 50%;
  }

  .contact-message-parent .contact-form {
    border-bottom: 0;
    border-top: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
  }

  .contact-message-parent #block-informationsurlacollectedesdonneesacaracterepersonnel {
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-top: 2.5rem;
  }
}

@media (min-width:76rem) {
  section.block-block-grouphome-group-hot-content {
    align-items: flex-start;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    -ms-flex-align: start;
    -ms-flex-pack: center;
    padding-left: .9375rem;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
  }

  .path-frontpage .region-content #block-dernierespublications {
    align-self: stretch;
    margin-left: .9375rem;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
  }

  .path-frontpage .region-content #block-dernierespublications>.field {
    height: calc(100% - 3.75rem);
  }

  .path-frontpage .region-content #block-dernierespublications .home-news-list,
  .path-frontpage .region-content #block-dernierespublications .home-news-list .view-content,
  .path-frontpage .region-content #block-dernierespublications .home-news-list .views-row {
    height: 100%;
  }
}

@media (min-width:87rem) {
  .home-indicators {
    max-width: 100%;
  }
}

@media (min-width:87.5rem) {
  div[role="main"] #main.widget-opendata {
    max-width: 109rem;
  }

  div[role="main"] #main.widget-opendata .col-md-10 {
    max-width: 100%;
  }

  #main.widget-opendata #datasets .dataset {
    width: calc(33.33% - 1.25rem);
  }
}

@media (min-width:768px) {

  .d4c-api-console .d4c-form__group .d4c-form__label,
  .interior-article-api-console .d4c-form__group .d4c-form__label {
    margin-bottom: 0;
    padding-right: 1.25rem;
    text-align: right;
  }

  .d4c-api-console .d4c-form__group .d4c-form__label .d4c-button--primary,
  .interior-article-api-console .d4c-form__group .d4c-form__label .d4c-button--primary {
    transform: translateX(120px);
    -webkit-transform: translateX(120px);
  }
}

@media (min-width:992px) {

  .d4c-api-console .d4c-api-console-page__service-result,
  .interior-article-api-console .d4c-api-console-page__service-result {
    margin-top: 0;
    margin-left: 2.5em;
  }
}

@media (prefers-reduced-motion:reduce) {

  *,
  *::before,
  *::after {
    animation-duration: .001s !important;
    transition-duration: .001s !important;
  }
}